zucchero-sintattico · luigi-borriello00 · Sep 7, 2023 · Sep 6, 2023 · Sep 6, 2023 · Sep 6, 2023
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,11 @@
+# mdbook compiled book
+book
+
+project/project/
+.bloop/
+project/metals.sbt
+.vscode/
+.metals/
 .DS_Store
 .idea/*
 scaladoc/

diff --git a/res/img/background.png b/res/img/background.png
diff --git a/res/img/backgroundBlurred.jpg b/res/img/backgroundBlurred.jpg
diff --git a/scatan.html b/scatan.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Scatan</title>
+    <link rel="stylesheet" href="./style.css">
 </head>
 <body>
 <div id="root"></div>

diff --git a/src/main/scala/scatan/Main.scala b/src/main/scala/scatan/Main.scala
@@ -1,36 +1,47 @@
 package scatan
 import com.raquo.laminar.api.L.{*, given}
-import scatan.example.controller.{AboutController, AboutControllerImpl, HomeController, HomeControllerImpl}
-import scatan.example.model.CounterAppState
-import scatan.example.view.{AboutView, HomeView, ScalaJSAboutView, ScalaJsHomeView}
+import scatan.controllers.home.{HomeController, HomeControllerImpl}
+import scatan.controllers.game.{SetUpController, SetUpControllerImpl}
+import scatan.views.game.{SetUpView, ScalaJsSetUpView}
+import scatan.views.home.{HomeView, ScalaJsHomeView}
+import scatan.model.ApplicationState
+import scatan.views.home.{AboutView, ScalaJSAboutView}
+import scatan.controllers.home.{AboutController, AboutControllerImpl}
 import scatan.mvc.lib.application.NavigableApplication
 import scatan.mvc.lib.page.PageFactory
 import scatan.mvc.lib.{Controller, Model, NavigableApplicationManager, ScalaJSView}
 
 import scala.util.Random
 
 // Route
-enum Pages(val pageFactory: PageFactory[?, ?, CounterAppState]):
+enum Pages(val pageFactory: PageFactory[?, ?, ApplicationState]):
   case Home
       extends Pages(
-        PageFactory[HomeController, HomeView, CounterAppState](
+        PageFactory[HomeController, HomeView, ApplicationState](
           viewFactory = new ScalaJsHomeView(_, "root"),
           controllerFactory = new HomeControllerImpl(_)
         )
       )
+  case Setup
+      extends Pages(
+        PageFactory[SetUpController, SetUpView, ApplicationState](
+          viewFactory = new ScalaJsSetUpView(_, "root"),
+          controllerFactory = new SetUpControllerImpl(_)
+        )
+      )
   case About
       extends Pages(
-        PageFactory[AboutController, AboutView, CounterAppState](
+        PageFactory[AboutController, AboutView, ApplicationState](
           viewFactory = new ScalaJSAboutView(_, "root"),
           controllerFactory = new AboutControllerImpl(_)
         )
       )
 
-// Application
-val CounterApplication: NavigableApplication[CounterAppState, Pages] = NavigableApplication[CounterAppState, Pages](
-  initialState = CounterAppState(0),
+// App
+val Application: NavigableApplication[ApplicationState, Pages] = NavigableApplication[ApplicationState, Pages](
+  initialState = ApplicationState(),
   pagesFactories = Pages.values.map(p => p -> p.pageFactory).toMap
 )
 
 @main def main(): Unit =
-  NavigableApplicationManager.startApplication(CounterApplication, Pages.Home)
+  NavigableApplicationManager.startApplication(Application, Pages.Home)
diff --git a/src/main/scala/scatan/controllers/game/SetUpController.scala b/src/main/scala/scatan/controllers/game/SetUpController.scala
@@ -0,0 +1,27 @@
+package scatan.controllers.game
+
+import scatan.mvc.lib.Controller
+import scatan.views.game.SetUpView
+import scatan.mvc.lib.NavigableApplicationManager
+import scatan.Pages
+import scatan.model.ApplicationState
+
+/** This is the controller for the setup page.
+  */
+trait SetUpController extends Controller:
+  /** This method is called when the user clicks on the back button.
+    */
+  def goToHome(): Unit
+
+  /** This method is called when the user clicks on the start button.
+    */
+  def goToPlay(): Unit
+
+  /** This is the implementation of the controller for the setup page.
+    * @param dependencies,
+    *   the dependencies for the controller.
+    */
+class SetUpControllerImpl(dependencies: Controller.Requirements[SetUpView, ApplicationState]) extends SetUpController:
+  override def goToHome(): Unit = NavigableApplicationManager.navigateTo(Pages.Home)
+  // TODO: implement goToPlay
+  override def goToPlay(): Unit = NavigableApplicationManager.navigateTo(Pages.Home)
diff --git a/src/main/scala/scatan/controllers/home/AboutController.scala b/src/main/scala/scatan/controllers/home/AboutController.scala
@@ -0,0 +1,15 @@
+package scatan.controllers.home
+import scatan.mvc.lib.Controller
+import scatan.model.ApplicationState
+import scatan.views.home.AboutView
+import scatan.mvc.lib.NavigableApplicationManager
+import scatan.Pages
+
+trait AboutController extends Controller:
+  def goToHome(): Unit
+
+class AboutControllerImpl(requirements: Controller.Requirements[AboutView, ApplicationState])
+    extends AboutController
+    with Controller.Dependencies(requirements):
+  override def goToHome(): Unit =
+    NavigableApplicationManager.navigateTo(Pages.Home)
diff --git a/src/main/scala/scatan/controllers/home/HomeController.scala b/src/main/scala/scatan/controllers/home/HomeController.scala
@@ -0,0 +1,30 @@
+package scatan.controllers.home
+
+import scatan.mvc.lib.Controller
+import scatan.views.home.HomeView
+import scatan.Pages
+import scatan.mvc.lib.application.NavigableApplication
+import scatan.mvc.lib.NavigableApplicationManager
+import scatan.model.ApplicationState
+
+/** This is the controller for the home page.
+  */
+trait HomeController extends Controller:
+  /** This method is called when the user clicks on the settings button.
+    */
+  def goToSetup(): Unit
+
+  /** This method is called when the user clicks on the about button.
+    */
+  def goToAbout(): Unit
+
+/** This is the implementation of the controller for the home page.
+  * @param requirements,
+  *   the requirements for the controller.
+  */
+class HomeControllerImpl(requirements: Controller.Requirements[HomeView, ApplicationState]) extends HomeController:
+  override def goToSetup(): Unit =
+    NavigableApplicationManager.navigateTo[Pages](Pages.Setup)
+
+  override def goToAbout(): Unit =
+    NavigableApplicationManager.navigateTo[Pages](Pages.About)
diff --git a/src/main/scala/scatan/model/ApplicationModel.scala b/src/main/scala/scatan/model/ApplicationModel.scala
@@ -0,0 +1,5 @@
+package scatan.model
+
+import scatan.mvc.lib.Model
+
+final case class ApplicationState() extends Model.State
-final case class ApplicationState() extends Model.State
+final case class ApplicationModel() extends Model.State
-final case class ApplicationState() extends Model.State
+final case class ApplicationModel() extends Model.State
diff --git a/src/main/scala/scatan/views/game/SetUpView.scala b/src/main/scala/scatan/views/game/SetUpView.scala
@@ -0,0 +1,62 @@
+package scatan.views.game
+
+import scatan.controllers.game.SetUpController
+
+import scatan.Pages
+import scatan.mvc.lib.View
+import scatan.controllers.game.SetUpController
+import com.raquo.laminar.api.L.*
+import scatan.mvc.lib.{ScalaJSView, View}
+import scatan.Pages
+
+/** This is the view for the setup page.
+  */
+trait SetUpView extends View
+
+/** This is the view for the setup page.
+  *
+  * @param requirements,
+  *   the requirements for the view
+  * @param container,
+  *   the container for the view
+  */
+class ScalaJsSetUpView(requirements: View.Requirements[SetUpController], container: String)
+    extends SetUpView
+    with View.Dependencies(requirements)
+    with ScalaJSView(container):
+  val numberOfUsers: Int = 3
+
+  override def element: Element =
+    div(
+      cls := "setup-view",
+      // Title
+      div(
+        cls := "setup-title",
+        "Setup your game"
+      ),
+      div(
+        cls := "setup-menu",
+        for i <- 1 to numberOfUsers
+        yield div(
+          cls := "setup-menu-textbox-container",
+          input(
+            cls := "setup-menu-textbox",
+            placeholder := "Player " + i
+          ),
+          label(
+            cls := "setup-menu-label",
+            "Player" + i
+          )
+        ),
+        button(
+          cls := "setup-menu-button",
+          onClick --> (_ => controller.goToHome()),
+          "Back"
+        ),
+        button(
+          cls := "setup-menu-button",
+          onClick --> (_ => controller.goToPlay()),
+          "Start"
+        )
+      )
+    )
diff --git a/src/main/scala/scatan/views/home/AboutView.scala b/src/main/scala/scatan/views/home/AboutView.scala
@@ -0,0 +1,21 @@
+package scatan.views.home
+
+import com.raquo.laminar.api.L.*
+import scatan.mvc.lib.{ScalaJSView, View}
+import scatan.controllers.home.AboutController
+
+trait AboutView extends View
+
+class ScalaJSAboutView(requirements: View.Requirements[AboutController], container: String)
+    extends AboutView
+    with View.Dependencies[AboutController](requirements)
+    with ScalaJSView(container):
+
+  override def element: Element = div(
+    h1("About"),
+    p("This is a ScalaJS view"),
+    button(
+      "Back",
+      onClick --> (_ => controller.goToHome())
+    )
+  )
diff --git a/src/main/scala/scatan/views/home/HomeView.scala b/src/main/scala/scatan/views/home/HomeView.scala
@@ -0,0 +1,47 @@
+package scatan.views.home
+
+import scatan.mvc.lib.View
+import scatan.controllers.home.HomeController
+import com.raquo.laminar.api.L.*
+import scatan.Pages
+
+import scatan.mvc.lib.{ScalaJSView, View}
+
+/** This is the view for the home page.
+  */
+trait HomeView extends View
+
+/** This is the view for the home page.
+  *
+  * @param requirements,
+  *   the requirements for the view
+  * @param container,
+  *   the container for the view
+  */
+class ScalaJsHomeView(requirements: View.Requirements[HomeController], container: String)
+    extends HomeView
+    with View.Dependencies(requirements)
+    with ScalaJSView(container):
+
+  override def element: Element =
+    div(
+      cls := "home-view",
+      // Title
+      div(
+        cls := "home-title"
+      ),
+      // Menu view with 3 buttons, play, settings and about, dispose them vertically
+      div(
+        cls := "home-menu",
+        button(
+          cls := "home-menu-button",
+          onClick --> (_ => controller.goToSetup()),
+          "Play"
+        ),
+        button(
+          cls := "home-menu-button",
+          onClick --> (_ => controller.goToAbout()),
+          "About"
+        )
+      )
+    )
diff --git a/style.css b/style.css
@@ -0,0 +1,48 @@
+body {
+    /* Set the background image URL */
+    background-image: url('res/img/backgroundBlurred.jpg');
+
+    /* Set the background size to cover the entire body */
+    background-size: cover;
+
+}
+.home-view{
+    margin-top: 1em;
+    margin-bottom: 1em;
+    margin-left: auto;
+    margin-right: auto;
+    width: 80%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.home-title{
+    background-position-x: center;
+    background-image: url("res/img/logo.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 20em;
+}
+/* Home 
+display all menu item vertically
+*/
+.home-menu{
+    margin-top: 1em;
+    margin-bottom: 1em;
+    display: flex;
+    width: 70%;
+    height: auto;
+    flex-direction: column;
+    gap: 1em;
+}
+
+.home-menu-button{
+    flex-grow: 1;
+    font-size: large;
+    font-weight: bold;
+    height: 3em;
+}