Implements Cookie Consent Popup

src/app/app.component.ts

@@ -1,6 +1,14 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnDestroy, OnInit} from '@angular/core';
 import { AuthService } from './shared/auth/auth.service';
 import {UpdateService} from "./shared/service-worker/update.service";
+import {
+    NgcCookieConsentService,
+    NgcInitializationErrorEvent,
+    NgcInitializingEvent,
+    NgcNoCookieLawEvent, NgcStatusChangeEvent
+} from "ngx-cookieconsent";
+import {Subscription} from "rxjs";
+import {CookieConsertService} from "./shared/cookie-consent/cookie-consert.service";
 
 @Component({
     selector: 'app-root',
@@ -11,12 +19,34 @@ export class AppComponent implements OnInit {
 
     title = 'frontend-hideyoshi.com';
 
-    constructor(private authService: AuthService, private serviceWorker: UpdateService) {
+    cookieStatusChangeSubscription!: Subscription;
+
+    constructor(
+        private authService: AuthService,
+        private ccService: NgcCookieConsentService,
+        private cookieConsentService: CookieConsertService,
+        private serviceWorker: UpdateService) {
         this.serviceWorker.checkForUpdates();
     }
 
     ngOnInit(): void {
         this.authService.autoLogin();
+
+        let cookieConsentStatus = this.cookieConsentService.getCookieConsentStatusFromLocalStorage();
+
+        if (cookieConsentStatus) {
+            this.ccService.fadeOut();
+        }
+
+        this.cookieStatusChangeSubscription = this.ccService.statusChange$.subscribe(
+            (event: NgcStatusChangeEvent) => {
+                if (event.status === 'allow') {
+                    this.cookieConsentService.consent();
+                } else if (event.status === 'deny') {
+                    this.cookieConsentService.decline();
+                }
+            }
+        );
     }
 
 }