added osu and hitmarker sounds

src/js/commandline-lists.js

@@ -917,7 +917,7 @@ let commandsSoundOnClick = {
     },
     {
       id: "setSoundOnClick1",
-      display: "1",
+      display: "click",
       configValue: "1",
       exec: () => {
         UpdateConfig.setPlaySoundOnClick("1");
@@ -926,7 +926,7 @@ let commandsSoundOnClick = {
     },
     {
       id: "setSoundOnClick2",
-      display: "2",
+      display: "beep",
       configValue: "2",
       exec: () => {
         UpdateConfig.setPlaySoundOnClick("2");
@@ -935,7 +935,7 @@ let commandsSoundOnClick = {
     },
     {
       id: "setSoundOnClick3",
-      display: "3",
+      display: "pop",
       configValue: "3",
       exec: () => {
         UpdateConfig.setPlaySoundOnClick("3");
@@ -944,7 +944,7 @@ let commandsSoundOnClick = {
     },
     {
       id: "setSoundOnClick4",
-      display: "4",
+      display: "nk creams",
       configValue: "4",
       exec: () => {
         UpdateConfig.setPlaySoundOnClick("4");
@@ -953,13 +953,31 @@ let commandsSoundOnClick = {
     },
     {
       id: "setSoundOnClick5",
-      display: "5",
+      display: "typewriter",
       configValue: "5",
       exec: () => {
         UpdateConfig.setPlaySoundOnClick("5");
         Sound.playClick(Config.playSoundOnClick);
       },
     },
+    {
+      id: "setSoundOnClick6",
+      display: "osu",
+      configValue: "6",
+      exec: () => {
+        UpdateConfig.setPlaySoundOnClick("6");
+        Sound.playClick(Config.playSoundOnClick);
+      },
+    },
+    {
+      id: "setSoundOnClick7",
+      display: "hitmarker",
+      configValue: "7",
+      exec: () => {
+        UpdateConfig.setPlaySoundOnClick("7");
+        Sound.playClick(Config.playSoundOnClick);
+      },
+    },
   ],
 };
 

src/js/sound.js

@@ -169,6 +169,52 @@ export function init() {
         counter: 0,
       },
     ],
+    6: [
+      {
+        sounds: [
+          new Howl({ src: "../sound/click6/click6_1.wav" }),
+          new Howl({ src: "../sound/click6/click6_11.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click6/click6_2.wav" }),
+          new Howl({ src: "../sound/click6/click6_22.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click6/click6_3.wav" }),
+          new Howl({ src: "../sound/click6/click6_33.wav" }),
+        ],
+        counter: 0,
+      },
+    ],
+    7: [
+      {
+        sounds: [
+          new Howl({ src: "../sound/click7/click7_1.wav" }),
+          new Howl({ src: "../sound/click7/click7_11.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click7/click7_2.wav" }),
+          new Howl({ src: "../sound/click7/click7_22.wav" }),
+        ],
+        counter: 0,
+      },
+      {
+        sounds: [
+          new Howl({ src: "../sound/click7/click7_3.wav" }),
+          new Howl({ src: "../sound/click7/click7_33.wav" }),
+        ],
+        counter: 0,
+      },
+    ],
   };
 }
 

static/index.html

@@ -2465,7 +2465,7 @@
               <i class="fas fa-chevron-down"></i>
             </div>
             <div class="settingsGroup sound">
-              <div class="section playSoundOnClick">
+              <div class="section playSoundOnClick fullWidth">
                 <h1>play sound on click</h1>
                 <div class="text">
                   Plays a short sound when you press a key.
@@ -2485,7 +2485,7 @@
                     tabindex="0"
                     onclick="this.blur();"
                   >
-                    1
+                    click
                   </div>
                   <div
                     class="button"
@@ -2493,7 +2493,7 @@
                     tabindex="0"
                     onclick="this.blur();"
                   >
-                    2
+                    beep
                   </div>
                   <div
                     class="button"
@@ -2501,7 +2501,7 @@
                     tabindex="0"
                     onclick="this.blur();"
                   >
-                    3
+                    pop
                   </div>
                   <div
                     class="button"
@@ -2509,7 +2509,7 @@
                     tabindex="0"
                     onclick="this.blur();"
                   >
-                    4
+                    nk creams
                   </div>
                   <div
                     class="button"
@@ -2517,7 +2517,23 @@
                     tabindex="0"
                     onclick="this.blur();"
                   >
-                    5
+                    typewriter
+                  </div>
+                  <div
+                    class="button"
+                    playSoundOnClick="6"
+                    tabindex="0"
+                    onclick="this.blur();"
+                  >
+                    osu
+                  </div>
+                  <div
+                    class="button"
+                    playSoundOnClick="7"
+                    tabindex="0"
+                    onclick="this.blur();"
+                  >
+                    hitmarker
                   </div>
                 </div>
               </div>