From 32658c741c8c5455c97661a824fbe50cf4a62f92 Mon Sep 17 00:00:00 2001
From: Giulio <giulio97.migani@gmail.com>
Date: Wed, 25 Nov 2020 19:43:00 +0100
Subject: [PATCH] part of the private lobby

---
 .gitignore                        | 2 ++
 frontend/package.json             | 1 +
 frontend/src/App.vue              | 1 +
 frontend/src/components/Lobby.vue | 8 ++++++++
 4 files changed, 12 insertions(+)

diff --git a/.gitignore b/.gitignore
index a81c8ee..b43fa6c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -136,3 +136,5 @@ dmypy.json
 
 # Cython debug symbols
 cython_debug/
+
+frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
index 5704851..0ee5e10 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
+    "pretty-checkbox": "^3.0.3",
     "socket.io-client": "^3.0.3",
     "vue": "^2.6.11",
     "vue-socket.io": "^3.0.10"
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b304fba..487f688 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -134,6 +134,7 @@ export default {
 </script>
 
 <style>
+@import '../node_modules/pretty-checkbox/dist/pretty-checkbox.css';
 #app {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 0ee3b86..ac2def1 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -3,6 +3,14 @@
 		<div style="flex-grow: 4;">
 			<h2 v-if="!started">Lobby: {{ lobbyName }}</h2>
 			<h3>Giocatori (tu sei {{username}})</h3>
+			<div v-if="startGameCard">
+				<div class="pretty p-switch p-fill">
+					<input type="checkbox" />
+					<div class="state">
+							<label>Stanza Privata</label>
+					</div>
+				</div>
+			</div>
 			<div class="players-table">
 				<Card v-if="startGameCard" :card="startGameCard" @click.native="startGame"/>
 				<!-- <div style="position: relative;width:260pt;height:400pt;"> -->