improve on game side box
This commit is contained in:
parent
12ba4b3b98
commit
4933cd321f
|
@ -16,10 +16,16 @@
|
|||
@bookmark.toggle(game)
|
||||
<div class="header">
|
||||
<span class="setup">
|
||||
@game.clock.fold("∞")(_.show) • @game.perfType.map {
|
||||
case lila.rating.PerfType.KingOfTheHill => {@chess.Variant.KingOfTheHill.shortName}
|
||||
case pt => {@pt.name}
|
||||
} • @game.rated.fold(trans.rated(), trans.casual())
|
||||
@game.clock.map(_.show).getOrElse {
|
||||
<span data-hint="@trans.unlimited()" class="hint--top">∞</span>
|
||||
} •
|
||||
@if(game.variant.exotic) {
|
||||
@variantLink(game.variant, (if (game.variant == chess.Variant.KingOfTheHill) game.variant.shortName else game.variant.name).toUpperCase, cssClass = "hint--top")
|
||||
} else {
|
||||
@game.perfType.map { pt =>
|
||||
<span class="hint--top" data-hint="@pt.title">@pt.name.toUpperCase</span>
|
||||
}
|
||||
} • @game.rated.fold(trans.rated.str(), trans.casual.str()).toUpperCase
|
||||
</span>
|
||||
@game.pgnImport.flatMap(_.date).getOrElse(
|
||||
game.isBeingPlayed.fold(trans.playingRightNow(), momentFormat(game.createdAt))
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@(variant: chess.Variant, name: String, hintAsTitle: Boolean = false)
|
||||
@(variant: chess.Variant, name: String, hintAsTitle: Boolean = false, cssClass: String = "hint--bottom")
|
||||
@import chess.Variant
|
||||
@url = {
|
||||
@variant match {
|
||||
|
@ -9,4 +9,4 @@ case chess.Variant.ThreeCheck => {http://en.wikipedia.org/wiki/Three-check_chess
|
|||
case chess.Variant.FromPosition => {@routes.Editor.index}
|
||||
}
|
||||
}
|
||||
<a href="@url" target="_blank" @if(hintAsTitle){title}else{data-hint}="@variant.title" class="hint--bottom">@name</a>
|
||||
<a href="@url" target="_blank" @if(hintAsTitle){title}else{data-hint}="@variant.title" class="@cssClass">@name</a>
|
||||
|
|
|
@ -16,9 +16,7 @@
|
|||
|
||||
@showPerf(perf: lila.rating.Perf, perfType: PerfType, name: Option[String] = none) = {
|
||||
<div data-icon="@perfType.iconChar">
|
||||
<h3 class="hint--top" data-hint="@perfType.title">
|
||||
@name.getOrElse(perfType.name).toUpperCase
|
||||
</h3>
|
||||
<h3 class="hint--top" data-hint="@perfType.title">@name.getOrElse(perfType.name).toUpperCase</h3>
|
||||
<div class="rating">
|
||||
<strong class="hint--bottom" data-hint="Glicko rating">@perf.glicko.intRating</strong>
|
||||
<span class="hint--bottom">/ @perf.nb.localize @if(perfType.key == "puzzle") {Puzzles} else {@trans.games()}</span>
|
||||
|
@ -30,18 +28,18 @@
|
|||
@side = {
|
||||
<div class="side sub_ratings">
|
||||
@if(!u.engine || ctx.is(u) || isGranted(_.UserSpy)) {
|
||||
@showPerf( u.perfs.bullet, PerfType.Bullet)
|
||||
@showPerf( u.perfs.blitz, PerfType.Blitz)
|
||||
@showPerf( u.perfs.classical, PerfType.Classical)
|
||||
@showPerf(u.perfs.bullet, PerfType.Bullet)
|
||||
@showPerf(u.perfs.blitz, PerfType.Blitz)
|
||||
@showPerf(u.perfs.classical, PerfType.Classical)
|
||||
<br />
|
||||
@if(u.perfs.chess960.nonEmpty) {
|
||||
@showPerf( u.perfs.chess960, PerfType.Chess960)
|
||||
@showPerf(u.perfs.chess960, PerfType.Chess960)
|
||||
}
|
||||
@if(u.perfs.kingOfTheHill.nonEmpty) {
|
||||
@showPerf( u.perfs.kingOfTheHill, PerfType.KingOfTheHill)
|
||||
@showPerf(u.perfs.kingOfTheHill, PerfType.KingOfTheHill)
|
||||
}
|
||||
@if(u.perfs.threeCheck.nonEmpty) {
|
||||
@showPerf( u.perfs.threeCheck, PerfType.ThreeCheck)
|
||||
@showPerf(u.perfs.threeCheck, PerfType.ThreeCheck)
|
||||
}
|
||||
<br />
|
||||
}
|
||||
|
|
|
@ -822,7 +822,6 @@ div.side_box div.game_infos .bookmark {
|
|||
margin-right: -13px;
|
||||
}
|
||||
div.side_box .game_infos .setup {
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
}
|
||||
div.side_box div.players {
|
||||
|
|
Loading…
Reference in a new issue