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('r11tooltip.css');
@import url('r11modal.css'); @import url('r11modal.css');
@import url('r11flexbox.css'); @import url('r11flexbox.css');
@import url('r11popup.css');
@font-face { @font-face {
font-family: 'Material Icons'; font-family: 'Material Icons';

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

@@ -70,3 +70,26 @@
margin: 0; margin: 0;
padding: 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; display:none;
} }
#header-table tr td {
border: 1px black solid;
padding: 1%;
}
#header-table{
border-collapse: collapse;
}
@keyframes blur { @keyframes blur {
0% { 0% {
backdrop-filter: blur(0px); backdrop-filter: blur(0px);

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

@@ -69,3 +69,16 @@
text-align: left; text-align: left;
color: white; 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){ function focusInTip(element){
showTip(element); showTip(element);
focusedField = true; focusedField = true;
@@ -102,6 +100,10 @@ function focusOutTip(element){
hidTip(element); hidTip(element);
} }
function refreshHistoryRecords(){
getLast24hHistoryData();
}
function hidTip(element){ function hidTip(element){
if(focusedField) return; if(focusedField) return;
$('#'+element).removeClass('active'); $('#'+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/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/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/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> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head> </head>
<body> <body>
@@ -153,7 +152,10 @@
<!-- 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">
<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 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">