From 387f9a166cadf2da473c2d15cdf7b27f2a487f2b Mon Sep 17 00:00:00 2001
From: Valentin <valentin@devplant.ro>
Date: Sun, 23 Jan 2022 17:54:06 +0200
Subject: [PATCH] updates for rules screen to can use PendingChangesGuard

---
 .../admin/screens/rules/rules-screen.component.html      | 2 +-
 .../admin/screens/rules/rules-screen.component.ts        | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
index faea56034..0fa030864 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
@@ -22,7 +22,7 @@
         <div class="editor-container">
             <ngx-monaco-editor (init)="onCodeEditorInit($event)" [(ngModel)]="codeEditorText" [options]="editorOptions"></ngx-monaco-editor>
         </div>
-        <div *ngIf="hasChanges && permissionsService.isAdmin()" class="changes-box">
+        <div *ngIf="changed && permissionsService.isAdmin() && !isLeaving" class="changes-box">
             <iqser-icon-button
                 (action)="save()"
                 [label]="'rules-screen.save-changes' | translate"
diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
index f97c9242d..6a27d9710 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
@@ -28,6 +28,8 @@ export class RulesScreenComponent implements OnInit {
     initialLines: string[] = [];
     currentLines: string[] = [];
 
+    isLeaving = false;
+
     @ViewChild('fileInput')
     private _fileInput: ElementRef;
 
@@ -44,7 +46,12 @@ export class RulesScreenComponent implements OnInit {
         private readonly _loadingService: LoadingService,
     ) {}
 
-    get hasChanges(): boolean {
+    set isLeavingPage(isLeaving: boolean) {
+        this.isLeaving = isLeaving;
+        this._changeDetectorRef.detectChanges();
+    }
+
+    get changed(): boolean {
         return this.currentLines.toString() !== this.initialLines.toString();
     }