From e40fc4efb768ed8b9565c76e5e17e73c66b43593 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Thu, 15 Apr 2021 12:34:44 +0200
Subject: [PATCH] History search operational

---
 src/main/resources/static/html/mock.html      | 32 +++++++++++--------
 src/main/resources/static/js/historyloader.js |  3 +-
 target/classes/static/html/mock.html          | 32 +++++++++++--------
 target/classes/static/js/historyloader.js     |  3 +-
 4 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/src/main/resources/static/html/mock.html b/src/main/resources/static/html/mock.html
index 2bd58d8..be3367d 100644
--- a/src/main/resources/static/html/mock.html
+++ b/src/main/resources/static/html/mock.html
@@ -119,23 +119,27 @@
                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding">
                                             </div>
                                         </div>
-                                        <button class="quater-width action-button active small-margins">Search</button>
+                                        <button id="btn-searchHistory" class="quater-width action-button active small-margins">Search</button>
                                     </div>
                                 
                                     <div class="max-width centered-content large-vertical-margin">
-                                        <table class="table-default">
-                                            <tr class="bottom-border">
-                                                <th>Timestamp</th>
-                                                <th>Type</th>
-                                            </tr>
-                                            <tr class="even">
-                                                <td>2021-01-01T10:57:26</td>
-                                                <td>Client request</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-01-01T10:57:26</td>
-                                                <td>Client request</td>
-                                            </tr>
+                                        <table id="historyTable" class="table-default">
+                                            <thead>
+                                                <tr class="bottom-border">
+                                                    <th>Timestamp</th>
+                                                    <th>Type</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <tr class="even">
+                                                    <td>2021-01-01T10:57:26</td>
+                                                    <td>Client request</td>
+                                                </tr>
+                                                <tr>
+                                                    <td>2021-01-01T10:57:26</td>
+                                                    <td>Client request</td>
+                                                </tr>
+                                            </tbody>
                                         </table>
                                     </div>
                                 </div>
diff --git a/src/main/resources/static/js/historyloader.js b/src/main/resources/static/js/historyloader.js
index 3107624..f5437e5 100644
--- a/src/main/resources/static/js/historyloader.js
+++ b/src/main/resources/static/js/historyloader.js
@@ -56,7 +56,8 @@ function historyToHtml(){
     var innerHTML = '';
     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations;
     for(let i=0; i<iterations; i++){
-        innerHTML += '<tr>' +
+        let style = i%2==0 ? ' class="even"' : '';
+        innerHTML += '<tr' + style + '>' +
             '<td>' + historyJson[i].dateTimeStamp + '</td>' +
             '<td>' + historyJson[i].interfaceName + '</td>' +
         '</tr>';
diff --git a/target/classes/static/html/mock.html b/target/classes/static/html/mock.html
index 2bd58d8..be3367d 100644
--- a/target/classes/static/html/mock.html
+++ b/target/classes/static/html/mock.html
@@ -119,23 +119,27 @@
                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding">
                                             </div>
                                         </div>
-                                        <button class="quater-width action-button active small-margins">Search</button>
+                                        <button id="btn-searchHistory" class="quater-width action-button active small-margins">Search</button>
                                     </div>
                                 
                                     <div class="max-width centered-content large-vertical-margin">
-                                        <table class="table-default">
-                                            <tr class="bottom-border">
-                                                <th>Timestamp</th>
-                                                <th>Type</th>
-                                            </tr>
-                                            <tr class="even">
-                                                <td>2021-01-01T10:57:26</td>
-                                                <td>Client request</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-01-01T10:57:26</td>
-                                                <td>Client request</td>
-                                            </tr>
+                                        <table id="historyTable" class="table-default">
+                                            <thead>
+                                                <tr class="bottom-border">
+                                                    <th>Timestamp</th>
+                                                    <th>Type</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <tr class="even">
+                                                    <td>2021-01-01T10:57:26</td>
+                                                    <td>Client request</td>
+                                                </tr>
+                                                <tr>
+                                                    <td>2021-01-01T10:57:26</td>
+                                                    <td>Client request</td>
+                                                </tr>
+                                            </tbody>
                                         </table>
                                     </div>
                                 </div>
diff --git a/target/classes/static/js/historyloader.js b/target/classes/static/js/historyloader.js
index 3107624..f5437e5 100644
--- a/target/classes/static/js/historyloader.js
+++ b/target/classes/static/js/historyloader.js
@@ -56,7 +56,8 @@ function historyToHtml(){
     var innerHTML = '';
     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations;
     for(let i=0; i<iterations; i++){
-        innerHTML += '<tr>' +
+        let style = i%2==0 ? ' class="even"' : '';
+        innerHTML += '<tr' + style + '>' +
             '<td>' + historyJson[i].dateTimeStamp + '</td>' +
             '<td>' + historyJson[i].interfaceName + '</td>' +
         '</tr>';