lila/app/views/tournament/crud.scala

package views.html
package tournament

import controllers.routes
import play.api.data.Form

import lila.api.Context
import lila.app.templating.Environment._
import lila.app.ui.ScalatagsTemplate._
import lila.common.paginator.Paginator
import lila.tournament.crud.CrudForm
import lila.tournament.{ Tournament, TournamentForm }

object crud {

  private def layout(title: String, evenMoreJs: Frag = emptyFrag, css: String = "mod.misc")(
      body: Frag
  )(implicit ctx: Context) =
    views.html.base.layout(
      title = title,
      moreCss = cssTag(css),
      moreJs = frag(
        jsModule("flatpickr"),
        evenMoreJs
      )
    ) {
      main(cls := "page-menu")(
        views.html.mod.menu("tour"),
        body
      )
    }

  def create(form: Form[_])(implicit ctx: Context) =
    layout(
      title = "New tournament",
      css = "mod.form"
    ) {
      div(cls := "crud page-menu__content box box-pad")(
        h1("New tournament"),
        postForm(cls := "form3", action := routes.TournamentCrud.create)(inForm(form, none))
      )
    }

  def edit(tour: Tournament, form: Form[_])(implicit ctx: Context) =
    layout(
      title = tour.name(),
      css = "mod.form"
    ) {
      div(cls := "crud edit page-menu__content box box-pad")(
        div(cls := "box__top")(
          h1(
            a(href := routes.Tournament.show(tour.id))(tour.name()),
            " ",
            span("Created by ", usernameOrId(tour.createdBy), " on ", showDate(tour.createdAt))
          ),
          st.form(
            cls := "box__top__actions",
            action := routes.TournamentCrud.cloneT(tour.id),
            method := "get"
          )(
            form3.submit("Clone", "".some, klass = "button-green")
          )
        ),
        standardFlash(),
        postForm(cls := "form3", action := routes.TournamentCrud.update(tour.id))(inForm(form, tour.some))
      )
    }

  private def inForm(form: Form[_], tour: Option[Tournament])(implicit ctx: Context) =
    frag(
      form3.split(
        form3.group(form("date"), frag("Start date ", strong(utcLink)), half = true)(
          form3.flatpickr(_, utc = true)
        ),
        form3.group(
          form("name"),
          raw("Name"),
          help = raw("Keep it VERY short, so it fits on homepage").some,
          half = true
        )(form3.input(_))
      ),
      form3.split(
        form3.group(
          form("homepageHours"),
          raw(s"Hours on homepage (0 to ${CrudForm.maxHomepageHours})"),
          half = true,
          help = raw("Ask on slack first").some
        )(form3.input(_, typ = "number")),
        form3.group(form("image"), raw("Custom icon"), half = true)(form3.select(_, CrudForm.imageChoices))
      ),
      form3.group(
        form("headline"),
        raw("Homepage headline"),
        help = raw("Keep it VERY short, so it fits on homepage").some
      )(form3.input(_)),
      form3.group(form("description"), raw("Full description"), help = raw("Link: [text](url)").some)(
        form3.textarea(_)(rows := 6)
      ),
      form3.split(
        form3.group(form("variant"), raw("Variant"), half = true) { f =>
          form3.select(f, translatedVariantChoicesWithVariants.map(x => x._1 -> x._2))
        },
        form3.group(form("minutes"), raw("Duration in minutes"), half = true)(form3.input(_, typ = "number"))
      ),
      form3.split(
        form3.group(form("clockTime"), raw("Clock time"), half = true)(
          form3.select(_, TournamentForm.clockTimeChoices)
        ),
        form3.group(form("clockIncrement"), raw("Clock increment"), half = true)(
          form3.select(_, TournamentForm.clockIncrementChoices)
        )
      ),
      form3.split(
        form3.group(form("position"), trans.startPosition(), half = true)(
          tournament.form.startingPosition(_, tour)
        ),
        form3.checkbox(
          form("teamBattle"),
          raw("Team battle"),
          half = true
        )
      ),
      h2("Entry requirements"),
      tournament.form.condition(form, new TourFields(form, tour), auto = false, Nil, tour),
      form3.action(form3.submit(trans.apply()))
    )

  def index(tours: Paginator[Tournament])(implicit ctx: Context) =
    layout(
      title = "Tournament manager",
      evenMoreJs = infiniteScrollTag
    ) {
      div(cls := "crud page-menu__content box")(
        div(cls := "box__top")(
          h1("Tournament manager"),
          div(cls := "box__top__actions")(
            a(cls := "button button-green", href := routes.TournamentCrud.form, dataIcon := "")
          )
        ),
        table(cls := "slist slist-pad")(
          thead(
            tr(
              th(),
              th("Variant"),
              th("Clock"),
              th("Duration"),
              th(utcLink, " Date"),
              th()
            )
          ),
          tbody(cls := "infinite-scroll")(
            tours.currentPageResults.map { tour =>
              tr(cls := "paginated")(
                td(
                  a(href := routes.TournamentCrud.edit(tour.id))(
                    strong(tour.name()),
                    " ",
                    em(tour.spotlight.map(_.headline))
                  )
                ),
                td(tour.variant.name),
                td(tour.clock.toString),
                td(tour.minutes, "m"),
                td(showDateTimeUTC(tour.startsAt), " ", momentFromNow(tour.startsAt, alwaysRelative = true)),
                td(a(href := routes.Tournament.show(tour.id), dataIcon := "", title := "View on site"))
              )
            },
            pagerNextTable(tours, np => routes.TournamentCrud.index(np).url)
          )
        )
      )
    }
}