- remove old admin interface
- introduce 404 page - fix chrome display bug - fixed about not showing version - removed unused dependecies - removed dead code from interface.js - moved layout to dedicated page
This commit is contained in:
86
static/css/errorPage/style.css
Normal file
86
static/css/errorPage/style.css
Normal file
@ -0,0 +1,86 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #0B161E;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: 'Segoe UI';
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.color-foreground {
|
||||
color: #474849 !important;
|
||||
}
|
||||
|
||||
.text-shadow {
|
||||
text-shadow: 1px 1px 2px;
|
||||
}
|
||||
|
||||
.rainbow {
|
||||
-webkit-animation:rainbow 16s infinite;
|
||||
-ms-animation:rainbow 16s infinite;
|
||||
-o-animation:rainbow 16s infinite;
|
||||
animation:rainbow 16s infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rainbow {
|
||||
0% {color: #ff0000;}
|
||||
10% {color: #ff8000;}
|
||||
20% {color: #ffff00;}
|
||||
30% {color: #80ff00;}
|
||||
40% {color: #00ff00;}
|
||||
50% {color: #00ff80;}
|
||||
60% {color: #00ffff;}
|
||||
70% {color: #0080ff;}
|
||||
80% {color: #0000ff;}
|
||||
90% {color: #8000ff;}
|
||||
100% {color: #ff0080;}
|
||||
}
|
||||
@-ms-keyframes rainbow {
|
||||
0% {color: #ff0000;}
|
||||
10% {color: #ff8000;}
|
||||
20% {color: #ffff00;}
|
||||
30% {color: #80ff00;}
|
||||
40% {color: #00ff00;}
|
||||
50% {color: #00ff80;}
|
||||
60% {color: #00ffff;}
|
||||
70% {color: #0080ff;}
|
||||
80% {color: #0000ff;}
|
||||
90% {color: #8000ff;}
|
||||
100% {color: #ff0080;}
|
||||
}
|
||||
@-o-keyframes rainbow {
|
||||
0% {color: #ff0000;}
|
||||
10% {color: #ff8000;}
|
||||
20% {color: #ffff00;}
|
||||
30% {color: #80ff00;}
|
||||
40% {color: #00ff00;}
|
||||
50% {color: #00ff80;}
|
||||
60% {color: #00ffff;}
|
||||
70% {color: #0080ff;}
|
||||
80% {color: #0000ff;}
|
||||
90% {color: #8000ff;}
|
||||
100% {color: #ff0080;}
|
||||
}
|
||||
@keyframes rainbow {
|
||||
0% {color: #ff0000;}
|
||||
10% {color: #ff8000;}
|
||||
20% {color: #ffff00;}
|
||||
30% {color: #80ff00;}
|
||||
40% {color: #00ff00;}
|
||||
50% {color: #00ff80;}
|
||||
60% {color: #00ffff;}
|
||||
70% {color: #0080ff;}
|
||||
80% {color: #0000ff;}
|
||||
90% {color: #8000ff;}
|
||||
100% {color: #ff0080;}
|
||||
}
|
||||
62
static/css/errorPage/styles.less
Normal file
62
static/css/errorPage/styles.less
Normal file
@ -0,0 +1,62 @@
|
||||
.glitch-wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.glitch {
|
||||
@offset1: 2px;
|
||||
@offset2: -2px;
|
||||
@highlight1: #49FC00;
|
||||
@highlight2: spin(@highlight1, 180);
|
||||
|
||||
color: white;
|
||||
font-size: 150px;
|
||||
text-transform: upercase;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: attr(data-text);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #0B161E;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: @offset1;
|
||||
text-shadow: -2px 0 @highlight1;
|
||||
clip: rect(24px, 550px, 90px, 0);
|
||||
animation: glitch-anim-2 3s infinite linear alternate-reverse;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: @offset2;
|
||||
text-shadow: -2px 0 @highlight2;
|
||||
clip: rect(85px, 550px, 140px, 0);
|
||||
animation: glitch-anim 2.5s infinite linear alternate-reverse;
|
||||
}
|
||||
}
|
||||
|
||||
.glitch-frames (@n: 20, @index: 0) when (@index <= @n) {
|
||||
@keyframeSel: percentage(@index/@n);
|
||||
@rand1: unit(round(`Math.random()*150`),px);
|
||||
@rand2: unit(round(`Math.random()*150`), px);
|
||||
@{keyframeSel} {
|
||||
clip: rect(@rand1, 9999px, @rand2, 0);
|
||||
}
|
||||
.glitch-frames(@n, (@index + 1));
|
||||
}
|
||||
|
||||
@keyframes glitch-anim {
|
||||
.glitch-frames(24);
|
||||
}
|
||||
|
||||
@keyframes glitch-anim-2 {
|
||||
.glitch-frames(30,2);
|
||||
}
|
||||
@ -10,7 +10,7 @@ body {
|
||||
main {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
height: 100vh;
|
||||
height: 100vh !important;
|
||||
height: -webkit-fill-available;
|
||||
max-height: 100vh;
|
||||
overflow-x: auto;
|
||||
|
||||
@ -1 +0,0 @@
|
||||
../../node_modules/countdown/countdown.js
|
||||
@ -40,9 +40,10 @@ $(function () {
|
||||
}
|
||||
}
|
||||
|
||||
saveOption("/api/v1/system", function systemInfo(event) {
|
||||
const dataSystem = JSON.parse(event.originalTarget.response)
|
||||
saveOption("/api/v1/system", function systemInfoLoader(event) {
|
||||
const dataSystem = JSON.parse(event.target.response)
|
||||
document.getElementById("nodejsVers").innerHTML = dataSystem.nodeVersion
|
||||
document.getElementById("nodeSwVers").innerHTML = dataSystem.systemVersion
|
||||
|
||||
const tree2 = jsonview.create(dataSystem);
|
||||
jsonview.render(tree2, document.getElementById("systemInfo"));
|
||||
@ -95,8 +96,6 @@ $(function () {
|
||||
onChanged: function (newVal, test, val2) {
|
||||
// $('#duration-label2').text(newVal);
|
||||
val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value = newVal
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value)
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1])
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -105,25 +104,11 @@ $(function () {
|
||||
|
||||
// Restore settings
|
||||
saveOption("/api/v1/data", function (event, xmlHttp) {
|
||||
|
||||
const tableEntry = ' <tr><td class="pt-3-half numVal" contenteditable="true">#VALUE#</td>\
|
||||
<td class="pt-3-half full" contenteditable="false"> \
|
||||
<div class="clr-field" style="color: #bg-COLOR#;"> \
|
||||
<button aria-labelledby="clr-open-label"></button> \
|
||||
<input id="demo-input1" type="text" class="coloris" value="#COLOR#"></div> \
|
||||
</div> \
|
||||
<td>\
|
||||
<span class="table-remove"><button type="button"\
|
||||
class="btn btn-danger btn-rounded btn-sm my-0 deleteRow1">\
|
||||
Remove\
|
||||
</button></span>\
|
||||
</td></tr>'
|
||||
|
||||
const jsonResult = JSON.parse(xmlHttp.response)
|
||||
//.innerHTML = JSON.stringify(jsonResult, null, 4)
|
||||
const tree = jsonview.create(jsonResult);
|
||||
jsonview.render(tree, document.getElementById("responeSnippet"));
|
||||
jsonview.expand(tree);
|
||||
|
||||
// Restore mode radio
|
||||
const currentModeInt = modes.indexOf(jsonResult.mode);
|
||||
$("#btnradio" + (currentModeInt + 1))[0].checked = true
|
||||
@ -163,7 +148,6 @@ $(function () {
|
||||
currIndex++;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Text colors
|
||||
currIndex = 0
|
||||
@ -201,10 +185,7 @@ $(function () {
|
||||
showSeconds: true,
|
||||
showDays: false,
|
||||
onChanged: function (newVal, test, val2) {
|
||||
// $('#duration-label2').text(newVal);
|
||||
val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value = newVal
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value)
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1])
|
||||
}
|
||||
});
|
||||
|
||||
@ -358,7 +339,7 @@ $(function () {
|
||||
})
|
||||
|
||||
$("#timerHourDec").click(function (event) {
|
||||
if (currentTime > 3600000) {
|
||||
if (currentTime >= 3600000) {
|
||||
currentTime -= 3600000
|
||||
const times = msToTime(currentTime)
|
||||
$("#timerHoursV")[0].innerHTML = times[3];
|
||||
@ -375,7 +356,7 @@ $(function () {
|
||||
$("#timerSecondsV")[0].innerHTML = times[1];
|
||||
})
|
||||
$("#timerMinuteDec").click(function (event) {
|
||||
if (currentTime > 60000) {
|
||||
if (currentTime >= 60000) {
|
||||
currentTime -= 60000
|
||||
const times = msToTime(currentTime)
|
||||
$("#timerHoursV")[0].innerHTML = times[3];
|
||||
@ -391,7 +372,7 @@ $(function () {
|
||||
$("#timerSecondsV")[0].innerHTML = times[1];
|
||||
})
|
||||
$("#timerSecondsDec").click(function (event) {
|
||||
if (currentTime > 1000) {
|
||||
if (currentTime >= 1000) {
|
||||
currentTime -= 1000
|
||||
const times = msToTime(currentTime)
|
||||
$("#timerHoursV")[0].innerHTML = times[3];
|
||||
|
||||
1
static/js/less.min.js
vendored
Symbolic link
1
static/js/less.min.js
vendored
Symbolic link
@ -0,0 +1 @@
|
||||
../../node_modules/less/dist/less.min.js
|
||||
@ -1 +0,0 @@
|
||||
../../node_modules/moment/dist/moment.js
|
||||
Reference in New Issue
Block a user