From 74e34d291bd259ecf7ab18550876a689a7897762 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 16:28:59 +0100
Subject: [PATCH] Canvas instead

---
 src/ui/Vipps.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/ui/Vipps.vue b/src/ui/Vipps.vue
index 35dab92..8361fcb 100644
--- a/src/ui/Vipps.vue
+++ b/src/ui/Vipps.vue
@@ -5,7 +5,12 @@
       kr.
       <span class="big-money">{{ amount * 10 }},- (10,- pr. lodd)</span>
     </span>
-    <img :src="qrImage" class="qr-logo" />
+    <ing
+      src="/public/assets/images/vipps-qr.png"
+      class="qr-logo"
+      v-if="qrFailed"
+    />
+    <canvas v-if="!qrFailed" ref="canvas" class="qr-logo"></canvas>
     <span class="phone-number">977 40 427</span>
     <span class="name">Kasper Rynning-Tønnesen</span>
     <span class="mark-with">Merk med: Vinlodd/🍾</span>
@@ -24,7 +29,8 @@ export default {
   },
   data() {
     return {
-      qrImage: null
+      qrImage: null,
+      qrFailed: false
     };
   },
   watch: {
@@ -43,12 +49,16 @@ export default {
   },
   methods: {
     calculateQr: function() {
-      QRCode.toDataURL(
+      let canvas = this.$refs["canvas"];
+      QRCode.toCanvas(
+        canvas,
         "https://qr.vipps.no/28/2/01/031/4797740427?v=1&m=Vinlotteri%20🍾&a=" +
           this.price,
-        { errorCorrectionLevel: "H" },
+        { errorCorrectionLevel: "Q" },
         (err, url) => {
-          this.qrImage = url;
+          if (err != null) {
+            this.qrFailed = true;
+          }
         }
       );
     },