added push notifications!!!

package.json

@@ -31,6 +31,7 @@
     "lodash": "^4.17.15",
     "mongoose": "^5.6.9",
     "mongoose-unique-validator": "^2.0.3",
+    "ngx-push-notifications": "^7.0.2",
     "rxjs": "~6.4.0",
     "tslib": "^1.9.0",
     "zone.js": "~0.9.1"

src/app/app.component.ts

@@ -51,6 +51,10 @@ export class AppComponent implements OnInit, OnDestroy {
             });
         }
       });
+    const isGranted = this.ladderService.notifications.isPermissionGranted;
+    if (!isGranted) {
+      this.ladderService.notifications.requestPermission();
+    }
   }
 
   ngOnDestroy() {

src/app/app.module.ts

@@ -1,5 +1,8 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+
+import { PushNotificationService } from 'ngx-push-notifications';
+
 import { AmazingTimePickerModule } from 'amazing-time-picker';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatToolbarModule,
@@ -79,7 +82,7 @@ import { AuthInterceptor } from './auth/auth-interceptor';
     MatProgressSpinnerModule,
     MatSnackBarModule,
   ],
-  providers: [{ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }],
+  providers: [{ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }, PushNotificationService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/app.service.ts

@@ -11,6 +11,8 @@ import { Profile } from 'selenium-webdriver/firefox';
 import { MatSnackBar } from '@angular/material';
 import { environment } from '../environments/environment';
 
+import { PushNotificationOptions, PushNotificationService } from 'ngx-push-notifications';
+
 const BackendURLNotifications = environment.apiUrl + 'notification/';
 const BackendURLLadder = environment.apiUrl + 'table/';
 const BackendURLChallenge = environment.apiUrl + 'challenge/';
@@ -29,12 +31,14 @@ export class LadderService {
   private sportsUpdate = new Subject<string[]>();
 
   private challengesN: number;
+  private challengesNOld: number;
   private challengesUpdatesN = new Subject<number>();
 
   private challengesP: number;
   private challengesUpdatesP = new Subject<number>();
 
   private challengesC: number;
+  private challengesCOld: number;
   private challengesUpdatesC = new Subject<number>();
 
 
@@ -56,15 +60,26 @@ export class LadderService {
   private player1: boolean;
   private player1Sub = new Subject<boolean>();
 
-  constructor(private http: HttpClient, private router: Router, private snackBar: MatSnackBar) {}
+  constructor(
+    private http: HttpClient,
+    private router: Router,
+    private snackBar: MatSnackBar,
+    public notifications: PushNotificationService
+  ) { }
 
 // Notifications
   getNumberChallenge(id: string) {
     const myId = { id };
     this.http.post<string>(BackendURLNotifications + 'challengesN/', myId)
       .subscribe((notification) => {
         this.challengesN = Number(notification);
+        // tslint:disable: triple-equals
+        if (this.challengesN != this.challengesNOld && this.challengesNOld != undefined) {
+          this.myNotifi('New Challenge', 'You got a new challenge!', '/challenges');
+        }
         this.challengesUpdatesN.next(this.challengesN);
+        this.challengesNOld = this.challengesN;
+
       });
   }
 
@@ -90,7 +105,11 @@ export class LadderService {
     this.http.post<string>(BackendURLNotifications + 'challengesC/', myId)
       .subscribe((notification) => {
         this.challengesC = Number(notification);
+        if (this.challengesC != this.challengesCOld && this.challengesCOld != undefined) {
+          this.myNotifi('Confirm Result', 'You got a new confirmation!', '/confirmation/confirm');
+        }
         this.challengesUpdatesC.next(this.challengesC);
+        this.challengesCOld = this.challengesC;
       });
   }
 
@@ -336,4 +355,25 @@ export class LadderService {
     this.snackBar.open(message, action, { duration: 2000 });
   }
 
+// Notifications Bitches!!!
+  myNotifi(title: string, body: string, link: string) {
+    const options = new PushNotificationOptions();
+    options.body = body;
+
+    this.notifications.create(title, options).subscribe((notif) => {
+      if (notif.event.type === 'show') {
+        setTimeout(() => {
+          notif.notification.close();
+        }, 10000);
+      }
+      if (notif.event.type === 'click') {
+        this.router.navigate([link]);
+        notif.notification.close();
+      }
+    },
+      (err) => {
+        console.log(err);
+      });
+  }
+
 }