R11/release11-tools-mocked-services
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

T272 history filter is now hidden. Added switch to toggle visibility

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-04-22 17:31:32 +02:00
parent a0e34cbccc
commit 1d95b0c9c3
4 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/main/resources/static/html/mock.html
View File

@@ -102,7 +102,8 @@
<!-- history --> <!-- history -->
<div id="history" class="medium-vertical-margin tabcontent"> <div id="history" class="medium-vertical-margin tabcontent">
<div class="block-display max-width"> <div class="block-display max-width">
<div class="display-space-between max-width small-vertical-margin"> <button id="btn-history-filter" class="clickable-text highlight"><span>&gt;</span> filter</button>
<div id ="history-filter" class="display-space-between max-width small-vertical-margin hiddable">
<div class="three-fourth-width display-space-evenly"> <div class="three-fourth-width display-space-evenly">
<div class="block-display half-width with-padding"> <div class="block-display half-width with-padding">
<label for="historyFrom" class="block-label">From</label> <label for="historyFrom" class="block-label">From</label>

7
src/main/resources/static/js/uianimation.js
View File

@@ -22,8 +22,15 @@ function changeAdvancedVisibility(){
setCookie(); setCookie();
} }
const historyFilterSwitch = function(){
$('#history-filter').toggleClass('active');
}
$("#optional").click(changeAdvancedVisibility); $("#optional").click(changeAdvancedVisibility);
$('#historyTab').click(showHistory); $('#historyTab').click(showHistory);
$('#btn-history-filter').click(historyFilterSwitch);
const tabitem = $('.tabitem'); const tabitem = $('.tabitem');
function showHistory(){ function showHistory(){

3
target/classes/static/html/mock.html
View File

@@ -102,7 +102,8 @@
<!-- history --> <!-- history -->
<div id="history" class="medium-vertical-margin tabcontent"> <div id="history" class="medium-vertical-margin tabcontent">
<div class="block-display max-width"> <div class="block-display max-width">
<div class="display-space-between max-width small-vertical-margin"> <button id="btn-history-filter" class="clickable-text highlight"><span>&gt;</span> filter</button>
<div id ="history-filter" class="display-space-between max-width small-vertical-margin hiddable">
<div class="three-fourth-width display-space-evenly"> <div class="three-fourth-width display-space-evenly">
<div class="block-display half-width with-padding"> <div class="block-display half-width with-padding">
<label for="historyFrom" class="block-label">From</label> <label for="historyFrom" class="block-label">From</label>

7
target/classes/static/js/uianimation.js
View File

@@ -22,8 +22,15 @@ function changeAdvancedVisibility(){
setCookie(); setCookie();
} }
const historyFilterSwitch = function(){
$('#history-filter').toggleClass('active');
}
$("#optional").click(changeAdvancedVisibility); $("#optional").click(changeAdvancedVisibility);
$('#historyTab').click(showHistory); $('#historyTab').click(showHistory);
$('#btn-history-filter').click(historyFilterSwitch);
const tabitem = $('.tabitem'); const tabitem = $('.tabitem');
function showHistory(){ function showHistory(){