From 381f844dfa0f64e579f415806d1e70cbc9401db8 Mon Sep 17 00:00:00 2001 From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com> Date: Tue, 25 Nov 2025 10:45:53 +0100 Subject: [PATCH] Added date presets --- application/views/gridmap/index.php | 35 +++++++---- assets/js/sections/gridmap.js | 92 +++++++++++++++++++++++++++++ 2 files changed, 116 insertions(+), 11 deletions(-) diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php index 72235cccb..e982e15b5 100644 --- a/application/views/gridmap/index.php +++ b/application/views/gridmap/index.php @@ -21,24 +21,37 @@ -
+
-
-
-
- input->post('dateFrom')) echo 'value="' . $this->input->post('dateFrom') . '"'; ?>> -
-
-
-
-
- input->post('dateTo')) echo 'value="' . $this->input->post('dateTo') . '"'; ?>> +
+
+
+ + + + + + + + +
+
+
+
+ input->post('dateFrom')) echo 'value="' . $this->input->post('dateFrom') . '"'; ?>> +
+
+
+ input->post('dateTo')) echo 'value="' . $this->input->post('dateTo') . '"'; ?>> +
+
+
diff --git a/assets/js/sections/gridmap.js b/assets/js/sections/gridmap.js index 8920a0ed3..45c8b5ff9 100644 --- a/assets/js/sections/gridmap.js +++ b/assets/js/sections/gridmap.js @@ -342,3 +342,95 @@ $(document).ready(function(){ // pass in the target node, as well as the observer options observer.observe(target, config); }); + + +// Preset functionality + function applyPreset(preset) { + const dateFrom = document.getElementById('dateFrom'); + const dateTo = document.getElementById('dateTo'); + const today = new Date(); + + // Format date as YYYY-MM-DD + function formatDate(date) { + const year = date.getFullYear(); + const month = String(date.getMonth() + 1).padStart(2, '0'); + const day = String(date.getDate()).padStart(2, '0'); + return `${year}-${month}-${day}`; + } + + switch(preset) { + case 'today': + dateFrom.value = formatDate(today); + dateTo.value = formatDate(today); + break; + + case 'yesterday': + const yesterday = new Date(today); + yesterday.setDate(yesterday.getDate() - 1); + dateFrom.value = formatDate(yesterday); + dateTo.value = formatDate(yesterday); + break; + + case 'last7days': + const sevenDaysAgo = new Date(today); + sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7); + dateFrom.value = formatDate(sevenDaysAgo); + dateTo.value = formatDate(today); + break; + + case 'last30days': + const thirtyDaysAgo = new Date(today); + thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30); + dateFrom.value = formatDate(thirtyDaysAgo); + dateTo.value = formatDate(today); + break; + + case 'thismonth': + const firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), 1); + dateFrom.value = formatDate(firstDayOfMonth); + dateTo.value = formatDate(today); + break; + + case 'lastmonth': + const firstDayOfLastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1); + const lastDayOfLastMonth = new Date(today.getFullYear(), today.getMonth(), 0); + dateFrom.value = formatDate(firstDayOfLastMonth); + dateTo.value = formatDate(lastDayOfLastMonth); + break; + + case 'thisyear': + const firstDayOfYear = new Date(today.getFullYear(), 0, 1); + dateFrom.value = formatDate(firstDayOfYear); + dateTo.value = formatDate(today); + break; + + case 'alltime': + dateFrom.value = ''; + dateTo.value = ''; + break; + } + + // Trigger plot after applying preset + setTimeout(() => { + const plotButton = document.getElementById('plot'); + if (plotButton) { + plotButton.click(); + } + }, 100); + } + + // Reset dates function + function resetDates() { + const dateFrom = document.getElementById('dateFrom'); + const dateTo = document.getElementById('dateTo'); + dateFrom.value = ''; + dateTo.value = ''; + + // Trigger plot after resetting + setTimeout(() => { + const plotButton = document.getElementById('plot'); + if (plotButton) { + plotButton.click(); + } + }, 100); + }