Profile settings: add global Notification toggle

src/components/Chat.vue

@@ -3,12 +3,10 @@
     <ChatHeaderPrivate class="chat-header flex-grow-0 flex-shrink-0"
       v-on:header-click="onHeaderClick"
       v-on:view-room-details="viewRoomDetails"
-      v-on:notify="onNotificationDialog"
       v-if="!useFileModeNonAdmin && $matrix.isDirectRoom(room)" />
       <ChatHeader class="chat-header flex-grow-0 flex-shrink-0"
       v-on:header-click="onHeaderClick"
       v-on:view-room-details="viewRoomDetails"
-      v-on:notify="onNotificationDialog"
       v-else-if="!useFileModeNonAdmin" />
     <AudioLayout ref="chatContainer" class="auto-audio-player-root" v-if="useVoiceMode" :room="room"
       :events="events" :autoplay="!showRecorder"
@@ -78,9 +76,9 @@
             <component :is="componentForEvent(event)" :room="room" :originalEvent="event" :nextEvent="filteredEvents[index + 1]"
               :timelineSet="timelineSet" v-on:send-quick-reaction.stop="sendQuickReaction"
               :componentFn="componentForEvent"
-              v-on:context-menu="showContextMenuForEvent({event: event, anchor: $event.anchor})" 
+              v-on:context-menu="showContextMenuForEvent({event: event, anchor: $event.anchor})"
               v-on:own-avatar-clicked="viewProfile"
-              v-on:other-avatar-clicked="showAvatarMenuForEvent({event: event, anchor: $event.anchor})" 
+              v-on:other-avatar-clicked="showAvatarMenuForEvent({event: event, anchor: $event.anchor})"
               v-on:download="download(event)"
               v-on:poll-closed="pollWasClosed(event)"
               v-on:more="
@@ -324,45 +322,6 @@
 
     <CreatePollDialog :show="showCreatePollDialog" @close="showCreatePollDialog = false" />
 
-    <!-- Dialog for request Notification and register service worker-->
-    <v-dialog
-      v-model="notificationDialog"
-      persistent
-      class="ma-0 pa-0"
-      :width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'"
-    >
-      <div class="dialog-content text-center">
-        <v-icon  size="30">notifications_active</v-icon>
-        <h2 class="dialog-title">
-          {{ $t("notification.dialog.title") }}
-        </h2>
-        <div class="dialog-text">{{ $t("notification.dialog.body") }}</div>
-        <v-container fluid>
-          <v-row cols="12">
-            <v-col cols="6">
-              <v-btn
-                depressed
-                text
-                block
-                class="text-button"
-                @click="notificationDialog = false"
-                >{{ $t("global.close") }}</v-btn
-              >
-            </v-col>
-            <v-col cols="6" align="center">
-              <v-btn
-                color="primary"
-                depressed
-                block
-                class="filled-button"
-                @click.stop="onNotifyRequest"
-                >{{ $t("notification.dialog.enable") }}</v-btn
-              >
-            </v-col>
-          </v-row>
-        </v-container>
-      </div>
-    </v-dialog>
   </div>
 </template>
 
@@ -388,7 +347,6 @@ import chatMixin from "./chatMixin";
 import sendAttachmentsMixin from "./sendAttachmentsMixin";
 import AudioLayout from "./AudioLayout.vue";
 import FileDropLayout from "./file_mode/FileDropLayout";
-import { requestNotificationPermission, windowNotificationPermission } from "../plugins/notificationAndServiceWorker.js"
 import roomTypeMixin from "./roomTypeMixin";
 import roomMembersMixin from "./roomMembersMixin";
 
@@ -525,7 +483,6 @@ export default {
           Places: this.$t("emoji.categories.places")
         }
       },
-      notificationDialog: false
     };
   },
 
@@ -914,18 +871,6 @@ export default {
       this.initialLoadDone = true;
       console.log("Loading finished!");
     },
-    windowNotificationPermission,
-    onNotificationDialog() {
-      if(this.windowNotificationPermission() === 'denied') {
-        alert(this.$t("notification.blocked_message"));
-      } else if(this.windowNotificationPermission() === 'default') {
-        this.notificationDialog = true;
-      }
-    },
-    onNotifyRequest() {
-      requestNotificationPermission()
-      this.notificationDialog = false;
-    },
     onRoomJoined(initialEventId) {
       // Listen to events
       this.$matrix.on("Room.timeline", this.onEvent);
@@ -1157,7 +1102,7 @@ export default {
                     this.onLayoutChange(fn, element);
                   } else {
                     fn();
-                  }                
+                  }
                 } else {
                   fn();
                 }