Indicate which users has finished voting for a poll #6

Author: Peter

frontend/src/components/Poll.vue

@@ -52,6 +52,11 @@
       <hr v-if="poll.options.length"/>
       <poll-option-add :poll="poll"></poll-option-add>
     </div>
+
+    <div class="voterInfo"
+         v-if="poll.status >=5">
+         #voters: {{voterCount}}
+    </div>
   </div>
 </template>
 
@@ -85,6 +90,9 @@
           back: faStepBackward
         }
       },
+      voterCount () {
+        return this.$store.state.voters[this.poll.id] && this.$store.state.voters[this.poll.id].length
+      },
       options () {
         if (this.poll.status < 10) {
           this.poll.options.sort((a, b) => {
@@ -273,6 +281,12 @@
     right: 0;
     border: 1px solid red;
   }
+  .voterInfo {
+    margin-top: 2em;
+    border-top: 1px solid #e9ebee;
+    text-align: right;
+    padding: 0.5em;
+  }
 
   @media only screen
   and (max-device-width : 1024px) {

frontend/src/store/store.js

@@ -10,7 +10,8 @@ const state = {
   polls: [],
   activeUsers: [],
   me: {},
-  votes: {}
+  votes: {},
+  voters: {}
 }
 
 const getters = {}
@@ -30,6 +31,9 @@ export const store = new Vuex.Store({
     vote (state, vote) {
       Vue.set(state.votes, vote.poll_id, vote)
     },
+    setVoters (state, voters) {
+      state.voters = voters
+    },
     'POLL_CREATED' (state, poll) {
       state.polls.push(poll)
     },
@@ -75,6 +79,14 @@ export const store = new Vuex.Store({
     },
     'CONNECTED_USERS' (state, users) {
       state.activeUsers = users
+    },
+    'USER_VOTED' (state, info) {
+      if (state.voters[info.poll_id] === undefined) {
+        Vue.set(state.voters, info.poll_id, [info.user_id])
+      }
+      if (!state.voters[info.poll_id].some(user => user === info.user_id)) {
+        state.voters[info.poll_id].push(info.user_id)
+      }
     }
   },
   actions: {
@@ -98,6 +110,9 @@ export const store = new Vuex.Store({
             commit('INIT_VOTES', map)
           })
       }
+      API.get('/api/voters').then(voters => {
+        commit('setVoters', voters)
+      })
     },
     vote ({commit, state}, vote) {
       let votes = state.votes[vote.poll_id]
@@ -156,7 +171,8 @@ export const store = new Vuex.Store({
     'CONNECTED_USERS' ({commit}, users) {
       commit('CONNECTED_USERS', users)
     },
-    'USER_VOTED' (_, info) {
+    'USER_VOTED' ({commit}, info) {
+      commit('USER_VOTED', info)
       EventBus.$emit('USER_VOTED', info)
     }
   },

server/main.go

@@ -49,6 +49,8 @@ func main() {
 
 	authorized.GET("api/votes", polls.GetVotes)
 
+	authorized.GET("api/voters", polls.GetVoters)
+
 	authorized.GET("api/users", users.GetUsers)
 	authorized.PATCH("api/users/:userId", users.SetAdminPermission)
 

server/polls/voteHandlers.go

@@ -85,6 +85,20 @@ func HandleVote(c *gin.Context) {
 	}{Success: true})
 }
 
+func GetVoters(c *gin.Context) {
+	var votes []Vote
+	config.DB.Find(&votes)
+
+	votersByPoll := map[string][]string{}
+	for _, vote := range votes {
+		if _, exists := votersByPoll[vote.PollId]; !exists {
+			votersByPoll[vote.PollId] = []string{}
+		}
+		votersByPoll[vote.PollId] = append(votersByPoll[vote.PollId], vote.UserId)
+	}
+	c.JSON(http.StatusOK, votersByPoll)
+}
+
 func allVoteOptionsInPoll(v VoteDto, options []Option) bool {
 	return (len(v.Score1) == 0 || optionExists(options, v.Score1)) &&
 		(len(v.Score2) == 0 || optionExists(options, v.Score2)) &&