Added the end game

site/mahjong/main.js

@@ -24,6 +24,7 @@ Stimulus.register("scorecard", class extends Controller {
 
     handleGameState(ev) {
         switch (ev.detail.mode) {
+        case "newgame":
         case "endround":
             this.element.classList.add("hidden");
             break;
@@ -37,10 +38,19 @@ Stimulus.register("scorecard", class extends Controller {
 
     endRound(ev) {
         ev.preventDefault();
-        console.log("end round");
         emitGameStateEvent({mode: "endround"});
     }
 
+    endGame(ev) {
+        ev.preventDefault();
+
+        if (!confirm("Are you sure you want to end the game?")) {
+            return;
+        }
+
+        emitGameStateEvent({mode: "newgame"});
+    }
+
     _rebuildTable() {
         let gameState = getGameState();
 
@@ -102,6 +112,9 @@ Stimulus.register("newgame", class extends Controller {
         case "nextround":
             this.element.classList.add("hidden");
             break;
+        case "newgame":
+            this.element.classList.remove("hidden");
+            break;
         }
     }
 
@@ -130,6 +143,7 @@ Stimulus.register("endround", class extends Controller {
         switch (ev.detail.mode) {
         case "startgame":
         case "nextround":
+        case "newgame":
             this.element.classList.add("hidden");
             break;
         case "endround":
@@ -160,6 +174,10 @@ Stimulus.register("endround", class extends Controller {
         }
     }
 
+    goBack(ev) {
+        emitGameStateEvent({mode: "startgame"});
+    }
+
     nextRound(ev) {
         ev.preventDefault();