diff --git a/src/components/Player.vue b/src/components/Player.vue index 804e9a0..fdec568 100644 --- a/src/components/Player.vue +++ b/src/components/Player.vue @@ -44,15 +44,15 @@
{{ voters.join(", ") }} nobody - voted YES + had their hand UP
@@ -101,6 +113,10 @@ export default { player: function() { return this.players.find(p => p.id === this.session.playerId); }, + currentVote: function() { + const index = this.players.findIndex(p => p.id === this.session.playerId); + return index >= 0 ? !!this.session.votes[index] : undefined; + }, canVote: function() { if (!this.player) return false; if (this.player.isVoteless && this.nominee.role.team !== "traveler") @@ -257,6 +273,10 @@ export default { } } +.button.disabled { + opacity: 0.75; +} + .button.vote-no { background: radial-gradient( at 0 -15%, @@ -267,7 +287,7 @@ export default { linear-gradient(#0031ad, rgba(5, 0, 0, 0.22)) content-box, linear-gradient(#292929, #001142) border-box; box-shadow: inset 0 1px 1px #002c9c, 0 0 10px #000; - &:hover { + &:hover:not(.disabled) { color: #008cf7; } } diff --git a/src/main.js b/src/main.js index 0c80cfe..e7c2fc4 100644 --- a/src/main.js +++ b/src/main.js @@ -20,6 +20,7 @@ const faIcons = [ "Dragon", "ExchangeAlt", "FileUpload", + "HandPaper", "HandPointRight", "Heartbeat", "Image", @@ -32,7 +33,6 @@ const faIcons = [ "RedoAlt", "SearchMinus", "SearchPlus", - "Skull", "Square", "Sun", "TheaterMasks",