deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

improve on game side box

Browse source
This commit is contained in:
Thibault Duplessis 2014-11-20 10:52:36 +01:00
parent 12ba4b3b98
commit 4933cd321f
4 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/views/game/side.scala.html
View file

@ -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))

4
app/views/game/variantLink.scala.html
View file

@ -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
app/views/user/show.scala.html
View file

@ -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 />
}

1
public/stylesheets/common.css
View file

@ -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 {