From 5701c228a422bed7570452b2d24b3193f7653a19 Mon Sep 17 00:00:00 2001 From: Benjamin Auder Date: Wed, 29 Jan 2020 14:20:04 +0100 Subject: [PATCH] Fixes --- client/src/App.vue | 4 +++- client/src/components/BaseGame.vue | 17 +++++++++++++---- client/src/components/Settings.vue | 7 ++++++- 3 files changed, 22 insertions(+), 6 deletions(-) diff --git a/client/src/App.vue b/client/src/App.vue index c5027945..4fc3b48b 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -148,6 +148,7 @@ nav top: 50px footer + border: 1px solid #ddd //background-color: #000033 font-size: 1rem width: 100% @@ -161,7 +162,8 @@ footer margin: 0 10px 0 0 &:link color: #2c3e50 - &:hover + &:visited, &:hover + color: #2c3e50 text-decoration: none & > p display: inline-block diff --git a/client/src/components/BaseGame.vue b/client/src/components/BaseGame.vue index e02462e5..630c8388 100644 --- a/client/src/components/BaseGame.vue +++ b/client/src/components/BaseGame.vue @@ -93,6 +93,8 @@ export default { document.getElementById("baseGame").focus(); }, handleKeys: function(e) { + if ([32,37,38,39,40].includes(e.keyCode)) + e.preventDefault(); switch (e.keyCode) { case 37: @@ -101,14 +103,13 @@ export default { case 39: this.play(); break; - case 28: + case 38: this.gotoBegin(); break; case 40: this.gotoEnd(); break; case 32: - e.preventDefault(); this.flip(); break; } @@ -324,8 +325,16 @@ export default { }, gotoBegin: function() { this.vr.re_init(this.game.fenStart); - this.cursor = -1; - this.lastMove = null; + if (this.moves.length > 0 && this.moves[0].notation == "...") + { + this.cursor = 0; + this.lastMove = this.moves[0]; + } + else + { + this.cursor = -1; + this.lastMove = null; + } }, gotoEnd: function() { this.gotoMove(this.moves.length-1); diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue index b7dd9b8e..4838297a 100644 --- a/client/src/components/Settings.vue +++ b/client/src/components/Settings.vue @@ -34,7 +34,7 @@ div option(value="2") {{ st.tr["All"] }} fieldset .slidecontainer - input#myRange.slider(type="range" min="10" max="100" value="55" + input#myRange.slider(type="range" min="20" max="100" value="60" @input="adjustBoard") @@ -46,6 +46,11 @@ export default { return { st: store.state, }; + }, + mounted: function() { + const boardSize = localStorage.getItem("boardSize"); + if (!!boardSize) + document.getElementById("myRange").value = Math.floor(boardSize / 10); }, methods: { updateSettings: function(event) { -- 2.44.0