Added modal dialog for notification permission setting

2023-08-18 21:38:26 +08:00
parent bfc52151c0
commit 6ab92a83bd
3 changed files with 88 additions and 1 deletions
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -119,10 +119,24 @@
    </router-link>
    <router-link
      :to="{ name: 'identity-switcher' }"
-      class="block text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8"
+      class="block text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
    >
      Switch Identity / No Identity
    </router-link>
+    <button
+      @click="
+        this.$notify(
+          {
+            group: 'modal',
+            type: 'notification-permission',
+          },
+          -1,
+        )
+      "
+      class="block w-full text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8"
+    >
+      Turn on Notifications
+    </button>

    <h3 class="text-sm uppercase font-semibold mb-3">Data</h3>