X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=587587fba7260fa3eef94ac38920df4fae106e00;hb=9a3c9f790aa28fd4708faefe41b4624173922c8e;hp=e229cdfbd06d5294faa7a8f70df41d384f9cc239;hpb=f1cb85f915a7734b6900527039f505c391b234e5;p=vchess.git diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js index e229cdfb..587587fb 100644 --- a/public/javascripts/components/game.js +++ b/public/javascripts/components/game.js @@ -257,7 +257,11 @@ Vue.component('my-game', { attrs: { "src": '/images/pieces/' + VariantRules.getPpath(m.appear[0].c+m.appear[0].p) + '.svg' }, 'class': { 'choice-piece': true }, - on: { "click": e => { this.play(m); this.choices=[]; } }, + on: { + "click": e => { this.play(m); this.choices=[]; }, + // NOTE: add 'touchstart' event to fix a problem on smartphones + "touchstart": e => { this.play(m); this.choices=[]; }, + }, }) ] ); @@ -367,7 +371,7 @@ Vue.component('my-game', { attrs: { "aria-label": 'Undo' }, "class": { "small": smallScreen, - "marginleft": true, + "spaceleft": true, }, }, [h('i', { 'class': { "material-icons": true } }, "fast_rewind")]), @@ -391,7 +395,7 @@ Vue.component('my-game', { attrs: { "aria-label": 'Undo' }, "class": { "small": smallScreen, - "marginleft": true, + "spaceleft": true, }, }, [h('i', { 'class': { "material-icons": true } }, "undo")] @@ -1316,7 +1320,8 @@ Vue.component('my-game', { const storageVariant = localStorage.getItem("comp-variant"); if (!!storageVariant) { - if (storageVariant !== variant) + const score = localStorage.getItem("comp-score"); + if (storageVariant !== variant && score == "*") { if (!confirm("Unfinished " + storageVariant + " computer game will be erased")) @@ -1324,12 +1329,8 @@ Vue.component('my-game', { return; } } - else - { - const score = localStorage.getItem("comp-score"); - if (score == "*") - return this.continueGame("computer"); - } + else if (score == "*") + return this.continueGame("computer"); } } this.vr = new VariantRules(fen, []);