proceed to next round

client/src/components/Play.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="play">
-    <div class="play__layout">
+    <div :class="['play__layout', { 'play__layout__fade-out': fadeOut }]">
       <div class="play__layout-playground">
         <Quote :text="quote" />
         <Sources :sources="sources" :selectable="selectable" />
@@ -16,6 +16,9 @@
 <script>
 export default {
   computed: {
+    fadeOut() {
+      return this.$store.state.game.phase === 'round-end'
+    },
     gamePhase() {
       return this.$store.state.game.phase
     },
@@ -71,7 +74,13 @@ body,
       margin: 16px 16px 0 0;
     }
 
+    &__fade-out {
+      animation: play-fade-out 0.7s linear;
+      animation-fill-mode: forwards;
     }
-
+  }
+}
+@keyframes play-fade-out {
+  to   { opacity: 0; }
 }
 </style>

server/src/game/continueGame.go

@@ -16,6 +16,8 @@ func (gm *Game) ContinueGame() {
 		gm.revealShowCount()
 	case PHASE_REVEAL_SHOW_COUNT:
 		gm.revealSource()
+	case PHASE_REVEAL_SOURCE:
+		gm.nextRound()
 	default:
 		fmt.Printf("invalid state, can't continue game in %s state, %s phase\n", state, phase)
 		return

server/src/game/nextRound.go

@@ -0,0 +1,32 @@
+package game
+
+import (
+	"fmt"
+	"time"
+)
+
+func (gm *Game) nextRound() {
+	if err := gm.changeGamePhase(STATE_PLAY, PHASE_REVEAL_SOURCE, PHASE_ROUND_END); err != nil {
+		fmt.Println(err)
+		return
+	}
+	gm.notifyClients()
+
+	time.Sleep(2 * time.Second)
+
+	err := gm.changeGameState(STATE_PLAY, STATE_READY_SET, "Go!")
+	if err != nil {
+		fmt.Println(err)
+		return
+	}
+	gm.notifyClients()
+
+	time.Sleep(2 * time.Second)
+
+	err = gm.changeGameState(STATE_READY_SET, STATE_PLAY, PHASE_NONE)
+	if err != nil {
+		fmt.Println(err)
+		return
+	}
+	gm.runRound()
+}

server/src/game/revealShowCount.go

@@ -2,7 +2,6 @@ package game
 
 import (
 	"fmt"
-	// "time"
 )
 
 func (gm *Game) revealShowCount() {

server/src/game/struct.go

@@ -19,6 +19,7 @@ const (
 	PHASE_REVEAL_START      = "reveal-start"
 	PHASE_REVEAL_SHOW_COUNT = "reveal-show-count"
 	PHASE_REVEAL_SOURCE     = "reveal-source"
+	PHASE_ROUND_END         = "round-end"
 )
 
 const (