From be89d51ae639e8910083eab6748735eab1ba7549 Mon Sep 17 00:00:00 2001
From: Steffen <steffen@baumgart.biz>
Date: Thu, 7 Jan 2021 20:25:12 +0100
Subject: [PATCH] added vote time

---
 src/components/modals/VoteHistoryModal.vue | 29 +++++++++++++++-------
 src/store/modules/session.js               |  2 +-
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/modals/VoteHistoryModal.vue b/src/components/modals/VoteHistoryModal.vue
index e9ba001..4af0360 100644
--- a/src/components/modals/VoteHistoryModal.vue
+++ b/src/components/modals/VoteHistoryModal.vue
@@ -15,31 +15,42 @@
     <table>
       <thead>
         <tr>
+          <td>Time</td>
           <td>Nominator</td>
           <td>Nominee</td>
           <td>Type</td>
           <td>Votes</td>
-          <td><font-awesome-icon icon="hand-paper" /> Hand up</td>
           <td>Majority</td>
+          <td>
+            <font-awesome-icon icon="user-friends" />
+            Voters
+          </td>
         </tr>
       </thead>
       <tbody>
         <tr v-for="(vote, index) in session.voteHistory" :key="index">
+          <td>
+            {{ vote.timestamp.getHours() }}:{{ vote.timestamp.getMinutes() }}
+          </td>
           <td>{{ vote.nominator }}</td>
           <td>{{ vote.nominee }}</td>
           <td>{{ vote.type }}</td>
-          <td>{{ vote.votes.length }}</td>
           <td>
-            <font-awesome-icon icon="user-friends" />
-            {{ vote.votes.join(", ") }}
+            {{ vote.votes.length }}
+            <font-awesome-icon icon="hand-paper" />
           </td>
           <td>
             {{ vote.majority }}
             <font-awesome-icon
-              icon="check-square"
-              v-if="vote.votes.length >= vote.majority"
+              :icon="[
+                'fas',
+                vote.votes.length >= vote.majority ? 'check-square' : 'square'
+              ]"
             />
           </td>
+          <td>
+            {{ vote.votes.join(", ") }}
+          </td>
         </tr>
       </tbody>
     </table>
@@ -96,13 +107,13 @@ thead td {
 }
 
 tbody {
-  td:nth-child(1) {
+  td:nth-child(2) {
     color: $townsfolk;
   }
-  td:nth-child(2) {
+  td:nth-child(3) {
     color: $demon;
   }
-  td:nth-child(4) {
+  td:nth-child(5) {
     text-align: center;
   }
   td:nth-child(6) {
diff --git a/src/store/modules/session.js b/src/store/modules/session.js
index 152eba6..62dda3c 100644
--- a/src/store/modules/session.js
+++ b/src/store/modules/session.js
@@ -72,8 +72,8 @@ const mutations = {
   addHistory(state, players) {
     if (!state.nomination || state.lockedVote <= players.length) return;
     const isBanishment = players[state.nomination[1]].role.team === "traveler";
-    console.log(isBanishment);
     state.voteHistory.push({
+      timestamp: new Date(),
       nominator: players[state.nomination[0]].name,
       nominee: players[state.nomination[1]].name,
       type: isBanishment ? "Banishment" : "Execution",