From 429d9845b1012b70c9c5a8e0f5e4739b82e87d3a Mon Sep 17 00:00:00 2001
From: Steffen <steffen@baumgart.biz>
Date: Sat, 18 Apr 2020 21:47:13 +0200
Subject: [PATCH] updated readme, added role selection warning for orange leaf
 roles

---
 README.md                             |  8 ++++++++
 src/App.vue                           |  6 +++++-
 src/components/Player.vue             | 12 ++++++++----
 src/components/RoleSelectionModal.vue | 15 +++++++++++++++
 src/components/TownSquare.vue         |  4 +++-
 5 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 3ea090b..842c9c1 100644
--- a/README.md
+++ b/README.md
@@ -7,4 +7,12 @@ It is supposed to aid storytellers and allow them to quickly set up and capture
 
 [You can try it online!](https://bra1n.github.io/townsquare)
 
+**Todo:**
+- add night sheet data to roles.json
+- add night sheet view to Grimoire
+- add global reminder space
+- add LICENSE and finish README (shortcuts)
+- (maybe) switch to vectorized SVG token icons
+- allow using custom scripts
+
 WORK IN PROGRESS
diff --git a/src/App.vue b/src/App.vue
index 23b7efc..d802c5a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -247,7 +247,11 @@ body {
   position: relative;
 }
 
-h1, h2, h3, h4, h5 {
+h1,
+h2,
+h3,
+h4,
+h5 {
   margin: 0;
   text-align: center;
 }
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 028ca41..c7c57d3 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -227,10 +227,14 @@ export default {
   span {
     display: none;
   }
-  &:hover span {
-    display: inline-block;
-    &:hover {
-      color: red;
+  &:hover {
+    color: red;
+    span {
+      display: inline-block;
+      color: white;
+      &:hover {
+        color: red;
+      }
     }
   }
 }
diff --git a/src/components/RoleSelectionModal.vue b/src/components/RoleSelectionModal.vue
index c53eeb7..c95a073 100644
--- a/src/components/RoleSelectionModal.vue
+++ b/src/components/RoleSelectionModal.vue
@@ -19,6 +19,10 @@
         <Token :role="role" />
       </li>
     </ul>
+    <div class="warning" v-if="hasSelectedSetupRoles">
+      Warning: there are roles selected that modify the game setup! The
+      randomizer does not account for these roles.
+    </div>
     <div class="button-group">
       <div
         class="button"
@@ -80,6 +84,11 @@ export default {
       return Object.values(this.roleSelection)
         .map(roles => roles.filter(role => role.selected).length)
         .reduce((a, b) => a + b, 0);
+    },
+    hasSelectedSetupRoles: function() {
+      return Object.values(this.roleSelection).some(roles =>
+        roles.some(role => role.selected && role.setup)
+      );
     }
   },
   methods: {
@@ -177,4 +186,10 @@ export default {
     }
   }
 }
+
+.roles .modal .warning {
+  color: red;
+  text-align: center;
+  margin: auto;
+}
 </style>
diff --git a/src/components/TownSquare.vue b/src/components/TownSquare.vue
index 61be220..110373a 100644
--- a/src/components/TownSquare.vue
+++ b/src/components/TownSquare.vue
@@ -99,7 +99,9 @@ export default {
       selectedPlayer: false,
       availableReminders: [],
       availableRoles: [],
-      bluffs: Array(3).fill({}).map(() => ({ role: {} }))
+      bluffs: Array(3)
+        .fill({})
+        .map(() => ({ role: {} }))
     };
   },
   methods: {