Add room code to player statuses dialog

kcgidw · Apr 20, 2020 · 44d269d · 44d269d
1 parent aa77d0e
commit 44d269d
Show file tree

Hide file tree

Showing 6 changed files with 252 additions and 162 deletions.
diff --git a/src/public/js/game-menu.vue b/src/public/js/game-menu.vue
@@ -1,19 +1,24 @@
 <template>
-    <div id="game-menu" class="dropup">
-        <button id="game-menu-btn" class="flex-center" :class="{expanded: expanded === true}" @click="toggle">
+	<div id="game-menu" class="dropup">
+		<button
+			id="game-menu-btn"
+			class="flex-center"
+			:class="{ expanded: expanded === true }"
+			@click="toggle"
+		>
 			<svg class="feather">
-				<use xlink:href="feather-sprite.svg#more-horizontal"/>
+				<use xlink:href="feather-sprite.svg#more-horizontal" />
 			</svg>
 		</button>
-        <div id="game-menu-dropdown" class="dropup-content" v-show="expanded === true">
-            <ul class="dropup-list">
+		<div id="game-menu-dropdown" class="dropup-content" v-show="expanded === true">
+			<ul class="dropup-list">
 				<div v-for="item in items" :key="item.text">
-					<li v-if="!item.hr" @click="doAction(item)">{{item.text}}</li>
-					<hr v-if="item.hr">
+					<li v-if="!item.hr" @click="doAction(item)">{{ item.text }}</li>
+					<hr v-if="item.hr" />
 				</div>
-            </ul>
-        </div>
-    </div>
+			</ul>
+		</div>
+	</div>
 </template>
 <script>
 import Store from './state';
@@ -40,29 +45,33 @@ export default {
 			this.expanded = false;
 		},
 		doAction(item) {
-			if(item.action) {
+			if (item.action) {
 				item.action();
 				this.toggleHide();
 			}
 		},
 		senseClickOutside(event) {
 			let clickedOutside;
-			if(event.composedPath) {
-				clickedOutside = event.composedPath().indexOf(document.getElementById('game-menu')) === -1;
+			if (event.composedPath) {
+				clickedOutside =
+					event.composedPath().indexOf(document.getElementById('game-menu')) === -1;
 			} else {
 				// Edge, IE
-				clickedOutside = Array.from(document.getElementById('game-menu').getElementsByTagName('*')).indexOf(event.target) === -1;
+				clickedOutside =
+					Array.from(
+						document.getElementById('game-menu').getElementsByTagName('*')
+					).indexOf(event.target) === -1;
 			}
-			if(clickedOutside) {
+			if (clickedOutside) {
 				this.toggleHide();
 			}
-		}
+		},
 	},
 	mounted() {
 		document.addEventListener('pointerdown', this.senseClickOutside);
 	},
 	beforeDestroy() {
 		document.removeEventListener('pointerdown', this.senseClickOutside);
-	}
+	},
 };
 </script>