diff options
Diffstat (limited to 'app/settings.php')
| -rw-r--r-- | app/settings.php | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/app/settings.php b/app/settings.php new file mode 100644 index 0000000..4c2a287 --- /dev/null +++ b/app/settings.php @@ -0,0 +1,68 @@ +<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; ?> +<!doctype html> +<html lang="en"> +<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"> + <title>settings</title> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> + <link href="/assets/dark.css" rel="stylesheet"> + <link href="/assets/styles.css" rel="stylesheet"> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> + <script src="/assets/localforage.min.js"></script> + <script src="/assets/fuse.min.js"></script> + <script src="/assets/shortcuts.js"></script> + <link id="native-css" href="/assets/native.css" rel="stylesheet" disabled> +</head> +<body class="crossplatform"> + <script> + if (navigator.userAgent.includes("MistNative/darwin") || navigator.userAgent.includes("MistNative/win32")) { + document.getElementById("native-css").disabled = false; + document.body.classList.remove("crossplatform"); + } + </script> + <div class="container"> + <br> + <h2 style="margin-top: 10px; margin-bottom: 20px; margin-left: 10px;">Settings</h2> + <div style="margin-left: 10px;"> + <div class="form-check form-switch"> + <input onchange="saveDS();" class="form-check-input" type="checkbox" role="switch" id="data-saving"> + <label class="form-check-label" for="data-saving">Enable data saving</label> + <div class="text-muted small">Data saving disables playing lossless and high-resolution audio. Instead, you will get 256 kbps AAC-encoded audio, which is high efficient. If you use Bluetooth headphones, the difference should be unnoticeable.</div> + </div> + <script> + if (localStorage.getItem("data-saving") === "true") document.getElementById("data-saving").checked = true; + function saveDS() { + localStorage.setItem("data-saving", document.getElementById("data-saving").checked ? "true" : "false"); + window.parent.location.reload(); + } + </script> + + <?php if (str_contains($_SERVER['HTTP_USER_AGENT'], "MistNative/")): ?> + <div class="form-check form-switch" style="margin-top: 10px;"> + <input onchange="saveDN();" class="form-check-input" type="checkbox" role="switch" id="desktop-notification"> + <label class="form-check-label" for="desktop-notification">Display notification when song changes</label> + <div class="text-muted small">If this is enabled, a desktop notification will be shown when the song being played changes, containing information about the new song. This requires having notifications enabled in your system settings.</div> + </div> + <script> + if (localStorage.getItem("desktop-notification") === "true") document.getElementById("desktop-notification").checked = true; + function saveDN() { + localStorage.setItem("desktop-notification", document.getElementById("desktop-notification").checked ? "true" : "false"); + } + </script> + <?php endif; ?> + + <hr> + <?php if (str_contains($_SERVER['HTTP_USER_AGENT'], "MistNative/")): ?> + <a onclick="window.parent.MistNative.about();" href="#">About Mist</a> + <?php else: ?> + <div class="text-muted"> + <img class="icon" src="/assets/logo-transparent.svg" style="vertical-align: middle; filter: grayscale(1) invert(1); width: 32px; height: 32px;" alt=""> + <span style="vertical-align: middle;">Mist version <?= str_replace("|", " ", file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/version")) ?> (build <?= file_get_contents("/opt/spotify/build.txt") ?>) · © <?= date('Y') ?> Equestria.dev</span> + </div> + <?php endif; ?> + </div> +</body> +</html>
\ No newline at end of file |