X-Git-Url: https://git.auder.net/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fcomponents%2FBaseGame.vue;h=ae6c128feb7af01e84b35e348cf4c251b61e79db;hb=ff3a8d16dc0aed16ff471834fe7af0253b50ead6;hp=3573643d22a694219dfb8d6f6b875017679419cd;hpb=71ef1664983cd58db3c3bbfdf6cb7c362474e9a5;p=vchess.git
diff --git a/client/src/components/BaseGame.vue b/client/src/components/BaseGame.vue
index 3573643d..ae6c128f 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,67 +8,54 @@ 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(v-if="canFlip" @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')") ⤢
- button(
- v-if="canAnalyze"
- @click="analyzePosition()"
- )
- | {{ st.tr["Analyse"] }}
- // NOTE: variants pages already have a "Rules" link on top
+ #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="!$route.path.match('/variants/')"
- @click="showRules()"
+ @click="runAutoplay()"
+ :class="{'in-autoplay': autoplay}"
)
- | {{ 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(v-show="showFen") {{ (!!vr ? vr.getFen() : "") }}
#movesList
MoveList(
- v-if="showMoves != 'none'"
:show="showMoves"
+ :canAnalyze="canAnalyze"
+ :canDownload="allowDownloadPGN"
:score="game.score"
:message="game.scoreMsg"
:firstNum="firstMoveNumber"
:moves="moves"
:cursor="cursor"
+ @download="download"
+ @showrules="showRules"
+ @analyze="toggleAnalyze"
@goto-move="gotoMove"
+ @reset-arrows="resetArrows"
)
.clearer
@@ -81,125 +63,113 @@ div#baseGame(