@(puzzle: lila.puzzle.Puzzle, data: play.api.libs.json.JsObject, pref: play.api.libs.json.JsObject)(implicit ctx: Context) @moreCss = { @cssTag("analyse.css") @cssTag("puzzle.css") } @moreJs = { @jsTag("vendor/sparkline.min.js") @jsAt(s"compiled/lichess.puzzle${isProd??(".min")}.js") @embedJs { lichess = lichess || {}; lichess.puzzle = { data: @toJson(data), pref: @toJson(pref), i18n: @jsI18n() }; } } @side = {
} @base.layout( title = trans.training.txt(), side = side.some, moreCss = moreCss, moreJs = moreJs, chessground = false, openGraph = lila.app.ui.OpenGraph( image = cdnUrl(routes.Export.puzzlePng(puzzle.id).url).some, title = s"Chess tactic #${puzzle.id} - ${puzzle.color.name.capitalize} to play", url = s"$netBaseUrl${routes.Puzzle.show(puzzle.id).url}", description = s"Lichess tactic trainer: " + puzzle.color.fold( trans.findTheBestMoveForWhite, trans.findTheBestMoveForBlack ).txt() + s" Played by ${puzzle.attempts} players.").some, zoomable = true) {
@board.domPreload(none)
}