commit 09/02/2026

html/webpage/assets/js/log.js

@@ -21,7 +21,7 @@ dtLog = null;
 function fill_logtablebody(vv) {
     dtLog.clear();
     if (!Array.isArray(vv) || vv.length === 0) {
-        $('#btnExport').prop('disabled', true);
+        //$('#btnExport').prop('disabled', true);
         return;
     }
     dtLog.rows.add(vv);
@@ -29,7 +29,7 @@ function fill_logtablebody(vv) {
 
 
     $('#tablesize').text("Table Size: " + vv.length);
-    $('#btnExport').prop('disabled', false);
+    //$('#btnExport').prop('disabled', false);
 }
 
 /**
@@ -43,8 +43,10 @@ function reloadLogs(APIURL = "Log/", date, filter) {
         date: date,
         filter: filter
     })
+    console.log("Loading logs with params: " + params.toString());
     window.logdata = [];
     fetchAPI(APIURL + "List?" + params.toString(), "GET", {}, null, (okdata) => {
+        console.log("Logs loaded: " + okdata.length);
         if (Array.isArray(okdata)) {
             window.logdata.push(...okdata);
             fill_logtablebody(window.logdata);
@@ -54,16 +56,33 @@ function reloadLogs(APIURL = "Log/", date, filter) {
     });
 }
 
-
+datepicker = null;
+$btnGet = null;
 
 $(document).ready(function () {
     console.log("log.js ready");
     let selectedlogdate = "";
     let logfilter = "";
     let APIURL = "Log/";
+    $btnGet = $('#btnGet');
+
+    datepicker = new Litepicker({
+        element: document.getElementById('logdate'),
+        format: 'DD/MM/YYYY',
+        lang: 'en-US',
+        autoApply: true,
+        singleMode: true,
+        startDate: new Date(),
+        onSelect: (date) => {
+            selectedlogdate = date.format('DD/MM/YYYY');
+            console.log("Selected date: " + selectedlogdate);
+        }
+    })
+    
 
     if (dtLog === null) {
         dtLog = new DataTable('#logtable', {
+            dom: 'Bfrtip',
             data: [],
             pageLength: 25,
             columns: [
@@ -72,36 +91,42 @@ $(document).ready(function () {
                 { title: "Time", data: "timenya" },
                 { title: "Machine", data: "machine" },
                 { title: "Description", data: "description" }
-            ]
+            ],
+            buttons: ['print', 'pdf', 'excel']
         });
     }
 
-
-    if (!$('#logdate').val()) {
-        const today = new Date();
-        const dd = String(today.getDate()).padStart(2, '0');
-        const mm = String(today.getMonth() + 1).padStart(2, '0');
-        const yyyy = today.getFullYear();
-        $('#logdate').val(`${yyyy}-${mm}-${dd}`);
-        selectedlogdate = `${dd}-${mm}-${yyyy}`;
-        reloadLogs(APIURL, selectedlogdate, logfilter);
-    }
-    $('#logdate').off('change').on('change', function () {
-        const selected = $(this).val();
-        if (selected) {
-            const [year, month, day] = selected.split('-');
-            selectedlogdate = `${day}-${month}-${year}`;
-            reloadLogs(APIURL, selectedlogdate, logfilter);
+    // findalldate is checkbox, if checked will disable datepicker
+    $('#findalldate').off('change').on('change', function () {
+        if ($(this).is(':checked')) {
+            datepicker.disabled = true;
+            selectedlogdate = "alldate";
+            console.log("Find all date checked, omitting date filter");
+        } else {
+            datepicker.disabled = false;
+            const date = datepicker.getDate();
+            selectedlogdate = date.format('DD/MM/YYYY');
+            console.log("Find all date unchecked, selected date: " + selectedlogdate);
         }
     });
 
     $('#searchfilter').off('input').on('input', function () {
         logfilter = $(this).val();
+        //reloadLogs(APIURL, selectedlogdate, logfilter);
+    });
+    $btnGet.click(function () {
+        let checked = $('#findalldate').is(':checked');
+        if (checked && logfilter.trim() === "") {
+            alert("Please enter a filter when 'Find All Date' is checked to avoid large data load.");
+            return;
+        }
+        //$(this).data('selectedlogdate', selectedlogdate);
+        //$(this).data('logfilter', logfilter);
         reloadLogs(APIURL, selectedlogdate, logfilter);
     });
-    $('#btnExport').off('click').on('click', function () {
-        DoExport(APIURL, "log.xlsx", { date: selectedlogdate, filter: logfilter });
-    });
 
-    
+    selectedlogdate = datepicker.getDate().format('DD/MM/YYYY');
+    console.log("Initial selected date: " + selectedlogdate);
+    $btnGet.trigger('click');   // load logs on page load
+
 });