From b8ca43abbf004c14a024fbfce0428d833869c7f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 14 Feb 2020 15:14:17 +0100
Subject: [PATCH] Push-notifications is fun

---
 api/subscriptions.js            | 19 ++++++++++++++++++-
 src/components/RegisterPage.vue | 28 +++++++++++++++++++++++++++-
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/api/subscriptions.js b/api/subscriptions.js
index ed6ea56..ed0f164 100644
--- a/api/subscriptions.js
+++ b/api/subscriptions.js
@@ -27,7 +27,11 @@ webpush.setVapidDetails(
 );
 
 const sendNotification = (subscription, dataToSend = "") => {
-  webpush.sendNotification(subscription, dataToSend);
+  try {
+    webpush.sendNotification(subscription, dataToSend);
+  } catch (e) {
+    console.log("error", e);
+  }
 };
 
 router.use((req, res, next) => {
@@ -55,6 +59,19 @@ const saveToDatabase = async subscription => {
   }
 };
 
+router.route("/send-notification").post(async (req, res) => {
+  if (!req.isAuthenticated()) {
+    res.send(false);
+    return;
+  }
+  const message = req.body.message;
+  let subs = await Subscription.find();
+  for (let i = 0; i < subs.length; i++) {
+    let subscription = subs[i]; //get subscription from your databse here.
+    sendNotification(subscription, message);
+  }
+});
+
 schedule.scheduleJob(
   `0 50 ${lotteryConfig.hours - 1} * * ${lotteryConfig.date}`,
   async () => {
diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue
index de91a07..b9c5f96 100644
--- a/src/components/RegisterPage.vue
+++ b/src/components/RegisterPage.vue
@@ -1,6 +1,15 @@
 <template>
   <div>
     <h1>Registrering</h1>
+    <div class="notification-element">
+      <div class="label-div">
+        <label for="notification">Push-melding</label>
+        <input id="notification" type="text" v-model="pushMessage" />
+      </div>
+    </div>
+    <div class="button-container">
+      <button @click="sendPush">Send push</button>
+    </div>
     <div class="color-container">
       <div class="label-div">
         <label for="blue">Blå</label>
@@ -119,7 +128,8 @@ export default {
       yellow: 0,
       payed: 0,
       winners: [],
-      wines: []
+      wines: [],
+      pushMessage: ""
     };
   },
   async mounted() {
@@ -141,6 +151,22 @@ export default {
     }
   },
   methods: {
+    sendPush: async function() {
+      let _response = await fetch("/subscription/send-notification", {
+        headers: {
+          "Content-Type": "application/json"
+          // 'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        method: "POST",
+        body: JSON.stringify({ message: this.pushMessage })
+      });
+      let response = await _response.json();
+      if (response) {
+        alert("Sendt!");
+      } else {
+        alert("Noe gikk galt!");
+      }
+    },
     addWine: function(event) {
       this.wines.push({
         name: "",