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="$emit('showrules')"
)
| {{ st.tr["Rules"] }}
button.tooltip(
onClick="window.doClick('modalAdjust')"
:aria-label="st.tr['Resize board']"
)
img.inline(src="/images/icons/resize.svg")
button.tooltip(
v-if="canAnalyze"
@click="$emit('analyze')"
:aria-label="st.tr['Analyse']"
)
img.inline(src="/images/icons/analyse.svg")
#downloadDiv(v-if="canDownload")
a#download(href="#")
button.tooltip(
@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(v-if="!['none','highlight'].includes(show)")
.tr(v-for="moveIdx in evenNumbers")
.td {{ firstNum + moveIdx / 2 + 1 }}
.td(v-if="moveIdx < moves.length-1 || show == 'all'"
:class="{'highlight-lm': cursor == moveIdx}"
@click="() => gotoMove(moveIdx)"
)
| {{ notation(moves[moveIdx]) }}
.td(
v-if="moveIdx < moves.length-1"
:class="{'highlight-lm': highlightBlackmove(moveIdx+1)}"
@click="() => gotoMove(moveIdx+1)"
)
| {{ notation(moves[moveIdx+1]) }}