div#baseGame(
tabindex=-1
@click="focusBg()"
@keydown="handleKeys($event)"
@wheel="handleScroll($event)"
)
input#modalEog.modal(type="checkbox")
div#eogDiv(
role="dialog"
data-checkbox="modalEog"
)
.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(
:vr="vr"
:last-move="lastMove"
:analyze="game.mode=='analyze'"
:score="game.score"
:user-color="game.mycolor"
:orientation="orientation"
:vname="game.vname"
:incheck="incheck"
@play-move="play"
)
#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')") ⤢
button(
v-if="canAnalyze"
@click="analyzePosition()"
)
| {{ 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"] }}
#movesList
MoveList(
v-if="showMoves"
:score="game.score"
:message="game.scoreMsg"
:firstNum="firstMoveNumber"
:moves="moves"
:cursor="cursor"
@goto-move="gotoMove"
)
.clearer