From 3f832da6dbceb5ce72819e0bc021c58e68aeca24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 13 Mar 2020 17:09:45 +0100
Subject: [PATCH] Guarding with SW and a dummy-text if there is no attendees

---
 src/components/VirtualLotteryPage.vue | 16 +++++++++++++++-
 src/service-worker/service-worker.js  |  3 ++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/VirtualLotteryPage.vue b/src/components/VirtualLotteryPage.vue
index a8850da..3780e81 100644
--- a/src/components/VirtualLotteryPage.vue
+++ b/src/components/VirtualLotteryPage.vue
@@ -1,6 +1,16 @@
 <template>
   <div>
     <h1>Virtuelt lotteri</h1>
+    <h2
+      v-if="
+        attendees.length <= 0 &&
+          winners.length <= 0 &&
+          attendeesFetched &&
+          winnersFetched
+      "
+    >
+      Her var det lite.. Sikker på at det er en virtuell trekning nå?
+    </h2>
     <div class="current-draw" v-if="currentWinnerDrawn">
       <h2>NY VINNER:</h2>
       <div
@@ -60,7 +70,9 @@ export default {
       countdownStarted: false,
       secondsLeft: 15,
       secondsNameLeft: 5,
-      socket: null
+      socket: null,
+      attendeesFetched: false,
+      winnersFetched: false
     };
   },
   mounted() {
@@ -116,6 +128,7 @@ export default {
       if (response) {
         this.winners = response;
       }
+      this.winnersFetched = true;
     },
     getAttendees: async function() {
       let response = await attendees();
@@ -127,6 +140,7 @@ export default {
           this.countdown();
         }
       }
+      this.attendeesFetched = true;
     }
   }
 };
diff --git a/src/service-worker/service-worker.js b/src/service-worker/service-worker.js
index 0195eb5..3b00593 100644
--- a/src/service-worker/service-worker.js
+++ b/src/service-worker/service-worker.js
@@ -71,7 +71,8 @@ self.addEventListener("fetch", event => {
     event.request.url.includes("/register") ||
     event.request.method == "POST" ||
     event.request.url.includes("/api/wines/prelottery") ||
-    event.request.url.includes("/api/virtual")
+    event.request.url.includes("/api/virtual") ||
+    event.request.url.includes("/socket.io")
   ) {
     event.respondWith(fetch(event.request));
     return;