More UI updates

Author: gvbvdxx

src/chat/interface/chatinterface.js

@@ -523,7 +523,9 @@ var clientSettings = require("./clientsettings.js");
             json.color,
             json.font
           );
-          sounds.play("notify", 1);
+          if (clientSettings.getSetting("INTERFACE_SOUNDS")) {
+            sounds.play("notify", 1);
+          }
           if (clientSettings.getSetting("CHAT_NOTIFY")) {
             notify.sendIfNotOnScreen(
               "New message!",

src/chat/interface/clientsettings.js

@@ -6,6 +6,8 @@ class ClientSettingsMenu {
     this.client_settings_name = "randomRantsPlusClientSettings";
     this.defaultSettings = {
       CHAT_NOTIFY: true,
+      UI_SOUNDS: true,
+      JOKE_COMMANDS: true,
     };
     this.settings = {};
     this.settingsList = [
@@ -14,6 +16,16 @@ class ClientSettingsMenu {
         id: "CHAT_NOTIFY",
         type: "on-off",
       },
+      {
+        name: "Interface sounds",
+        id: "UI_SOUNDS",
+        type: "on-off",
+      },
+      {
+        name: "Show goofy admin commands",
+        id: "JOKE_COMMANDS",
+        type: "on-off",
+      },
     ];
     this.init();
   }
@@ -29,7 +41,7 @@ class ClientSettingsMenu {
     var value = this.getSetting(id);
     var _this = this;
     return {
-      element: "span",
+      element: "div",
       className: "clientSettingsSwitchButton",
       GPWhenCreated: function (elm) {
         if (value) {
@@ -119,10 +131,19 @@ class ClientSettingsMenu {
                   height: "fit-content",
                 },
                 children: [
+                  {
+                    element: "p",
+                    textContent: "Tips:",
+                  },
+                  {
+                    element: "p",
+                    textContent:
+                      "These settings won't be applied to everyone else, and these are only stored for this device.",
+                  },
                   {
                     element: "p",
                     textContent:
-                      "Tips: Notifcations must be enabled in your browser for this site so that you can see them, you can change which ones you recieve here.",
+                      "For notifcations to work, make sure your current notifcations are cleared on your device and not blocked, and make sure the site is allowed to send notifications",
                   },
                 ],
               },
@@ -146,9 +167,13 @@ class ClientSettingsMenu {
                   if (settingInfo.type == "on-off") {
                     return {
                       element: "div",
+                      style: {
+                        padding: "4px 0px",
+                        display: "flex",
+                      },
                       children: [
                         {
-                          element: "span",
+                          element: "div",
                           textContent: settingInfo.name + ": ",
                         },
                         this.addClientSettingSwitchButton(settingInfo.id),

src/chat/interface/commands/index.js

@@ -6,6 +6,7 @@ var dialogs = require("../../../dialogs.js");
 var sws = require("../sharedwebsocket.js");
 var audio = require("../../../audio.js");
 var confetti = require("./confetti.js");
+var clientSettings = require("../clientsettings.js");
 
 var commandEffectsDiv = elements.getGPId("commandEffects");
 
@@ -32,6 +33,9 @@ com.popupMessage = function (message) {
 };
 
 com.macreJoke = function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var img = document.createElement("img");
   img.src = "images/commands/macres-a.svg";
   img.style.top = "0";
@@ -57,6 +61,9 @@ com.macreJoke = function () {
 };
 
 com.luigJoke = async function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var video = document.createElement("video");
   video.src = "videos/luig.mp4";
   video.style.top = "0";
@@ -73,6 +80,9 @@ com.luigJoke = async function () {
 };
 
 com.spin = function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var rotatedeg = 0;
   var chat = document.body;
   var int = setInterval(() => {
@@ -94,6 +104,9 @@ com.spin = function () {
 };
 
 com.popcat = function (time) {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var ms = 1000;
   if (Number(time)) {
     ms = Number(time) * 1000;
@@ -134,6 +147,9 @@ com.kick = function () {
 };
 
 com.shake = function (intensity = 1) {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   if (isNaN(intensity)) {
     intensity = 3;
   }
@@ -195,6 +211,9 @@ com.confetti = function () {
 };
 
 com.funni = async function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var img = document.createElement("img");
   img.src = "https://jasonglenevans.github.io/GvbvdxxChatEmojis/MSG_5.png";
   img.style.top = "0";
@@ -213,6 +232,9 @@ com.funni = async function () {
 };
 
 com.doom = function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   let overlay = document.createElement("div");
   overlay.innerText = "⚠️ DOOM COUNTDOWN: 10 ⚠️";
   overlay.style.cssText = `position: fixed;top: 10px;left: 50%;transform: translateX(-50%);font-size: 2em;font-weight: bold;color: red;text-shadow: 2px 2px black;z-index: 9999;pointer-events: none;user-select: none;`;
@@ -238,6 +260,9 @@ com.doom = function () {
 };
 
 com.bandicam = function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var overlay = document.createElement("span");
   overlay.innerText = "www.Bandicam.com";
   overlay.style.cssText = `position: fixed;
@@ -264,6 +289,9 @@ com.bandicam = function () {
 };
 
 com.spooky = async function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   let overlay = document.createElement("div");
   overlay.style.position = "fixed";
   overlay.style.top = "0";
@@ -294,6 +322,9 @@ com.spooky = async function () {
 };
 
 com.bsod = function () {
+  if (!clientSettings.getSetting("JOKE_COMMANDS")) {
+    return;
+  }
   var bsodStopped = false;
 
   var errors = []; // store all error icons

src/chat/interface/navsounds.js

@@ -1,4 +1,5 @@
 var sounds = require("./sounds.js");
+var clientSettings = require("./clientsettings.js");
 
 const clickableClasses = [
   "divButton",
@@ -23,7 +24,9 @@ document.addEventListener("click", (e) => {
       el.tabIndex >= 0;
 
     if (isClickable) {
-      sounds.play("select", 1);
+      if (clientSettings.getSetting("UI_SOUNDS")) {
+        sounds.play("select", 1);
+      }
       return;
     }
 
@@ -41,6 +44,8 @@ document.addEventListener("input", (e) => {
     el.isContentEditable;
 
   if (isTypingTarget) {
-    sounds.play("type", 1);
+    if (clientSettings.getSetting("UI_SOUNDS")) {
+      sounds.play("type", 1);
+    }
   }
 });

wpstatic/version.json

@@ -1 +1 @@
-{"timestamp":"1761141290865"}
+{"timestamp":"1761142207366"}