diff --git a/Turntable/rotateTurntable.js b/Turntable/rotateTurntable.js
index 40eaa84..78c57fd 100644
--- a/Turntable/rotateTurntable.js
+++ b/Turntable/rotateTurntable.js
@@ -7,8 +7,7 @@ window.addEventListener("load", rotateTurntable = () => {
}
const adModalStyle = document.createElement("style");
- const STYLE_FOR_AD_MODAL =
-`
+ const STYLE_FOR_AD_MODAL = `
.ReactModalPortal {
display: none
}
@@ -29,59 +28,45 @@ window.addEventListener("load", rotateTurntable = () => {
}
}
- function handleFadControl(event) {
- event.stopPropagation();
- }
-
function handleFadDblclick() {
const fadControlsBtns = document.querySelectorAll("#fad-controls button");
for (const fadControl of fadControlsBtns) {
- fadControl.addEventListener("dblclick", handleFadControl);
+ fadControl.addEventListener("dblclick", event => event.stopPropagation());
}
}
function handleConfigSwitch() {
- const genericModal = document.querySelector("generic-modal");
-
- document.querySelectorAll("#popup-config-container > div")[0].remove();
-
- handleInitalStatus(genericModal);
- }
-
- function handleInitalStatus(genericModal) {
- genericModal.remove();
+ document.querySelector("generic-modal").remove();
handleRotate();
handleFadDblclick();
}
- function handleBackdrop() {
- const fadClassList = document.querySelector("#full-app-display").classList;
-
+ function handleBackdrop(fullAppDisplay, setBlurBackdropBtn) {
if (!+localStorage.getItem("enableBlurFad")) {
- fadClassList.add("blur-fad");
+ fullAppDisplay.setAttribute("data-is-blur-fad", "true");
+ setBlurBackdropBtn.classList.remove("disabled");
localStorage.setItem("enableBlurFad", "1");
} else {
- fadClassList.remove("blur-fad");
+ fullAppDisplay.setAttribute("data-is-blur-fad", "false");
+ setBlurBackdropBtn.classList.add("disabled");
localStorage.setItem("enableBlurFad", "0");
}
}
- function handleContextMenu() {
- const configPopupCloseBtn = document.querySelector(".main-trackCreditsModal-closeBtn");
+ function handleContextMenu(fullAppDisplay) {
const configContainer = document.querySelector("#popup-config-container");
const settingRowReferenceNode = document.querySelectorAll("#popup-config-container > div")[0];
const settingRowContainer = document.createElement("div");
- const settingRow =
-`
+ const settingRow = `
-