Web notifications added

angular.json

@@ -84,8 +84,7 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "app:build",
-            "proxyConfig": "src/proxy.conf.json"
+            "browserTarget": "app:build"
           },
           "configurations": {
             "production": {

firebase-messaging-sw.js

@@ -0,0 +1,42 @@
+ if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('./firebase-messaging-sw.js')
+      .then(function(registration) {
+        console.log('Registration successful, scope is:', registration.scope);
+      }).catch(function(err) {
+        console.log('Service worker registration failed, error:', err);
+      });
+    } 
+// Scripts for firebase and firebase messaging
+
+
+/* importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-app.js');
+importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-messaging.js');
+
+// Initialize the Firebase app in the service worker by passing the generated config
+var firebaseConfig = {
+    apiKey: "AIzaSyAAdHmTFznCMerdT99nrewJgISRvtxPqoY",
+    authDomain: "gabinete-digital-2020.firebaseapp.com",
+    databaseURL: "https://gabinete-digital-2020.firebaseio.com",
+    projectId: "gabinete-digital-2020",
+    storageBucket: "gabinete-digital-2020.appspot.com",
+    messagingSenderId: "800733765231",
+    appId: "1:800733765231:web:28e7792ab150006513779a",
+    measurementId: "G-8QN4BLZ8XK"
+};
+
+firebase.initializeApp(firebaseConfig);
+
+// Retrieve firebase messaging
+const messaging = firebase.messaging();
+
+messaging.onBackgroundMessage(function(payload) {
+  console.log('Received background message ', payload);
+
+  const notificationTitle = payload.notification.title;
+  const notificationOptions = {
+    body: payload.notification.body,
+  };
+
+  self.registration.showNotification(notificationTitle,
+    notificationOptions);
+}); */

src/app/shared/header/header.page.ts

@@ -56,15 +56,15 @@ export class HeaderPage implements OnInit {
       } else {
         this.UpdateNotificationCount();
       } */
+  }
 
+  ionViewWillEnter() {
     this.eventrigger.getObservable().subscribe((data) => {
       if (data.notification == "delete" || "recive") {
         this.notificationLengthData();
         console.log('Deleted notification', data)
       }
-      
     })
-
   }
 
   /*  UpdateNotificationCount() {

src/firebase-messaging-sw.js

@@ -0,0 +1,42 @@
+ if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('./firebase-messaging-sw.js')
+      .then(function(registration) {
+        console.log('Registration successful, scope is:', registration.scope);
+      }).catch(function(err) {
+        console.log('Service worker registration failed, error:', err);
+      });
+    } 
+// Scripts for firebase and firebase messaging
+
+
+/* importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-app.js');
+importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-messaging.js');
+
+// Initialize the Firebase app in the service worker by passing the generated config
+var firebaseConfig = {
+    apiKey: "AIzaSyAAdHmTFznCMerdT99nrewJgISRvtxPqoY",
+    authDomain: "gabinete-digital-2020.firebaseapp.com",
+    databaseURL: "https://gabinete-digital-2020.firebaseio.com",
+    projectId: "gabinete-digital-2020",
+    storageBucket: "gabinete-digital-2020.appspot.com",
+    messagingSenderId: "800733765231",
+    appId: "1:800733765231:web:28e7792ab150006513779a",
+    measurementId: "G-8QN4BLZ8XK"
+};
+
+firebase.initializeApp(firebaseConfig);
+
+// Retrieve firebase messaging
+const messaging = firebase.messaging();
+
+messaging.onBackgroundMessage(function(payload) {
+  console.log('Received background message ', payload);
+
+  const notificationTitle = payload.notification.title;
+  const notificationOptions = {
+    body: payload.notification.body,
+  };
+
+  self.registration.showNotification(notificationTitle,
+    notificationOptions);
+}); */