option(value="lichess") {{ st.tr["brown"] }}
option(value="chesscom") {{ st.tr["green"] }}
option(value="chesstempo") {{ st.tr["blue"] }}
+ option(value="orangecc") {{ st.tr["orange"] }}
fieldset
label(for="setSound")
| {{ st.tr["Sound alert at game start"] }}
type="checkbox"
v-model="st.settings.gotonext"
)
- fieldset
- label(for="setRandomness") {{ st.tr["Randomness against computer"] }}
- 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);
<style lang="sass" scoped>
[type="checkbox"].modal+div .card
- max-width: 767px
+ max-width: 520px
max-height: 100%
#flagContainer
display: inline-block