X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FSettings.vue;h=e5a9d9c756f4d34e69bfb651e2fe146feb4ee270;hb=6808d7a16ec1e761c6a2dffec2281c96953e4d89;hp=df60e04cf9d61b8dbff8060be71acb8dc48c31aa;hpb=9a3049f3a48fa4b3627ef26ccdf213a8e550d478;p=vchess.git diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue index df60e04c..e5a9d9c7 100644 --- a/client/src/components/Settings.vue +++ b/client/src/components/Settings.vue @@ -4,7 +4,6 @@ div div(role="dialog" data-checkbox="modalSettings") .card(@change="updateSettings($event)") label.modal-close(for="modalSettings") - h3.section {{ st.tr["Settings"] }} form fieldset label(for="setHints") {{ st.tr["Show possible moves?"] }} @@ -33,21 +32,21 @@ export default { name: "my-settings", data: function() { return { - st: store.state, + st: store.state }; }, methods: { updateSettings: function(event) { - const propName = - event.target.id.substr(3).replace(/^\w/, c => c.toLowerCase()) - let value = (["bcolor","sound"].includes(propName) + const propName = event.target.id + .substr(3) + .replace(/^\w/, c => c.toLowerCase()); + let value = ["bcolor", "sound"].includes(propName) ? event.target.value - : event.target.checked); - if (propName == "sound") - value = parseInt(value); + : event.target.checked; + if (propName == "sound") value = parseInt(value); store.updateSetting(propName, value); - }, - }, + } + } };