package views.html.base
import controllers.routes
import play.api.i18n.Lang
import lila.api.{ AnnounceStore, Context }
import lila.app.templating.Environment._
import lila.app.ui.ScalatagsTemplate._
import lila.common.String.html.safeJsonValue
import lila.common.{ ContentSecurityPolicy, Nonce }
import lila.common.base.StringUtils.escapeHtmlRaw
object layout {
object bits {
val doctype = raw("")
def htmlTag(implicit lang: Lang) = html(st.lang := lang.code)
val topComment = raw("""""")
val charset = raw("""""")
val viewport = raw(
""""""
)
def metaCsp(csp: ContentSecurityPolicy): Frag =
raw {
s""""""
}
def metaCsp(csp: Option[ContentSecurityPolicy])(implicit ctx: Context): Frag =
metaCsp(csp getOrElse defaultCsp)
def metaThemeColor(implicit ctx: Context): Frag =
raw {
s""""""
}
def pieceSprite(implicit ctx: Context): Frag = pieceSprite(ctx.currentPieceSet)
def pieceSprite(ps: lila.pref.PieceSet): Frag =
link(
id := "piece-sprite",
href := assetUrl(s"piece-css/$ps.css"),
rel := "stylesheet"
)
}
import bits._
private val noTranslate = raw("""""")
private def fontPreload(implicit ctx: Context) =
raw {
s"""""" +
!ctx.pref.pieceNotationIsLetter ??
s""""""
}
private val manifests = raw(
""""""
)
private val jsLicense = raw("""""")
private val favicons = raw {
List(512, 256, 192, 128, 64)
.map { px =>
s""""""
}
.mkString(
"",
"",
s""""""
)
}
private def blindModeForm(implicit ctx: Context) =
raw(s"""""")
private def zenToggle(implicit ctx: Context) =
spaceless(s"""
${trans.preferences.zenMode.txt()}
""")
private def dasher(me: lila.user.User) =
div(cls := "dasher")(
a(id := "user_tag", cls := "toggle link", href := routes.Auth.logoutGet)(me.username),
div(id := "dasher_app", cls := "dropdown")
)
private def allNotifications(implicit ctx: Context) =
spaceless(s"""
""")
private def anonDasher(playing: Boolean)(implicit ctx: Context) =
spaceless(s"""
${trans.signIn
.txt()}""")
private val clinputLink = a(cls := "link")(span(dataIcon := ""))
private def clinput(implicit ctx: Context) =
div(id := "clinput")(
clinputLink,
input(
spellcheck := "false",
autocomplete := ctx.blind.toString,
aria.label := trans.search.search.txt(),
placeholder := trans.search.search.txt()
)
)
private def current2dTheme(implicit ctx: Context) =
if (ctx.pref.is3d && ctx.pref.theme == "horsey") lila.pref.Theme.default
else ctx.currentTheme
private def botImage =
img(
src := assetUrl("images/icons/bot.png"),
title := "Robot chess",
style :=
"display:inline;width:34px;height:34px;vertical-align:top;margin-right:5px;vertical-align:text-top"
)
def lichessJsObject(nonce: Nonce)(implicit lang: Lang) =
embedJsUnsafe(
s"""lichess={load:new Promise(r=>{window.onload=r}),quantity:${lila.i18n
.JsQuantity(lang)}};$timeagoLocaleScript""",
nonce
)
private def loadScripts(moreJs: Frag, chessground: Boolean)(implicit ctx: Context) =
frag(
chessground option chessgroundTag,
ctx.requiresFingerprint option fingerprintTag,
ctx.nonce map lichessJsObject,
if (netConfig.minifiedAssets)
jsModule("lichess")
else
frag(
depsTag,
jsModule("site")
),
moreJs,
ctx.pageData.inquiry.isDefined option jsTag("inquiry.js")
)
private val spinnerMask = raw(
""""""
)
private val spaceRegex = """\s{2,}+""".r
private def spaceless(html: String) = raw(spaceRegex.replaceAllIn(html.replace("\\n", ""), ""))
private val dataVapid = attr("data-vapid")
private val dataUser = attr("data-user")
private val dataSocketDomains = attr("data-socket-domains") := netConfig.socketDomains.mkString(",")
private val dataI18n = attr("data-i18n")
private val dataNonce = attr("data-nonce")
private val dataAnnounce = attr("data-announce")
val dataSoundSet = attr("data-sound-set")
val dataTheme = attr("data-theme")
val dataPieceSet = attr("data-piece-set")
val dataAssetUrl = attr("data-asset-url") := netConfig.assetBaseUrl.value
val dataAssetVersion = attr("data-asset-version")
val dataDev = attr("data-dev") := (!netConfig.minifiedAssets).option("true")
def apply(
title: String,
fullTitle: Option[String] = None,
robots: Boolean = netConfig.crawlable,
moreCss: Frag = emptyFrag,
moreJs: Frag = emptyFrag,
playing: Boolean = false,
openGraph: Option[lila.app.ui.OpenGraph] = None,
chessground: Boolean = true,
zoomable: Boolean = false,
csp: Option[ContentSecurityPolicy] = None,
wrapClass: String = "",
atomLinkTag: Option[Tag] = None
)(body: Frag)(implicit ctx: Context): Frag =
frag(
doctype,
htmlTag(ctx.lang)(
topComment,
head(
charset,
viewport,
metaCsp(csp),
metaThemeColor,
st.headTitle {
if (ctx.blind) "DeepCrayonFish"
else if (netConfig.isProd) fullTitle | s"$title • DeepCrayonFish"
else s"[dev] ${fullTitle | s"$title • DeepCrayonFish"}"
},
cssTag("site"),
ctx.pref.is3d option cssTag("board-3d"),
ctx.pageData.inquiry.isDefined option cssTagNoTheme("mod.inquiry"),
ctx.userContext.impersonatedBy.isDefined option cssTagNoTheme("mod.impersonate"),
ctx.blind option cssTagNoTheme("blind"),
moreCss,
pieceSprite,
meta(
content := openGraph.fold(trans.siteDescription.txt())(o => o.description),
name := "description"
),
link(rel := "mask-icon", href := assetUrl("logo/lichess.svg"), color := "black"),
favicons,
!robots option raw(""""""),
noTranslate,
openGraph.map(_.frags),
(atomLinkTag | link(
href := routes.Blog.atom,
st.title := trans.blog.txt()
))(
tpe := "application/atom+xml",
rel := "alternate"
),
ctx.currentBg == "transp" option ctx.pref.bgImgOrDefault map { img =>
raw(
s""""""
)
},
fontPreload,
manifests,
jsLicense
),
st.body(
cls := {
val baseClass =
s"${ctx.currentBg} ${current2dTheme.cssClass} ${ctx.currentTheme3d.cssClass} ${ctx.currentPieceSet3d.toString} coords-${ctx.pref.coordsClass}"
List(
baseClass -> true,
"dark-board" -> (ctx.pref.bg == lila.pref.Pref.Bg.DARKBOARD),
"piece-letter" -> ctx.pref.pieceNotationIsLetter,
"zen" -> ctx.pref.isZen,
"blind-mode" -> ctx.blind,
"kid" -> ctx.kid,
"mobile" -> ctx.isMobileBrowser,
"playing fixed-scroll" -> playing,
"no-rating" -> !ctx.pref.showRatings
)
},
dataDev,
dataVapid := vapidPublicKey,
dataUser := ctx.userId,
dataSoundSet := ctx.currentSoundSet.toString,
dataSocketDomains,
dataAssetUrl,
dataAssetVersion := assetVersion.value,
dataNonce := ctx.nonce.ifTrue(sameAssetDomain).map(_.value),
dataTheme := ctx.currentBg,
dataPieceSet := ctx.currentPieceSet.name,
dataAnnounce := AnnounceStore.get.map(a => safeJsonValue(a.json)),
style := zoomable option s"--zoom:${ctx.zoom}"
)(
blindModeForm,
ctx.pageData.inquiry map { views.html.mod.inquiry(_) },
ctx.me ifTrue ctx.userContext.impersonatedBy.isDefined map { views.html.mod.impersonate(_) },
netConfig.stageBanner option views.html.base.bits.stage,
lila.security.EmailConfirm.cookie
.get(ctx.req)
.ifTrue(ctx.isAnon)
.map(views.html.auth.bits.checkYourEmailBanner(_)),
playing option zenToggle,
siteHeader(playing),
div(
id := "main-wrap",
cls := List(
wrapClass -> wrapClass.nonEmpty,
"is2d" -> ctx.pref.is2d,
"is3d" -> ctx.pref.is3d
)
)(body),
ctx.me.exists(_.enabled) option div(
id := "friend_box",
dataI18n := safeJsonValue(i18nJsObject(i18nKeys))
)(
div(cls := "friend_box_title")(trans.nbFriendsOnline.plural(0, iconTag(""))),
div(cls := "content_wrap none")(
div(cls := "content list")
)
),
a(id := "reconnecting", cls := "link text", dataIcon := "")(trans.reconnecting()),
spinnerMask,
loadScripts(moreJs, chessground)
)
)
)
object siteHeader {
private val topnavToggle = spaceless(
"""
"""
)
private def reports(implicit ctx: Context) =
if (isGranted(_.SeeReport)) {
blockingReportScores match {
case (score, mid, high) =>
a(
cls := List(
"link data-count report-score link-center" -> true,
"report-score--high" -> (score > high),
"report-score--low" -> (score <= mid)
),
title := "Moderation",
href := routes.Report.list,
dataCount := score,
dataIcon := ""
)
}
}.some
else
(isGranted(_.PublicChatView)) option
a(
cls := "link",
title := "Moderation",
href := routes.Mod.publicChat,
dataIcon := ""
)
private def teamRequests(implicit ctx: Context) =
ctx.teamNbRequests > 0 option
a(
cls := "link data-count link-center",
href := routes.Team.requests,
dataCount := ctx.teamNbRequests,
dataIcon := "",
title := trans.team.teams.txt()
)
def apply(playing: Boolean)(implicit ctx: Context) =
header(id := "top")(
div(cls := "site-title-nav")(
!ctx.isAppealUser option topnavToggle,
h1(cls := "site-title")(
if (ctx.kid) span(title := trans.kidMode.txt(), cls := "kiddo")(":)")
else ctx.isBot option botImage,
a(href := "/")(
"DeepCrayon",
span(if (netConfig.isProd) ".Fish" else ".Fish")
)
),
ctx.blind option h2("Navigation"),
!ctx.isAppealUser option topnav()
),
div(cls := "site-buttons")(
!ctx.isAppealUser option clinput,
reports,
teamRequests,
if (ctx.isAppealUser)
postForm(action := routes.Auth.logout)(
submitButton(cls := "button button-red link")(trans.logOut())
)
else
ctx.me map { me =>
frag(allNotifications, dasher(me))
} getOrElse { !ctx.pageData.error option anonDasher(playing) }
)
)
}
private val i18nKeys = List(trans.nbFriendsOnline.key)
}