R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Improved frontend

Browse Source
This commit is contained in:
Mikolaj Widla
2023-05-17 12:02:18 +02:00
parent 4aa1da0669
commit a411613f27
6 changed files with 46 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Frontend/assets/css/tools/mock/common.css
View File

@@ -6,6 +6,7 @@
@import url('r11tooltip.css');
@import url('r11modal.css');
@import url('r11flexbox.css');
@import url('r11popup.css');
@font-face {
font-family: 'Material Icons';

25
Frontend/assets/css/tools/mock/r11addons.css
View File

@@ -69,4 +69,27 @@
.content p {
margin: 0;
padding: 0;
}
}
.refresh-button{
float: right;
border: none;
background-color: unset;
font-size: xx-large;
}
.refresh-button:hover{
animation-name: rotation;
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotation{
from{
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

10
Frontend/assets/css/tools/mock/r11popup.css
View File

@@ -47,16 +47,6 @@
display:none;
}
#header-table tr td {
border: 1px black solid;
padding: 1%;
}
#header-table{
border-collapse: collapse;
}
@keyframes blur {
0% {
backdrop-filter: blur(0px);

13
Frontend/assets/css/tools/mock/r11tables.css
View File

@@ -68,4 +68,17 @@
background-color: #3bc4f1;
text-align: left;
color: white;
}
#header-table tr td {
border: 1px black solid;
padding: 1%;
}
#header-table{
border-collapse: collapse;
}
#historyTable, td{
padding: 1%;
}

6
Frontend/assets/scripts/tools/mock/uianimation.js
View File

@@ -90,8 +90,6 @@ function showHeadersHistory(element){
}
}
);
function focusInTip(element){
showTip(element);
focusedField = true;
@@ -102,6 +100,10 @@ function focusOutTip(element){
hidTip(element);
}
function refreshHistoryRecords(){
getLast24hHistoryData();
}
function hidTip(element){
if(focusedField) return;
$('#'+element).removeClass('active');

6
Frontend/tools/mock.html
View File

@@ -6,7 +6,6 @@
<link rel="stylesheet" href="../assets/css/tools/mock/fontello.css" type="text/css">
<link rel="stylesheet" href="../assets/css/tools/mock/main.css" type="text/css">
<link rel="stylesheet" href="../assets/css/tools/mock/common.css" type="text/css">
<link rel="stylesheet" href="../assets/css/tools/mock/r11popup.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
@@ -153,7 +152,10 @@
<!-- history -->
<div id="history" class="medium-vertical-margin tabcontent">
<div class="block-display max-width">
<button id="btn-history-filter" class="clickable-text highlight switch"><span class="toggleIndicator"></span> filter</button>
<button id="btn-history-filter" class="clickable-text highlight switch">
<span class="toggleIndicator"></span> filter
<button type="button" class="refresh-button" onclick="refreshHistoryRecords();" >↻</button>
</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="block-display half-width with-padding">