From 7dfb14fa0fbb98e05fed51467b7dd5fda17719b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Tue, 17 Mar 2020 14:44:05 +0100
Subject: [PATCH 1/2] Added link to dagens in notifcation

---
 api/update.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/api/update.js b/api/update.js
index f980eb3..8726099 100644
--- a/api/update.js
+++ b/api/update.js
@@ -45,7 +45,8 @@ router.route("/log/wines").post(mustBeAuthenticated, async (req, res) => {
     let subscription = subs[i]; //get subscription from your databse here.
     const message = JSON.stringify({
       message: "Dagens vin er lagt til, se den på lottis.vin/dagens!",
-      title: "Ny vin!"
+      title: "Ny vin!",
+      link: "/#/dagens"
     });
     sub.sendNotification(subscription, message);
   }

From 636d6ccad24eb2f535f89c033d3a10d7c7b76e33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Tue, 17 Mar 2020 15:24:28 +0100
Subject: [PATCH 2/2] Prettier timer and todays wines

---
 src/components/TodaysPage.vue | 19 +++++--------------
 src/ui/Banner.vue             | 26 +++++++++++++++++++-------
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/components/TodaysPage.vue b/src/components/TodaysPage.vue
index e24dac5..d79b037 100644
--- a/src/components/TodaysPage.vue
+++ b/src/components/TodaysPage.vue
@@ -3,18 +3,7 @@
     <div class="container">
       <h1 class="title">Dagens viner</h1>
       <div class="wines-container">
-        <a :href="wine.vivinoLink" v-for="wine in wines" :key="wine">
-          <div class="inner-wine-container">
-            <div class="left">
-              <img :src="wine.image" class="wine-image" />
-            </div>
-            <div class="right">
-              <h3>{{ wine.name }}</h3>
-              <span v-if="wine.rating">{{ wine.rating }} rating</span>
-              <span class="wine-link">Les mer</span>
-            </div>
-          </div>
-        </a>
+        <Wine :wine="wine" v-for="wine in wines" :key="wine" :fullscreen="true" :inlineSlot="true" />
       </div>
     </div>
   </div>
@@ -23,10 +12,12 @@
 <script>
 import { page, event } from "vue-analytics";
 import Banner from "@/ui/Banner";
+import Wine from "@/ui/Wine";
 
 export default {
   components: {
-    Banner
+    Banner,
+    Wine
   },
   data() {
     return {
@@ -55,7 +46,7 @@ h1 {
 .wines-container {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-evenly;
+  justify-content: space-between;
   margin: 0 2rem;
 
   @media (min-width: 1500px) {
diff --git a/src/ui/Banner.vue b/src/ui/Banner.vue
index 1463c49..c34a400 100644
--- a/src/ui/Banner.vue
+++ b/src/ui/Banner.vue
@@ -3,14 +3,13 @@
     <div class="top-banner">
       <img src="/public/assets/images/knowit.svg" alt="knowit logo" />
       <div class="clock">
-        <h2 cv-if="distance > 0">
+        <h2 v-if="!fiveMinutesLeft && !tenMinutesOver">
           <span v-if="days > 0">{{ pad(days) }}:</span>
-          <span>{{ pad(hours) }}</span
-          >: <span>{{ pad(minutes) }}</span
-          >:
+          <span>{{ pad(hours) }}</span>:
+          <span>{{ pad(minutes) }}</span>:
           <span>{{ pad(seconds) }}</span>
         </h2>
-        <h2 v-if="distance <= 0">Lotteriet har begynt!</h2>
+        <h2 v-if="twoMinutesLeft || tenMinutesOver">Lotteriet er i gang!</h2>
       </div>
     </div>
   </router-link>
@@ -35,6 +34,20 @@ export default {
   mounted() {
     this.initialize(), this.countdown();
   },
+  computed: {
+    fiveMinutesLeft: function() {
+      if (this.days == 0 && this.hours == 0 && this.minutes <= 2) {
+        return true;
+      }
+      return false;
+    },
+    tenMinutesOver: function() {
+      if (this.days == 6 && this.hours >= 23 && this.minutes >= 50) {
+        return true;
+      }
+      return false;
+    }
+  },
   methods: {
     pad: function(num) {
       if (num < 10) {
@@ -90,8 +103,7 @@ export default {
         this.days = 0;
       }
       if (this.distance < 0) {
-        clearTimeout(this.interval);
-        return;
+        this.initialize();
       }
       this.interval = setTimeout(this.countdown, 500);
     }