lila/app/views/ublog/form.scala

package views.html.ublog

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.Captcha
import lila.i18n.LangList
import lila.ublog.UblogForm.UblogPostData
import lila.ublog.{ UblogPost, UblogTopic }
import lila.user.User

object form {

  import views.html.ublog.{ post => postView }

  private def moreCss(implicit ctx: Context) = frag(cssTag("ublog.form"), cssTag("tagify"))

  def create(user: User, f: Form[UblogPostData], captcha: Captcha)(implicit ctx: Context) =
    views.html.base.layout(
      moreCss = moreCss,
      moreJs = frag(jsModule("ublogForm"), captchaTag),
      title = s"${trans.ublog.xBlog.txt(user.username)} • ${trans.ublog.newPost.txt()}"
    ) {
      main(cls := "page-menu")(
        views.html.blog.bits.menu(none, "mine".some),
        div(cls := "page-menu__content box box-pad ublog-post-form")(
          standardFlash(),
          h1(trans.ublog.newPost()),
          etiquette,
          inner(user, f, none, captcha.some)
        )
      )
    }

  def edit(user: User, post: UblogPost, f: Form[UblogPostData])(implicit ctx: Context) =
    views.html.base.layout(
      moreCss = moreCss,
      moreJs = jsModule("ublogForm"),
      title = s"${trans.ublog.xBlog.txt(user.username)} blog • ${post.title}"
    ) {
      main(cls := "page-menu")(
        views.html.blog.bits.menu(none, "mine".some),
        div(cls := "page-menu__content box box-pad ublog-post-form")(
          standardFlash(),
          h1(trans.ublog.editYourBlogPost()),
          imageForm(user, post),
          inner(user, f, post.some, none),
          postForm(
            cls := "ublog-post-form__delete",
            action := routes.Ublog.delete(post.id.value)
          )(
            form3.action(
              submitButton(
                cls := "button button-red button-empty confirm",
                title := "Delete this blog post definitively"
              )(trans.delete())
            )
          )
        )
      )
    }

  private def imageForm(user: User, post: UblogPost)(implicit ctx: Context) =
    postForm(
      cls := "ublog-post-form__image",
      action := routes.Ublog.image(post.id.value),
      enctype := "multipart/form-data"
    )(
      form3.split(
        div(cls := "form-group form-half")(formImage(post)),
        div(cls := "form-group form-half")(
          p(trans.streamer.maxSize(s"${lila.memo.PicfitApi.uploadMaxMb}MB.")),
          form3.file.image("image")
        )
      )
    )

  def formImage(post: UblogPost) = postView.thumbnail(post, _.Small)

  private def inner(user: User, form: Form[UblogPostData], post: Option[UblogPost], captcha: Option[Captcha])(
      implicit ctx: Context
  ) =
    postForm(
      cls := "form3",
      action := post.fold(routes.Ublog.create)(p => routes.Ublog.update(p.id.value))
    )(
      form3.globalError(form),
      post.isDefined option form3.split(
        form3.checkbox(
          form("live"),
          trans.ublog.publishOnYourBlog(),
          help = trans.ublog.publishHelp().some,
          half = true
        ),
        form3.group(form("language"), trans.language(), half = true) { field =>
          form3.select(
            field,
            LangList.popularNoRegion.map { l =>
              l.code -> l.toLocale.getDisplayLanguage
            }
          )
        }
      ),
      form3.group(form("title"), trans.ublog.postTitle())(form3.input(_)(autofocus)),
      form3.group(form("intro"), trans.ublog.postIntro())(form3.input(_)(autofocus)),
      form3.group(
        form("markdown"),
        trans.ublog.postBody(),
        help = frag(trans.embedsAvailable()).some
      ) { field =>
        frag(
          form3.textarea(field)(),
          div(id := "markdown-editor")
        )
      },
      form3.group(form("topics"), frag("Select the topics your post is about"))(
        form3.textarea(_)(dataRel := UblogTopic.all.mkString(","))
      ),
      captcha.fold(views.html.base.captcha.hiddenEmpty(form)) { c =>
        views.html.base.captcha(form, c)
      },
      form3.actions(
        a(href := post.fold(routes.Ublog.index(user.username))(views.html.ublog.post.urlOfPost))(
          trans.cancel()
        ),
        form3.submit((if (post.isDefined) trans.apply else trans.ublog.saveDraft)())
      )
    )

  private def etiquette(implicit ctx: Context) = div(cls := "ublog-post-form__etiquette")(
    p("Please only post safe and respectful content. Do not copy someone else's content."),
    p("Anything inappropriate could get your account closed."),
    a(
      dataIcon := "",
      href := routes.Page.loneBookmark("blog-etiquette"),
      cls := "text",
      targetBlank
    )("Blog Etiquette")
  )
}