summaryrefslogtreecommitdiff
path: root/app/ui/settings.php
diff options
context:
space:
mode:
authorRaindropsSys <raindrops@equestria.dev>2023-10-27 22:29:56 +0200
committerRaindropsSys <raindrops@equestria.dev>2023-10-27 22:29:56 +0200
commit4d4308c46d4f7801c657cc79d2243e1a81831334 (patch)
treea2e392e0af92b9a3ca3d1b5afb841640276e2294 /app/ui/settings.php
parent9f9d66afebc59c6c265c4424f7b8fb36d8876541 (diff)
downloadmist-4d4308c46d4f7801c657cc79d2243e1a81831334.tar.gz
mist-4d4308c46d4f7801c657cc79d2243e1a81831334.tar.bz2
mist-4d4308c46d4f7801c657cc79d2243e1a81831334.zip
Updated 32 files, added 279 files, deleted 3 files and renamed 14 files (automated)
Diffstat (limited to 'app/ui/settings.php')
-rw-r--r--app/ui/settings.php90
1 files changed, 90 insertions, 0 deletions
diff --git a/app/ui/settings.php b/app/ui/settings.php
new file mode 100644
index 0000000..e6dc9ba
--- /dev/null
+++ b/app/ui/settings.php
@@ -0,0 +1,90 @@
+<?php header("X-Frame-Options: SAMEORIGIN"); require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; ?>
+<!doctype html>
+<html lang="en">
+<head>
+ <script>
+ if (typeof window.parent.openModal === "undefined") {
+ location.href = "/app/#/settings";
+ }
+ </script>
+ <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/js/shortcuts.js"></script>
+ <link id="native-css" href="/assets/native.css" rel="stylesheet" disabled>
+</head>
+<body class="crossplatform">
+ <script src="/assets/js/common.js"></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; ?>
+
+ <?php if (str_contains($_SERVER['HTTP_USER_AGENT'], "MistNative/")): ?>
+ <div class="form-check form-switch" style="margin-top: 10px;">
+ <input onchange="saveRP();" class="form-check-input" type="checkbox" role="switch" id="rich-presence">
+ <label class="form-check-label" for="desktop-notification">Show the song you are listening to on Discord</label>
+ <div class="text-muted small">Using Discord Rich Presence, Mist can display on Discord the song you are currently listening to. You need to have the Discord desktop app installed and running on your computer for this to work.</div>
+ </div>
+ <script>
+ if (localStorage.getItem("rich-presence") === "true") document.getElementById("rich-presence").checked = true;
+ function saveRP() {
+ localStorage.setItem("rich-presence", document.getElementById("rich-presence").checked ? "true" : "false");
+
+ if (localStorage.getItem("rich-presence") === "false") {
+ window.parent.discordRichPresenceData = null;
+ } else {
+ window.parent.discordRichPresenceData = {
+ largeImageKey: "logo"
+ };
+ }
+ }
+ </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 <?= trim(file_exists("/opt/spotify/build.txt") ? file_get_contents("/opt/spotify/build.txt") : "trunk") ?>) · © <?= date('Y') ?> Equestria.dev</span>
+ </div>
+ <?php endif; ?>
+ </div>
+</body>
+</html> \ No newline at end of file
© Floofi Systems, Some rights reserved. Powered by cgit.