T139 History search displayed

target/classes/static/js/historyloader.js

@@ -1,8 +1,30 @@
 var historyJson = {};
+const maxIterations = 30;
+var filters = false;
+var defaultTo = new Date();
+defaultTo.setDate(defaultTo.getDate + 1);
+var defaultFrom = new Date();
+defaultFrom.setDate(defaultFrom.getDate - 30);
 
-function searchHistory(){
+function filterHistory(){
     var dateFrom = $('#historyFrom').val();
     var dateTo = $('#historyTo').val();
+    loadHistory(dateFrom, dateTo);
+}
+
+const startSearch = function(){
+    filterHistory();
+}
+$('#btn-searchHistory').click(startSearch);
+
+const filterSwitch = function(){
+    $('#historyFunction').toggleClass("active");
+}
+
+$('#historyFilterSwitch').click(filterSwitch);
+
+function loadHistory(dateFrom, dateTo){
+    console.log('Request send for history data')
     var eventRequest = {
         clientUUID : json[jsonIndex].clientUUID,
         localDateTimeFrom : dateFrom,
@@ -15,12 +37,30 @@ function searchHistory(){
         data: JSON.stringify(eventRequest, null, 2),
         contentType: "application/json"
     }).done(function(data){
-        console.log(data);
+        // TODO: Add display function
         historyJson = data;
+        displayHistory();
     });
 }
 
-const startSearch = function(){
-    searchHistory();
+function historyToHtml(){
+    console.log('generating history');
+    var innerHTML = '';
+    var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations;
+    for(let i=0; i<iterations; i++){
+        innerHTML += '<tr>' +
+            '<td>' + historyJson[i].dateTimeStamp + '</td>' +
+            '<td>' + historyJson[i].interfaceName + '</td>' +
+        '</tr>';
+    }
+    console.log('history generated');
+    return innerHTML;
 }
-$('#btn-searchHistory').click(startSearch);
+
+const displayHistory = function(){
+    console.log('Setting history...');
+    $('#historyTable tbody').html(historyToHtml());
+    console.log('History set');
+}
+
+$(document).ready(loadHistory(defaultFrom, defaultTo));