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