Merge pull request #125 from langford/feature-visible-nom-log-indicator-button

Adds indicator of a player-visible voting log

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Release Notes
 
 ### Version 2.9.1
+- added [nomination log indicator](https://fontawesome.com/icons/book-dead).  When a nomination log [v] is available, the number of currently visible entries is displayed. Clicking the indicator can reveal/hide the nomination log.
 - fix gamestate JSON not showing (custom) roles and failing to load states with custom scripts properly
 - fix gamestate not stripping out special characters from role.id on load
 - made character assignment modal a bit prettier
@@ -16,8 +17,6 @@
 - added button to modals that allows the user to maximize them
 - added Mephit and Snitch to roles.json
 
----
-
 ### Version 2.8.0
 - added hands-off live session support for homebrew / custom characters again!
 - added custom image opt-in that will prevent any (potentially malicious / harmful) images from loading until a player manually allows them to

src/components/Menu.vue

@@ -1,5 +1,18 @@
 <template>
   <div id="controls">
+    <span
+      class="nomlog-summary"
+      v-show="session.voteHistory.length && session.sessionId"
+      @click="toggleModal('voteHistory')"
+      :title="
+        `${session.voteHistory.length} recent ${
+          session.voteHistory.length == 1 ? 'nomination' : 'nominations'
+        }`
+      "
+    >
+      <font-awesome-icon icon="book-dead" />
+      {{ session.voteHistory.length }}
+    </span>
     <span
       class="session"
       :class="{
@@ -366,6 +379,10 @@ export default {
     margin-left: 10px;
   }
 
+  span.nomlog-summary {
+    color: $townsfolk;
+  }
+
   span.session {
     color: $demon;
     &.spectator {

src/main.js

@@ -9,6 +9,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 const faIcons = [
   "AddressCard",
   "BookOpen",
+  "BookDead",
   "BroadcastTower",
   "Chair",
   "CheckSquare",