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="analyze"
:user-color="game.mycolor"
:orientation="orientation"
:vname="game.vname"
:incheck="incheck"
@play-move="play"
)
#turnIndicator(v-if="game.vname=='Dark' && game.score=='*'")
| {{ st.tr[vr.turn + " to move"] }}
#controls
button(@click="gotoBegin()") <<
button(@click="undo()") <
button(@click="flip()") ⇅
button(@click="play()") >
button(@click="gotoEnd()") >>
#belowControls
#downloadDiv(v-if="game.vname!='Dark' || game.score!='*'")
a#download(href="#")
button(@click="download()") {{ st.tr["Download"] }} PGN
button(onClick="doClick('modalAdjust')") ⤢
button(
v-if="game.vname!='Dark' && game.mode!='analyze'"
@click="analyzePosition()"
)
| {{ st.tr["Analyse"] }}
// NOTE: rather ugly hack to avoid showing twice "rules" link...
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