type="checkbox"
v-model="st.settings.gotonext"
)
- fieldset
- label(for="setRandomness") {{ st.tr["Randomness"] }}
- select#setRandomness(v-model="st.settings.randomness")
- option(value="0") {{ st.tr["Deterministic"] }}
- option(value="1") {{ st.tr["Symmetric random"] }}
- option(value="2") {{ st.tr["Asymmetric random"] }}
+ fieldset(v-if="desktopBrowser")
+ label(for="setScrollmove")
+ | {{ st.tr["Mouse scroll to replay moves"] }}
+ input#setScrollmove(
+ type="checkbox"
+ v-model="st.settings.scrollmove"
+ )
</template>
<script>
computed: {
flagImage: function() {
return `/images/flags/${this.st.lang}.svg`;
+ },
+ desktopBrowser: function() {
+ return !("ontouchstart" in window);
}
},
methods: {
const propName = event.target.id
.substr(3)
.replace(/^\w/, c => c.toLowerCase());
- const value = ["bcolor","randomness"].includes(propName)
+ const value = propName == "bcolor"
? event.target.value
: event.target.checked;
store.updateSetting(propName, value);