From d6a8bac147b196118d3e2ed56bd67522bc4c5da6 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sat, 2 Jun 2018 14:07:03 +0200
Subject: Convert images to jpg

---
 src/InstallNotification.vue | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/InstallNotification.vue

(limited to 'src/InstallNotification.vue')

diff --git a/src/InstallNotification.vue b/src/InstallNotification.vue
new file mode 100644
index 0000000..b1a0349
--- /dev/null
+++ b/src/InstallNotification.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="notification is-primary" v-show="deferredPrompt != undefined">
+    <button class="delete" @click="deferredPrompt = undefined"></button>
+    <div class="has-text-centered">Add to your homescreen for fast and offline access?</div>
+    <div class="has-text-centered install-button">
+      <button class="button is-medium" @click="deferredPrompt.prompt()">
+        <span class="mdi mdi-download"></span>
+        <span>&nbsp;Install</span>
+      </button>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.install-button {
+  margin-top: 1em;
+  margin-bottom: 0.5em;
+}
+</style>
+
+<script>
+import Vue from 'vue';
+
+export default Vue.component('install-notification', {
+  data: function() {
+    return {
+      deferredPrompt: undefined,
+    };
+  },
+  methods: {
+    promptInstall: function(p) {
+      this.deferredPrompt = p;
+    },
+  },
+  created: function() {
+    window.addEventListener('beforeinstallprompt', this.promptInstall);
+  },
+  destroyed: function() {
+    window.removeEventListener('beforeinstallprompt', this.promptInstall);
+  },
+});
+</script>
-- 
cgit v1.3.1

