Refactor Match class and rename WebUI to WebUIMain; update HomeController for new UI structure

2025-10-12 22:56:25 +02:00
parent 6c57abb1db
commit 7cbb6e6ab7
9 changed files with 369 additions and 543 deletions
--- a/knockoutwhistweb/app/views/main.scala.html
+++ b/knockoutwhistweb/app/views/main.scala.html
@@ -1,10 +1,25 @@
-@(title: String)(content: play.twirl.api.Html)
+@*
+ * This template is called from the `index` template. This template
+ * handles the rendering of the page header and body tags. It takes
+ * two arguments, a `String` for the title of the page and an `Html`
+ * object to insert into the body of the page.
+ *@
+@(title: String)(content: Html)
+
 <!DOCTYPE html>
-<html>
+<html lang="en">
    <head>
+        @* Here's where we render the page title `String`. *@
        <title>@title</title>
+        <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/main.css")">
+        <link rel="shortcut icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">
+
    </head>
    <body>
+        @* And here's where we render the `Html` object containing
+         * the page content. *@
        @content
+
+      <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
    </body>
-</html>
+</html>
--- a/knockoutwhistweb/app/views/tui.scala.html
+++ b/knockoutwhistweb/app/views/tui.scala.html
@@ -1,5 +1,10 @@
-@(renderTUI: String)
+@(toRender: String)

-@main("Welcome to Play") {
-<h1>@renderTUI</h1>
+@main("Tui") {
+    <div id="tui">
+        @for(line <- toRender.split('\n')) {
+            <p>@line</p>
+        }
+    </div>
 }
+