revelation: show number of voters

client/src/components/ReadySet.vue

@@ -127,7 +127,7 @@ export default {
   100% { transform: scale(1); }
 }
 @keyframes fade-out {
-  25% { transform: scale(1.2); } 
+  25% { transform: scale(1.2); }
   100% { transform: scale(0); }
 }
 </style>

client/src/components/Source.vue

@@ -8,6 +8,11 @@
         {{ source.name }}
       </div>
     </div>
+    <div v-if="badgeCount" class="source__badge">
+      <div class="source__badge-count">
+        {{ badgeCount }}
+      </div>
+    </div>
   </div>
 </template>
 
@@ -22,6 +27,12 @@ export default {
         'source__container__selected': this.isSelected(),
       }
     },
+    badgeCount() {
+      const revelation = this.$store.state.round.revelation || {}
+      const votes = revelation.votes || {}
+      const list = votes[this.source.id] || []
+      return list.length
+    },
   },
   methods: {
     isSelected() {
@@ -87,5 +98,25 @@ export default {
     user-select: none;
   }
 
+  &__badge {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    right: -12px;
+    top: -16px;
+    width: 24px;
+    height: 24px;
+    background-color: #6040c0;
+    border: 2px solid #ffffff;
+    border-radius: 14px;
+    color: #c0c060;
+    font-family: "Wendy One";
+    font-size: 16px;
+
+    &-count {
+      width: 100%;
+      text-align: center;
+    }
+  }
 }
 </style>

client/src/store/round.js

@@ -2,6 +2,7 @@ export const state = () => ({
   quote: "",
   sources: [],
   selections: {},
+  revelation: {},
 })
 
 export const mutations = {
@@ -10,10 +11,12 @@ export const mutations = {
       state.quote = game.round.quote
       state.sources = game.round.sources
       state.selections = game.round.selections
+      state.revelation = game.round.revelation
     } else {
       state.quote = ""
       state.sources = []
       state.selections = {}
+      state.revelation = {}
     }
   },
 }

server/src/game/populateGetRoundInfo.go

@@ -54,7 +54,11 @@ func (gm *Game) getRevelation() *syncdata.Revelation {
 		return nil
 	}
 
-	votes := make(map[string]syncdata.Votes, 0)
+	votes := make(map[string][]string, 0)
+	for key, val := range gm.round.selections {
+		votes[val] = append(votes[val], key)
+	}
+
 	revelation := syncdata.Revelation{
 		Votes: votes,
 	}

server/src/syncdata/syncdata.go

@@ -17,12 +17,8 @@ type SourceInfo struct {
 	Name string `json:"name"`
 }
 
-type Votes struct {
-	Count int `json:"count"`
-}
-
 type Revelation struct {
-	Votes map[string]Votes `json:"votes"`
+	Votes map[string][]string `json:"votes"`
 }
 
 type RoundInfo struct {