feat: remember the calendar time filter selection after page reload

Save the calendar range as dateFilterStart/dateFilterEnd options and
restore it on load when the calendar mode is active. A bound at the
edge of the data (and Reset) is saved as open so new data stays visible.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

Signed-off-by: Area52_Nader <86432017+NaderArea52@users.noreply.github.com>

Author: NaderArea52

src/components/map/DateRangeFilter.vue

@@ -34,6 +34,7 @@
 
 <script>
 import { NcButton, NcDateTimePicker } from '@nextcloud/vue'
+import optionsController from '../../optionsController.js'
 
 export default {
 	name: 'DateRangeFilter',
@@ -102,22 +103,25 @@ export default {
 			if (!date) {
 				return
 			}
-			this.$emit('range-change', {
-				start: Math.floor(startOfDay(date.getTime() / 1000).getTime() / 1000),
-				end: this.end,
-			})
+			this.changeRange(Math.floor(startOfDay(date.getTime() / 1000).getTime() / 1000), this.end)
 		},
 		onEndChange(date) {
 			if (!date) {
 				return
 			}
-			this.$emit('range-change', {
-				start: this.start,
-				end: Math.floor(endOfDay(date.getTime() / 1000).getTime() / 1000),
-			})
+			this.changeRange(this.start, Math.floor(endOfDay(date.getTime() / 1000).getTime() / 1000))
 		},
 		onReset() {
-			this.$emit('range-change', { start: this.rangeMin, end: this.rangeMax })
+			this.changeRange(this.rangeMin, this.rangeMax)
+		},
+		changeRange(start, end) {
+			// remember the selection, a bound at the edge of the data is saved as open ('')
+			// so data added later (e.g. new device points) is still shown after a page reload
+			optionsController.saveOptionValues({
+				dateFilterStart: start <= this.rangeMin ? '' : String(start),
+				dateFilterEnd: end >= this.rangeMax ? '' : String(end),
+			})
+			this.$emit('range-change', { start, end })
 		},
 	},
 }

src/views/App.vue

@@ -248,6 +248,16 @@ import { generateUrl } from '@nextcloud/router'
 import { placeFileOrFolder } from '../utils/photoPicker.ts'
 import { getClient } from '@nextcloud/files/dav'
 
+// the calendar time filter remembers its last selection (the slider does not)
+function getSavedCalendarTimestamp(key, defaultValue) {
+	const optionValues = optionsController.optionValues
+	if (optionValues.displaySlider !== 'true' || optionValues.timeFilterMode !== 'calendar') {
+		return defaultValue
+	}
+	const timestamp = parseInt(optionValues[key])
+	return isNaN(timestamp) ? defaultValue : timestamp
+}
+
 export default {
 	name: 'App',
 
@@ -281,8 +291,8 @@ export default {
 			// slider
 			sliderEnabled: optionsController.optionValues.displaySlider === 'true',
 			timeFilterMode: optionsController.optionValues.timeFilterMode === 'calendar' ? 'calendar' : 'slider',
-			sliderStart: 0,
-			sliderEnd: moment().unix(),
+			sliderStart: getSavedCalendarTimestamp('dateFilterStart', 0),
+			sliderEnd: getSavedCalendarTimestamp('dateFilterEnd', moment().unix()),
 			// action history
 			lastActions: [],
 			lastCanceledActions: [],