show past items

app/src/pages/MapContainer.tsx

@@ -39,28 +39,33 @@ function MapContainer({ layers, map }: { layers: LayerProps[]; map: any }) {
     // get timestamp for the end of the current day
     const now = new Date()
     const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate())
-    const etartOfDayISO = startOfDay.toISOString()
+    const startOfDayISO = startOfDay.toISOString()
 
     layers.map((layer: LayerProps) => {
+      // Only apply date filter if showPastItems is not explicitly set to true
+      const dateFilter = layer.showPastItems
+        ? undefined
+        : {
+            _or: [
+              {
+                end: {
+                  _gt: startOfDayISO,
+                },
+              },
+              {
+                end: {
+                  _null: true,
+                },
+              },
+            ],
+          }
+
       apis &&
         setApis((current) => [
           ...current,
           {
             id: layer.id,
-            api: new itemsApi<Place>('items', layer.id, undefined, {
-              _or: [
-                {
-                  end: {
-                    _gt: etartOfDayISO,
-                  },
-                },
-                {
-                  end: {
-                    _null: true,
-                  },
-                },
-              ],
-            }),
+            api: new itemsApi<Place>('items', layer.id, undefined, dateFilter),
           },
         ])
     })

backend/directus-config/development/snapshot/fields/layers/showPastItems.json

@@ -0,0 +1,45 @@
+{
+  "collection": "layers",
+  "field": "showPastItems",
+  "type": "boolean",
+  "meta": {
+    "collection": "layers",
+    "conditions": null,
+    "display": null,
+    "display_options": null,
+    "field": "showPastItems",
+    "group": null,
+    "hidden": false,
+    "interface": "boolean",
+    "note": null,
+    "options": null,
+    "readonly": false,
+    "required": false,
+    "sort": 19,
+    "special": [
+      "cast-boolean"
+    ],
+    "translations": null,
+    "validation": null,
+    "validation_message": null,
+    "width": "full"
+  },
+  "schema": {
+    "name": "showPastItems",
+    "table": "layers",
+    "data_type": "boolean",
+    "default_value": false,
+    "max_length": null,
+    "numeric_precision": null,
+    "numeric_scale": null,
+    "is_nullable": true,
+    "is_unique": false,
+    "is_indexed": false,
+    "is_primary_key": false,
+    "is_generated": false,
+    "generation_expression": null,
+    "has_auto_increment": false,
+    "foreign_key_table": null,
+    "foreign_key_column": null
+  }
+}

lib/src/types/LayerProps.d.ts

@@ -26,4 +26,5 @@ export interface LayerProps {
   listed?: boolean
   item_presets?: Record<string, unknown>
   item_default_name?: string
+  showPastItems?: boolean
 }