T272 Increased number of history items displayed. Added scrollbar
This commit is contained in:
		
							
								
								
									
										4
									
								
								src/main/resources/static/css/main.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								src/main/resources/static/css/main.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,4 @@ | |||||||
|  | .overflowedTableContent { | ||||||
|  |     max-height: 750px; | ||||||
|  |     overflow: scroll; | ||||||
|  | } | ||||||
| @@ -4,6 +4,7 @@ | |||||||
|     <title>R11 MockedServices</title> |     <title>R11 MockedServices</title> | ||||||
|     <meta charset="utf-8"> |     <meta charset="utf-8"> | ||||||
|     <link rel="stylesheet" href="css/fontello.css" type="text/css"> |     <link rel="stylesheet" href="css/fontello.css" type="text/css"> | ||||||
|  |     <link rel="stylesheet" href="css/main.css" type="text/css"> | ||||||
|     <link rel="stylesheet" href="http://gordon.zipper.release11.com:8085/common.css" type="text/css"> |     <link rel="stylesheet" href="http://gordon.zipper.release11.com:8085/common.css" type="text/css"> | ||||||
|     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | ||||||
| </head> | </head> | ||||||
| @@ -117,7 +118,7 @@ | |||||||
|                                         <button id="btn-searchHistory" 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 overflowedTableContent"> | ||||||
|                                         <table id="historyTable" class="table-default"> |                                         <table id="historyTable" class="table-default"> | ||||||
|                                             <thead> |                                             <thead> | ||||||
|                                                 <tr class="bottom-border"> |                                                 <tr class="bottom-border"> | ||||||
|   | |||||||
| @@ -1,5 +1,5 @@ | |||||||
| var historyJson = {}; | var historyJson = {}; | ||||||
| const maxIterations = 30; | const maxIterations = 200; | ||||||
|  |  | ||||||
| function filterHistory(){ | function filterHistory(){ | ||||||
|     var dateFrom = new Date($('#historyFrom').val() + 'T' + $('#historyTimeFrom').val()); |     var dateFrom = new Date($('#historyFrom').val() + 'T' + $('#historyTimeFrom').val()); | ||||||
|   | |||||||
							
								
								
									
										4
									
								
								target/classes/static/css/main.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								target/classes/static/css/main.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,4 @@ | |||||||
|  | .overflowedTableContent { | ||||||
|  |     max-height: 750px; | ||||||
|  |     overflow: scroll; | ||||||
|  | } | ||||||
| @@ -4,6 +4,7 @@ | |||||||
|     <title>R11 MockedServices</title> |     <title>R11 MockedServices</title> | ||||||
|     <meta charset="utf-8"> |     <meta charset="utf-8"> | ||||||
|     <link rel="stylesheet" href="css/fontello.css" type="text/css"> |     <link rel="stylesheet" href="css/fontello.css" type="text/css"> | ||||||
|  |     <link rel="stylesheet" href="css/main.css" type="text/css"> | ||||||
|     <link rel="stylesheet" href="http://gordon.zipper.release11.com:8085/common.css" type="text/css"> |     <link rel="stylesheet" href="http://gordon.zipper.release11.com:8085/common.css" type="text/css"> | ||||||
|     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | ||||||
| </head> | </head> | ||||||
| @@ -117,7 +118,7 @@ | |||||||
|                                         <button id="btn-searchHistory" 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 overflowedTableContent"> | ||||||
|                                         <table id="historyTable" class="table-default"> |                                         <table id="historyTable" class="table-default"> | ||||||
|                                             <thead> |                                             <thead> | ||||||
|                                                 <tr class="bottom-border"> |                                                 <tr class="bottom-border"> | ||||||
|   | |||||||
| @@ -1,5 +1,5 @@ | |||||||
| var historyJson = {}; | var historyJson = {}; | ||||||
| const maxIterations = 30; | const maxIterations = 200; | ||||||
|  |  | ||||||
| function filterHistory(){ | function filterHistory(){ | ||||||
|     var dateFrom = new Date($('#historyFrom').val() + 'T' + $('#historyTimeFrom').val()); |     var dateFrom = new Date($('#historyFrom').val() + 'T' + $('#historyTimeFrom').val()); | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user