X-Git-Url: https://git.auder.net/pieces/Checkered/cn.svg?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBaseGame.vue;h=d60a16ff8488940bad987de794564c3812019a54;hb=57078452549f252460d45e91b84c7eea40dd3e9c;hp=07f6bba62bbb6681e5dc123047b5321be007c026;hpb=b91392511d5df54b0e3cd5fcf439471cc6767804;p=vchess.git
diff --git a/client/src/components/BaseGame.vue b/client/src/components/BaseGame.vue
index 07f6bba6..d60a16ff 100644
--- a/client/src/components/BaseGame.vue
+++ b/client/src/components/BaseGame.vue
@@ -1,10 +1,5 @@
-div#baseGame(
- tabindex=-1
- @click="focusBg()"
- @keydown="handleKeys($event)"
- @wheel="handleScroll($event)"
-)
+div#baseGame
input#modalEog.modal(type="checkbox")
div#eogDiv(
role="dialog"
@@ -13,66 +8,55 @@ div#baseGame(
.card.text-center
label.modal-close(for="modalEog")
h3.section {{ endgameMessage }}
- input#modalAdjust.modal(type="checkbox")
- div#adjuster(
- role="dialog"
- data-checkbox="modalAdjust"
- )
- .card.text-center
- label.modal-close(for="modalAdjust")
- label(for="boardSize") {{ st.tr["Board size"] }}
- input#boardSize.slider(
- type="range"
- min="0"
- max="100"
- value="50"
- @input="adjustBoard()"
- )
#gameContainer
#boardContainer
Board(
+ ref="board"
:vr="vr"
:last-move="lastMove"
- :analyze="game.mode=='analyze'"
+ :analyze="mode=='analyze'"
:score="game.score"
:user-color="game.mycolor"
:orientation="orientation"
:vname="game.vname"
:incheck="incheck"
@play-move="play"
+ @click-square="clickSquare"
)
#turnIndicator(v-if="showTurn") {{ turn }}
- #controls
- button(@click="gotoBegin()") <<
- button(@click="undo()") <
- button(@click="flip()") ⇅
- button(@click="play()") >
- button(@click="gotoEnd()") >>
- #belowControls
- #downloadDiv(v-if="allowDownloadPGN")
- a#download(href="#")
- button(@click="download()") {{ st.tr["Download"] }} PGN
- button(onClick="window.doClick('modalAdjust')") ⤢
+ #controls.button-group
+ button(@click="gotoBegin()")
+ img.inline(src="/images/icons/fast-forward_rev.svg")
+ button(@click="undo()")
+ img.inline(src="/images/icons/play_rev.svg")
+ button(v-if="canFlip" @click="flip()")
+ img.inline(src="/images/icons/flip.svg")
button(
- v-if="canAnalyze"
- @click="analyzePosition()"
+ @click="runAutoplay()"
+ :class="{'in-autoplay': autoplay}"
)
- | {{ st.tr["Analyse"] }}
- // NOTE: variants pages already have a "Rules" link on top
- button(
- v-if="!$route.path.match('/variants/')"
- @click="showRules()"
- )
- | {{ st.tr["Rules"] }}
+ img.inline(src="/images/icons/autoplay.svg")
+ button(@click="play()")
+ img.inline(src="/images/icons/play.svg")
+ button(@click="gotoEnd()")
+ img.inline(src="/images/icons/fast-forward.svg")
+ p#fenAnalyze(v-show="showFen") {{ (!!vr ? vr.getFen() : "") }}
#movesList
MoveList(
- v-if="showMoves"
+ :show="showMoves"
+ :canAnalyze="canAnalyze"
+ :canDownload="allowDownloadPGN"
:score="game.score"
:message="game.scoreMsg"
:firstNum="firstMoveNumber"
:moves="moves"
:cursor="cursor"
+ :vname="game.vname"
+ @download="download"
+ @showrules="showRules"
+ @analyze="toggleAnalyze"
@goto-move="gotoMove"
+ @redraw-board="redrawBoard"
)
.clearer
@@ -80,114 +64,120 @@ div#baseGame(