From 356970cb65efc863706a878cfa591b1497bf2f2a Mon Sep 17 00:00:00 2001
From: Abdullatif Kikhia <abdullatif.kikhia@wps.de>
Date: Mon, 6 Jan 2025 14:28:41 +0100
Subject: [PATCH] #175 make users aware of unsaved changes when closing browser
 tab

---
 src/app/app.component.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 5317d1f1..91fc5f9a 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -2,6 +2,7 @@ import {
   AfterViewInit,
   ChangeDetectorRef,
   Component,
+  HostListener,
   OnInit,
   ViewChild,
 } from '@angular/core';
@@ -31,6 +32,7 @@ import {
 } from './domain/entities/constants';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ModelerService } from './tools/modeler/services/modeler.service';
+import { DirtyFlagService } from './domain/services/dirty-flag.service';
 
 @Component({
   selector: 'app-root',
@@ -73,6 +75,7 @@ export class AppComponent implements OnInit, AfterViewInit {
     private snackbar: MatSnackBar,
     replayService: ReplayService,
     private modelerService: ModelerService,
+    private dirtyFlagService: DirtyFlagService,
   ) {
     this.showSettings$ = new BehaviorSubject(false);
     this.showDescription$ = new BehaviorSubject(true);
@@ -164,4 +167,11 @@ export class AppComponent implements OnInit, AfterViewInit {
     this.autosaveService.loadLatestDraft();
     this.cd.detectChanges();
   }
+
+  @HostListener('window:beforeunload', ['$event'])
+  onWindowClose(event: any): void {
+    if (this.dirtyFlagService.dirty) {
+      event.returnValue = true;
+    }
+  }
 }