ci: bump version to v2.0.0

.gitignore

@@ -134,7 +134,6 @@ target
 /.project
 /.settings
 /RUNNING_PID
-/knockoutwhistwebfrontend/
 /knockoutwhist/
 /knockoutwhistweb/.g8/
 /knockoutwhistweb/.bsp/

.gitmodules

@@ -2,8 +2,3 @@
 	path = knockoutwhist
 	branch = main
 	url = https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist.git
-
-[submodule "knockoutwhistfrontend"]
-	path = knockoutwhistfrontend
-	branch = main
-	url = https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Frontend.git

CHANGELOG.md

@@ -111,7 +111,7 @@
 
 * removed trailing ([c7dd72e](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/c7dd72ecc2786ef63daf2b4288093025a8e22bfd))
 * removed trailing ([42a5adb](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/42a5adbae01802587a48a9de15bad44b5ef014cf))
-##  (2025-11-20)
+##  (2025-11-19)
 
 ### ⚠ BREAKING CHANGES
 
@@ -124,113 +124,3 @@
 * **game:** Fixed polling, SPA, Gameplayloop etc. ([#59](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/59)) ([a58b2e0](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/a58b2e03b11a54667d63ba6604f579a8e328c9d1))
 * **ui:** added js routing, updated ingame ui, added tricktable ([#50](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/50)) ([c220e54](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/c220e54bb8d87f4f0f37a089bcd993e8df806123)), closes [#43](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/43) [#43](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/43)
 * **ui:** implement tie & trump menu, fixed some critical bugs ([#52](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/52)) ([5d245d0](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/5d245d0011a5fb03193514303b45702cd8329224))
-
-### Bug Fixes
-
-* **polling:** Improve polling mechanism and delay handling ([#60](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/60)) ([641c892](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/641c892981649eb85640527cc0fe325ff683fa77))
-##  (2025-11-22)
-
-### Bug Fixes
-
-* **api:** Fixed a bug where the game would reload on game start ([#81](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/81)) ([9738a04](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/9738a04b7a3c63c8cd1450e563ec04823fb3c35a))
-##  (2025-11-23)
-
-### ⚠ BREAKING CHANGES
-
-* **websocket:** Implement WebSocket connection and event handling (#82)
-
-### Features
-
-* **websocket:** Implement WebSocket connection and event handling ([#82](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/82)) ([8ca909d](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/8ca909db522dd7108a3e40ce84811eaf8695eaa5))
-##  (2025-11-24)
-##  (2025-11-26)
-
-### Features
-
-* **api:** Implement received hand event handling and UI updates ([#83](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/83)) ([52e5033](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/52e5033afca344ae40a644196555a9655913710a)), closes [#76](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/76)
-* **base:** Fixed logic for websockets and added GameStateEvent. Might've caused instability on other feature branches! ([#84](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/84)) ([b81bb3d](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/b81bb3d0aeb8500a9d7417a10e24e7f8a17d71d2))
-##  (2025-11-26)
-
-### Features
-
-* **api:** Implemented card played event via websocket ([#85](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/85)) ([3c0828f](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/3c0828fdbeb507706b86f1662476c46e760533e4))
-##  (2025-11-26)
-
-### Features
-
-* **api:** Implemented session closed and kick event via websocket ([#87](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/87)) ([1ef5e8a](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/1ef5e8a72fdf8a3d1ae624c8c3d7c6595017bc6f))
-##  (2025-12-01)
-
-### Features
-
-* **api:** Implemented turn event via websocket ([#86](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/86)) ([2aee79b](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/2aee79bb6887008397aa0780d1d74ce96af1c202))
-* GameState to Title Mapping BAC-1 ([#92](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/92)) ([6e17328](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/6e17328846745375482c97383b143d86a86e7f32))
-* **ui:** Implement countless feature using the SJWP ([#89](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/89)) ([1f96290](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/1f962903712163543fd4f98e696be5e7e29d88a6))
-* **ui:** Popups ([#91](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/91)) ([0037820](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/003782090509bca1c5022c308231b7560dd9b23d))
-
-### Bug Fixes
-
-* **api:** Fixed websocket routing ([#88](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/88)) ([46c96d4](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/46c96d4ceb935ac91fc515a1fdaef195e5ebc0a7))
-* **api:** fixes - reimplemented animations ([#90](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/90)) ([cfcd967](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/cfcd967ce08ecf07f3f06826c337f684eb3b0c5f))
-##  (2025-12-01)
-
-### Features
-
-* **api:** BAC-10 Websockets - Kick Users ([#93](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/93)) ([0541bb5](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/0541bb58d19efd98d134b3d0412f39b4b1001783))
-##  (2025-12-01)
-
-### Features
-
-* **api:** BAC-11 Websocket - Return to Lobby ([#94](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/94)) ([fd2467a](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/fd2467a9ea22dca64d5152a5a3e6db86d9a6f345))
-##  (2025-12-01)
-
-### Bug Fixes
-
-* **api:** BAC-23 Remove old polling code ([#95](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/95)) ([a55f0b4](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/a55f0b4b6164a47e3524422650ed99d10f9c8b0d))
-##  (2025-12-01)
-
-### Bug Fixes
-
-* FRO-6 Websocket Close Handle ([#96](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/96)) ([3585566](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/358556612ec74601c8b31125e4e65f750abf8c4c))
-##  (2025-12-03)
-
-### Features
-
-* **ui:** FRO-7 Endscreen ([#97](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/97)) ([d57e6ef](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/d57e6efa985ca07c32f9f54595fe7393dbdf4d8a))
-##  (2025-12-03)
-##  (2025-12-03)
-##  (2025-12-04)
-
-### Bug Fixes
-
-* BAC-25 Race Condition: Websocket Promises ([#99](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/99)) ([f847424](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/f847424b9cea423ace5661d1efb6e4f01483c655))
-##  (2025-12-04)
-
-### Features
-
-* FRO-3 FRO-4 Added vue compontents to ingame and lobby ([#100](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/100)) ([194df56](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/194df5691ccda1c21ebe9157c4396a4a21aa921d))
-##  (2025-12-05)
-
-### Bug Fixes
-
-* BAC-29 Implement Mappers for Common Classes ([#101](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/101)) ([270f44c](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/270f44cc1f3447ffcc33fb19a47c52391c69972b))
-##  (2025-12-06)
-
-### Features
-
-* BAC-30 Implement Jackson Mapping via DTOs ([#102](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/102)) ([8d697fd](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/8d697fd311478cf792b4631377de4522ecbda9f7))
-##  (2025-12-10)
-
-### Bug Fixes
-
-* FRO-29 Websocket Communication ([#104](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/104)) ([fa3d21e](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/fa3d21e3038eb07369764850a9ad9badd269ac57))
-##  (2025-12-10)
-
-### Features
-
-* BAC-27 Implemented endpoint which returns information about the current state ([#103](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/103)) ([dd5e8e6](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/dd5e8e65e55f02a7618b3c60e8fc7087774e5106))
-##  (2025-12-10)
-
-### Features
-
-* FRO-2 Implement Login Component ([#105](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/105)) ([e8b31b1](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/e8b31b174819b5f033034501856c4b1189c4c4ee))

build.sbt

@@ -1,12 +1,12 @@
 ThisBuild / scalaVersion := "3.5.1"
 
 lazy val commonSettings = Seq(
-  libraryDependencies += "org.scalactic" %% "scalactic" % "3.2.19",
+  libraryDependencies += "org.scalactic" %% "scalactic" % "3.2.18",
-  libraryDependencies += "org.scalatest" %% "scalatest" % "3.2.19" % "test",
+  libraryDependencies += "org.scalatest" %% "scalatest" % "3.2.18" % "test",
-  libraryDependencies += "io.github.mkpaz" % "atlantafx-base" % "2.1.0",
+  libraryDependencies += "io.github.mkpaz" % "atlantafx-base" % "2.0.1",
-  libraryDependencies += "org.scalafx" %% "scalafx" % "24.0.2-R36",
+  libraryDependencies += "org.scalafx" %% "scalafx" % "22.0.0-R33",
-  libraryDependencies += "org.scala-lang.modules" %% "scala-xml" % "2.4.0",
+  libraryDependencies += "org.scala-lang.modules" %% "scala-xml" % "2.3.0",
-  libraryDependencies += "org.playframework" %% "play-json" % "3.1.0-M9",
+  libraryDependencies += "org.playframework" %% "play-json" % "3.1.0-M1",
   libraryDependencies ++= {
     // Determine OS version of JavaFX binaries
     lazy val osName = System.getProperty("os.name") match {
@@ -38,9 +38,8 @@ lazy val knockoutwhistweb = project.in(file("knockoutwhistweb"))
     commonSettings,
     libraryDependencies += "org.scalatestplus.play" %% "scalatestplus-play" % "7.0.2" % Test,
     libraryDependencies += "de.mkammerer" % "argon2-jvm" % "2.12",
-    libraryDependencies += "com.auth0" % "java-jwt" % "4.5.0",
+    libraryDependencies += "com.auth0" % "java-jwt" % "4.3.0",
-    libraryDependencies += "com.github.ben-manes.caffeine" % "caffeine" % "3.2.3",
+    libraryDependencies += "com.github.ben-manes.caffeine" % "caffeine" % "3.2.2",
-    libraryDependencies += "tools.jackson.module" %% "jackson-module-scala" % "3.0.2",
     JsEngineKeys.engineType := JsEngineKeys.EngineType.Node
   )
 

knockoutwhistweb/app/assets/stylesheets/login.less

@@ -17,7 +17,7 @@
   width: 100%;
   border: none;
   border-radius: 1rem;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
   position: relative;
   z-index: 3; /* ensure card sits above the particles */
 }

knockoutwhistweb/app/assets/stylesheets/main.less

@@ -14,18 +14,13 @@
   --bs-border-color: rgba(0, 0, 0, 0.125) !important;
   --bs-heading-color: var(--color) !important;
 }
-
 @background-color: var(--background-color);
 @highlightcolor: var(--highlightscolor);
 @background-image: var(--background-image);
 @color: var(--color);
 @keyframes slideIn {
-  0% {
+  0% { transform: translateX(-100vw); }
-    transform: translateX(-100vw);
+  100% { transform: translateX(0); }
-  }
-  100% {
-    transform: translateX(0);
-  }
 }
 
 .game-field-background {
@@ -36,22 +31,20 @@
     margin: 0 auto;
     min-height: 100vh;
 }
-
 .lobby-background {
     background-color: @background-color;
     width: 100%;
     height: 100vh;
 }
 
-.navbar-header {
+.navbar-header{
-  text-align: center;
+    text-align:center;
 }
 
 .navbar-toggle {
     float: none;
-  margin-right: 0;
+    margin-right:0;
 }
-
 .handcard :hover {
   box-shadow: 3px 3px 3px @highlightcolor;
 }
@@ -112,13 +105,11 @@ body {
     justify-content: flex-start;
     align-items: center;
     text-align: center;
-
     h1 {
         animation: slideIn 0.5s ease-out forwards;
         animation-fill-mode: backwards;
     }
 }
-
 #textanimation {
         animation: slideIn 0.5s ease-out forwards;
         animation-fill-mode: backwards;
@@ -130,7 +121,6 @@ body {
     font-size: 40px;
     font-family: Arial, serif;
 }
-
 #ingame {
     display: flex;
     flex-direction: column;
@@ -138,7 +128,6 @@ body {
     justify-content: flex-end;
     height: 100%;
 }
-
 #ingame a, #ingame h1, #ingame p {
     color: @color;
     font-size: 40px;
@@ -149,34 +138,13 @@ body {
   div {
     animation: slideIn 0.5s ease-out forwards;
     animation-fill-mode: backwards;
-
+    &:nth-child(1) { animation-delay: 0.5s; }
-    &:nth-child(1) {
+    &:nth-child(2) { animation-delay: 1s; }
-      animation-delay: 0.5s;
+    &:nth-child(3) { animation-delay: 1.5s; }
-    }
+    &:nth-child(4) { animation-delay: 2s; }
-
+    &:nth-child(5) { animation-delay: 2.5s; }
-    &:nth-child(2) {
+    &:nth-child(6) { animation-delay: 3s; }
-      animation-delay: 1s;
+    &:nth-child(7) { animation-delay: 3.5s; }
-    }
-
-    &:nth-child(3) {
-      animation-delay: 1.5s;
-    }
-
-    &:nth-child(4) {
-      animation-delay: 2s;
-    }
-
-    &:nth-child(5) {
-      animation-delay: 2.5s;
-    }
-
-    &:nth-child(6) {
-      animation-delay: 3s;
-    }
-
-    &:nth-child(7) {
-      animation-delay: 3.5s;
-    }
   }
 }
 
@@ -185,12 +153,10 @@ body {
     flex-direction: column;
     justify-content: flex-end;
 }
-
 #playedcardplayer p {
     font-size: 12px;
     height: 4%;
 }
-
 #playedcardplayer img {
     height: 90%;
 }
@@ -202,48 +168,43 @@ body {
     width: 100%;
     justify-content: space-between;
 }
-
 #firstCardObject {
     display: flex;
     flex-direction: column;
     margin-right: 4%;
 }
-
+#firstCardObject img{
-#firstCardObject img {
     height: 90%;
 }
-
+#firstCardObject p{
-#firstCardObject p {
     height: 10%;
     font-size: 20px;
 
 }
-
+#nextPlayers {
-#next-players-container {
     display: flex;
     flex-direction: column;
-  align-items: flex-start;
+    align-items: center;
     height: 0;
-
     p {
         margin-top: 0;
         margin-bottom: 0;
     }
 }
-
+#invisible {
+    visibility: hidden;
+}
 #selecttrumpsuit {
     display: flex;
     flex-direction: column;
     align-items: center;
     height: 100%;
 }
-
 #rules {
     color: @color;
     font-size: 1.5em;
     font-family: Arial, serif;
 }
-
 .score-table {
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 8px;
@@ -252,13 +213,11 @@ body {
     backdrop-filter: blur(8px);
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
-
 .score-header {
     font-weight: bold;
     color: #000000;
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
-
 .score-row {
     color: #000000;
 }
@@ -284,12 +243,12 @@ body {
   inset: 0;
   pointer-events: none;
   /* fallback: subtle vignette if backdrop-filter unsupported */
-  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.35) 100%);
+  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 30%, rgba(0,0,0,0.35) 100%);
 }
 
 @supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
   .blur-sides::before {
-    background: rgba(0, 0, 0, 0.08);
+    background: rgba(0,0,0,0.08);
     -webkit-backdrop-filter: blur(10px) saturate(110%);
     backdrop-filter: blur(10px) saturate(110%);
   }

knockoutwhistweb/app/auth/AuthAction.scala

@@ -15,6 +15,13 @@ class AuthAction @Inject()(val sessionManager: SessionManager, val parser: BodyP
 
   override def executionContext: ExecutionContext = ec
 
+  protected def getUserFromSession(request: RequestHeader): Option[User] = {
+    val session = request.cookies.get("sessionId")
+    if (session.isDefined)
+      return sessionManager.getUserBySession(session.get.value)
+    None
+  }
+  
   override def invokeBlock[A](
                                request: Request[A],
                                block: AuthenticatedRequest[A] => Future[Result]
@@ -23,15 +30,8 @@ class AuthAction @Inject()(val sessionManager: SessionManager, val parser: BodyP
       case Some(user) =>
         block(new AuthenticatedRequest(user, request))
       case None =>
-        Future.successful(Results.Unauthorized)
+        Future.successful(Results.Redirect(routes.UserController.login()))
     }
   }
-
-  protected def getUserFromSession(request: RequestHeader): Option[User] = {
-    val session = request.cookies.get("accessToken")
-    if (session.isDefined)
-      return sessionManager.getUserBySession(session.get.value)
-    None
-  }
 }
 

knockoutwhistweb/app/components/WebApplicationConfiguration.scala

@@ -2,13 +2,11 @@ package components
 
 import de.knockoutwhist.components.DefaultConfiguration
 import de.knockoutwhist.ui.UI
-import de.knockoutwhist.utils.DelayHandler
 import de.knockoutwhist.utils.events.EventListener
 
 class WebApplicationConfiguration extends DefaultConfiguration {
 
   override def uis: Set[UI] = Set()
-
+  override def listener: Set[EventListener] = Set()
-  override def listener: Set[EventListener] = Set(DelayHandler)
 
 }

knockoutwhistweb/app/controllers/IngameController.scala

@@ -1,8 +1,7 @@
 package controllers
 
 import auth.{AuthAction, AuthenticatedRequest}
-import de.knockoutwhist.control.GameState
+import de.knockoutwhist.control.GameState.{FinishedMatch, InGame, Lobby, SelectTrump, TieBreak}
-import de.knockoutwhist.control.GameState.*
 import exceptions.*
 import logic.PodManager
 import logic.game.GameLobby
@@ -12,7 +11,6 @@ import play.api.*
 import play.api.libs.json.{JsValue, Json}
 import play.api.mvc.*
 import play.twirl.api.Html
-import util.GameUtil
 
 import java.util.UUID
 import javax.inject.*
@@ -20,31 +18,60 @@ import scala.concurrent.ExecutionContext
 import scala.util.Try
 
 @Singleton
-class IngameController @Inject()(
+class IngameController @Inject() (
                                    val cc: ControllerComponents,
+                                   val podManager: PodManager,
                                    val authAction: AuthAction,
                                    implicit val ec: ExecutionContext
                                  ) extends AbstractController(cc) {
 
+  def returnInnerHTML(gameLobby: GameLobby, user: User): Html = {
+    gameLobby.logic.getCurrentState match {
+      case Lobby => views.html.lobby.lobby(Some(user), gameLobby)
+      case InGame =>
+        views.html.ingame.ingame(
+          gameLobby.getPlayerByUser(user),
+          gameLobby
+        )
+      case SelectTrump =>
+          views.html.ingame.selecttrump(
+            gameLobby.getPlayerByUser(user),
+            gameLobby
+          )
+      case TieBreak =>
+        views.html.ingame.tie(
+          gameLobby.getPlayerByUser(user),
+          gameLobby
+        )
+      case FinishedMatch =>
+        views.html.ingame.finishedMatch(
+          Some(user),
+          gameLobby
+        )
+      case _ =>
+        throw new IllegalStateException(s"Invalid game state for in-game view. GameId: ${gameLobby.id}" + s" State: ${gameLobby.logic.getCurrentState}")
+    }
+  }
+
   def game(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) =>
         val results = Try {
-          IngameController.returnInnerHTML(g, g.logic.getCurrentState, request.user)
+          returnInnerHTML(g, request.user)
+
         }
         if (results.isSuccess) {
-          Ok(views.html.main("Knockout Whist - " + GameUtil.stateToTitle(g.logic.getCurrentState))(results.get))
+          Ok(views.html.main("In-Game - Knockout Whist")(results.get))
         } else {
           InternalServerError(results.failed.get.getMessage)
         }
       case None =>
-        Redirect(routes.MainMenuController.mainMenu())
+        NotFound("Game not found")
     }
   }
-
   def startGame(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     val result = Try {
       game match {
         case Some(g) =>
@@ -56,8 +83,7 @@ class IngameController @Inject()(
     if (result.isSuccess) {
       Ok(Json.obj(
         "status" -> "success",
-        "redirectUrl" -> routes.IngameController.game(gameId).url,
+        "redirectUrl" -> routes.IngameController.game(gameId).url
-        "content" -> IngameController.returnInnerHTML(game.get, game.get.logic.getCurrentState, request.user).toString()
       ))
     } else {
       val throwable = result.failed.get
@@ -85,14 +111,13 @@ class IngameController @Inject()(
       }
     }
   }
-
   def kickPlayer(gameId: String, playerToKick: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     val playerToKickUUID = UUID.fromString(playerToKick)
     val result = Try {
-      game.get.leaveGame(playerToKickUUID, true)
+      game.get.leaveGame(playerToKickUUID)
     }
-    if (result.isSuccess) {
+    if(result.isSuccess) {
       Ok(Json.obj(
         "status" -> "success",
         "redirectUrl" -> routes.IngameController.game(gameId).url
@@ -104,17 +129,15 @@ class IngameController @Inject()(
       ))
     }
   }
-
   def leaveGame(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     val result = Try {
-      game.get.leaveGame(request.user.id, false)
+      game.get.leaveGame(request.user.id)
     }
     if (result.isSuccess) {
       Ok(Json.obj(
         "status" -> "success",
-        "redirectUrl" -> routes.MainMenuController.mainMenu().url,
+        "redirectUrl" -> routes.MainMenuController.mainMenu().url
-        "content" -> views.html.mainmenu.creategame(Some(request.user)).toString
       ))
     } else {
       InternalServerError(Json.obj(
@@ -125,7 +148,7 @@ class IngameController @Inject()(
   }
   
   def playCard(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] => {
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) =>
         val jsonBody = request.body.asJson
@@ -195,9 +218,8 @@ class IngameController @Inject()(
     }
   }
   }
-
   def playDogCard(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] => {
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) => {
         val jsonBody = request.body.asJson
@@ -260,9 +282,8 @@ class IngameController @Inject()(
     }
   }
   }
-
   def playTrump(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) =>
         val jsonBody = request.body.asJson
@@ -313,9 +334,8 @@ class IngameController @Inject()(
         NotFound("Game not found")
     }
   }
-
   def playTie(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) =>
         val jsonBody = request.body.asJson
@@ -369,7 +389,7 @@ class IngameController @Inject()(
   
   
   def returnToLobby(gameId: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val game = PodManager.getGame(gameId)
+    val game = podManager.getGame(gameId)
     game match {
       case Some(g) =>
         val result = Try {
@@ -410,35 +430,3 @@ class IngameController @Inject()(
   }
 
 }
-
-object IngameController {
-
-  def returnInnerHTML(gameLobby: GameLobby, gameState: GameState, user: User): Html = {
-    gameState match {
-      case Lobby => views.html.lobby.lobby(Some(user), gameLobby)
-      case InGame =>
-        views.html.ingame.ingame(
-          gameLobby.getPlayerByUser(user),
-          gameLobby
-        )
-      case SelectTrump =>
-        views.html.ingame.selecttrump(
-          gameLobby.getPlayerByUser(user),
-          gameLobby
-        )
-      case TieBreak =>
-        views.html.ingame.tie(
-          gameLobby.getPlayerByUser(user),
-          gameLobby
-        )
-      case FinishedMatch =>
-        views.html.ingame.finishedMatch(
-          Some(user),
-          gameLobby
-        )
-      case _ =>
-        throw new IllegalStateException(s"Invalid game state for in-game view. GameId: ${gameLobby.id}" + s" State: ${gameLobby.logic.getCurrentState}")
-    }
-  }
-  
-}

knockoutwhistweb/app/controllers/JavaScriptRoutingController.scala

@@ -1,6 +1,7 @@
 package controllers
 
-import auth.AuthAction
+import auth.{AuthAction, AuthenticatedRequest}
+import logic.PodManager
 import play.api.mvc.{Action, AnyContent, BaseController, ControllerComponents}
 import play.api.routing.JavaScriptReverseRouter
 
@@ -9,6 +10,7 @@ import javax.inject.Inject
 class JavaScriptRoutingController  @Inject()(
                                               val controllerComponents: ControllerComponents,
                                               val authAction: AuthAction,
+                                              val podManager: PodManager
                                             ) extends BaseController {
   def javascriptRoutes(): Action[AnyContent] =
     Action { implicit request =>
@@ -17,6 +19,15 @@ class JavaScriptRoutingController @Inject()(
           routes.javascript.MainMenuController.createGame,
           routes.javascript.MainMenuController.joinGame,
           routes.javascript.MainMenuController.navSPA,
+          routes.javascript.IngameController.startGame,
+          routes.javascript.IngameController.kickPlayer,
+          routes.javascript.IngameController.leaveGame,
+          routes.javascript.IngameController.playCard,
+          routes.javascript.IngameController.playDogCard,
+          routes.javascript.IngameController.playTrump,
+          routes.javascript.IngameController.playTie,
+          routes.javascript.IngameController.returnToLobby,
+          routes.javascript.PollingController.polling,
           routes.javascript.UserController.login_Post
       )
     ).as("text/javascript")

knockoutwhistweb/app/controllers/MainMenuController.scala

@@ -16,7 +16,9 @@ import javax.inject.*
 @Singleton
 class MainMenuController @Inject()(
                                     val controllerComponents: ControllerComponents,
-                                    val authAction: AuthAction
+                                    val authAction: AuthAction,
+                                    val podManager: PodManager,
+                                    val ingameController: IngameController
                                   ) extends BaseController {
 
   // Pass the request-handling function directly to authAction (no nested Action)
@@ -37,7 +39,7 @@ class MainMenuController @Inject()(
       val playeramount: String = (jsonBody.get \ "playeramount").asOpt[String]
         .getOrElse(throw new IllegalArgumentException("Player amount is required."))
 
-      val gameLobby = PodManager.createGame(
+      val gameLobby = podManager.createGame(
         host = request.user,
         name = gamename,
         maxPlayers = playeramount.toInt
@@ -45,7 +47,7 @@ class MainMenuController @Inject()(
       Ok(Json.obj(
         "status" -> "success",
         "redirectUrl" -> routes.IngameController.game(gameLobby.id).url,
-        "content" -> IngameController.returnInnerHTML(gameLobby, gameLobby.logic.getCurrentState, request.user).toString
+        "content" -> ingameController.returnInnerHTML(gameLobby, request.user).toString
       ))
     } else {
       BadRequest(Json.obj(
@@ -62,14 +64,14 @@ class MainMenuController @Inject()(
       (jsValue \ "gameId").asOpt[String]
     }
     if (gameId.isDefined) {
-      val game = PodManager.getGame(gameId.get)
+      val game = podManager.getGame(gameId.get)
       game match {
         case Some(g) =>
           g.addUser(request.user)
           Ok(Json.obj(
             "status" -> "success",
             "redirectUrl" -> routes.IngameController.game(g.id).url,
-            "content" -> IngameController.returnInnerHTML(g, g.logic.getCurrentState, request.user).toString
+            "content" -> ingameController.returnInnerHTML(g, request.user).toString
           ))
         case None =>
           NotFound(Json.obj(
@@ -89,7 +91,7 @@ class MainMenuController @Inject()(
     Ok(views.html.main("Knockout Whist - Rules")(views.html.mainmenu.rules(Some(request.user))))
   }
 
-  def navSPA(location: String): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
+  def navSPA(location: String) : Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
     location match {
       case "0" => // Main Menu
         Ok(Json.obj(

knockoutwhistweb/app/controllers/PollingController.scala

@@ -0,0 +1,152 @@
+package controllers
+
+import auth.{AuthAction, AuthenticatedRequest}
+import controllers.PollingController.{scheduler, timeoutDuration}
+import de.knockoutwhist.cards.Hand
+import de.knockoutwhist.player.AbstractPlayer
+import logic.PodManager
+import logic.game.{GameLobby, PollingEvents}
+import logic.game.PollingEvents.{CardPlayed, LobbyCreation, LobbyUpdate, NewRound, NewTrick, ReloadEvent}
+import model.sessions.UserSession
+import model.users.User
+import play.api.libs.json.{JsArray, JsValue, Json}
+import play.api.mvc.{AbstractController, Action, AnyContent, ControllerComponents, Result}
+import util.WebUIUtils
+
+import javax.inject.{Inject, Singleton}
+import scala.concurrent.{ExecutionContext, Future}
+import java.util.concurrent.{Executors, ScheduledExecutorService, TimeUnit}
+import scala.concurrent.duration.*
+object PollingController {
+  private val scheduler: ScheduledExecutorService = Executors.newSingleThreadScheduledExecutor()
+  private val timeoutDuration = 25.seconds
+}
+@Singleton
+class PollingController @Inject() (
+                                    val cc: ControllerComponents,
+                                    val podManager: PodManager,
+                                    val authAction: AuthAction,
+                                    val ingameController: IngameController,
+                                    implicit val ec: ExecutionContext
+                                  ) extends AbstractController(cc) {
+
+  private def buildCardPlayResponse(game: GameLobby, hand: Option[Hand], player: AbstractPlayer, newRound: Boolean): JsValue = {
+    val currentRound = game.logic.getCurrentRound.get
+    val currentTrick = game.logic.getCurrentTrick.get
+
+    val trickCardsJson = Json.toJson(
+      currentTrick.cards.map { case (card, player) =>
+        Json.obj("cardId" -> WebUIUtils.cardtoString(card), "player" -> player.name)
+      }
+    )
+    val scoreTableJson = Json.toJson(
+      game.getLogic.getPlayerQueue.get.toList.map { player =>
+        Json.obj(
+          "name" -> player.name,
+          "tricks" -> currentRound.tricklist.count(_.winner.contains(player))
+        )
+      }
+    )
+
+    val stringHand = hand.map { h =>
+      val cardStrings = h.cards.map(WebUIUtils.cardtoString)
+      Json.toJson(cardStrings).as[JsArray]
+    }.getOrElse(Json.arr())
+
+    val firstCardId = currentTrick.firstCard.map(WebUIUtils.cardtoString).getOrElse("BLANK")
+    val nextPlayer = game.getLogic.getPlayerQueue.get.duplicate().nextPlayer().name
+    Json.obj(
+      "status" -> "cardPlayed",
+      "animation" -> newRound,
+      "handData" -> stringHand,
+      "dog" -> player.isInDogLife,
+      "currentPlayerName" -> game.logic.getCurrentPlayer.get.name,
+      "trumpSuit" -> currentRound.trumpSuit.toString,
+      "trickCards" -> trickCardsJson,
+      "scoreTable" -> scoreTableJson,
+      "firstCardId" -> firstCardId,
+      "nextPlayer" -> nextPlayer,
+      "yourTurn" -> (game.logic.getCurrentPlayer.get == player)
+    )
+  }
+
+  private def buildLobbyUsersResponse(game: GameLobby, userSession: UserSession): JsValue = {
+    Json.obj(
+      "status" -> "lobbyUpdate",
+      "host" ->  userSession.host,
+      "users" -> game.getUsers.map(u => Json.obj(
+        "name" -> u.name,
+        "id" -> u.id,
+        "self" -> (u.id == userSession.id)
+      ))
+    )
+  }
+
+
+  def handleEvent(event: PollingEvents, game: GameLobby, userSession: UserSession): Result = {
+    event match {
+      case NewRound =>
+        val player = game.getPlayerByUser(userSession.user)
+        val hand = player.currentHand()
+        val jsonResponse = buildCardPlayResponse(game, hand, player, true)
+        Ok(jsonResponse)
+      case NewTrick =>
+        val player = game.getPlayerByUser(userSession.user)
+        val hand = player.currentHand()
+        val jsonResponse = buildCardPlayResponse(game, hand, player, false)
+        Ok(jsonResponse)
+      case CardPlayed =>
+        val player = game.getPlayerByUser(userSession.user)
+        val hand = player.currentHand()
+        val jsonResponse = buildCardPlayResponse(game, hand, player, false)
+        Ok(jsonResponse)
+      case LobbyUpdate =>
+        Ok(buildLobbyUsersResponse(game, userSession))
+      case ReloadEvent =>
+        val jsonResponse = Json.obj(
+          "status" -> "reloadEvent",
+          "redirectUrl" -> routes.IngameController.game(game.id).url,
+          "content" -> ingameController.returnInnerHTML(game, userSession.user).toString
+        )
+        Ok(jsonResponse)
+    }
+  }
+
+  def polling(gameId: String): Action[AnyContent] = authAction.async { implicit request: AuthenticatedRequest[AnyContent] =>
+
+    val playerId = request.user.id
+
+    podManager.getGame(gameId) match {
+      case Some(game) =>
+        val playerEventQueue = game.getEventsOfPlayer(playerId)
+        if (playerEventQueue.nonEmpty) {
+          val event = playerEventQueue.dequeue()
+          Future.successful(handleEvent(event, game, game.getUserSession(playerId)))
+        } else {
+          val eventPromise = game.registerWaiter(playerId)
+          val scheduledFuture = scheduler.schedule(
+            new Runnable {
+              override def run(): Unit =
+                eventPromise.tryFailure(new java.util.concurrent.TimeoutException("Polling Timeout"))
+            },
+            timeoutDuration.toMillis,
+            TimeUnit.MILLISECONDS
+          )
+          eventPromise.future.map { event =>
+            scheduledFuture.cancel(false)
+            game.removeWaiter(playerId)
+            handleEvent(event, game, game.getUserSession(playerId))
+          }.recover {
+            case _: Throwable =>
+              game.removeWaiter(playerId)
+              NoContent
+          }
+        }
+
+      case None =>
+        Future.successful(NotFound("Game not found."))
+    }
+  }
+
+
+}

knockoutwhistweb/app/controllers/StatusController.scala

@@ -1,94 +0,0 @@
-package controllers
-
-import auth.AuthAction
-import logic.PodManager
-import logic.game.GameLobby
-import logic.user.SessionManager
-import model.users.User
-import play.api.libs.json.{JsValue, Json}
-import play.api.mvc.*
-import util.WebsocketEventMapper
-
-import javax.inject.Inject
-
-class StatusController @Inject()(
-                                  val controllerComponents: ControllerComponents,
-                                  val sessionManager: SessionManager,
-                                  val authAction: AuthAction
-                                ) extends BaseController {
-
-  def requestStatus(): Action[AnyContent] = {
-    Action { implicit request =>
-      val userOpt = getUserFromSession(request)
-      if (userOpt.isEmpty) {
-        Ok(
-          Json.obj(
-            "status" -> "unauthenticated"
-          )
-        )
-      } else {
-        val user = userOpt.get
-        val gameOpt = PodManager.identifyGameOfUser(user)
-        if (gameOpt.isEmpty) {
-          Ok(
-            Json.obj(
-              "status" -> "authenticated",
-              "username" -> user.name,
-              "inGame" -> "false"
-            )
-          )
-        } else {
-          val game = gameOpt.get
-          Ok(
-            Json.obj(
-              "status" -> "authenticated",
-              "username" -> user.name,
-              "inGame" -> "true",
-              "gameId" -> game.id
-            )
-          )
-        }
-      }
-    }
-  }
-
-  def game(gameId: String): Action[AnyContent] = {
-    Action { implicit request =>
-    val userOpt = getUserFromSession(request)
-    if (userOpt.isEmpty) {
-      Unauthorized("User not authenticated")
-    } else {
-      val user = userOpt.get
-      val gameOpt = PodManager.getGame(gameId)
-      if (gameOpt.isEmpty) {
-        NotFound("Game not found")
-      } else {
-        val game = gameOpt.get
-        if (!game.getPlayers.contains(user.id)) {
-          Forbidden("User not part of this game")
-        } else {
-          Ok(
-            Json.obj(
-              "gameId" -> game.id,
-              "state" -> game.logic.getCurrentState.toString,
-              "data" -> mapGameState(game, user) 
-            )
-          )
-        }
-      }
-    }
-  }}
-
-  private def getUserFromSession(request: RequestHeader): Option[User] = {
-    val session = request.cookies.get("sessionId")
-    if (session.isDefined)
-      return sessionManager.getUserBySession(session.get.value)
-    None
-  }
-  
-  private def mapGameState(gameLobby: GameLobby, user: User): JsValue = {
-    val userSession = gameLobby.getUserSession(user.id)
-    WebsocketEventMapper.stateToJson(userSession)
-  }
-
-}

knockoutwhistweb/app/controllers/UserController.scala

@@ -1,13 +1,10 @@
 package controllers
 
 import auth.{AuthAction, AuthenticatedRequest}
-import dto.subDTO.UserDTO
 import logic.user.{SessionManager, UserManager}
-import model.users.User
 import play.api.*
 import play.api.libs.json.Json
 import play.api.mvc.*
-import play.api.mvc.Cookie.SameSite.{Lax, None, Strict}
 
 import javax.inject.*
 
@@ -24,6 +21,22 @@ class UserController @Inject()(
                                 val authAction: AuthAction
                               ) extends BaseController {
 
+  def login(): Action[AnyContent] = {
+    Action { implicit request =>
+      val session = request.cookies.get("sessionId")
+      if (session.isDefined) {
+        val possibleUser = sessionManager.getUserBySession(session.get.value)
+        if (possibleUser.isDefined) {
+          Redirect(routes.MainMenuController.mainMenu())
+        } else {
+          Ok(views.html.main("Login")(views.html.login.login()))
+        }
+      } else {
+        Ok(views.html.main("Login")(views.html.login.login()))
+      }
+    }
+  }
+
   def login_Post(): Action[AnyContent] = {
     Action { implicit request =>
       val jsonBody = request.body.asJson
@@ -38,17 +51,12 @@ class UserController @Inject()(
         val possibleUser = userManager.authenticate(username.get, password.get)
         if (possibleUser.isDefined) {
           Ok(Json.obj(
-            "user" -> Json.obj(
+            "status" -> "success",
-              "id" -> possibleUser.get.id,
+            "redirectUrl" -> routes.MainMenuController.mainMenu().url,
-              "username" -> possibleUser.get.name
+            "content" -> views.html.mainmenu.creategame(possibleUser).toString
+          )).withCookies(
+            Cookie("sessionId", sessionManager.createSession(possibleUser.get))
           )
-          )).withCookies(Cookie(
-            name = "accessToken",
-            value = sessionManager.createSession(possibleUser.get),
-            httpOnly = true,
-            secure = false,
-            sameSite = Some(Lax)
-          ))
         } else {
           Unauthorized("Invalid username or password")
         }
@@ -58,20 +66,13 @@ class UserController @Inject()(
     }
   }
 
-  def getUserInfo(): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
+  // Pass the request-handling function directly to authAction (no nested Action)
-    val user: User = request.user
+  def logout(): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    Ok(Json.obj(
+    val sessionCookie = request.cookies.get("sessionId")
-      "id" -> user.id,
-      "username" -> user.name
-    ))
-  }
-
-  def logoutPost(): Action[AnyContent] = authAction { implicit request: AuthenticatedRequest[AnyContent] =>
-    val sessionCookie = request.cookies.get("accessToken")
     if (sessionCookie.isDefined) {
       sessionManager.invalidateSession(sessionCookie.get.value)
     }
-    NoContent.discardingCookies(DiscardingCookie("accessToken"))
+    Redirect(routes.UserController.login()).discardingCookies(DiscardingCookie("sessionId"))
   }
 
 }

knockoutwhistweb/app/controllers/WebsocketController.scala

@@ -1,45 +0,0 @@
-package controllers
-
-
-import auth.AuthAction
-import logic.PodManager
-import logic.user.SessionManager
-import model.sessions.{UserSession, UserWebsocketActor}
-import org.apache.pekko.actor.{ActorRef, ActorSystem, Props}
-import org.apache.pekko.stream.Materializer
-import play.api.*
-import play.api.libs.streams.ActorFlow
-import play.api.mvc.*
-
-import javax.inject.*
-
-
-@Singleton
-class WebsocketController @Inject()(
-                                     cc: ControllerComponents,
-                                     val sessionManger: SessionManager,
-                                   )(implicit system: ActorSystem, mat: Materializer) extends AbstractController(cc) {
-
-  def socket(): WebSocket = WebSocket.accept[String, String] { request =>
-    val session = request.cookies.get("sessionId")
-    if (session.isEmpty) throw new Exception("No session cookie found")
-    val userOpt = sessionManger.getUserBySession(session.get.value)
-    if (userOpt.isEmpty) throw new Exception("Invalid session")
-    val user = userOpt.get
-    val game = PodManager.identifyGameOfUser(user)
-    if (game.isEmpty) throw new Exception("User is not in a game")
-    val userSession = game.get.getUserSession(user.id)
-    ActorFlow.actorRef { out =>
-      println("Connect received")
-      KnockOutWebSocketActorFactory.create(out, userSession)
-    }
-  }
-
-  object KnockOutWebSocketActorFactory {
-    def create(out: ActorRef, userSession: UserSession): Props = {
-      Props(new UserWebsocketActor(out, userSession))
-    }
-  }
-
-
-}

knockoutwhistweb/app/dto/GameInfoDTO.scala

@@ -1,35 +0,0 @@
-package dto
-
-import dto.subDTO.*
-import logic.game.GameLobby
-import model.users.User
-
-import scala.util.Try
-
-case class GameInfoDTO(
-                      gameId: String,
-                      self: Option[PlayerDTO],
-                      hand: Option[HandDTO],
-                      playerQueue: PlayerQueueDTO,
-                      currentTrick: Option[TrickDTO],
-                      currentRound: Option[RoundDTO]
-                      )
-
-object GameInfoDTO {
-
-  def apply(lobby: GameLobby, user: User): GameInfoDTO = {
-    val selfPlayer = Try {
-      Some(lobby.getPlayerByUser(user))
-    }.getOrElse(None)
-    
-    GameInfoDTO(
-      gameId = lobby.id,
-      self = selfPlayer.map(PlayerDTO(_)),
-      hand = selfPlayer.flatMap(_.currentHand()).map(HandDTO(_)),
-      playerQueue = PlayerQueueDTO(lobby.logic),
-      currentTrick = lobby.logic.getCurrentTrick.map(TrickDTO(_)),
-      currentRound = lobby.logic.getCurrentRound.map(RoundDTO(_))
-    )
-  }
-
-}

knockoutwhistweb/app/dto/LobbyInfoDTO.scala

@@ -1,22 +0,0 @@
-package dto
-
-import dto.subDTO.UserDTO
-import logic.game.GameLobby
-import model.users.User
-
-case class LobbyInfoDTO(gameId: String, users: List[UserDTO], self: UserDTO, maxPlayers: Int)
-
-object LobbyInfoDTO {
-
-  def apply(lobby: GameLobby, user: User): LobbyInfoDTO = {
-    val session = lobby.getUserSession(user.id)
-    
-    LobbyInfoDTO(
-      gameId = lobby.id,
-      users = lobby.getPlayers.values.map(user => UserDTO(user)).toList,
-      self = UserDTO(session),
-      maxPlayers = lobby.maxPlayers,
-    )
-  }
-
-}

knockoutwhistweb/app/dto/TieInfoDTO.scala

@@ -1,27 +0,0 @@
-package dto
-
-import dto.subDTO.PlayerDTO
-import logic.game.GameLobby
-import model.users.User
-
-import scala.util.Try
-
-case class TieInfoDTO(gameId: String, currentPlayer: Option[PlayerDTO], self: Option[PlayerDTO], tiedPlayers: Seq[PlayerDTO], highestAmount: Int)
-
-object TieInfoDTO {
-
-  def apply(lobby: GameLobby, user: User): TieInfoDTO = {
-    val selfPlayer = Try {
-      Some(lobby.getPlayerByUser(user))
-    }.getOrElse(None)
-
-    TieInfoDTO(
-      gameId = lobby.id,
-      currentPlayer = lobby.logic.playerTieLogic.currentTiePlayer().map(PlayerDTO.apply),
-      self = selfPlayer.map(PlayerDTO.apply),
-      tiedPlayers = lobby.logic.playerTieLogic.getTiedPlayers.map(PlayerDTO.apply),
-      highestAmount = lobby.logic.playerTieLogic.highestAllowedNumber()
-    )
-  }
-  
-}

knockoutwhistweb/app/dto/TrumpInfoDTO.scala

@@ -1,31 +0,0 @@
-package dto
-
-import dto.subDTO.{HandDTO, PlayerDTO}
-import logic.game.GameLobby
-import model.users.User
-
-import scala.util.Try
-
-case class TrumpInfoDTO(
-                       gameId: String,
-                       chooser: Option[PlayerDTO],
-                       self: Option[PlayerDTO],
-                       selfHand: Option[HandDTO],
-                       )
-
-object TrumpInfoDTO {
-
-  def apply(lobby: GameLobby, user: User): TrumpInfoDTO = {
-    val selfPlayer = Try {
-      Some(lobby.getPlayerByUser(user))
-    }.getOrElse(None)
-
-    TrumpInfoDTO(
-      gameId = lobby.id,
-      chooser = lobby.logic.getTrumpPlayer.map(PlayerDTO(_)),
-      self = selfPlayer.map(PlayerDTO(_)),
-      selfHand = selfPlayer.flatMap(_.currentHand()).map(HandDTO(_))
-    )
-  }
-
-}

knockoutwhistweb/app/dto/WonInfoDTO.scala

@@ -1,34 +0,0 @@
-package dto
-
-import dto.subDTO.PodiumPlayerDTO
-import logic.game.GameLobby
-import model.users.User
-
-case class WonInfoDTO(
-                     gameId: String,
-                     winner: Option[PodiumPlayerDTO],
-                     allPlayers: Seq[PodiumPlayerDTO]
-                     )
-
-object WonInfoDTO {
-
-  def apply(lobby: GameLobby, user: User): WonInfoDTO = {
-    val matchImpl = lobby.logic.getCurrentMatch
-    if (matchImpl.isEmpty) {
-      throw new IllegalStateException("No current match available in game logic")
-    }
-    val allPlayersDTO: Seq[PodiumPlayerDTO] = matchImpl.get.totalplayers.map { player =>
-      PodiumPlayerDTO(lobby.logic, player)
-    }
-
-    val selfPlayerDTO = lobby.getPlayerByUser(user)
-    val winnerDTO = lobby.logic.getWinner
-
-    WonInfoDTO(
-      gameId = lobby.id,
-      winner = winnerDTO.map(player => PodiumPlayerDTO(lobby.logic, player)),
-      allPlayers = allPlayersDTO
-    )
-  }
-
-}

knockoutwhistweb/app/dto/subDTO/CardDTO.scala

@@ -1,31 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.cards.Card
-import util.WebUIUtils
-
-case class CardDTO(identifier: String, path: String, idx: Option[Int]) {
-  
-  def toCard: Card = {
-    WebUIUtils.stringToCard(identifier)
-  }
-  
-}
-
-object CardDTO {
-  
-  def apply(card: Card, index: Int): CardDTO = {
-    CardDTO(
-      identifier = WebUIUtils.cardtoString(card),
-      path = WebUIUtils.cardToPath(card),
-      idx = Some(index)
-    )
-  }
-
-  def apply(card: Card): CardDTO = {
-    CardDTO(
-      identifier = WebUIUtils.cardtoString(card),
-      path = WebUIUtils.cardToPath(card),
-      idx = None
-    )
-  }
-}

knockoutwhistweb/app/dto/subDTO/HandDTO.scala

@@ -1,15 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.cards.Hand
-
-case class HandDTO(card: List[CardDTO])
-
-object HandDTO {
-  
-  def apply(hand: Hand): HandDTO = {
-    HandDTO(
-      card = hand.cards.zipWithIndex.map { case (card, idx) => CardDTO(card, idx) }
-    )
-  }
-  
-}

knockoutwhistweb/app/dto/subDTO/PlayerDTO.scala

@@ -1,17 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.player.AbstractPlayer
-
-case class PlayerDTO(id: String, name: String, dogLife: Boolean) 
-
-object PlayerDTO {
-  
-  def apply(player: AbstractPlayer): PlayerDTO = {
-    PlayerDTO(
-      id = player.id.toString,
-      name = player.name,
-      dogLife = player.isInDogLife
-    )
-  }
-  
-}

knockoutwhistweb/app/dto/subDTO/PlayerQueueDTO.scala

@@ -1,19 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.control.GameLogic
-
-case class PlayerQueueDTO(currentPlayer: Option[PlayerDTO], queue: Seq[PlayerDTO])
-
-object PlayerQueueDTO {
-
-  def apply(logic: GameLogic): PlayerQueueDTO = {
-    val currentPlayerDTO = logic.getCurrentPlayer.map(PlayerDTO(_))
-    val queueDTO = logic.getPlayerQueue.map(_.duplicate().flatMap(player => Some(PlayerDTO(player))).toSeq)
-    if (queueDTO.isEmpty) {
-      PlayerQueueDTO(currentPlayerDTO, Seq.empty)
-    } else {
-      PlayerQueueDTO(currentPlayerDTO, queueDTO.get)
-    }
-  }
-
-}

knockoutwhistweb/app/dto/subDTO/PodiumPlayerDTO.scala

@@ -1,47 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.control.GameLogic
-import de.knockoutwhist.player.AbstractPlayer
-import de.knockoutwhist.rounds.Match
-
-case class PodiumPlayerDTO(
-                          player: PlayerDTO,
-                          position: Int,
-                          roundsWon: Int,
-                          tricksWon: Int
-                          )
-
-object PodiumPlayerDTO {
-
-  def apply(gameLogic: GameLogic, player: AbstractPlayer): PodiumPlayerDTO = {
-    val matchImplOpt = gameLogic.getCurrentMatch
-    if (matchImplOpt.isEmpty) {
-      throw new IllegalStateException("No current match available in game logic")
-    }
-    val matchImpl: Match = matchImplOpt.get
-    var roundsWon = 0
-    var tricksWon = 0
-    for (round <- matchImpl.roundlist) {
-      if (round.winner.contains(player)) {
-        roundsWon += 1
-      }
-      for (trick <- round.tricklist) {
-        if (trick.winner.contains(player)) {
-          tricksWon += 1
-        }
-      }
-    }
-
-    PodiumPlayerDTO(
-      player = PlayerDTO(player),
-      position = if (gameLogic.getWinner.contains(player)) {
-        1
-      } else {
-        2
-      },
-      roundsWon = roundsWon,
-      tricksWon = tricksWon
-    )
-  }
-
-}

knockoutwhistweb/app/dto/subDTO/RoundDTO.scala

@@ -1,18 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.cards.Card
-import de.knockoutwhist.cards.CardValue.Ace
-
-case class RoundDTO(trumpSuit: CardDTO, firstRound: Boolean, trickList: List[TrickDTO])
-
-object RoundDTO {
-
-  def apply(round: de.knockoutwhist.rounds.Round): RoundDTO = {
-    RoundDTO(
-      trumpSuit = CardDTO(Card(Ace, round.trumpSuit)),
-      firstRound = round.firstRound,
-      trickList = round.tricklist.map(trick => TrickDTO(trick))
-    )
-  }
-
-}

knockoutwhistweb/app/dto/subDTO/TrickDTO.scala

@@ -1,17 +0,0 @@
-package dto.subDTO
-
-import de.knockoutwhist.rounds.Trick
-
-case class TrickDTO(cards: Map[String, CardDTO], firstCard: Option[CardDTO], winner: Option[PlayerDTO])
-
-object TrickDTO {
-
-  def apply(trick: Trick): TrickDTO = {
-    TrickDTO(
-      cards = trick.cards.map { case (card, player) => player.id.toString -> CardDTO(card) },
-      firstCard = trick.firstCard.map(card => CardDTO(card)),
-      winner = trick.winner.map(player => PlayerDTO(player))
-    )
-  }
-
-}

knockoutwhistweb/app/dto/subDTO/UserDTO.scala

@@ -1,17 +0,0 @@
-package dto.subDTO
-
-import model.sessions.UserSession
-
-case class UserDTO(id: String, username: String, host: Boolean = false)
-
-object UserDTO {
-
-  def apply(user: UserSession): UserDTO = {
-    UserDTO(
-      id = user.id.toString,
-      username = user.name,
-      host = user.host
-    )
-  }
-
-}

knockoutwhistweb/app/events/KickEvent.scala

@@ -1,9 +0,0 @@
-package events
-
-import model.users.User
-
-case class KickEvent(user: User) extends UserEvent(user) {
-  
-  override def id: String = "KickEvent"
-
-}

knockoutwhistweb/app/events/LeftEvent.scala

@@ -1,9 +0,0 @@
-package events
-
-import model.users.User
-
-case class LeftEvent(user: User) extends UserEvent(user) {
-
-  override def id: String = "LeftEvent"
-  
-}

knockoutwhistweb/app/events/LobbyUpdateEvent.scala

@@ -1,9 +0,0 @@
-package events
-
-import de.knockoutwhist.utils.events.SimpleEvent
-
-case class LobbyUpdateEvent() extends SimpleEvent {
-
-  override def id: String = "LobbyUpdateEvent"
-  
-}

knockoutwhistweb/app/events/UserEvent.scala

@@ -1,12 +0,0 @@
-package events
-
-import de.knockoutwhist.utils.events.SimpleEvent
-import model.users.User
-
-import java.util.UUID
-
-abstract class UserEvent(user: User) extends SimpleEvent {
-
-  def userId: UUID = user.id
-  
-}

knockoutwhistweb/app/logic/PodManager.scala

@@ -11,14 +11,14 @@ import util.GameUtil
 import javax.inject.Singleton
 import scala.collection.mutable
 
-object PodManager {
+@Singleton
+class PodManager {
 
   val TTL: Long = System.currentTimeMillis() + 86400000L // 24 hours in milliseconds
   val podIp: String = System.getenv("POD_IP")
   val podName: String = System.getenv("POD_NAME")
   
   private val sessions: mutable.Map[String, GameLobby] = mutable.Map()
-  private val userSession: mutable.Map[User, String] = mutable.Map()
   private val injector: Injector = Guice.createInjector(KnockOutWebConfigurationModule())
   
   def createGame(
@@ -35,7 +35,6 @@ object PodManager {
       host = host
     )
     sessions += (gameLobby.id -> gameLobby)
-    userSession += (host -> gameLobby.id)
     gameLobby
   }
 
@@ -43,31 +42,8 @@ object PodManager {
     sessions.get(gameId)
   }
   
-  def registerUserToGame(user: User, gameId: String): Boolean = {
-    if (sessions.contains(gameId)) {
-      userSession += (user -> gameId)
-      true
-    } else {
-      false
-    }
-  }
-
-  def unregisterUserFromGame(user: User): Unit = {
-    userSession.remove(user)
-  }
-
-  def identifyGameOfUser(user: User): Option[GameLobby] = {
-    userSession.get(user) match {
-      case Some(gameId) => sessions.get(gameId)
-      case None => None
-    }
-  }
-
   private[logic] def removeGame(gameId: String): Unit = {
     sessions.remove(gameId)
-    // Also remove all user sessions associated with this game
-    userSession.filterInPlace((_, v) => v != gameId)
   }
 
-
 }

knockoutwhistweb/app/logic/game/GameLobby.scala

@@ -2,25 +2,24 @@ package logic.game
 
 import de.knockoutwhist.cards.{Hand, Suit}
 import de.knockoutwhist.control.GameLogic
-import de.knockoutwhist.control.GameState.{Lobby, MainMenu}
+import de.knockoutwhist.control.GameState.{InGame, Lobby, MainMenu}
 import de.knockoutwhist.control.controllerBaseImpl.sublogic.util.{MatchUtil, PlayerUtil}
-import de.knockoutwhist.events.global.{GameStateChangeEvent, SessionClosed}
+import de.knockoutwhist.events.global.tie.TieTurnEvent
-import de.knockoutwhist.events.player.PlayerEvent
+import de.knockoutwhist.events.global.{CardPlayedEvent, GameStateChangeEvent, NewTrickEvent, SessionClosed}
+import de.knockoutwhist.events.player.{PlayerEvent, ReceivedHandEvent}
 import de.knockoutwhist.player.Playertype.HUMAN
 import de.knockoutwhist.player.{AbstractPlayer, PlayerFactory}
 import de.knockoutwhist.rounds.{Match, Round, Trick}
 import de.knockoutwhist.utils.events.{EventListener, SimpleEvent}
-import events.{KickEvent, LeftEvent, LobbyUpdateEvent, UserEvent}
 import exceptions.*
-import logic.PodManager
+import logic.game.PollingEvents.{CardPlayed, LobbyCreation, LobbyUpdate, NewRound, NewTrick, ReloadEvent}
 import model.sessions.{InteractionType, UserSession}
 import model.users.User
-import play.api.libs.json.{JsObject, Json}
 
-import java.util.{Timer, TimerTask, UUID}
+import java.util.UUID
 import scala.collection.mutable
 import scala.collection.mutable.ListBuffer
-import scala.util.Try
+import scala.concurrent.Promise as ScalaPromise
 
 class GameLobby private(
                  val logic: GameLogic,
@@ -31,9 +30,38 @@ class GameLobby private(
                ) extends EventListener {
 
 
+
   private val users: mutable.Map[UUID, UserSession] = mutable.Map()
+  private val eventsPerPlayer: mutable.Map[UUID, mutable.Queue[PollingEvents]] = mutable.Map()
+  private val waitingPromises: mutable.Map[UUID, ScalaPromise[PollingEvents]] = mutable.Map()
+  private val lock = new Object
+  lock.synchronized {
     logic.addListener(this)
     logic.createSession()
+  }
+
+
+  def registerWaiter(playerId: UUID): ScalaPromise[PollingEvents] = {
+    val promise = ScalaPromise[PollingEvents]()
+    lock.synchronized {
+      val queue = eventsPerPlayer.getOrElseUpdate(playerId, mutable.Queue())
+
+      if (queue.nonEmpty) {
+        val evt = queue.dequeue()
+        promise.success(evt)
+        promise
+      } else {
+        waitingPromises.put(playerId, promise)
+        promise
+      }
+    }
+  }
+
+  def removeWaiter(playerId: UUID): Unit = {
+    lock.synchronized {
+      waitingPromises.remove(playerId)
+    }
+  }
 
   def addUser(user: User): UserSession = {
     if (users.size >= maxPlayers) throw new GameFullException("The game is full!")
@@ -41,34 +69,69 @@ class GameLobby private(
     if (logic.getCurrentState != Lobby) throw new IllegalStateException("The game has already started!")
     val userSession = new UserSession(
       user = user,
-      host = false,
+      host = false
-      gameLobby = this
     )
     users += (user.id -> userSession)
-    PodManager.registerUserToGame(user, id)
+    addToQueue(LobbyUpdate)
-    logic.invoke(LobbyUpdateEvent())
     userSession
   }
 
   override def listen(event: SimpleEvent): Unit = {
     event match {
+      case event: ReceivedHandEvent =>
+        addToQueue(NewRound)
+        users.get(event.playerId).foreach(session => session.updatePlayer(event))
+      case event: CardPlayedEvent =>
+        addToQueue(CardPlayed)
+      case event: TieTurnEvent =>
+        addToQueue(ReloadEvent)
+        users.get(event.player.id).foreach(session => session.updatePlayer(event))
       case event: PlayerEvent =>
         users.get(event.playerId).foreach(session => session.updatePlayer(event))
-      case event: UserEvent =>
+      case event: NewTrickEvent =>
-        users.get(event.userId).foreach(session => session.updatePlayer(event))
+        addToQueue(NewTrick)
       case event: GameStateChangeEvent =>
         if (event.oldState == MainMenu && event.newState == Lobby) {
           return
         }
+        addToQueue(ReloadEvent)
+        users.values.foreach(session => session.updatePlayer(event))
+      case event: SessionClosed =>
         users.values.foreach(session => session.updatePlayer(event))
       case event: SimpleEvent =>
         users.values.foreach(session => session.updatePlayer(event))
     }
   }
 
+  private def addToQueue(event: PollingEvents): Unit = {
+    lock.synchronized {
+      users.keys.foreach { playerId =>
+        val q = eventsPerPlayer.getOrElseUpdate(playerId, mutable.Queue())
+        q.enqueue(event)
+      }
+      val waiterIds = waitingPromises.keys.toList
+      waiterIds.foreach { playerId =>
+        val q = eventsPerPlayer.getOrElseUpdate(playerId, mutable.Queue())
+        if (q.nonEmpty) {
+          val evt = q.dequeue()
+          val p = waitingPromises.remove(playerId)
+          p.foreach(_.success(evt))
+        }
+      }
+    }
+
+    waitingPromises.keys.foreach { playerId =>
+      val queue =  eventsPerPlayer(playerId)
+      if (queue.nonEmpty) {
+        val promise = waitingPromises(playerId)
+        promise.success(queue.dequeue())
+        waitingPromises.remove(playerId)
+      }
+    }
+  }
+
   /**
    * Start the game if the user is the host.
-   *
    * @param user the user who wants to start the game.
    */
   def startGame(user: User): Unit = {
@@ -95,34 +158,19 @@ class GameLobby private(
 
   /**
    * Remove the user from the game lobby.
-   *
    * @param user the user who wants to leave the game.
-   * @param kicked whether the user was kicked or left voluntarily.
    */
-  def leaveGame(userId: UUID, kicked: Boolean): Unit = {
+  def leaveGame(userId: UUID): Unit = {
     val sessionOpt = users.get(userId)
     if (sessionOpt.isEmpty) {
       throw new NotInThisGameException("You are not in this game!")
     }
-    if (sessionOpt.get.host) {
-      logic.invoke(SessionClosed())
-      users.clear()
-      PodManager.removeGame(id)
-      return
-    }
-    if (kicked) {
-      logic.invoke(KickEvent(sessionOpt.get.user))
-    } else {
-      logic.invoke(LeftEvent(sessionOpt.get.user))
-    }
     users.remove(userId)
-    PodManager.unregisterUserFromGame(sessionOpt.get.user)
+    addToQueue(LobbyUpdate)
-    logic.invoke(LobbyUpdateEvent())
   }
 
   /**
    * Play a card from the player's hand.
-   *
    * @param userSession the user session of the player.
    * @param cardIndex the index of the card in the player's hand.
    */
@@ -140,33 +188,8 @@ class GameLobby private(
     logic.playerInputLogic.receivedCard(card)
   }
 
-  private def getHand(player: AbstractPlayer): Hand = {
-    val handOption = player.currentHand()
-    if (handOption.isEmpty) {
-      throw new IllegalStateException("You have no cards!")
-    }
-    handOption.get
-  }
-
-  private def getRound: Round = {
-    val roundOpt = logic.getCurrentRound
-    if (roundOpt.isEmpty) {
-      throw new IllegalStateException("No round is currently running!")
-    }
-    roundOpt.get
-  }
-
-  private def getTrick: Trick = {
-    val trickOpt = logic.getCurrentTrick
-    if (trickOpt.isEmpty) {
-      throw new IllegalStateException("No trick is currently running!")
-    }
-    trickOpt.get
-  }
-
   /**
    * Play a card from the player's hand while in dog life or skip the round.
-   *
    * @param userSession the user session of the player.
    * @param cardIndex the index of the card in the player's hand or -1 if the player wants to skip the round.
    */
@@ -190,7 +213,6 @@ class GameLobby private(
 
   /**
    * Select the trump suit for the round.
-   *
    * @param userSession the user session of the player.
    * @param trumpIndex the index of the trump suit.
    */
@@ -202,19 +224,6 @@ class GameLobby private(
     logic.playerInputLogic.receivedTrumpSuit(selectedTrump)
   }
 
-
-  //-------------------
-
-  private def getPlayerInteractable(userSession: UserSession, iType: InteractionType): AbstractPlayer = {
-    if (!userSession.lock.isHeldByCurrentThread) {
-      throw new IllegalStateException("The user session is not locked!")
-    }
-    if (userSession.canInteract.isEmpty || userSession.canInteract.get != iType) {
-      throw new NotInteractableException("You can't play a card!")
-    }
-    getPlayerBySession(userSession)
-  }
-
   /**
    * 
    * @param userSession
@@ -239,9 +248,8 @@ class GameLobby private(
     logic.createSession()
   }
 
-  def getPlayerByUser(user: User): AbstractPlayer = {
+  
-    getPlayerBySession(getUserSession(user.id))
+  //-------------------
-  }
   
   def getUserSession(userId: UUID): UserSession = {
     val sessionOpt = users.get(userId)
@@ -251,6 +259,20 @@ class GameLobby private(
     sessionOpt.get
   }
 
+  def getPlayerByUser(user: User): AbstractPlayer = {
+    getPlayerBySession(getUserSession(user.id))
+  }
+
+  def getPlayers: mutable.Map[UUID, UserSession] = {
+    users.clone()
+  }
+
+  def getLogic: GameLogic = {
+    logic
+  }
+  def getEventsOfPlayer(playerId: UUID): mutable.Queue[PollingEvents] = {
+    eventsPerPlayer.getOrElseUpdate(playerId, mutable.Queue())
+  }
   private def getPlayerBySession(userSession: UserSession): AbstractPlayer = {
     val playerOption = getMatch.totalplayers.find(_.id == userSession.id)
     if (playerOption.isEmpty) {
@@ -259,6 +281,24 @@ class GameLobby private(
     playerOption.get
   }
   
+  private def getPlayerInteractable(userSession: UserSession, iType: InteractionType): AbstractPlayer = {
+    if (!userSession.lock.isHeldByCurrentThread) {
+      throw new IllegalStateException("The user session is not locked!")
+    }
+    if (userSession.canInteract.isEmpty || userSession.canInteract.get != iType) {
+      throw new NotInteractableException("You can't play a card!")
+    }
+    getPlayerBySession(userSession)
+  }
+  
+  private def getHand(player: AbstractPlayer): Hand = {
+    val handOption = player.currentHand()
+    if (handOption.isEmpty) {
+      throw new IllegalStateException("You have no cards!")
+    }
+    handOption.get
+  }
+  
   private def getMatch: Match = {
     val matchOpt = logic.getCurrentMatch
     if (matchOpt.isEmpty) {
@@ -267,54 +307,25 @@ class GameLobby private(
     matchOpt.get
   }
 
-  def getPlayers: mutable.Map[UUID, UserSession] = {
+  private def getRound: Round = {
-    users.clone()
+    val roundOpt = logic.getCurrentRound
+    if (roundOpt.isEmpty) {
+      throw new IllegalStateException("No round is currently running!")
+    }
+    roundOpt.get
   }
 
-  def getLogic: GameLogic = {
+  private def getTrick: Trick = {
-    logic
+    val trickOpt = logic.getCurrentTrick
+    if (trickOpt.isEmpty) {
+      throw new IllegalStateException("No trick is currently running!")
+    }
+    trickOpt.get
   }
 
   def getUsers: Set[User] = {
     users.values.map(d => d.user).toSet
   }
-  def getFinalRanking: List[(String, (Int, Int))] = {
-    Try {
-      val match1 = getMatch
-      if (!match1.isOver) {
-        List.empty
-      } else {
-        val winnerName = logic.getWinner.get.name
-
-        val allPlayerNames = match1.totalplayers.map(_.name)
-        val roundlist = match1.roundlist
-
-        val playerMetrics: Map[String, (Int, Int)] = allPlayerNames.map { name =>
-          val roundsWon = roundlist.count { round =>
-            round.winner.exists(_.name == name)
-          }
-          val totalTricksWon = roundlist.flatMap(_.tricklist).count { trick =>
-            trick.winner.exists(_.name == name)
-          }
-          name -> (roundsWon, totalTricksWon)
-        }.toMap
-
-        val winnerMetrics = playerMetrics(winnerName)
-        val remainingPlayersMetrics = playerMetrics.view.filterKeys(_ != winnerName).toList
-
-        val sortedRemainingPlayers = remainingPlayersMetrics.sortBy { case (_, (rounds, tricks)) =>
-          (-rounds, -tricks)
-        }
-        (winnerName, winnerMetrics) :: sortedRemainingPlayers
-      }
-    }.getOrElse(List())
-  }
-
-  private def transmitToAll(event: JsObject): Unit = {
-    users.values.foreach(session => {
-      session.websocketActor.foreach(act => act.transmitJsonToClient(event))
-    })
-  }
 
 }
 
@@ -336,8 +347,7 @@ object GameLobby {
     )
     lobby.users += (host.id -> new UserSession(
       user = host,
-      host = true,
+      host = true
-      gameLobby = lobby
     ))
     lobby
   }

knockoutwhistweb/app/logic/game/PollingEvents.scala

@@ -0,0 +1,10 @@
+package logic.game
+
+enum PollingEvents {
+  case CardPlayed
+  case NewRound
+  case NewTrick
+  case ReloadEvent
+  case LobbyUpdate
+  case LobbyCreation
+}

knockoutwhistweb/app/logic/user/SessionManager.scala

@@ -8,10 +8,7 @@ import model.users.User
 trait SessionManager {
   
   def createSession(user: User): String
-
-
   def getUserBySession(sessionId: String): Option[User]
-
   def invalidateSession(sessionId: String): Unit
 
 }

knockoutwhistweb/app/logic/user/UserManager.scala

@@ -8,13 +8,9 @@ import model.users.User
 trait UserManager {
 
   def addUser(name: String, password: String): Boolean
-
   def authenticate(name: String, password: String): Option[User]
-
   def userExists(name: String): Option[User]
-
   def userExistsById(id: Long): Option[User]
-
   def removeUser(name: String): Boolean
 
 }

knockoutwhistweb/app/model/sessions/PlayerSession.scala

@@ -7,9 +7,7 @@ import java.util.UUID
 trait PlayerSession {
   
   def id: UUID
-
   def name: String
-
   def updatePlayer(event: SimpleEvent): Unit
   
 }

knockoutwhistweb/app/model/sessions/UserSession.scala

@@ -2,18 +2,14 @@ package model.sessions
 
 import de.knockoutwhist.events.player.{RequestCardEvent, RequestTieChoiceEvent, RequestTrumpSuitEvent}
 import de.knockoutwhist.utils.events.SimpleEvent
-import logic.game.GameLobby
 import model.users.User
-import play.api.libs.json.{JsObject, JsValue}
 
 import java.util.UUID
-import java.util.concurrent.locks.ReentrantLock
+import java.util.concurrent.locks.{Lock, ReentrantLock}
-import scala.util.Try
 
-class UserSession(val user: User, val host: Boolean, val gameLobby: GameLobby) extends PlayerSession {
+class UserSession(val user: User, val host: Boolean) extends PlayerSession {
-  val lock: ReentrantLock = ReentrantLock()
   var canInteract: Option[InteractionType] = None
-  var websocketActor: Option[UserWebsocketActor] = None
+  val lock: ReentrantLock = ReentrantLock()
 
   override def updatePlayer(event: SimpleEvent): Unit = {
     event match {
@@ -26,8 +22,6 @@ class UserSession(val user: User, val host: Boolean, val gameLobby: GameLobby) e
         else canInteract = Some(InteractionType.Card)
       case _ =>
     }
-    websocketActor.foreach(_.solveRequests())
-    websocketActor.foreach(_.transmitEventToClient(event))
   }
 
   override def id: UUID = user.id
@@ -38,43 +32,4 @@ class UserSession(val user: User, val host: Boolean, val gameLobby: GameLobby) e
     canInteract = None
   }
   
-  def handleWebResponse(eventType: String, data: JsObject): Unit = {
-    eventType match {
-      case "ping" =>
-        // No action needed for Ping
-        ()
-      case "StartGame" =>
-        gameLobby.startGame(user)
-      case "PlayCard" =>
-        val maybeCardIndex: Option[String] = (data \ "cardindex").asOpt[String]
-        maybeCardIndex match {
-          case Some(index) =>
-            val session = gameLobby.getUserSession(user.id)
-            gameLobby.playCard(session, index.toInt)
-          case None =>
-            println("Card Index not found or is not a number.")
-        }
-      case "PickTrumpsuit" =>
-        val maybeSuitIndex: Option[Int] = (data \ "suitIndex").asOpt[Int]
-        maybeSuitIndex match {
-          case Some(index) =>
-            val session = gameLobby.getUserSession(user.id)
-            gameLobby.selectTrump(session, index)
-          case None =>
-            println("Card Index not found or is not a number.")
-        }
-      case "KickPlayer" =>
-        val maybePlayerId: Option[String] = (data \ "playerId").asOpt[String]
-        maybePlayerId match {
-          case Some(id) =>
-            val playerUUID = UUID.fromString(id)
-            gameLobby.leaveGame(playerUUID, true)
-          case None =>
-            println("Player ID not found or is not a valid UUID.")
-        }
-      case "ReturnToLobby" =>
-        gameLobby.returnToLobby(this)
-    }
-  }
-
 }

knockoutwhistweb/app/model/sessions/UserWebsocketActor.scala

@@ -1,133 +0,0 @@
-package model.sessions
-
-import de.knockoutwhist.utils.events.SimpleEvent
-import org.apache.pekko.actor.{Actor, ActorRef}
-import play.api.libs.json.{JsObject, JsValue, Json}
-import util.WebsocketEventMapper
-
-import scala.collection.mutable
-import scala.util.{Failure, Success, Try}
-
-class UserWebsocketActor(
-                          out: ActorRef,
-                          session: UserSession
-                        ) extends Actor {
-
-  private val requests: mutable.Map[String, String] = mutable.Map()
-
-  {
-    session.lock.lock()
-    if (session.websocketActor.isDefined) {
-      val otherWebsocket = session.websocketActor.get
-      otherWebsocket.transmitTextToClient("Error: Multiple websocket connections detected. Closing your connection.")
-      context.stop(otherWebsocket.self)
-      transmitTextToClient("Previous websocket connection closed. You are now connected.")
-    }
-    session.websocketActor = Some(this)
-    session.lock.unlock()
-  }
-
-
-  override def receive: Receive = {
-    case msg: String =>
-      val jsonObject = Try {
-        Json.parse(msg)
-      }
-      Try {
-        jsonObject match {
-          case Success(value) =>
-            handle(value)
-          case Failure(exception) =>
-            transmitTextToClient(s"Error parsing JSON: ${exception.getMessage}")
-        }
-      }.failed.foreach(
-        ex => transmitTextToClient(s"Error handling message: ${ex.getMessage}")
-      )
-    case other =>
-  }
-
-  private def transmitTextToClient(text: String): Unit = {
-    out ! text
-  }
-
-  private def handle(json: JsValue): Unit = {
-    session.lock.lock()
-    val idOpt = (json \ "id").asOpt[String]
-    if (idOpt.isEmpty) {
-      transmitJsonToClient(Json.obj(
-        "status" -> "error",
-        "error" -> "Missing 'id' field"
-      ))
-      session.lock.unlock()
-      return
-    }
-    val id = idOpt.get
-    val eventOpt = (json \ "event").asOpt[String]
-    if (eventOpt.isEmpty) {
-      transmitJsonToClient(Json.obj(
-        "id" -> id,
-        "event" -> null,
-        "status" -> "error",
-        "error" -> "Missing 'event' field"
-      ))
-      session.lock.unlock()
-      return
-    }
-    val statusOpt = (json \ "status").asOpt[String]
-    if (statusOpt.isDefined) {
-      session.lock.unlock()
-      return
-    }
-    val event = eventOpt.get
-    val data = (json \ "data").asOpt[JsObject].getOrElse(Json.obj())
-    requests += (id -> event)
-    val result = Try {
-      session.handleWebResponse(event, data)
-    }
-    if (!requests.contains(id)) {
-      session.lock.unlock()
-      return
-    }
-    requests -= id
-    if (result.isSuccess) {
-      transmitJsonToClient(Json.obj(
-        "id" -> id,
-        "event" -> event,
-        "status" -> "success"
-      ))
-    } else {
-      transmitJsonToClient(Json.obj(
-        "id" -> id,
-        "event" -> event,
-        "status" -> "error",
-        "error" -> result.failed.get.getMessage
-      ))
-    }
-    session.lock.unlock()
-  }
-
-  def transmitJsonToClient(jsonObj: JsValue): Unit = {
-    transmitTextToClient(jsonObj.toString())
-  }
-
-  def transmitEventToClient(event: SimpleEvent): Unit = {
-    transmitJsonToClient(WebsocketEventMapper.toJson(event, session))
-  }
-
-  def solveRequests(): Unit = {
-    if (!session.lock.isHeldByCurrentThread)
-      return;
-    if (requests.isEmpty)
-      return;
-    val pendingRequests = requests.toMap
-    requests.clear()
-    pendingRequests.foreach { case (id, event) =>
-      transmitJsonToClient(Json.obj(
-        "id" -> id,
-        "event" -> event,
-        "status" -> "success"
-      ))
-    }
-  }
-
-}

knockoutwhistweb/app/model/users/User.scala

@@ -1,6 +1,5 @@
 package model.users
 
-
 import java.util.UUID
 
 case class User(
@@ -17,4 +16,5 @@ case class User(
   private def withPasswordHash(newPasswordHash: String): User = {
     this.copy(passwordHash = newPasswordHash)
   }
+
 }

knockoutwhistweb/app/services/JwtKeyProvider.scala

@@ -12,28 +12,10 @@ import javax.inject.*
 @Singleton
 class JwtKeyProvider @Inject()(config: Configuration) {
 
-  val publicKey: RSAPublicKey = {
+  private def cleanPem(pem: String): String =
-    val pemOpt = config.getOptional[String]("auth.publicKeyPem")
+    pem.replaceAll("-----BEGIN (.*)-----", "")
-    val fileOpt = config.getOptional[String]("auth.publicKeyFile")
+      .replaceAll("-----END (.*)-----", "")
-
+      .replaceAll("\\s", "")
-    pemOpt.orElse(fileOpt.map { path =>
-      new String(Files.readAllBytes(Paths.get(path)))
-    }) match {
-      case Some(pem) => loadPublicKeyFromPem(pem)
-      case None => throw new RuntimeException("No RSA public key configured.")
-    }
-  }
-  val privateKey: RSAPrivateKey = {
-    val pemOpt = config.getOptional[String]("auth.privateKeyPem")
-    val fileOpt = config.getOptional[String]("auth.privateKeyFile")
-
-    pemOpt.orElse(fileOpt.map { path =>
-      new String(Files.readAllBytes(Paths.get(path)))
-    }) match {
-      case Some(pem) => loadPrivateKeyFromPem(pem)
-      case None => throw new RuntimeException("No RSA private key configured.")
-    }
-  }
 
   private def loadPublicKeyFromPem(pem: String): RSAPublicKey = {
     val decoded = Base64.getDecoder.decode(cleanPem(pem))
@@ -47,9 +29,28 @@ class JwtKeyProvider @Inject()(config: Configuration) {
     KeyFactory.getInstance("RSA").generatePrivate(spec).asInstanceOf[RSAPrivateKey]
   }
 
-  private def cleanPem(pem: String): String =
+  val publicKey: RSAPublicKey = {
-    pem.replaceAll("-----BEGIN (.*)-----", "")
+    val pemOpt = config.getOptional[String]("auth.publicKeyPem")
-      .replaceAll("-----END (.*)-----", "")
+    val fileOpt = config.getOptional[String]("auth.publicKeyFile")
-      .replaceAll("\\s", "")
+
+    pemOpt.orElse(fileOpt.map { path =>
+      new String(Files.readAllBytes(Paths.get(path)))
+    }) match {
+      case Some(pem) => loadPublicKeyFromPem(pem)
+      case None => throw new RuntimeException("No RSA public key configured.")
+    }
+  }
+
+  val privateKey: RSAPrivateKey = {
+    val pemOpt = config.getOptional[String]("auth.privateKeyPem")
+    val fileOpt = config.getOptional[String]("auth.privateKeyFile")
+
+    pemOpt.orElse(fileOpt.map { path =>
+      new String(Files.readAllBytes(Paths.get(path)))
+    }) match {
+      case Some(pem) => loadPrivateKeyFromPem(pem)
+      case None => throw new RuntimeException("No RSA private key configured.")
+    }
+  }
   
 }

knockoutwhistweb/app/util/GameUtil.scala

@@ -1,8 +1,5 @@
 package util
 
-import de.knockoutwhist.control.GameState
-import de.knockoutwhist.control.GameState.{FinishedMatch, InGame, Lobby, MainMenu, SelectTrump, TieBreak}
-
 import scala.util.Random
 
 object GameUtil {
@@ -29,15 +26,4 @@ object GameUtil {
     code.toString()
   }
   
-  def stateToTitle(gameState: GameState): String = {
-    gameState match {
-      case Lobby => "Lobby"
-      case MainMenu => "Main Menu"
-      case InGame => "In Game"
-      case SelectTrump => "Select Trump"
-      case TieBreak => "Tie Break"
-      case FinishedMatch => "Finished Match"
-    }
-  }
-
 }

knockoutwhistweb/app/util/WebUIUtils.scala

@@ -1,22 +1,17 @@
 package util
 
+import de.knockoutwhist.cards.Card
 import de.knockoutwhist.cards.CardValue.*
 import de.knockoutwhist.cards.Suit.{Clubs, Diamonds, Hearts, Spades}
-import de.knockoutwhist.cards.{Card, Hand}
-import play.api.libs.json.{JsArray, Json}
 import play.twirl.api.Html
 import scalafx.scene.image.Image
 
 object WebUIUtils {
   def cardtoImage(card: Card): Html = {
-    views.html.render.card.apply(cardToPath(card))(card.toString)
+    views.html.render.card.apply(f"images/cards/${cardtoString(card)}.png")(card.toString)
   }
 
-  def cardToPath(card: Card): String = {
+  def cardtoString(card: Card) = {
-    f"images/cards/${cardtoString(card)}.png"
-  }
-
-  def cardtoString(card: Card): String = {
     val s = card.suit match {
       case Spades => "S"
       case Hearts => "H"
@@ -41,47 +36,4 @@ object WebUIUtils {
     f"$cv$s"
   }
 
-  def stringToCard(cardStr: String): Card = {
-    val cv = cardStr.charAt(0) match {
-      case 'A' => Ace
-      case 'K' => King
-      case 'Q' => Queen
-      case 'J' => Jack
-      case 'T' => Ten
-      case '9' => Nine
-      case '8' => Eight
-      case '7' => Seven
-      case '6' => Six
-      case '5' => Five
-      case '4' => Four
-      case '3' => Three
-      case '2' => Two
-    }
-    val s = cardStr.charAt(1) match {
-      case 'S' => Spades
-      case 'H' => Hearts
-      case 'C' => Clubs
-      case 'D' => Diamonds
-    }
-    Card(cv, s)
-  }
-
-  /**
-   * Map a Hand to a JsArray of cards
-   * Per card it has the string and the index in the hand
-   * @param hand
-   * @return
-   */
-  def handToJson(hand: Hand): JsArray = {
-    val cards = hand.cards
-    JsArray(
-      cards.zipWithIndex.map { case (card, index) =>
-        Json.obj(
-          "idx" -> index,
-          "card" -> cardtoString(card)
-        )
-      }
-    )
-  }
-
 }

knockoutwhistweb/app/util/WebsocketEventMapper.scala

@@ -1,76 +0,0 @@
-package util
-
-import de.knockoutwhist.control.GameState
-import de.knockoutwhist.control.GameState.{FinishedMatch, InGame, Lobby, SelectTrump, TieBreak}
-import de.knockoutwhist.utils.events.SimpleEvent
-import dto.subDTO.{CardDTO, HandDTO, PlayerDTO, PlayerQueueDTO, PodiumPlayerDTO, RoundDTO, TrickDTO, UserDTO}
-import dto.{GameInfoDTO, LobbyInfoDTO, TieInfoDTO, TrumpInfoDTO, WonInfoDTO}
-import model.sessions.UserSession
-import play.api.libs.json.{JsValue, Json, OFormat}
-import tools.jackson.databind.json.JsonMapper
-import tools.jackson.module.scala.ScalaModule
-import util.mapper.*
-
-object WebsocketEventMapper {
-
-  implicit val cardFormat: OFormat[CardDTO] = Json.format[CardDTO]
-  implicit val handFormat: OFormat[HandDTO] = Json.format[HandDTO]
-  implicit val playerFormat: OFormat[PlayerDTO] = Json.format[PlayerDTO]
-  implicit val queueFormat: OFormat[PlayerQueueDTO] = Json.format[PlayerQueueDTO]
-  implicit val podiumPlayerFormat: OFormat[PodiumPlayerDTO] = Json.format[PodiumPlayerDTO]
-  implicit val roundFormat: OFormat[RoundDTO] = Json.format[RoundDTO]
-  implicit val trickFormat: OFormat[TrickDTO] = Json.format[TrickDTO]
-  implicit val userFormat: OFormat[UserDTO] = Json.format[UserDTO]
-
-  implicit val gameInfoDTOFormat: OFormat[GameInfoDTO] = Json.format[GameInfoDTO]
-  implicit val lobbyFormat: OFormat[LobbyInfoDTO] = Json.format[LobbyInfoDTO]
-  implicit val tieInfoFormat: OFormat[TieInfoDTO] = Json.format[TieInfoDTO]
-  implicit val trumpInfoFormat: OFormat[TrumpInfoDTO] = Json.format[TrumpInfoDTO]
-  implicit val wonInfoDTOFormat: OFormat[WonInfoDTO] = Json.format[WonInfoDTO]
-  
-  private var specialMappers: Map[String,SimpleEventMapper[SimpleEvent]] = Map()
-
-  private def registerCustomMapper[T <: SimpleEvent](mapper: SimpleEventMapper[T]): Unit = {
-    specialMappers = specialMappers + (mapper.id -> mapper.asInstanceOf[SimpleEventMapper[SimpleEvent]])
-  }
-  
-  // Register all custom mappers here
-  registerCustomMapper(ReceivedHandEventMapper)
-  registerCustomMapper(GameStateEventMapper)
-  registerCustomMapper(CardPlayedEventMapper)
-  registerCustomMapper(NewRoundEventMapper)
-  registerCustomMapper(NewTrickEventMapper)
-  registerCustomMapper(TrickEndEventMapper)
-  registerCustomMapper(RequestCardEventMapper)
-  registerCustomMapper(LobbyUpdateEventMapper)
-  registerCustomMapper(LeftEventMapper)
-  registerCustomMapper(KickEventMapper)
-  registerCustomMapper(SessionClosedMapper)
-  registerCustomMapper(TurnEventMapper)
-
-  def toJson(obj: SimpleEvent, session: UserSession): JsValue = {
-    val data: Option[JsValue] = if (specialMappers.contains(obj.id)) {
-      Some(specialMappers(obj.id).toJson(obj, session))
-    }else {
-      None
-    }
-    Json.obj(
-      "id" -> ("request-" + java.util.UUID.randomUUID().toString),
-      "event" -> obj.id,
-      "state" -> stateToJson(session),
-      "data" -> data
-    )
-  }
-
-  def stateToJson(session: UserSession): JsValue = {
-    session.gameLobby.getLogic.getCurrentState match {
-      case Lobby => Json.toJson(LobbyInfoDTO(session.gameLobby, session.user))
-      case InGame => Json.toJson(GameInfoDTO(session.gameLobby, session.user))
-      case SelectTrump => Json.toJson(TrumpInfoDTO(session.gameLobby, session.user))
-      case TieBreak => Json.toJson(TieInfoDTO(session.gameLobby, session.user))
-      case FinishedMatch => Json.toJson(WonInfoDTO(session.gameLobby, session.user))
-      case _ => Json.obj()
-    }
-  }
-
-}

knockoutwhistweb/app/util/mapper/CardPlayedEventMapper.scala

@@ -1,20 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.global.CardPlayedEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsArray, JsObject, Json}
-import util.WebUIUtils
-
-object CardPlayedEventMapper extends SimpleEventMapper[CardPlayedEvent]{
-
-  override def id: String = "CardPlayedEvent"
-
-  override def toJson(event: CardPlayedEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "firstCard" -> (if (event.trick.firstCard.isDefined) WebUIUtils.cardtoString(event.trick.firstCard.get) else "BLANK"),
-      "playedCards" -> JsArray(event.trick.cards.map { case (card, player) =>
-        Json.obj("cardId" -> WebUIUtils.cardtoString(card), "player" -> player.name)
-      }.toList)
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/GameStateEventMapper.scala

@@ -1,19 +0,0 @@
-package util.mapper
-
-import controllers.IngameController
-import de.knockoutwhist.events.global.GameStateChangeEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-import util.GameUtil
-
-object GameStateEventMapper extends SimpleEventMapper[GameStateChangeEvent] {
-
-  override def id: String = "GameStateChangeEvent"
-
-  override def toJson(event: GameStateChangeEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "title" -> ("Knockout Whist - " + GameUtil.stateToTitle(event.newState)),
-      "content" -> IngameController.returnInnerHTML(session.gameLobby, event.newState, session.user).toString
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/KickEventMapper.scala

@@ -1,19 +0,0 @@
-package util.mapper
-
-import controllers.routes
-import events.KickEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object KickEventMapper extends SimpleEventMapper[KickEvent] {
-
-  override def id: String = "KickEvent"
-
-  override def toJson(event: KickEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "url" -> routes.MainMenuController.mainMenu().url,
-      "content" -> views.html.mainmenu.creategame(Some(session.user)).toString,
-    )
-  }
-
-}

knockoutwhistweb/app/util/mapper/LeftEventMapper.scala

@@ -1,19 +0,0 @@
-package util.mapper
-
-import controllers.routes
-import events.{KickEvent, LeftEvent}
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object LeftEventMapper extends SimpleEventMapper[LeftEvent] {
-
-  override def id: String = "LeftEvent"
-
-  override def toJson(event: LeftEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "url" -> routes.MainMenuController.mainMenu().url,
-      "content" -> views.html.mainmenu.creategame(Some(session.user)).toString
-    )
-  }
-
-}

knockoutwhistweb/app/util/mapper/LobbyUpdateEventMapper.scala

@@ -1,25 +0,0 @@
-package util.mapper
-
-import events.LobbyUpdateEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsArray, JsObject, Json}
-
-object LobbyUpdateEventMapper extends SimpleEventMapper[LobbyUpdateEvent] {
-
-  override def id: String = "LobbyUpdateEvent"
-
-  override def toJson(event: LobbyUpdateEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "host" -> session.host,
-      "maxPlayers" -> session.gameLobby.maxPlayers,
-      "players" -> JsArray(session.gameLobby.getPlayers.values.map(player => {
-        Json.obj(
-          "id" -> player.id,
-          "name" -> player.name,
-          "self" -> (player.id == session.user.id)
-        )
-      }).toList)
-    )
-  }
-
-}

knockoutwhistweb/app/util/mapper/NewRoundEventMapper.scala

@@ -1,18 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.global.NewRoundEvent
-import logic.game.GameLobby
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object NewRoundEventMapper extends SimpleEventMapper[NewRoundEvent]{
-  override def id: String = "NewRoundEvent"
-
-  override def toJson(event: NewRoundEvent, session: UserSession): JsObject = {
-    val gameLobby = session.gameLobby
-    Json.obj(
-      "trumpsuit" -> gameLobby.getLogic.getCurrentRound.get.trumpSuit.toString,
-      "players" -> gameLobby.getLogic.getCurrentMatch.get.playersIn.map(player => player.toString)
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/NewTrickEventMapper.scala

@@ -1,14 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.global.NewTrickEvent
-import logic.game.GameLobby
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object NewTrickEventMapper extends SimpleEventMapper[NewTrickEvent]{
-  override def id: String = "NewTrickEvent"
-
-  override def toJson(event: NewTrickEvent, session: UserSession): JsObject = {
-    Json.obj()
-  }
-}

knockoutwhistweb/app/util/mapper/ReceivedHandEventMapper.scala

@@ -1,17 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.player.ReceivedHandEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-import util.WebUIUtils
-
-object ReceivedHandEventMapper extends SimpleEventMapper[ReceivedHandEvent] {
-
-  override def id: String = "ReceivedHandEvent"
-  override def toJson(event: ReceivedHandEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "dog" -> event.player.isInDogLife,
-      "hand" -> event.player.currentHand().map(hand => WebUIUtils.handToJson(hand))
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/RequestCardEventMapper.scala

@@ -1,16 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.player.RequestCardEvent
-import logic.game.GameLobby
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object RequestCardEventMapper extends SimpleEventMapper[RequestCardEvent]{
-  override def id: String = "RequestCardEvent"
-
-  override def toJson(event: RequestCardEvent, session: UserSession): JsObject = {
-    Json.obj(
-      "player" -> event.player.name
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/RoundEndEventMapper.scala

@@ -1,20 +0,0 @@
-package util.mapper
-
-import controllers.routes
-import de.knockoutwhist.events.global.RoundEndEvent
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object RoundEndEventMapper extends SimpleEventMapper[RoundEndEvent] {
-
-  override def id: String = "RoundEndEvent"
-
-  override def toJson(event: RoundEndEvent, session: UserSession): JsObject = {
-
-    Json.obj(
-      "player" -> event.winner.name,
-      "tricks" -> event.amountOfTricks
-    )
-  }
-
-}

knockoutwhistweb/app/util/mapper/SessionClosedMapper.scala

@@ -1,19 +0,0 @@
-package util.mapper
-
-import controllers.routes
-import de.knockoutwhist.events.global.SessionClosed
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object SessionClosedMapper extends SimpleEventMapper[SessionClosed] {
-
-  override def id: String = "SessionClosed"
-
-  override def toJson(event: SessionClosed, session: UserSession): JsObject = {
-    Json.obj(
-      "url" -> routes.MainMenuController.mainMenu().url,
-      "content" -> views.html.mainmenu.creategame(Some(session.user)).toString,
-    )
-  }
-
-}

knockoutwhistweb/app/util/mapper/SimpleEventMapper.scala

@@ -1,13 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.utils.events.SimpleEvent
-import logic.game.GameLobby
-import model.sessions.UserSession
-import play.api.libs.json.JsObject
-
-trait SimpleEventMapper[T <: SimpleEvent] {
-  
-  def id: String
-  def toJson(event: T, session: UserSession): JsObject
-
-}

knockoutwhistweb/app/util/mapper/TrickEndEventMapper.scala

@@ -1,20 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.global.TrickEndEvent
-import de.knockoutwhist.rounds.Trick
-import logic.game.GameLobby
-import model.sessions.UserSession
-import play.api.libs.json.{JsObject, Json}
-
-object TrickEndEventMapper extends SimpleEventMapper[TrickEndEvent]{
-  override def id: String = "TrickEndEvent"
-
-  override def toJson(event: TrickEndEvent, session: UserSession): JsObject = {
-    val gameLobby = session.gameLobby
-    Json.obj(
-      "playerwon" -> event.winner.name,
-      "playersin" -> gameLobby.getLogic.getCurrentMatch.get.playersIn.map(player => player.name),
-      "tricklist" -> gameLobby.getLogic.getCurrentRound.get.tricklist.map(trick => trick.winner.map(player => player.name).getOrElse("Trick in Progress"))
-    )
-  }
-}

knockoutwhistweb/app/util/mapper/TurnEventMapper.scala

@@ -1,35 +0,0 @@
-package util.mapper
-
-import de.knockoutwhist.events.global.TurnEvent
-import de.knockoutwhist.player.AbstractPlayer
-import model.sessions.UserSession
-import play.api.libs.json.{JsArray, JsObject, Json}
-
-object TurnEventMapper extends SimpleEventMapper[TurnEvent] {
-
-  override def id: String = "TurnEvent"
-
-  override def toJson(event: TurnEvent, session: UserSession): JsObject = {
-    val nextPlayers = if (session.gameLobby.logic.getPlayerQueue.isEmpty) {
-      Json.arr()
-    } else {
-      val queue = session.gameLobby.logic.getPlayerQueue.get
-      JsArray(
-        queue.duplicate().map(player => mapPlayer(player)).toList
-      )
-    }
-    
-    Json.obj(
-      "currentPlayer" -> mapPlayer(event.player),
-      "nextPlayers" -> nextPlayers
-    )
-  }
-
-  private def mapPlayer(player: AbstractPlayer): JsObject = {
-    Json.obj(
-      "name" -> player.name,
-      "dog" -> player.isInDogLife
-    )
-  }
-
-}

knockoutwhistweb/app/views/ingame/finishedMatch.scala.html

@@ -1,108 +1,37 @@
 @(user: Option[model.users.User], gamelobby: logic.game.GameLobby)
 
-<div class="lobby-background vh-100 d-flex align-items-start justify-content-center pt-5">
+<main class="lobby-background vh-100" id="lobbybackground">
-<div class="container py-5">
+    <div class="container d-flex flex-column" style="height: calc(100vh - 1rem);">
-        <div class="row justify-content-center">
+        <div class="row">
-            <div class="col-lg-8 col-xl-6">
+            <div class="col">
-                <div class="card shadow-lg mb-5 text-center bg-white border-0 rounded-4">
+                <div class="p-3 text-center fs-4">Winner: @gamelobby.getLogic.getWinner</div>
-                    <div class="card-body p-4 p-md-5">
-                        <h1 class="card-title display-5 fw-bold text-success mb-3">Match Over!</h1>
-                        <p class="fs-4 text-muted">Congratulations to the winner:</p>
-                        <h2 class="display-3 fw-bolder mb-4 text-primary">
-                            @gamelobby.getLogic.getWinner.get.name
-                        </h2>
             </div>
         </div>
-
+        <div class="row justify-content-center align-items-center flex-grow-1">
-                <div class="card shadow mb-5 border-0 rounded-4 overflow-hidden">
+        @if((gamelobby.getUserSession(user.get.id).host)) {
-                    <div class="card-header bg-dark text-white text-center fs-5 fw-semibold">
+            <div class="col-12 text-center mb-5">
-                        Final Standings
+                <div class="btn btn-success" onclick="backToLobby('@gamelobby.id')">Return to lobby</div>
-                    </div>
-                    <div class="d-flex justify-content-between align-items-center p-2 text-uppercase fw-bold border-bottom bg-light">
-                        <div class="d-flex align-items-center">
-                            Player
-                        </div>
-                        <div class="d-flex flex-row gap-3">
-                            <span class="fs-6 text-dark text-center" style="width: 5rem;">Rounds won</span>
-                            <span class="fs-6 text-dark text-center" style="width: 5rem;">Tricks won</span>
-                        </div>
-                    </div>
-                    <div>
-                    @gamelobby.getFinalRanking.zipWithIndex.map { case ((playerName, (wonRounds, tricksWon)), index) =>
-                        @defining(index + 1) { rank =>
-                            <div class="d-flex justify-content-between align-items-center p-3 border-bottom @if(rank == 1){bg-success-subtle fw-bold}">
-                                <div class="d-flex align-items-center">
-                                    <span class="badge @if(rank == 1){bg-warning text-dark fs-6} else {bg-secondary} rounded-pill me-3">#@rank</span>
-                                    @playerName
-                                </div>
-                                <div class="d-flex flex-row gap-3">
-                                    <span class="fs-6 text-muted text-center" style="width: 5rem;">@wonRounds</span>
-                                    <span class="fs-6 text-muted text-center" style="width: 5rem;">@tricksWon</span>
-                                </div>
-                            </div>
-                        }
-                    }
-                    </div>
-                    @if(gamelobby.getFinalRanking.isEmpty) {
-                        <div class="p-3 text-center text-muted">No final scores available.</div>
-                    }
-                </div>
-
-
-                @if(user.isDefined && gamelobby.getUserSession(user.get.id).host) {
-                    <div class="col-12 text-center mt-4">
-                        <div class="btn btn-success btn-lg shadow" onclick="handleReturnToLobby()">
-                            Return to Lobby
-                        </div>
             </div>
         } else {
-                    <div class="col-12 text-center mt-4">
+            <div class="col-12 text-center mt-3">
-                        <div class="text-primary">
+                <div class="spinner-border mt-1" role="status">
-                            <div class="spinner-grow text-primary mt-1" role="status">
                     <span class="visually-hidden">Loading...</span>
                 </div>
-                            <p class="mt-3 fs-6 fw-semibold">
-                                Waiting for the Host to continue...
-                            </p>
-                        </div>
             </div>
         }
         </div>
     </div>
-    </div>
+</main>
-</div>
 <script>
-    function fireConfetti() {
+        function waitForFunction(name, checkInterval = 100) {
-        let duration = 3 * 1000;
+            return new Promise(resolve => {
-        let animationEnd = Date.now() + duration;
+                const timer = setInterval(() => {
-        let defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 };
+                    if (typeof window[name] === "function") {
-
+                        clearInterval(timer);
-        function randomInRange(min, max) {
+                        resolve(window[name]);
-            return Math.random() * (max - min) + min;
                     }
-
+                }, checkInterval);
-        let interval = setInterval(function() {
+            });
-            let timeLeft = animationEnd - Date.now();
-
-            if (timeLeft <= 0) {
-                return clearInterval(interval);
         }
-
+        waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
-            let particleCount = 50 * (timeLeft / duration);
-
-            // Left burst
-            confetti(Object.assign({}, defaults, {
-                particleCount,
-                origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }
-            }));
-
-            // Right burst
-            confetti(Object.assign({}, defaults, {
-                particleCount,
-                origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }
-            }));
-        }, 250);
-    }
-    connectWebSocket();
-    fireConfetti();
 </script>

knockoutwhistweb/app/views/ingame/ingame.scala.html

@@ -8,35 +8,100 @@
         <div class="py-5 container-xxl">
 
             <div class="row ms-4 me-4">
-                <div class="col-4 mt-5 text-start" id="turn-component"></div>
+                <div class="col-4 mt-5 text-start">
+                    <h4 class="fw-semibold mb-1">Current Player</h4>
+                    <p class="fs-5 text-primary" id="current-player-name">@gamelobby.getLogic.getCurrentPlayer.get.name</p>
+                    @if(!TrickUtil.isOver(gamelobby.getLogic.getCurrentMatch.get, gamelobby.getLogic.getPlayerQueue.get)) {
+                    <h4 class="fw-semibold mb-1">Next Player</h4>
+                    @for(nextplayer <- gamelobby.getLogic.getPlayerQueue.get.duplicate()) {
+                    <p class="fs-5 text-primary" id="next-player-name">@nextplayer</p>
+                    }
+                    }
+                </div>
 
                 <div class="col-4 text-center">
 
+                    <div class="score-table mt-5" id="score-table-body">
+                        <h4 class="fw-bold mb-3 text-black">Tricks Won</h4>
 
-
+                        <div class="d-flex justify-content-between score-header pb-1">
-                    <div id="score-table"></div>
+                            <div style="width: 50%">PLAYER</div>
-
+                            <div style="width: 50%">TRICKS</div>
-
-                    <div class="d-flex justify-content-center g-3 mb-5" id="trick-cards-container"></div>
-
                         </div>
 
-
+                        @for(player <- gamelobby.getLogic.getPlayerQueue.get.toList.sortBy { p =>
-                <div class="col-4 mt-5 text-end" id="game-info-component"></div>
+                        -(gamelobby.getLogic.getCurrentRound.get.tricklist.filter { trick => trick.winner.contains(p) }.size)
-
+                        }) {
+                        <div class="d-flex justify-content-between score-row pt-1">
+                            <div style="width: 50%" class="text-truncate">@player.name</div>
+                            <div style="width: 50%">
+                                @(gamelobby.getLogic.getCurrentRound.get.tricklist.filter { trick => trick.winner.contains(player) }.size)
+                            </div>
+                        </div>
+                        }
 
                     </div>
+                    <div class="d-flex justify-content-center g-3 mb-5" id="trick-cards-container">
+                        @for((cardplayed, player) <- gamelobby.getLogic.getCurrentTrick.get.cards) {
+                        <div class="col-auto">
+                            <div class="card text-center shadow-sm border-0 bg-transparent" style="width: 7rem; backdrop-filter: blur(4px);">
+                                <div class="p-2">
+                                    @util.WebUIUtils.cardtoImage(cardplayed) width="100%"/>
+                                </div>
+                                <div class="card-body p-2 bg-transparent">
+                                    <small class="fw-semibold text-secondary">@player</small>
+                                </div>
+                            </div>
+                        </div>
+                        }
+                    </div>
+                </div>
+                <div class="col-4 mt-5 text-end">
+                    <h4 class="fw-semibold mb-1">Trumpsuit</h4>
+                    <p class="fs-5 text-primary" id="trumpsuit">@gamelobby.getLogic.getCurrentRound.get.trumpSuit</p>
 
-            <div class="row justify-content-center g-2 mt-4 bottom-div" style="backdrop-filter: blur(4px);
+                    <h5 class="fw-semibold mt-4 mb-1">First Card</h5>
-                margin-left: 0;
+                    <div class="d-inline-block border rounded shadow-sm p-1 bg-light" id="first-card-container">
-                margin-right: 0;">
+                        @if(gamelobby.getLogic.getCurrentTrick.get.firstCard.isDefined) {
-                <div id="player-hand-container"></div>
+                        @util.WebUIUtils.cardtoImage(gamelobby.getLogic.getCurrentTrick.get.firstCard.get) width="80px"/>
+                        } else {
+                        @views.html.render.card.apply("images/cards/1B.png")("Blank Card") width="80px"/>
+                        }
+                    </div>
+                </div>
+            </div>
+
+            <div class="row justify-content-center g-2 mt-4 bottom-div" style="backdrop-filter: blur(4px); margin-left: 0; margin-right: 0;">
+                <div class="row justify-content-center ingame-cards-slide @{
+                    !gamelobby.logic.getCurrentPlayer.contains(player) ? "inactive" |: ""
+                }" id="card-slide">
+                    @for(i <- player.currentHand().get.cards.indices) {
+                    <div class="col-auto handcard" style="border-radius: 6px">
+                        <div class="btn btn-outline-light p-0 border-0 shadow-none" data-card-id="@i" style="border-radius: 6px" onclick="handlePlayCard(this, '@gamelobby.id', '@player.isInDogLife')">
+                            @util.WebUIUtils.cardtoImage(player.currentHand().get.cards(i)) width="120px" style="border-radius: 6px"/>
+                        </div>
+                        @if(player.isInDogLife) {
+                            <div class="mt-2">
+                                <button class="btn btn-danger" onclick="handleSkipDogLife(this, '@gamelobby.id')">Skip Dog Life</button>
+                            </div>
+                        }
+                    </div>
+                    }
+                </div>
             </div>
         </div>
     </main>
 </div>
 <script>
-    connectWebSocket()
+        function waitForFunction(name, checkInterval = 100) {
-    canPlayCard = @gamelobby.logic.getCurrentPlayer.contains(player);
+            return new Promise(resolve => {
-    globalThis.initGameVueComponents()
+                const timer = setInterval(() => {
+                    if (typeof window[name] === "function") {
+                        clearInterval(timer);
+                        resolve(window[name]);
+                    }
+                }, checkInterval);
+            });
+        }
+        waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
 </script>

knockoutwhistweb/app/views/ingame/selecttrump.scala.html

@@ -10,7 +10,6 @@
                             <h3 class="mb-0">Select Trump Suit</h3>
                         </div>
                         <div class="card-body">
-                            @if(gamelobby.logic.getCurrentMatch.isDefined) {
                             @if(player.equals(gamelobby.logic.getCurrentMatch.get.roundlist.last.winner.get)) {
                                 <div class="alert alert-info" role="alert" aria-live="polite">
                                     You (@player.toString) won the last round. Choose the trump suit for the next round.
@@ -18,27 +17,23 @@
 
                                 <div class="row justify-content-center col-auto mb-5">
                                     <div class="col-auto handcard">
-                                            <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="0" style="border-radius: 6px" onclick="handleTrumpSelection(this)">
+                                        <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="0" style="border-radius: 6px" onclick="handleTrumpSelection(this, '@gamelobby.id')">
-                                                @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Spades))
+                                            @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Spades)) width="120px" style="border-radius: 6px"/>
-                                                width="120px" style="border-radius: 6px"/>
                                         </div>
                                     </div>
                                     <div class="col-auto handcard">
-                                            <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="1" style="border-radius: 6px" onclick="handleTrumpSelection(this)">
+                                        <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="1" style="border-radius: 6px" onclick="handleTrumpSelection(this, '@gamelobby.id')">
-                                                @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Hearts))
+                                            @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Hearts)) width="120px" style="border-radius: 6px"/>
-                                                width="120px" style="border-radius: 6px"/>
                                         </div>
                                     </div>
                                     <div class="col-auto handcard">
-                                            <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="2" style="border-radius: 6px" onclick="handleTrumpSelection(this)">
+                                        <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="2" style="border-radius: 6px" onclick="handleTrumpSelection(this, '@gamelobby.id')">
-                                                @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Diamonds))
+                                            @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Diamonds)) width="120px" style="border-radius: 6px"/>
-                                                width="120px" style="border-radius: 6px"/>
                                         </div>
                                     </div>
                                     <div class="col-auto handcard">
-                                            <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="3" style="border-radius: 6px" onclick="handleTrumpSelection(this)">
+                                        <div class="btn btn-outline-light p-0 border-0 shadow-none" data-trump="3" style="border-radius: 6px" onclick="handleTrumpSelection(this, '@gamelobby.id')">
-                                                @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Clubs))
+                                            @util.WebUIUtils.cardtoImage(de.knockoutwhist.cards.Card(de.knockoutwhist.cards.CardValue.Ace, de.knockoutwhist.cards.Suit.Clubs)) width="120px" style="border-radius: 6px"/>
-                                                width="120px" style="border-radius: 6px"/>
                                         </div>
                                     </div>
                                 </div>
@@ -51,11 +46,9 @@
                                 </div>
                             } else {
                                 <div class="alert alert-warning" role="alert" aria-live="polite">
-                                        @gamelobby.logic.getCurrentMatch.get.roundlist.last.winner.get.name
+                                    @gamelobby.logic.getCurrentMatch.get.roundlist.last.winner.get.name is choosing a trumpsuit. The new round will start once a suit is picked.
-                                        is choosing a trumpsuit. The new round will start once a suit is picked.
                                 </div>
                             }
-                            }
                         </div>
                     </div>
                 </div>
@@ -64,5 +57,15 @@
     </div>
 </div>
 <script>
-    connectWebSocket()
+        function waitForFunction(name, checkInterval = 100) {
+            return new Promise(resolve => {
+                const timer = setInterval(() => {
+                    if (typeof window[name] === "function") {
+                        clearInterval(timer);
+                        resolve(window[name]);
+                    }
+                }, checkInterval);
+            });
+        }
+        waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
 </script>

knockoutwhistweb/app/views/ingame/tie.scala.html

@@ -20,13 +20,10 @@
                                 </p>
                             </div>
 
-                            @if(gamelobby.logic.playerTieLogic.currentTiePlayer().contains(player)) {
+                            @if(player.equals(gamelobby.logic.playerTieLogic.currentTiePlayer())) {
                                 @defining(gamelobby.logic.playerTieLogic.highestAllowedNumber()) { maxNum =>
                                     <div class="alert alert-info" role="alert" aria-live="polite">
-                                        Pick a number between 1 and @{
+                                        Pick a number between 1 and @{maxNum + 1}. The resulting card will be your card for the cut.
-                                        maxNum + 1
-                                    }.
-                                    The resulting card will be your card for the cut.
                                     </div>
 
                                     <div class="row g-2 align-items-center">
@@ -34,13 +31,10 @@
                                             <label for="tieNumber" class="col-form-label">Your number</label>
                                         </div>
                                         <div class="col-auto">
-                                            <input type="number" id="tieNumber" class="form-control" name="tie" min="1" max="@{
+                                            <input type="number" id="tieNumber" class="form-control" name="tie" min="1" max="@{maxNum + 1}" placeholder="1" required>
-                                                maxNum + 1
-                                            }" placeholder="1" required>
                                         </div>
                                         <div class="col-auto">
-                                            <button onclick="selectTie('@gamelobby.id')" class="btn btn-primary">
+                                            <button onclick="selectTie('@gamelobby.id')" class="btn btn-primary">Confirm</button>
-                                                Confirm</button>
                                         </div>
                                     </div>
                                     <h6 class="mt-4 mb-3">Currently Picked Cards</h6>
@@ -71,8 +65,7 @@
                                 }
                             } else {
                                 <div class="alert alert-warning" role="alert" aria-live="polite">
-                                    <strong>@gamelobby.logic.playerTieLogic.currentTiePlayer().get</strong>
+                                    <strong>@gamelobby.logic.playerTieLogic.currentTiePlayer()</strong> is currently picking a number for the cut.
-                                    is currently picking a number for the cut.
                                 </div>
 
                                 <h6 class="mt-4 mb-3">Currently Picked Cards</h6>
@@ -110,5 +103,15 @@
     </div>
 </div>
 <script>
-    connectWebSocket()
+        function waitForFunction(name, checkInterval = 100) {
+            return new Promise(resolve => {
+                const timer = setInterval(() => {
+                    if (typeof window[name] === "function") {
+                        clearInterval(timer);
+                        resolve(window[name]);
+                    }
+                }, checkInterval);
+            });
+        }
+        waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
 </script>

knockoutwhistweb/app/views/lobby/lobby.scala.html

@@ -1,38 +1,81 @@
 @(user: Option[model.users.User], gamelobby: logic.game.GameLobby)
-@import play.api.libs.json._
-<div id="lobby-app-mount"></div>
 
-<script>
+<main class="lobby-background vh-100" id="lobbybackground">
-    // Initialisierung des momentanen Lobby Standes, welcher direkt gerendert werden muss.
+    <div class="container d-flex flex-column" style="height: calc(100vh - 1rem);">
-
+        <div class="row">
-    const initialLobbyName = '@gamelobby.name';
+            <div class="col">
-    const initialLobbyId = '@gamelobby.id';
+                <div class="p-3 fs-1 d-flex align-items-center">
-
+                    <div class="text-center" style="flex-grow: 1;">
-    const initialIsHost = @{user.map(u => gamelobby.getUserSession(u.id)).exists(_.host)};
+                        Lobby-Name: @gamelobby.name
-    const initialMaxPlayers = @{gamelobby.maxPlayers};
+                    </div>
-
+                    <div class="btn btn-danger ms-auto" onclick="leaveGame('@gamelobby.id')">Exit</div>
-    const initialPlayers = JSON.parse('@Html({
+                </div>
-        val currentUserId = user.map(_.id).getOrElse(java.util.UUID.randomUUID())
+            </div>
-
+        </div>
-        val playerListForVue = gamelobby.getUsers.toSeq.map { u =>
+        <div class="row">
-            val isSelf = u.id == currentUserId
+            <div class="col">
-            val playerDogStatus = false
+                <div class="p-3 text-center fs-4">Playeramount: @gamelobby.getPlayers.size / @gamelobby.maxPlayers</div>
-
+            </div>
-            Json.obj(
+        </div>
-                "id" -> u.id.toString,
+        <div class="row justify-content-center align-items-center flex-grow-1">
-                "name" -> u.name,
+        @if((gamelobby.getUserSession(user.get.id).host)) {
-                "self" -> isSelf,
+            <div id="players" class="justify-content-center align-items-center d-flex">
-                "dog" -> playerDogStatus
+            @for(playersession <- gamelobby.getPlayers.values) {
-            )
+                <div class="col-auto my-auto m-3">
+                    <div class="card" style="width: 18rem;">
+                        <img src="@routes.Assets.versioned("images/profile.png")" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
+                        <div class="card-body">
+                        @if(playersession.id == user.get.id) {
+                            <h5 class="card-title">@playersession.name (You)</h5>
+                            <a href="#" class="btn btn-danger disabled" aria-disabled="true" tabindex="-1">Remove</a>
+                        } else {
+                            <h5 class="card-title">@playersession.name</h5>
+                            <div class="btn btn-danger" onclick="removePlayer('@gamelobby.id', '@playersession.id')">Remove</div>
                         }
-        Json.stringify(Json.toJson(playerListForVue))
+                        </div>
-    })');
+                    </div>
-    connectWebSocket();
+                </div>
-    globalThis.initLobbyVueComponents(
+            }
-    initialLobbyName,
+            </div>
-    initialLobbyId,
+            <div class="col-12 text-center mb-5">
-    initialIsHost,
+                <div class="btn btn-success" onclick="startGame('@gamelobby.id')">Start Game</div>
-    initialMaxPlayers,
+            </div>
-    initialPlayers
+        } else {
-    );
+            <div id="players" class="justify-content-center align-items-center d-flex">
+            @for(playersession <- gamelobby.getPlayers.values) {
+                <div class="col-auto my-auto m-3"> <div class="card" style="width: 18rem;">
+                    <img src="@routes.Assets.versioned("images/profile.png")" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
+                    <div class="card-body">
+                    @if(playersession.id == user.get.id) {
+                        <h5 class="card-title">@playersession.name (You)</h5>
+                    } else {
+                        <h5 class="card-title">@playersession.name</h5>
+                    }
+                    </div>
+                </div>
+                </div>
+            }
+            </div>
+            <div class="col-12 text-center mt-3">
+                <p class="fs-4">Waiting for the host to start the game...</p>
+                <div class="spinner-border mt-1" role="status">
+                    <span class="visually-hidden">Loading...</span>
+                </div>
+            </div>
+        }
+        </div>
+    </div>
+</main>
+<script>
+        function waitForFunction(name, checkInterval = 100) {
+            return new Promise(resolve => {
+                const timer = setInterval(() => {
+                    if (typeof window[name] === "function") {
+                        clearInterval(timer);
+                        resolve(window[name]);
+                    }
+                }, checkInterval);
+            });
+        }
+        waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
 </script>

knockoutwhistweb/app/views/login/login.scala.html

@@ -35,7 +35,6 @@
         particlesJS.load('particles-js', 'assets/conf/particlesjs-config.json', function() {
             console.log('callback - particles.js config loaded');
         });
-        disconnectWebSocket();
 </script>
 <div id="particles-js" style="background-color: rgb(11, 8, 8);
     background-size: cover;

knockoutwhistweb/app/views/main.scala.html

@@ -1,8 +1,8 @@
 @*
-* This template is called from the `index` template. This template
+ * This template is called from the `index` template. This template
-* handles the rendering of the page header and body tags. It takes
+ * 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`
+ * two arguments, a `String` for the title of the page and an `Html`
-* object to insert into the body of the page.
+ * object to insert into the body of the page.
 *@
 @(title: String)(content: Html)
 
@@ -17,20 +17,14 @@
         <link rel="shortcut icon" type="image/png" href="@routes.Assets.versioned("images/favicon.png")">
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
     </head>
-    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@@1.6.0/dist/confetti.browser.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
-    <script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
-    <script src="@routes.Assets.versioned("javascripts/websocket.js")" type="text/javascript"></script>
-    <script src="@routes.Assets.versioned("javascripts/events.js")" type="text/javascript"></script>
-    <script src="@routes.Assets.versioned("javascripts/interact.js")" type="text/javascript"></script>
-    <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
 
     <body class="d-flex flex-column min-vh-100" id="main-body">
-        <div id="alerts-container"></div>
             @* And here's where we render the `Html` object containing
              * the page content. *@
             @content
     </body>
+    <script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
+    <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 </html>

knockoutwhistweb/app/views/mainmenu/creategame.scala.html

@@ -28,6 +28,3 @@
         </div>
     </div>
 </main>
-<script>
-            disconnectWebSocket();
-</script>

knockoutwhistweb/app/views/mainmenu/navbar.scala.html

@@ -1,5 +1,5 @@
 @(user: Option[model.users.User])
-<nav class="navbar navbar-expand-lg bg-body-tertiary navbar-drop-shadow">
+    <nav class="navbar navbar-expand-lg bg-body-tertiary navbar-drop-shadow">
         <div class="container d-flex justify-content-start">
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
@@ -13,16 +13,14 @@
                     <ul class="navbar-nav mb-2 mb-lg-0">
                         @if(user.isDefined) {
                             <li class="nav-item">
-                            <a class="nav-link active" aria-current="page" onclick="navSpa('0', 'Knockout Whist - Create Game'); return false;" href="@routes.MainMenuController.mainMenu()">
+                                <a class="nav-link active" aria-current="page" onclick="navSpa('0', 'Knockout Whist - Create Game'); return false;" href="@routes.MainMenuController.mainMenu()">Create Game</a>
-                                Create Game</a>
                             </li>
                             <li class="nav-item">
                                 <a class="nav-link disabled" aria-disabled="true">Lobbies</a>
                             </li>
                         }
                         <li class="nav-item">
-                        <a class="nav-link active" onclick="navSpa('1', 'Knockout Whist - Rules'); return false;" href="@routes.MainMenuController.rules()">
+                            <a class="nav-link active" onclick="navSpa('1', 'Knockout Whist - Rules'); return false;" href="@routes.MainMenuController.rules()">Rules</a>
-                            Rules</a>
                         </li>
                     </ul>
                     <form class="navbar-nav me-auto mb-2 mb-lg-0" onsubmit="joinGame(); return false;">
@@ -40,16 +38,20 @@
                                 <span class="ms-2">@user.get.name</span>
                             </a>
                             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="profileDropdown">
-                            <li><a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">
+                                <li><a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">Stats</a></li>
-                                Stats</a></li>
+                                <li><a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">Settings</a></li>
-                            <li><a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">
-                                Settings</a></li>
                                 <li><hr class="dropdown-divider"></li>
+                                <li><a class="dropdown-item" href="@routes.UserController.logout()">Logout</a></li>
                             </ul>
                         </li>
                     </ul>
+                } else {
+                    <div class="d-flex ms-auto">
+                        <a class="btn btn-outline-primary me-2" href="@routes.UserController.login()">Login</a>
+                        <a class="btn btn-primary" href="@routes.UserController.login()">Sign Up</a>
+                    </div>
                 }
 
             </div>
         </div>
-</nav>
+    </nav>

knockoutwhistweb/app/views/mainmenu/rules.scala.html

@@ -1,8 +1,8 @@
 @(user: Option[model.users.User])
-@navbar(user)
+    @navbar(user)
 
-<main class="lobby-background flex-grow-1">
+    <main class="lobby-background flex-grow-1">
-    <div class="container my-4" style="max-width: 980px;">
+        <div class="container my-4" style="max-width:980px;">
             <div class="card rules-card shadow-sm rounded-3 overflow-hidden">
                 <div class="card-header text-center py-3 border-0">
                     <h3 class="mb-0 rules-title">Game Rules Overview</h3>
@@ -174,7 +174,4 @@
                 </div>
             </div>
         </div>
-</main>
+    </main>
-<script>
-        disconnectWebSocket();
-</script>

knockoutwhistweb/conf/application.conf

@@ -13,12 +13,3 @@ auth {
   publicKeyFile = ${?PUBLIC_KEY_FILE}
   publicKeyPem  = ${?PUBLIC_KEY_PEM}
 }
-
-play.filters.enabled += "play.filters.cors.CORSFilter"
-
-play.filters.cors {
-  allowedOrigins = ["http://localhost:5173"]
-  allowedCredentials = true
-  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE", "OPTIONS"]
-  allowedHttpHeaders = ["Accept", "Content-Type", "Origin", "X-Requested-With"]
-}

knockoutwhistweb/conf/logback.xml

@@ -5,17 +5,16 @@
 <!DOCTYPE configuration>
 
 <configuration>
-    <import class="ch.qos.logback.classic.encoder.PatternLayoutEncoder" />
+  <import class="ch.qos.logback.classic.encoder.PatternLayoutEncoder"/>
-    <import class="ch.qos.logback.classic.AsyncAppender" />
+  <import class="ch.qos.logback.classic.AsyncAppender"/>
-    <import class="ch.qos.logback.core.FileAppender" />
+  <import class="ch.qos.logback.core.FileAppender"/>
-    <import class="ch.qos.logback.core.ConsoleAppender" />
+  <import class="ch.qos.logback.core.ConsoleAppender"/>
 
   <appender name="FILE" class="FileAppender">
     <file>${application.home:-.}/logs/application.log</file>
     <encoder class="PatternLayoutEncoder">
       <charset>UTF-8</charset>
-            <pattern>%d{yyyy-MM-dd HH:mm:ss} %highlight(%-5level) %cyan(%logger{36}) %magenta(%X{pekkoSource}) %msg%n
+      <pattern>%d{yyyy-MM-dd HH:mm:ss} %highlight(%-5level) %cyan(%logger{36}) %magenta(%X{pekkoSource}) %msg%n</pattern>
-            </pattern>
     </encoder>
   </appender>
 
@@ -28,25 +27,24 @@
     <!-- <withJansi>true</withJansi> -->
     <encoder class="PatternLayoutEncoder">
       <charset>UTF-8</charset>
-            <pattern>%d{yyyy-MM-dd HH:mm:ss} %highlight(%-5level) %cyan(%logger{36}) %magenta(%X{pekkoSource}) %msg%n
+      <pattern>%d{yyyy-MM-dd HH:mm:ss} %highlight(%-5level) %cyan(%logger{36}) %magenta(%X{pekkoSource}) %msg%n</pattern>
-            </pattern>
     </encoder>
   </appender>
 
   <appender name="ASYNCFILE" class="AsyncAppender">
-        <appender-ref ref="FILE" />
+    <appender-ref ref="FILE"/>
   </appender>
 
   <appender name="ASYNCSTDOUT" class="AsyncAppender">
-        <appender-ref ref="STDOUT" />
+    <appender-ref ref="STDOUT"/>
   </appender>
 
-    <logger name="play" level="INFO" />
+  <logger name="play" level="INFO"/>
-    <logger name="application" level="DEBUG" />
+  <logger name="application" level="DEBUG"/>
 
   <root level="WARN">
-        <appender-ref ref="ASYNCFILE" />
+    <appender-ref ref="ASYNCFILE"/>
-        <appender-ref ref="ASYNCSTDOUT" />
+    <appender-ref ref="ASYNCSTDOUT"/>
   </root>
 
 </configuration>

knockoutwhistweb/conf/routes

@@ -18,16 +18,24 @@ POST        /createGame              controllers.MainMenuController.createGame()
 POST    /joinGame                           controllers.MainMenuController.joinGame()
 
 # User authentication routes
+GET     /login                              controllers.UserController.login()
 POST    /login                              controllers.UserController.login_Post()
-POST        /logout                  controllers.UserController.logoutPost()
+
-GET         /userInfo                controllers.UserController.getUserInfo()
+GET     /logout                             controllers.UserController.logout()
 
 # In-game routes
 GET    /game/:id                            controllers.IngameController.game(id: String)
+POST    /game/:id/start                      controllers.IngameController.startGame(id: String)
+POST    /game/:id/kickPlayer/:playerToKick  controllers.IngameController.kickPlayer(id: String, playerToKick: String)
 
-# Websocket
+POST    /game/:id/trump                     controllers.IngameController.playTrump(id: String)
-GET         /websocket               controllers.WebsocketController.socket()
+POST    /game/:id/tie                       controllers.IngameController.playTie(id: String)
 
-# Status
+GET     /game/:id/leaveGame                 controllers.IngameController.leaveGame(id: String)
-GET         /status                  controllers.StatusController.requestStatus()
+POST   /game/:id/playCard                   controllers.IngameController.playCard(id: String)
-GET         /status/:gameId          controllers.StatusController.game(gameId: String)
+POST   /game/:id/dogPlayCard                controllers.IngameController.playDogCard(id: String)
+
+POST   /game/:id/returnToLobby              controllers.IngameController.returnToLobby(id: String)
+
+# Polling
+GET    /polling/:gameId                     controllers.PollingController.polling(gameId: String)

knockoutwhistweb/public/javascripts/events.js

@@ -1,653 +0,0 @@
-var canPlayCard = false;
-const PlayerHandComponent = {
-    data() {
-        return {
-            hand: [],
-            isDogPhase: false,
-            isAwaitingResponse: false,
-        };
-    },
-    computed: {
-        isHandInactive() {
-            //TODO: Needs implementation
-        }
-    },
-    template: `
-        <div class="row justify-content-center g-2 mt-4 bottom-div" 
-             style="backdrop-filter: blur(4px); margin-left: 0; margin-right: 0;">
-            
-            <div id="card-slide" class="row justify-content-center ingame-cards-slide" :class="{'inactive': isHandInactive }">
-                
-                <div v-for="card in hand" :key="card.idx" class="col-auto handcard" style="border-radius: 6px">
-                    <div class="btn btn-outline-light p-0 border-0 shadow-none" 
-                         :data-card-id="card.idx" 
-                         style="border-radius: 6px" 
-                         @click="handlePlayCard(card.idx)">
-                        
-                        <img :src="getCardImagePath(card.card)" width="120px" style="border-radius: 6px" :alt="card.card"/>
-                    </div>
-                </div>
-
-                <div v-if="isDogPhase" class="mt-2">
-                    <button class="btn btn-danger" @click="handleSkipDogLife()">Skip Turn</button>
-                </div>
-            </div>
-        </div>
-    `,
-    methods: {
-        updateHand(eventData) {
-            this.hand = eventData.hand.map(card => ({
-                idx: parseInt(card.idx, 10),
-                card: card.card
-            }));
-            this.isDogPhase = false;
-
-            console.log("Vue Data Updated. Hand size:", this.hand.length);
-
-            if (this.hand.length > 0) {
-                console.log("First card path check:", this.getCardImagePath(this.hand[0].card));
-            }
-        },
-        handlePlayCard(cardidx) {
-            if(this.isAwaitingResponse) return
-            if(!canPlayCard) return
-            canPlayCard = false;
-            this.isAwaitingResponse = true
-
-
-            console.debug(`Playing card ${cardidx} from hand`)
-
-            const wiggleKeyframes = [
-                { transform: 'translateX(0)' },
-                { transform: 'translateX(-5px)' },
-                { transform: 'translateX(5px)' },
-                { transform: 'translateX(-5px)' },
-                { transform: 'translateX(0)' }
-            ];
-
-            const wiggleTiming = {
-                duration: 400,
-                iterations: 1,
-                easing: 'ease-in-out',
-                fill: 'forwards'
-            };
-            const targetButton = this.$el.querySelector(`[data-card-id="${cardidx}"]`);
-            const cardElement = targetButton ? targetButton.closest('.handcard') : null;
-
-            const payload = {
-                cardindex: cardidx.toString(),
-                isDog: false
-            }
-            sendEventAndWait("PlayCard", payload).then(
-                () => {
-                    this.hand = this.hand.filter(card => card.idx !== cardidx);
-
-                    this.hand.forEach((card, index) => {
-                        card.idx = index;
-                    })
-                    this.isAwaitingResponse = false;
-                }
-            ).catch(
-                (err) => {
-                    if (cardElement) {
-                        cardElement.animate(wiggleKeyframes, wiggleTiming);
-                    } else {
-                        console.warn(`Could not find DOM element for card index ${cardidx} to wiggle.`);
-                    }
-                    this.isAwaitingResponse = false;
-                    canPlayCard = true;
-
-                }
-            )
-        },
-        handleSkipDogLife() {
-            globalThis.handleSkipDogLife();
-        },
-        getCardImagePath(cardName) {
-            return `/assets/images/cards/${cardName}.png`;
-        }
-    }
-};
-const ScoreBoardComponent = {
-    data() {
-        return {
-            trumpsuit: 'N/A',
-            playerScores: [],
-        };
-    },
-    template: `
-        <div class="score-table mt-5" id="score-table-container">
-            <h4 class="fw-bold mb-3 text-black">Tricks Won</h4>
-
-            <div class="d-flex justify-content-between score-header pb-1">
-                <div style="width: 50%">PLAYER</div>
-                <div style="width: 50%">TRICKS</div>
-            </div>
-
-            <div id="score-table-body">
-                <div v-for="(player, index) in playerScores" 
-                     :key="player.name" 
-                     class="d-flex justify-content-between score-row pt-1">
-                    
-                    <div style="width: 50%" class="text-truncate">
-                        {{ player.name }}
-                    </div>
-                    
-                    <div style="width: 50%">
-                        {{ player.tricks }}
-                    </div>
-                </div>
-            </div>
-        </div>
-    `,
-
-    methods: {
-        calculateNewScores(players, tricklist) {
-            const playercounts = new Map();
-            players.forEach(player => {
-                playercounts.set(player, 0)
-            });
-
-            tricklist.forEach(playerWonTrick => {
-                if (playerWonTrick !== "Trick in Progress" && playercounts.has(playerWonTrick)) {
-                    playercounts.set(playerWonTrick, playercounts.get(playerWonTrick) + 1);
-                }
-            });
-
-            const newScores = players.map(name => ({
-                name: name,
-                tricks: playercounts.get(name) || 0,
-            }));
-
-            newScores.sort((a, b) => b.tricks - a.tricks);
-
-            return newScores;
-        },
-
-        updateNewRoundData(eventData) {
-            console.log("Vue Scoreboard Data Update Triggered: New Round!");
-
-            this.playerScores = eventData.players.map(player => ({
-                name: player,
-                tricks: 0,
-            }));
-        },
-
-        updateTrickEndData(eventData) {
-            const { playerwon, playersin, tricklist } = eventData;
-
-            console.log(`Vue Scoreboard Data Update Triggered: ${playerwon} won the trick!`);
-
-            this.playerScores = this.calculateNewScores(playersin, tricklist);
-
-
-        }
-    }
-};
-const GameInfoComponent = {
-    data() {
-        return {
-            trumpsuit: 'No Trumpsuit',
-            firstCardImagePath: '/assets/images/cards/1B.png',
-        };
-    },
-
-    template: `
-        <div>
-            <h4 class="fw-semibold mb-1">Trumpsuit</h4>
-            <p class="fs-5 text-primary" id="trumpsuit">{{ trumpsuit }}</p>
-
-
-            <h5 class="fw-semibold mt-4 mb-1">First Card</h5>
-            <div class="d-inline-block border rounded shadow-sm p-1 bg-light" id="first-card-container">
-
-                <img :src="firstCardImagePath" alt="First Card" width="80px" style="border-radius: 6px"/>
-            </div>
-        </div>
-    `,
-
-    methods: {
-        resetFirstCard(eventData) {
-            console.log("GameInfoComponent: Resetting First Card to placeholder.");
-            this.firstCardImagePath = '/assets/images/cards/1B.png';
-        },
-        updateFirstCard(eventData) {
-            const firstCardId = eventData.firstCard;
-            console.log("GameInfoComponent: Updating First Card to:", firstCardId);
-
-            let imageSource;
-            if (firstCardId === "BLANK" || !firstCardId) {
-                imageSource = "/assets/images/cards/1B.png";
-            } else {
-                imageSource = `/assets/images/cards/${firstCardId}.png`;
-            }
-            this.firstCardImagePath = imageSource;
-        },
-        updateTrumpsuit(eventData) {
-            this.trumpsuit = eventData.trumpsuit;
-        }
-    }
-};
-const TrickDisplayComponent = {
-    data() {
-        return {
-            playedCards: [],
-        };
-    },
-
-    template: `
-        <div class="d-flex justify-content-center g-3" id="trick-cards-content">
-            <div v-for="(play, index) in playedCards" :key="index" class="col-auto">
-                <div class="card text-center shadow-sm border-0 bg-transparent" style="width: 7rem;
-                    backdrop-filter: blur(4px);">
-                    <div class="p-2">
-                        <img :src="getCardImagePath(play.cardId)" width="100%" style="border-radius: 6px"/>
-                    </div>
-                    <div class="card-body p-2 bg-transparent">
-                        <small class="fw-semibold text-secondary">{{ play.player }}</small>
-                    </div>
-                </div>
-            </div>
-        </div>
-    `,
-
-    methods: {
-        getCardImagePath(cardId) {
-            return `/assets/images/cards/${cardId}.png`;
-        },
-
-        clearPlayedCards() {
-            console.log("TrickDisplayComponent: Clearing played cards.");
-            this.playedCards = [];
-        },
-
-        updatePlayedCards(eventData) {
-            console.log("TrickDisplayComponent: Updating played cards.");
-
-            this.playedCards = eventData.playedCards;
-        }
-    }
-};
-function formatPlayerName(player) {
-    let name = player.name;
-    if (player.dog) {
-        name += " 🐶";
-    }
-    return name;
-}
-
-const TurnComponent = {
-    data() {
-        return {
-            currentPlayerName: 'Waiting...',
-            nextPlayers: [],
-        };
-    },
-
-    template: `
-        <div class="turn-tracker-container">
-            <h4 class="fw-semibold mb-1">Current Player</h4>
-            <p class="fs-3 fw-bold text-success" id="current-player-name">{{ currentPlayerName }}</p>
-
-            <div v-if="nextPlayers.length > 0">
-                <h5 class="fw-semibold mt-4 mb-1" id="next-players-text">Next Players</h5>
-                <div id="next-players-container">
-                    <p v-for="name in nextPlayers" :key="name" class="fs-5 text-primary">{{ name }}</p>
-                </div>
-            </div>
-        </div>
-    `,
-    methods: {
-        updateTurnData(eventData) {
-            console.log("TurnComponent: Updating turn data.");
-            const { currentPlayer, nextPlayers } = eventData;
-
-            this.currentPlayerName = formatPlayerName(currentPlayer);
-
-            this.nextPlayers = nextPlayers.map(player => formatPlayerName(player));
-        }
-    }
-};
-const LobbyComponent = {
-    data() {
-        return {
-            lobbyName: 'Loading...',
-            lobbyId: 'default',
-            isHost: false,
-            maxPlayers: 0,
-            players: [],
-            showKickedModal: false,
-            kickedEventData: null,
-            showSessionClosedModal: false,
-            sessionClosedEventData: null,
-        };
-    },
-
-    template: `
-        <main class="lobby-background vh-100" id="lobbybackground">
-            
-            <div v-if="showKickedModal" class="modal fade show d-block" 
-                 tabindex="-1" 
-                 role="dialog" 
-                 aria-labelledby="kickedModalTitle" 
-                 aria-modal="true" 
-                 style="background-color: rgba(0,0,0,0.5);">
-                
-                <div class="modal-dialog modal-dialog-centered" role="document">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title" id="kickedModalTitle">Kicked</h5>
-                        </div>
-                        <div class="modal-body">
-                            <p>You've been kicked from the lobby.</p>
-                            <p class="text-muted small">You'll get redirected to the mainmenu in 5 seconds...</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-
-            <div v-if="showSessionClosedModal" class="modal fade show d-block" 
-                 tabindex="-1" 
-                 role="dialog" 
-                 aria-labelledby="sessionClosedModalTitle" 
-                 aria-modal="true" 
-                 style="background-color: rgba(0,0,0,0.5);">
-                <div class="modal-dialog modal-dialog-centered" role="document">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title" id="sessionClosedModalTitle">Session Closed</h5>
-                        </div>
-                        <div class="modal-body">
-                            <p>The session was closed.</p>
-                            <p class="text-muted small">You'll get redirected to the mainmenu in 5 seconds...</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="container d-flex flex-column" style="height: calc(100vh - 1rem);">
-                
-                <div class="row">
-                    <div class="col">
-                        <div class="p-3 fs-1 d-flex align-items-center">
-                            <div class="text-center" style="flex-grow: 1;">
-                                Lobby-Name: {{ lobbyName }}
-                            </div>
-                            <div class="btn btn-danger ms-auto" @click="leaveGame(lobbyId)">Exit</div>
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="row">
-                    <div class="col">
-                        <div class="p-3 text-center fs-4" id="playerAmount">
-                            Players: {{ players.length }} / {{ maxPlayers }}
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="row justify-content-center align-items-center flex-grow-1">
-                    
-                    <template v-if="isHost">
-                        <div id="players" class="justify-content-center align-items-center d-flex flex-wrap">
-                            <div v-for="player in players" :key="player.id" class="col-auto my-auto m-3">
-                                <div class="card" style="width: 18rem;">
-                                    <img src="/assets/images/profile.png" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
-                                    <div class="card-body">
-                                        <h5 class="card-title">
-                                            {{ player.name }} <span v-if="player.self">(You)</span>
-                                        </h5>
-                                        
-                                        <template v-if="player.self">
-                                            <a href="#" class="btn btn-danger disabled" aria-disabled="true" tabindex="-1">Remove</a>
-                                        </template>
-                                        <template v-else>
-                                            <div class="btn btn-danger" @click="handleKickPlayer(player.id)">Remove</div>
-                                        </template>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="col-12 text-center mb-5">
-                            <div class="btn btn-success" @click="startGame()">Start Game</div>
-                        </div>
-                    </template>
-                    
-                    <template v-else>
-                        <div id="players" class="justify-content-center align-items-center d-flex flex-wrap">
-                            <div v-for="player in players" :key="player.id" class="col-auto my-auto m-3"> 
-                                <div class="card" style="width: 18rem;">
-                                    <img src="/assets/images/profile.png" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
-                                    <div class="card-body">
-                                        <h5 class="card-title">
-                                            {{ player.name }} <span v-if="player.self">(You)</span>
-                                        </h5>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <div class="col-12 text-center mt-3">
-                            <p class="fs-4">Waiting for the host to start the game...</p>
-                            <div class="spinner-border mt-1" role="status">
-                                <span class="visually-hidden">Loading...</span>
-                            </div>
-                        </div>
-                    </template>
-                    
-                </div>
-            </div>
-        </main>
-    `,
-
-    methods: {
-        updateLobbyData(eventData) {
-            console.log("LobbyComponent: Received Lobby Update Event.");
-
-            this.isHost = eventData.host;
-            this.maxPlayers = eventData.maxPlayers;
-            this.players = eventData.players;
-        },
-
-        setInitialData(name, id) {
-            this.lobbyName = name;
-            this.lobbyId = id;
-        },
-        startGame() {
-            globalThis.startGame()
-        },
-        leaveGame(gameId) {
-            //TODO: Needs implementation
-        },
-        handleKickPlayer(playerId) {
-            globalThis.handleKickPlayer(playerId)
-        },
-        showKickModal(eventData) {
-            this.showKickedModal = true;
-            setTimeout(() => {
-                this.kickedEventData = eventData;
-                this.showKickedModal = false;
-
-                if (typeof globalThis.receiveGameStateChange === 'function') {
-                    globalThis.receiveGameStateChange(this.kickedEventData);
-                } else {
-                    console.error("FATAL: receiveGameStateChange ist nicht global definiert.");
-                }
-            }, 5000);
-        },
-        showSessionClosedModal(eventData) {
-            this.sessionClosedEventData = eventData;
-            this.showSessionClosedModal = true;
-
-            setTimeout(() => {
-                this.showSessionClosedModal = false;
-
-                if (typeof globalThis.receiveGameStateChange === 'function') {
-                    globalThis.receiveGameStateChange(this.sessionClosedEventData);
-                } else {
-                    console.error("FATAL: receiveGameStateChange ist nicht global definiert.");
-                }
-            }, 5000);
-        }
-    }
-};
-
-function requestCardEvent(eventData) {
-    //TODO: Needs correct implementation of setting the inactive class in the PlayerHandComponent
-}
-function receiveGameStateChange(eventData) {
-    const content = eventData.content;
-    const title = eventData.title || 'Knockout Whist';
-    const url = eventData.url || null;
-
-    exchangeBody(content, title, url);
-}
-function receiveRoundEndEvent(eventData) {
-    //TODO: When alert is working, set an alert that shows how won the round and with how much tricks.
-}
-let playerHandApp = null;
-let scoreBoardApp = null;
-let gameInfoApp = null;
-let trickDisplayApp = null;
-let turnApp = null;
-globalThis.initGameVueComponents = function() {
-        // Initializing PlayerHandComponent
-        const app = Vue.createApp(PlayerHandComponent);
-
-        playerHandApp = app;
-        const mountedHand = app.mount('#player-hand-container');
-
-        if (mountedHand && mountedHand.updateHand) {
-            globalThis.updatePlayerHand = mountedHand.updateHand;
-            onEvent("ReceivedHandEvent", globalThis.updatePlayerHand);
-            console.log("PLAYER HAND SYSTEM: updatePlayerHand successfully exposed.");
-        } else {
-            console.error("FATAL ERROR: PlayerHandComponent mount failed. Check if #player-hand-container exists.");
-        }
-
-        // Initializing Scoreboard
-        if (scoreBoardApp) return
-
-        const app2 = Vue.createApp(ScoreBoardComponent)
-        scoreBoardApp = app2
-        const mountedHand2 = app2.mount('#score-table')
-        if (mountedHand2) {
-            globalThis.updateNewRoundData = mountedHand2.updateNewRoundData;
-            onEvent("NewRoundEvent", handleNewRoundEvent);
-
-            globalThis.updateTrickEndData = mountedHand2.updateTrickEndData;
-            onEvent("TrickEndEvent", globalThis.updateTrickEndData);
-            console.log("SCOREBOARD: updateNewRoundData successfully exposed.");
-        } else {
-            console.error("FATAL ERROR: Scoreboard mount failed. Check if #score-table exists.");
-        }
-        // Initializing Gameinfo
-        if (gameInfoApp) return
-
-        const app3 = Vue.createApp(GameInfoComponent)
-        gameInfoApp = app3
-        const mountedGameInfo = app3.mount('#game-info-component')
-        if(mountedGameInfo) {
-            globalThis.resetFirstCard = mountedGameInfo.resetFirstCard;
-            globalThis.updateFirstCard = mountedGameInfo.updateFirstCard;
-            globalThis.updateTrumpsuit = mountedGameInfo.updateTrumpsuit
-            onEvent("NewTrickEvent", handleNewTrickEvent);
-            console.log("GameInfo: resetFirstCard successfully exposed.");
-        } else {
-            console.error("FATAL ERROR: GameInfo mount failed. Check if #score-table exists.");
-        }
-
-        // Initializing TrickCardContainer
-        if (trickDisplayApp) return;
-        const app4 = Vue.createApp(TrickDisplayComponent);
-        trickDisplayApp = app4;
-        const mountedTrickDisplay = app4.mount('#trick-cards-container');
-
-        if (mountedTrickDisplay) {
-            globalThis.clearPlayedCards = mountedTrickDisplay.clearPlayedCards;
-            globalThis.updatePlayedCards = mountedTrickDisplay.updatePlayedCards;
-            onEvent("CardPlayedEvent", handleCardPlayedEvent)
-            console.log("TRICK DISPLAY: Handlers successfully exposed (clearPlayedCards, updatePlayedCards).");
-        } else {
-            console.error("FATAL ERROR: TrickDisplay mount failed. Check if #trick-cards-container exists.");
-        }
-
-        // Initializing TurnContainer
-        if (turnApp) return;
-        const app5 = Vue.createApp(TurnComponent)
-        turnApp = app5;
-        const mountedTurnApp = app5.mount('#turn-component')
-
-        if(mountedTurnApp) {
-            globalThis.updateTurnData = mountedTurnApp.updateTurnData;
-            onEvent("TurnEvent", globalThis.updateTurnData);
-            console.log("TURN DISPLAY: Handlers successfully exposed (clearPlayedCards, updatePlayedCards).");
-        } else {
-            console.error("FATAL ERROR: TURNAPP mount failed. Check if #trick-cards-container exists.");
-        }
-}
-let lobbyApp = null;
-globalThis.initLobbyVueComponents = function(initialLobbyName, initialLobbyId, initialIsHost, initialMaxPlayers, initialPlayers) {
-
-    if (lobbyApp) return;
-
-    const appLobby = Vue.createApp(LobbyComponent);
-    lobbyApp = appLobby;
-    const mountedLobby = appLobby.mount('#lobby-app-mount');
-
-    if (mountedLobby) {
-        mountedLobby.setInitialData(initialLobbyName, initialLobbyId);
-
-        //Damit beim erstmaligen Betreten der Lobby die Spieler etc. angezeigt werden.
-        mountedLobby.updateLobbyData({
-            host: initialIsHost,
-            maxPlayers: initialMaxPlayers,
-            players: initialPlayers
-        });
-
-        globalThis.updateLobbyData = mountedLobby.updateLobbyData;
-        globalThis.showKickModal = mountedLobby.showKickModal;
-        globalThis.showSessionClosedModal = mountedLobby.showSessionClosedModal;
-        onEvent("LobbyUpdateEvent", globalThis.updateLobbyData);
-        onEvent("KickEvent", globalThis.showKickModal);
-        onEvent("SessionClosed", globalThis.showSessionClosedModal);
-        console.log("LobbyComponent successfully mounted and registered events.");
-    } else {
-        console.error("FATAL ERROR: LobbyComponent mount failed.");
-    }
-}
-function handleCardPlayedEvent(eventData) {
-    console.log("CardPlayedEvent received. Updating Game Info and Trick Display.");
-
-    if (typeof globalThis.updateFirstCard === 'function') {
-        globalThis.updateFirstCard(eventData);
-    }
-
-    if (typeof globalThis.updatePlayedCards === 'function') {
-        globalThis.updatePlayedCards(eventData);
-    }
-}
-function handleNewTrickEvent(eventData) {
-    if (typeof globalThis.resetFirstCard === 'function') {
-        globalThis.resetFirstCard(eventData);
-    }
-
-    if (typeof globalThis.clearPlayedCards === 'function') {
-        globalThis.clearPlayedCards();
-    }
-}
-function handleNewRoundEvent(eventData) {
-    if (typeof globalThis.updateNewRoundData === 'function') {
-        globalThis.updateNewRoundData(eventData);
-    }
-    if (typeof globalThis.updateTrumpsuit === 'function') {
-        globalThis.updateTrumpsuit(eventData);
-    }
-}
-
-onEvent("GameStateChangeEvent", receiveGameStateChange)
-onEvent("LeftEvent", receiveGameStateChange)
-onEvent("RequestCardEvent", requestCardEvent)
-onEvent("RoundEndEvent", receiveRoundEndEvent)

knockoutwhistweb/public/javascripts/interact.js

@@ -1,33 +0,0 @@
-function handlePlayCard(cardidx) {
-    //TODO: Needs implementation
-}
-
-function handleSkipDogLife(button) {
-    // TODO needs implementation
-}
-function startGame() {
-    sendEvent("StartGame")
-}
-
-function handleTrumpSelection(object) {
-    const $button = $(object);
-    const trumpIndex = parseInt($button.data('trump'));
-    const payload = {
-        suitIndex: trumpIndex
-    }
-    sendEvent("PickTrumpsuit", payload)
-
-}
-function handleKickPlayer(playerId) {
-    sendEvent("KickPlayer", {
-        playerId: playerId
-    })
-}
-function handleReturnToLobby() {
-    sendEvent("ReturnToLobby")
-}
-
-globalThis.startGame = startGame
-globalThis.handleTrumpSelection = handleTrumpSelection
-globalThis.handleKickPlayer = handleKickPlayer
-globalThis.handleReturnToLobby = handleReturnToLobby

knockoutwhistweb/public/javascripts/main.js

@@ -79,6 +79,203 @@
     })
 })()
 
+function pollForUpdates(gameId) {
+    console.log(`[DEBUG] Starting poll cycle for Game ID: ${gameId} at ${new Date().toISOString()}`);
+    if (!gameId) {
+        console.error("[DEBUG] Game ID is missing. Stopping poll.");
+        return;
+    }
+    const $handElement = $('#card-slide');
+    const $lobbyElement = $('#lobbybackground');
+    const $mainmenuElement = $('#main-menu-screen')
+    const $mainbody = $('#main-body')
+    if (!$handElement.length && !$lobbyElement.length && !$mainmenuElement.length && !$mainbody.length) {
+        setTimeout(() => pollForUpdates(gameId), 1000);
+        return;
+    }
+    const route = jsRoutes.controllers.PollingController.polling(gameId);
+    $.ajax({
+        url: route.url,
+        type: 'GET',
+        dataType: 'json',
+
+        success: (data => {
+            if (!data) {
+                console.log("[DEBUG] Received 204 No Content (Timeout). Restarting poll.");
+                return;
+            }
+            if (data.status === "cardPlayed" && data.handData) {
+                console.log("Event received: Card played. Redrawing hand.");
+                const newHand = data.handData;
+                let newHandHTML = '';
+                $handElement.empty();
+
+                if(data.animation) {
+                        $handElement.addClass('ingame-cards-slide');
+                } else {
+                    $handElement.removeClass('ingame-cards-slide');
+                }
+
+                const dog = data.dog;
+
+                newHand.forEach((cardId, index) => {
+                    const cardHtml = `
+                        <div class="col-auto handcard" style="border-radius: 6px">
+                            <div class="btn btn-outline-light p-0 border-0 shadow-none" 
+                                 data-card-id="${index}" 
+                                 style="border-radius: 6px" 
+                                 onclick="handlePlayCard(this, '${gameId}', '${dog}')">
+                                
+                                <img src="/assets/images/cards/${cardId}.png" width="120px" style="border-radius: 6px"/>
+                            </div>
+                        </div>
+                    `;
+                    newHandHTML += cardHtml;
+                });
+
+                if (dog) {
+                    newHandHTML += `
+                        <div class="mt-2">
+                            <button class="btn btn-danger" onclick="handleSkipDogLife(this, '${gameId}')">Skip Dog Life</button>
+                        </div>
+                    `;
+                }
+
+                $handElement.html(newHandHTML);
+
+                if (data.yourTurn) {
+                    $handElement.removeClass('inactive');
+                } else {
+                    $handElement.addClass('inactive');
+                }
+
+                $('#current-player-name').text(data.currentPlayerName)
+                if (data.nextPlayer) {
+                    $('#next-player-name').text(data.nextPlayer);
+                } else if (nextPlayerElement) {
+                    $('#next-player-name').text("");
+                } else {
+                    console.warn("[DEBUG] 'current-player-name' element missing in DOM");
+                }
+                    $('#trump-suit').text(data.trumpSuit);
+                if ($('#trick-cards-container').length) {
+                    let trickHTML = '';
+
+                    data.trickCards.forEach(trickCard => {
+                        trickHTML += `
+                            <div class="col-auto">
+                                <div class="card text-center shadow-sm border-0 bg-transparent" style="width: 7rem; backdrop-filter: blur(4px);">
+                                    <div class="p-2">
+                                        <img src="/assets/images/cards/${trickCard.cardId}.png" width="100%"/>
+                                    </div>
+                                    <div class="card-body p-2 bg-transparent">
+                                        <small class="fw-semibold text-secondary">${trickCard.player}</small>
+                                    </div>
+                                </div>
+                            </div>
+                        `;
+                    });
+                    $('#trick-cards-container').html(trickHTML);
+                }
+                if ($('#score-table-body').length && data.scoreTable) {
+                    let scoreHTML = '';
+                    scoreHTML += `<h4 class="fw-bold mb-3 text-black">Tricks Won</h4>
+
+                    <div class="d-flex justify-content-between score-header pb-1">
+                        <div style="width: 50%">PLAYER</div>
+                        <div style="width: 50%">TRICKS</div>
+                    </div>`
+                    data.scoreTable.forEach(score => {
+                        scoreHTML += `
+                            <div class="d-flex justify-content-between score-row pt-1">
+                                <div style="width: 50%" class="text-truncate">${score.name}</div>
+                                <div style="width: 50%">${score.tricks}</div>
+                            </div>
+                        `;
+                    });
+                    $('#score-table-body').html(scoreHTML);
+                }
+                const cardId = data.firstCardId;
+                if ($('#first-card-container').length) {
+                    let imageSrc = '';
+                    let altText = 'First Card';
+
+                    if (cardId === "BLANK") {
+                        imageSrc = "/assets/images/cards/1B.png";
+                        altText = "Blank Card";
+                    } else {
+                        imageSrc = `/assets/images/cards/${cardId}.png`;
+                    }
+
+                    const newImageHTML = `
+                        <img src="${imageSrc}" alt="${altText}" width="80px" style="border-radius: 6px"/>
+                    `;
+
+                    $('#first-card-container').html(newImageHTML);
+                }
+            } else if (data.status === "reloadEvent") {
+                console.log("[DEBUG] Reload event received. Redirecting...");
+                exchangeBody(data.content, "Knockout Whist - Ingame", data.redirectUrl);
+            }
+            else if (data.status === "lobbyUpdate") {
+                console.log("[DEBUG] Entering 'lobbyUpdate' logic.");
+                let newHtml = ''
+
+                if (data.host) {
+                    data.users.forEach(user => {
+
+                        const inner = user.self ? `<h5 class="card-title">${user.name} (You)</h5>
+                                <a href="#" class="btn btn-danger disabled" aria-disabled="true" tabindex="-1">Remove</a>`
+                            : `    <h5 class="card-title">${user.name}</h5>
+                                    <div class="btn btn-danger" onclick="removePlayer('${gameId}', '${user.id}')">Remove</div>`
+
+                        newHtml += `<div class="col-auto my-auto m-3">
+                                            <div class="card" style="width: 18rem;">
+                                                <img src="/assets/images/profile.png" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
+                                                <div class="card-body">
+                                                    ${inner}
+                                                </div>
+                                            </div>
+                                        </div>`
+                    })
+                } else {
+                    data.users.forEach(user => {
+
+                        const inner = user.self ? `<h5 class="card-title">${user.name} (You)</h5>` : `    <h5 class="card-title">${user.name}</h5>`
+
+                        newHtml += `<div class="col-auto my-auto m-3">
+                                            <div class="card" style="width: 18rem;">
+                                                <img src="/assets/images/profile.png" alt="Profile" class="card-img-top w-50 mx-auto mt-3" />
+                                                <div class="card-body">
+                                                    ${inner}
+                                                </div>
+                                            </div>
+                                        </div>`
+                    })
+                }
+                $("#players").html(newHtml);
+            } else {
+                console.warn(`[DEBUG] Received unknown status: ${data.status}`);
+            }
+        }),
+        error: ((jqXHR, textStatus, errorThrown) => {
+            if (jqXHR.status >= 400) {
+                console.error(`Server error: ${jqXHR.status}, ${errorThrown}`);
+            }
+            else {
+                console.error(`Something unexpected happened while polling. ${jqXHR.status}, ${errorThrown}`)
+            }
+        }),
+        complete: (() => {
+            if (!window.location.href.includes("game")) {
+                console.log("[DEBUG] Page URL changed. Stopping poll restart.");
+                return;
+            }
+            setTimeout(() => pollForUpdates(gameId), 200);
+        })
+    })
+}
+
 function createGameJS() {
     let lobbyName = $('#lobbyname').val();
     if ($.trim(lobbyName) === "") {
@@ -91,6 +288,26 @@ function createGameJS() {
     sendGameCreationRequest(jsonObj);
 }
 
+function backToLobby(gameId) {
+    const route = jsRoutes.controllers.IngameController.returnToLobby(gameId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        error: ((jqXHR) => {
+            const errorData = JSON.parse(jqXHR.responseText);
+            if (errorData && errorData.errorMessage) {
+                alert(`${errorData.errorMessage}`);
+            } else {
+                alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
+            }
+        })
+    })
+
+}
+
 function sendGameCreationRequest(dataObject) {
     const route = jsRoutes.controllers.MainMenuController.createGame();
 
@@ -124,6 +341,60 @@ function exchangeBody(content, title = "Knockout Whist", url = null) {
     document.title = title;
 }
 
+function startGame(gameId) {
+    sendGameStartRequest(gameId)
+}
+
+function sendGameStartRequest(gameId) {
+    const route = jsRoutes.controllers.IngameController.startGame(gameId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        dataType: 'json',
+        success: (data => {
+            if (data.status === 'success') {
+                window.location.href = data.redirectUrl;
+            }
+        }),
+        error: ((jqXHR) => {
+            const errorData = JSON.parse(jqXHR.responseText);
+            if (errorData && errorData.errorMessage) {
+                alert(`${errorData.errorMessage}`);
+            } else {
+                alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
+            }
+        })
+    })
+}
+function removePlayer(gameid, playersessionId) {
+    sendRemovePlayerRequest(gameid, playersessionId)
+}
+
+function sendRemovePlayerRequest(gameId, playersessionId) {
+    const route = jsRoutes.controllers.IngameController.kickPlayer(gameId, playersessionId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        success: (data => {
+            if (data.status === 'success') {
+                window.location.href = data.redirectUrl;
+            }
+        }),
+        error: ((jqXHR) => {
+            const errorData = JSON.parse(jqXHR.responseText);
+            if (errorData && errorData.errorMessage) {
+                alert(`${errorData.errorMessage}`);
+            } else {
+                alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
+            }
+        })
+    })
+}
+
 function login() {
     const username = $('#username').val();
     const password = $('#password').val();
@@ -149,7 +420,7 @@ function login() {
         }),
         error: ((jqXHR) => {
             const errorData = JSON.parse(jqXHR.responseText);
-            if (errorData?.errorMessage) {
+            if (errorData && errorData.errorMessage) {
                 alert(`${errorData.errorMessage}`);
             } else {
                 alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
@@ -181,7 +452,7 @@ function joinGame() {
         }),
         error: ((jqXHR) => {
             const errorData = JSON.parse(jqXHR.responseText);
-            if (errorData?.errorMessage) {
+            if (errorData && errorData.errorMessage) {
                 alert(`${errorData.errorMessage}`);
             } else {
                 alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
@@ -208,7 +479,7 @@ function navSpa(page, title) {
         }),
         error: ((jqXHR) => {
             const errorData = JSON.parse(jqXHR.responseText);
-            if (errorData?.errorMessage) {
+            if (errorData && errorData.errorMessage) {
                 alert(`${errorData.errorMessage}`);
             } else {
                 alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
@@ -219,4 +490,175 @@ function navSpa(page, title) {
 }
 
 
-globalThis.exchangeBody = exchangeBody;
+function selectTie(gameId) {
+    const route = jsRoutes.controllers.IngameController.playTie(gameId);
+    const jsonObj = {
+        tie: $('#tieNumber').val()
+    };
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        data: JSON.stringify(jsonObj),
+        error: (jqXHR => {
+            let error;
+            try {
+                error = JSON.parse(jqXHR.responseText);
+            } catch (e) {
+                console.error("Failed to parse error response:", e);
+            }
+            if (error?.errorMessage) {
+                alert(`${error.errorMessage}`);
+            } else {
+                alert('An unexpected error occurred. Please try again.');
+            }
+        })
+    })
+}
+
+function leaveGame(gameId) {
+    sendLeavePlayerRequest(gameId)
+}
+
+function sendLeavePlayerRequest(gameId) {
+    const route = jsRoutes.controllers.IngameController.leaveGame(gameId);
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        dataType: 'json',
+        error: ((jqXHR) => {
+            const errorData = JSON.parse(jqXHR.responseText);
+            if (errorData && errorData.errorMessage) {
+                alert(`${errorData.errorMessage}`);
+            } else {
+                alert(`An unexpected error occurred. Please try again. Status: ${jqXHR.status}`);
+            }
+        })
+    })
+}
+
+function handleTrumpSelection(cardobject, gameId) {
+    const trumpId = cardobject.dataset.trump;
+    const jsonObj = {
+        trump: trumpId
+    }
+
+    const route = jsRoutes.controllers.IngameController.playTrump(gameId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        data: JSON.stringify(jsonObj),
+        error: (jqXHR => {
+            let error;
+            try {
+                error = JSON.parse(jqXHR.responseText);
+            } catch (e) {
+                console.error("Failed to parse error response:", e);
+            }
+            if (error?.errorMessage) {
+                alert(`${error.errorMessage}`);
+            } else {
+                alert('An unexpected error occurred. Please try again.');
+            }
+        })
+    })
+}
+
+function handlePlayCard(cardobject, gameId, dog = false) {
+    const cardId = cardobject.dataset.cardId;
+    const jsonObj = {
+        cardID: cardId
+    }
+    sendPlayCardRequest(jsonObj, gameId, cardobject, dog)
+}
+
+function handleSkipDogLife(cardobject, gameId) {
+
+    const wiggleKeyframes = [
+        { transform: 'translateX(0)' },
+        { transform: 'translateX(-5px)' },
+        { transform: 'translateX(5px)' },
+        { transform: 'translateX(-5px)' },
+        { transform: 'translateX(0)' }
+    ];
+
+    const wiggleTiming = {
+        duration: 400,
+        iterations: 1,
+        easing: 'ease-in-out',
+        fill: 'forwards'
+    };
+
+    const route = jsRoutes.controllers.IngameController.playDogCard(gameId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        data: JSON.stringify({
+            cardID: 'skip'
+        }),
+        error: (jqXHR => {
+            let error;
+            try {
+                error = JSON.parse(jqXHR.responseText);
+            } catch (e) {
+                console.error("Failed to parse error response:", e);
+            }
+            if (error?.errorMessage.includes("You can't skip this round!")) {
+                cardobject.parentElement.animate(wiggleKeyframes, wiggleTiming);
+            } else if (error?.errorMessage) {
+                alert(`${error.errorMessage}`);
+            } else {
+                alert('An unexpected error occurred. Please try again.');
+            }
+        })
+    })
+}
+
+function sendPlayCardRequest(jsonObj, gameId, cardobject, dog) {
+    const wiggleKeyframes = [
+        { transform: 'translateX(0)' },
+        { transform: 'translateX(-5px)' },
+        { transform: 'translateX(5px)' },
+        { transform: 'translateX(-5px)' },
+        { transform: 'translateX(0)' }
+    ];
+
+    const wiggleTiming = {
+        duration: 400,
+        iterations: 1,
+        easing: 'ease-in-out',
+        fill: 'forwards'
+    };
+    const route = dog === "true" ? jsRoutes.controllers.IngameController.playDogCard(gameId) : jsRoutes.controllers.IngameController.playCard(gameId);
+
+    $.ajax({
+        url: route.url,
+        type: route.type,
+        contentType: 'application/json',
+        dataType: 'json',
+        data: JSON.stringify(jsonObj),
+        error: (jqXHR => {
+            try {
+                error = JSON.parse(jqXHR.responseText);
+            } catch (e) {
+                console.error("Failed to parse error response:", e);
+            }
+            if (error?.errorMessage.includes("You can't play this card!")) {
+                cardobject.parentElement.animate(wiggleKeyframes, wiggleTiming);
+            } else if (error?.errorMessage) {
+                alert(`${error.errorMessage}`);
+            } else {
+                alert('An unexpected error occurred. Please try again.');
+            }
+        })
+    })
+}
+

knockoutwhistweb/public/javascripts/websocket.js

@@ -1,198 +0,0 @@
-// javascript
-let ws = null; // will be created by connectWebSocket()
-const pending = new Map(); // id -> { resolve, reject, timer }
-const handlers = new Map(); // eventType -> handler(data) -> (value|Promise)
-
-let timer = null;
-
-// helper to attach message/error/close handlers to a socket
-function setupSocketHandlers(socket) {
-    socket.onmessage = (event) => {
-        console.debug("SERVER MESSAGE:", event.data);
-        let msg;
-        try {
-            msg = JSON.parse(event.data);
-        } catch (e) {
-            console.debug("Non-JSON message from server:", event.data, e);
-            return;
-        }
-
-        const id = msg.id;
-        const eventType = msg.event;
-        const status = msg.status;
-        const data = msg.data;
-
-        if (id && typeof status === "string") {
-            const entry = pending.get(id);
-            if (!entry) return;
-            clearTimeout(entry.timer);
-            pending.delete(id);
-
-            if (status === "success") {
-                entry.resolve(data === undefined ? {} : data);
-            } else {
-                entry.reject(new Error(msg.error || "Server returned error"));
-            }
-            return;
-        }
-
-        if (id && eventType) {
-            const handler = handlers.get(eventType);
-            const sendResponse = (result) => {
-                const response = {id: id, event: eventType, status: result};
-                if (socket && socket.readyState === WebSocket.OPEN) {
-                    socket.send(JSON.stringify(response));
-                } else {
-                    console.warn("Cannot send response, websocket not open");
-                }
-            };
-
-            if (!handler) {
-                // no handler: respond with an error object in data so server can fail it
-                console.warn("No handler for event:", eventType);
-                sendResponse({error: "No handler for event: " + eventType});
-                return;
-            }
-
-            try {
-                Promise.resolve(handler(data === undefined ? {} : data))
-                    .then(_ => sendResponse("success"))
-                    .catch(_ => sendResponse("error"));
-            } catch (err) {
-                sendResponse("error");
-            }
-        }
-    };
-
-    socket.onerror = (error) => {
-        console.error("WebSocket Error:", error);
-        if (timer) clearInterval(timer);
-        for (const [id, entry] of pending.entries()) {
-            clearTimeout(entry.timer);
-            entry.reject(new Error("WebSocket error/closed"));
-            pending.delete(id);
-        }
-        if (socket.readyState === WebSocket.OPEN) socket.close(1000, "Unexpected error.");
-    };
-
-    socket.onclose = (event) => {
-        if (timer) clearInterval(timer);
-        for (const [id, entry] of pending.entries()) {
-            clearTimeout(entry.timer);
-            entry.reject(new Error("WebSocket closed"));
-            pending.delete(id);
-        }
-        if (event.wasClean) {
-            console.log(`Connection closed cleanly, code=${event.code} reason=${event.reason}`);
-        } else {
-            console.warn('Connection died unexpectedly.');
-        }
-        location.href = "/mainmenu";
-    };
-}
-
-// connect/disconnect helpers
-function connectWebSocket(url = null) {
-    if (!url) {
-        const loc = window.location;
-        const protocol = loc.protocol === "https:" ? "wss:" : "ws:";
-        url = protocol + "//" + loc.host + "/websocket";
-    }
-    if (ws && ws.readyState === WebSocket.OPEN) return Promise.resolve();
-    if (ws && ws.readyState === WebSocket.CONNECTING) {
-        // already connecting - return a promise that resolves on open
-        return new Promise((resolve, reject) => {
-            const prevOnOpen = ws.onopen;
-            const prevOnError = ws.onerror;
-            ws.onopen = (ev) => {
-                if (prevOnOpen) prevOnOpen(ev);
-                resolve();
-            };
-            ws.onerror = (err) => {
-                if (prevOnError) prevOnError(err);
-                reject(err);
-            };
-        });
-    }
-
-    ws = new WebSocket(url);
-    setupSocketHandlers(ws);
-
-    return new Promise((resolve, reject) => {
-        ws.onopen = () => {
-            console.log("WebSocket connection established!");
-            // start heartbeat
-            timer = setInterval(() => {
-                if (ws && ws.readyState === WebSocket.OPEN) {
-                    sendEventAndWait("ping", {}).then(
-                        () => console.debug("PING RESPONSE RECEIVED"),
-                    ).catch(
-                        (err) => console.warn("PING ERROR:", err.message),
-                    );
-                    console.debug("PING SENT");
-                }
-            }, 5000);
-            resolve();
-        };
-
-        ws.onerror = (err) => {
-            reject(err);
-        };
-    });
-}
-
-function disconnectWebSocket(code = 1000, reason = "Client disconnect") {
-    if (timer) {
-        clearInterval(timer);
-        timer = null;
-    }
-    if (ws) {
-        try {
-            ws.close(code, reason);
-        } catch (e) {
-        }
-        ws = null;
-    }
-}
-
-function sendEvent(eventType, eventData) {
-    if (!ws || ws.readyState !== WebSocket.OPEN) {
-        console.warn("WebSocket is not open. Unable to send message.");
-        return;
-    }
-    const id = Date.now().toString(36) + Math.random().toString(36).substring(2, 9);
-    const message = {id: id, event: eventType, data: eventData};
-    ws.send(JSON.stringify(message));
-    console.debug("SENT:", message);
-}
-
-function sendEventAndWait(eventType, eventData, timeoutMs = 10000) {
-    if (!ws || ws.readyState !== WebSocket.OPEN) {
-        return Promise.reject(new Error("WebSocket is not open"));
-    }
-    const id = Date.now().toString(36) + Math.random().toString(36).substring(2, 9);
-    const message = {id: id, event: eventType, data: eventData};
-    const p = new Promise((resolve, reject) => {
-        const timerId = setTimeout(() => {
-            if (pending.has(id)) {
-                pending.delete(id);
-                reject(new Error(`No response within ${timeoutMs}ms for id=${id}`));
-            }
-        }, timeoutMs);
-        pending.set(id, {resolve, reject, timer: timerId});
-    });
-    ws.send(JSON.stringify(message));
-    console.debug("SENT (await):", message);
-    return p;
-}
-
-function onEvent(eventType, handler) {
-    handlers.set(eventType, handler);
-}
-
-globalThis.sendEvent = sendEvent;
-globalThis.sendEventAndWait = sendEventAndWait;
-globalThis.onEvent = onEvent;
-globalThis.connectWebSocket = connectWebSocket;
-globalThis.disconnectWebSocket = disconnectWebSocket;
-globalThis.isWebSocketConnected = () => !!ws && ws.readyState === WebSocket.OPEN;

knockoutwhistweb/test/controllers/HomeControllerSpec.scala

@@ -13,33 +13,33 @@ import play.api.test.Helpers.*
  */
 class HomeControllerSpec extends PlaySpec with GuiceOneAppPerTest with Injecting {
 
-  //  "HomeController GET" should {
+//  "HomeController GET" should {
-  //
+//
-  //    "render the index page from a new instance of controller" in {
+//    "render the index page from a new instance of controller" in {
-  //      val controller = new HomeController(stubControllerComponents())
+//      val controller = new HomeController(stubControllerComponents())
-  //      val home = controller.index().apply(FakeRequest(GET, "/"))
+//      val home = controller.index().apply(FakeRequest(GET, "/"))
-  //
+//
-  //      status(home) mustBe OK
+//      status(home) mustBe OK
-  //      contentType(home) mustBe Some("text/html")
+//      contentType(home) mustBe Some("text/html")
-  //      contentAsString(home) must include ("Welcome to Play")
+//      contentAsString(home) must include ("Welcome to Play")
-  //    }
+//    }
-  //
+//
-  //    "render the index page from the application" in {
+//    "render the index page from the application" in {
-  //      val controller = inject[HomeController]
+//      val controller = inject[HomeController]
-  //      val home = controller.index().apply(FakeRequest(GET, "/"))
+//      val home = controller.index().apply(FakeRequest(GET, "/"))
-  //
+//
-  //      status(home) mustBe OK
+//      status(home) mustBe OK
-  //      contentType(home) mustBe Some("text/html")
+//      contentType(home) mustBe Some("text/html")
-  //      contentAsString(home) must include ("Welcome to Play")
+//      contentAsString(home) must include ("Welcome to Play")
-  //    }
+//    }
-  //
+//
-  //    "render the index page from the router" in {
+//    "render the index page from the router" in {
-  //      val request = FakeRequest(GET, "/")
+//      val request = FakeRequest(GET, "/")
-  //      val home = route(app, request).get
+//      val home = route(app, request).get
-  //
+//
-  //      status(home) mustBe OK
+//      status(home) mustBe OK
-  //      contentType(home) mustBe Some("text/html")
+//      contentType(home) mustBe Some("text/html")
-  //      contentAsString(home) must include ("Welcome to Play")
+//      contentAsString(home) must include ("Welcome to Play")
-  //    }
+//    }
-  //  }
+//  }
 }

versions.env

@@ -1,3 +1,3 @@
-MAJOR=4
+MAJOR=2
-MINOR=11
+MINOR=0
 PATCH=0