5.3: accessibility and css polish

src/front/cobalt.js

@@ -13,9 +13,10 @@ let switchers = {
     "vQuality": ["1080", "max", "2160", "1440", "720", "480", "360"],
     "aFormat": ["mp3", "best", "ogg", "wav", "opus"],
     "dubLang": ["original", "auto"],
-    "vimeoDash": ["false", "true"]
+    "vimeoDash": ["false", "true"],
+    "audioMode": ["false", "true"]
 }
-let checkboxes = ["disableTikTokWatermark", "fullTikTokAudio", "muteAudio", "leftHandedLayout"];
+let checkboxes = ["disableTikTokWatermark", "fullTikTokAudio", "muteAudio"];
 let exceptions = { // used for mobile devices
     "vQuality": "720"
 }
@@ -244,37 +245,14 @@ function checkbox(action) {
     sSet(action, !!eid(action).checked);
     switch(action) {
         case "alwaysVisibleButton": button(); break;
-        case "leftHandedLayout":
-            eid("bottom").setAttribute("data-lefthanded", sGet("leftHandedLayout"));
-            break;
     }
-    sGet(action) === "true" ? notificationCheck("disable") : notificationCheck();
-}
-function updateToggle(toggl, state) {
-    switch(state) {
-        case "true":
-            eid(toggl).innerHTML = loc.toggleAudio;
-            break;
-        case "false":
-            eid(toggl).innerHTML = loc.toggleDefault;
-            break;
-    }
-}
-function toggle(toggl) {
-    let state = sGet(toggl);
-    if (state) {
-        sSet(toggl, opposite(state))
-        if (opposite(state) === "true") sSet(`${toggl}ToggledOnce`, "true");
-    } else {
-        sSet(toggl, "false")
-    }
-    updateToggle(toggl, sGet(toggl))
+    action === "disableChangelog" && sGet(action) === "true" ? notificationCheck("disable") : notificationCheck();
 }
 function loadSettings() {
     try {
         if (typeof(navigator.clipboard.readText) == "undefined") throw new Error();
     } catch (err) {
-        eid("pasteFromClipboard").style.display = "none"
+        eid("paste").style.display = "none";
     }
     if (sGet("alwaysVisibleButton") === "true") {
         eid("alwaysVisibleButton").checked = true;
@@ -284,13 +262,9 @@ function loadSettings() {
     if (sGet("downloadPopup") === "true" && !isIOS) {
         eid("downloadPopup").checked = true;
     }
-    if (!sGet("audioMode")) {
-        toggle("audioMode")
-    }
     for (let i = 0; i < checkboxes.length; i++) {
         if (sGet(checkboxes[i]) === "true") eid(checkboxes[i]).checked = true;
     }
-    updateToggle("audioMode", sGet("audioMode"));
     for (let i in switchers) {
         changeSwitcher(i, sGet(i))
     }
@@ -451,7 +425,6 @@ window.onload = () => {
     eid("cobalt-main-box").style.visibility = 'visible';
     eid("footer").style.visibility = 'visible';
     eid("url-input-area").value = "";
-    eid("bottom").setAttribute("data-lefthanded", sGet("leftHandedLayout"));
     notificationCheck();
     if (isIOS) sSet("downloadPopup", "true");
     let urlQuery = new URLSearchParams(window.location.search).get("u");
@@ -470,4 +443,4 @@ eid("url-input-area").addEventListener("keyup", (event) => {
 document.onkeydown = (event) => {
     if (event.key === "Tab" || event.ctrlKey) eid("url-input-area").focus();
     if (event.key === 'Escape') hideAllPopups();
-};
+}