add new darkmode/enable hide_server_tokens/dep updates

Signed-off-by: Zoey <zoey@z0ey.de>
Signed-off-by: ƬHE ЯAW ☣ <daraw665@gmail.com>
Co-Authored-By: ƬHE ЯAW ☣ <raw@dopehosting.net>
This commit is contained in:
Zoey
2023-05-21 22:23:20 +02:00
parent 7e6612467f
commit 677b30d25e
12 changed files with 339 additions and 93 deletions

View File

@@ -1,54 +1,72 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Language" content="en">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<title><%- title %></title>
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
<link rel="manifest" href="/images/favicons/site.webmanifest">
<link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#333333">
<meta name="msapplication-config" content="/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="/css/main.css?v=<%= version %>" rel="stylesheet">
<script src="js/darkreader.js"></script>
<script>
function toggleDarkMode() {
if (DarkReader.isEnabled()) {
DarkReader.disable();
localStorage.setItem('darkMode', 'off');
} else {
DarkReader.enable();
localStorage.setItem('darkMode', 'on');
}
}
if (localStorage.getItem('darkMode') === 'on') {
DarkReader.enable();
} else if (localStorage.getItem('darkMode') === 'off') {
DarkReader.disable();
} else {
DarkReader.auto();
}
</script>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta http-equiv="Content-Language" content="en" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<title><%- title %></title>
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png" />
<link rel="manifest" href="/images/favicons/site.webmanifest" />
<link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" href="/images/favicons/favicon.ico" />
<meta name="msapplication-TileColor" content="#333333" />
<meta name="msapplication-config" content="/images/favicons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<link href="/css/main.css?v=<%= version %>" rel="stylesheet" />
</head>
<body>
<script>
function loadCSS(filename) {
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = filename + '?v=' + Date.now();
document.head.appendChild(link);
}
function unloadCSS(filename) {
var links = document.getElementsByTagName("link");
var i = links.length;
while (i--) {
var link = links[i];
if (link.href.indexOf("/css/darkmode.css") !== -1) {
link.parentNode.removeChild(link);
}
}
}
<noscript>
<div class="container no-js-warning">
<div class="alert alert-warning text-center">
<strong>Warning!</strong> This application requires Javascript and your browser doesn't support it.
</div>
</div>
</noscript>
function toggleDarkMode() {
if (localStorage.getItem("darkMode") === "on") {
unloadCSS("/css/darkmode.css");
localStorage.setItem("darkMode", "off");
} else {
loadCSS("/css/darkmode.css");
localStorage.setItem("darkMode", "on");
}
}
if (localStorage.getItem("darkMode") === "on") {
loadCSS("/css/darkmode.css");
} else if (localStorage.getItem("darkMode") === "off") {
unloadCSS("/css/darkmode.css");
} else if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
loadCSS("/css/darkmode.css");
localStorage.setItem("darkMode", "on");
} else {
unloadCSS("/css/darkmode.css");
localStorage.setItem("darkMode", "off");
}
</script>
</head>
<body>
<noscript>
<div class="container no-js-warning">
<div class="alert alert-warning text-center"><strong>Warning!</strong> This application requires Javascript and your browser doesn't support it.</div>
</div>
</noscript>
</body>
</html>

View File

@@ -137,7 +137,7 @@
<% } else if (provider === 'other') { %>
<!-- Other -->
<div class="col-sm-12 col-md-12">
<div class="text-blue mb-4"><i class="fe fe-alert-triangle"></i> <%= i18n('ssl', 'passphrase-protection-support-info') %></div>
<div class="text-blue mb-4"><%= i18n('ssl', 'passphrase-protection-support-info') %></div>
</div>
<div class="col-sm-12 col-md-12">
<div class="form-group">

View File

@@ -4,7 +4,7 @@
"description": "A beautiful interface for creating Nginx endpoints",
"main": "js/index.js",
"dependencies": {
"@babel/core": "7.21.8",
"@babel/core": "7.22.1",
"babel-core": "6.26.3",
"babel-loader": "8.3.0",
"babel-preset-env": "1.7.0",