efim
/
Learning-HTMX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(14): template in showdown-table, show choice

This commit is contained in:
efim 2023-07-01 14:20:52 +00:00
parent 69a464a767
commit 66013ae1c6
3 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
14-rock-paper-scissors/src/main/resources/templates/index.html
View File

@ -74,8 +74,8 @@
<!-- This badge is fragment to be repeated in other pages as well --> <!-- This badge is fragment to be repeated in other pages as well -->
<div <div
th:fragment="choiceBadge (choiceBadgeData)" th:fragment="choiceBadge (choiceBadgeData)"
id="paper"
th:id="${choiceBadgeData.c.name}" th:id="${choiceBadgeData.c.name}"
id="paper"
class="top-[var(--top-offset)] left-[var(--left-offset)] w-[var(--diameter)] h-[var(--diameter)] bg-gradient-to-b rounded-full -translate-x-[var(--translation)] -translate-y-[var(--translation)] from-[var(--bg-bright)] to-[var(--bg-dark)]" class="top-[var(--top-offset)] left-[var(--left-offset)] w-[var(--diameter)] h-[var(--diameter)] bg-gradient-to-b rounded-full -translate-x-[var(--translation)] -translate-y-[var(--translation)] from-[var(--bg-bright)] to-[var(--bg-dark)]"
style=" style="
--diameter: 8rem; --diameter: 8rem;

3
14-rock-paper-scissors/src/main/resources/templates/showdown.html
View File

@ -63,7 +63,10 @@
class="flex relative flex-col items-center pt-10" class="flex relative flex-col items-center pt-10"
> >
<!-- This will be imported fragment --> <!-- This will be imported fragment -->
<!-- <p th:text="${playersChoiceData.c.toString}">Hello</p> -->
<div th:replace="index::choiceBadge (${playersChoiceData})"> </div>
<div <div
th:remove="all"
id="rock" id="rock"
class="top-[var(--top-offset)] left-[var(--left-offset)] w-[var(--diameter)] h-[var(--diameter)] bg-gradient-to-b rounded-full -translate-x-[var(--translation)] -translate-y-[var(--translation)] from-[var(--bg-bright)] to-[var(--bg-dark)]" class="top-[var(--top-offset)] left-[var(--left-offset)] w-[var(--diameter)] h-[var(--diameter)] bg-gradient-to-b rounded-full -translate-x-[var(--translation)] -translate-y-[var(--translation)] from-[var(--bg-bright)] to-[var(--bg-dark)]"
style=" style="

13
14-rock-paper-scissors/src/main/scala/rockpaperscissors/Main.scala
View File

@ -8,6 +8,9 @@ import org.thymeleaf.TemplateEngine
import org.thymeleaf.Thymeleaf import org.thymeleaf.Thymeleaf
import scala.jdk.CollectionConverters._ import scala.jdk.CollectionConverters._
import javax.swing.text.Position
import rockpaperscissors.Models.Positioning
import scala.util.Random
object Main { object Main {
@main def run( @main def run(
@ -62,11 +65,21 @@ object Main {
@cask.get("/select/:choice") @cask.get("/select/:choice")
def acceptPlayerVote(choice: String) = { def acceptPlayerVote(choice: String) = {
val context = new Context() val context = new Context()
val badge = Models.choiceSelectionItems.find(_.c.name == choice)
val response = badge match {
case Some(playersChoiceBadge) =>
val badge = playersChoiceBadge.copy()
badge.p = Positioning.Relative
context.setVariable("playersChoiceData", badge)
val result = templateEngine.process("showdown", Set("showdown-table").asJava, context) val result = templateEngine.process("showdown", Set("showdown-table").asJava, context)
cask.Response( cask.Response(
result, result,
headers = Seq("Content-Type" -> "text/html;charset=UTF-8") headers = Seq("Content-Type" -> "text/html;charset=UTF-8")
) )
case None =>
cask.Response(s"Unknown choice: '${choice}'", 400)
}
response
} }
@cask.staticResources("/public") @cask.staticResources("/public")