div
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()"
)
#aboveMoves
// NOTE: variants pages already have a "Rules" link on top
span#rulesBtn(
v-if="!$route.path.match('/variants/')"
@click="clickRulesBtn()"
:class="btnRulesClass"
)
| {{ st.tr["Rules"] }}
button(
:class="btnTooltipClass()"
onClick="window.doClick('modalAdjust')"
:aria-label="st.tr['Resize board']"
)
img.inline(src="/images/icons/resize.svg")
button#analyzeBtn(
v-if="canAnalyze"
:class="btnTooltipClass()"
@click="$emit('analyze')"
:aria-label="st.tr['Analyse']"
)
img.inline(src="/images/icons/analyse.svg")
#downloadDiv(v-if="canDownload")
a#download(href="#")
button(
:class="btnTooltipClass()"
@click="$emit('download')"
:aria-label="st.tr['Download'] + ' PGN'"
)
img.inline(src="/images/icons/download.svg")
#scoreInfo(v-if="score!='*'")
span.score {{ score }}
span.score-msg {{ st.tr[message] }}
.moves-list
.tr(v-for="moveIdx in evenNumbers")
.td {{ firstNum + moveIdx / 2 }}
.td(
:class="{'highlight-lm': cursor == moveIdx}"
@click="() => gotoMove(moveIdx)"
)
| {{ notation(moveIdx) }}
.td(
v-if="moveIdx < moves.length-1"
:class="{'highlight-lm': cursor == moveIdx+1}"
@click="() => gotoMove(moveIdx+1)"
)
| {{ notation(moveIdx + 1) }}