History search operational
This commit is contained in:
		| @@ -119,15 +119,18 @@ | |||||||
|                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding"> |                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding"> | ||||||
|                                             </div> |                                             </div> | ||||||
|                                         </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> | ||||||
|                                  |                                  | ||||||
|                                     <div class="max-width centered-content large-vertical-margin"> |                                     <div class="max-width centered-content large-vertical-margin"> | ||||||
|                                         <table class="table-default"> |                                         <table id="historyTable" class="table-default"> | ||||||
|  |                                             <thead> | ||||||
|                                                 <tr class="bottom-border"> |                                                 <tr class="bottom-border"> | ||||||
|                                                     <th>Timestamp</th> |                                                     <th>Timestamp</th> | ||||||
|                                                     <th>Type</th> |                                                     <th>Type</th> | ||||||
|                                                 </tr> |                                                 </tr> | ||||||
|  |                                             </thead> | ||||||
|  |                                             <tbody> | ||||||
|                                                 <tr class="even"> |                                                 <tr class="even"> | ||||||
|                                                     <td>2021-01-01T10:57:26</td> |                                                     <td>2021-01-01T10:57:26</td> | ||||||
|                                                     <td>Client request</td> |                                                     <td>Client request</td> | ||||||
| @@ -136,6 +139,7 @@ | |||||||
|                                                     <td>2021-01-01T10:57:26</td> |                                                     <td>2021-01-01T10:57:26</td> | ||||||
|                                                     <td>Client request</td> |                                                     <td>Client request</td> | ||||||
|                                                 </tr> |                                                 </tr> | ||||||
|  |                                             </tbody> | ||||||
|                                         </table> |                                         </table> | ||||||
|                                     </div> |                                     </div> | ||||||
|                                 </div> |                                 </div> | ||||||
|   | |||||||
| @@ -56,7 +56,8 @@ function historyToHtml(){ | |||||||
|     var innerHTML = ''; |     var innerHTML = ''; | ||||||
|     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations; |     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations; | ||||||
|     for(let i=0; i<iterations; i++){ |     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].dateTimeStamp + '</td>' + | ||||||
|             '<td>' + historyJson[i].interfaceName + '</td>' + |             '<td>' + historyJson[i].interfaceName + '</td>' + | ||||||
|         '</tr>'; |         '</tr>'; | ||||||
|   | |||||||
| @@ -119,15 +119,18 @@ | |||||||
|                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding"> |                                                 <input id="historyTimeTo" type="time" class="small-vertical-margin bordered-field max-width with-padding"> | ||||||
|                                             </div> |                                             </div> | ||||||
|                                         </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> | ||||||
|                                  |                                  | ||||||
|                                     <div class="max-width centered-content large-vertical-margin"> |                                     <div class="max-width centered-content large-vertical-margin"> | ||||||
|                                         <table class="table-default"> |                                         <table id="historyTable" class="table-default"> | ||||||
|  |                                             <thead> | ||||||
|                                                 <tr class="bottom-border"> |                                                 <tr class="bottom-border"> | ||||||
|                                                     <th>Timestamp</th> |                                                     <th>Timestamp</th> | ||||||
|                                                     <th>Type</th> |                                                     <th>Type</th> | ||||||
|                                                 </tr> |                                                 </tr> | ||||||
|  |                                             </thead> | ||||||
|  |                                             <tbody> | ||||||
|                                                 <tr class="even"> |                                                 <tr class="even"> | ||||||
|                                                     <td>2021-01-01T10:57:26</td> |                                                     <td>2021-01-01T10:57:26</td> | ||||||
|                                                     <td>Client request</td> |                                                     <td>Client request</td> | ||||||
| @@ -136,6 +139,7 @@ | |||||||
|                                                     <td>2021-01-01T10:57:26</td> |                                                     <td>2021-01-01T10:57:26</td> | ||||||
|                                                     <td>Client request</td> |                                                     <td>Client request</td> | ||||||
|                                                 </tr> |                                                 </tr> | ||||||
|  |                                             </tbody> | ||||||
|                                         </table> |                                         </table> | ||||||
|                                     </div> |                                     </div> | ||||||
|                                 </div> |                                 </div> | ||||||
|   | |||||||
| @@ -56,7 +56,8 @@ function historyToHtml(){ | |||||||
|     var innerHTML = ''; |     var innerHTML = ''; | ||||||
|     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations; |     var iterations = historyJson.length <= maxIterations ? historyJson.length : maxIterations; | ||||||
|     for(let i=0; i<iterations; i++){ |     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].dateTimeStamp + '</td>' + | ||||||
|             '<td>' + historyJson[i].interfaceName + '</td>' + |             '<td>' + historyJson[i].interfaceName + '</td>' + | ||||||
|         '</tr>'; |         '</tr>'; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user