Check app updates

Frontend/src/app/app.component.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { SwUpdate } from '@angular/service-worker';
+import { NotificationsService } from './services/notifications.service';
 
 @Component({
     selector: 'app-root',
@@ -9,5 +11,30 @@ import { RouterOutlet } from '@angular/router';
     imports: [RouterOutlet]
 })
 export class AppComponent {
-  title = 'DiunaBI';
-}
+  constructor(
+    private readonly _swUpdate: SwUpdate,
+    private _notifications: NotificationsService
+  ) {
+    this._swUpdate.versionUpdates.subscribe((evt) => {
+      console.log('Version update', evt);
+      if (evt.type === 'VERSION_READY') {
+        this._swUpdate.activateUpdate().then(() => {
+          this._notifications.add({
+            text: "New version available. DiunaBI will restart in 10 seconds.",
+            duration: 10000,
+            dismiss: () => {
+              window.location.reload()
+            },
+            btn: 'Cancel',
+            action: () => {
+              this._notifications.add({
+                text: "Restart canceled.",
+                btn: "Hide"
+              });
+            }
+          })
+        });
+      }
+    })
+  }
+ }

Frontend/src/app/modules/layers/layers-list/layers-list.component.ts

@@ -27,7 +27,6 @@ export class LayersListComponent implements OnInit {
 
   constructor(
     private _http: HttpClient,
-    private notifications$: NotificationsService
   ) { }
 
   async ngOnInit() {

Frontend/src/app/services/notifications.service.ts

@@ -37,8 +37,14 @@ export class NotificationsService {
     }
     return message.id;
   }
-  private remove(id: string|undefined) {
-    this.messages = this.messages.filter(x => x.id!==id);
+  private remove(id: string | undefined, checkDismiss: boolean = true) {
+    if (checkDismiss) {
+      const message = this.messages.find(x => x.id === id);
+      if (message && message.dismiss) {
+        message.dismiss();
+      }
+    }
+    this.messages = this.messages.filter(x => x.id !== id);
     this.sortMessages();
     if (this.messages.length === 0 && this.handler) {
       this.handler.dismiss();
@@ -51,7 +57,7 @@ export class NotificationsService {
   }
   doAction(message: Message) {
     if (message.action) { message.action(); }
-    this.remove(message.id);
+    this.remove(message.id, false);
   }
 }
 
@@ -62,6 +68,8 @@ interface Message {
   btn?: string;
   // eslint-disable-next-line @typescript-eslint/ban-types
   action?: Function;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  dismiss?: Function;
   createdAt?: Moment,
   parentId?: string;
 }