X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FSettings.vue;h=d01f2cd44ea12f95cd44404f670a2fc50d4d697b;hb=db1f1f9adb920605c7a16b060a7737e54636ee08;hp=a6c3e658283ea1df16f9f3e39c2fb8999e41876a;hpb=5b3dc10e34bf5bf970494be6ee1fa0b67e2ca88c;p=vchess.git

diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue
index a6c3e658..d01f2cd4 100644
--- a/client/src/components/Settings.vue
+++ b/client/src/components/Settings.vue
@@ -46,11 +46,12 @@ div
             option(value="chesscom") {{ st.tr["green"] }}
             option(value="chesstempo") {{ st.tr["blue"] }}
         fieldset
-          label(for="setSound") {{ st.tr["Play sounds?"] }}
-          select#setSound(v-model="st.settings.sound")
-            option(value="0") {{ st.tr["None"] }}
-            option(value="1") {{ st.tr["New game"] }}
-            option(value="2") {{ st.tr["All"] }}
+          label(for="setSound")
+            | {{ st.tr["Sound on new game?"] }}
+          input#setSound(
+            type="checkbox"
+            v-model="st.settings.sound"
+          )
 </template>
 
 <script>
@@ -82,10 +83,9 @@ export default {
       const propName = event.target.id
         .substr(3)
         .replace(/^\w/, c => c.toLowerCase());
-      let value = ["bcolor", "sound"].includes(propName)
+      const value = propName == "bcolor"
         ? event.target.value
         : event.target.checked;
-      if (propName == "sound") value = parseInt(value);
       store.updateSetting(propName, value);
     }
   }