From e6b917c37c0f38439945c0752cb0027bdff9f77b Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Wed, 3 Apr 2024 16:51:11 +0300
Subject: [PATCH] RED-8660: hide changes box when loading page.

---
 .../digital-signature/digital-signature-screen.component.html | 2 +-
 .../digital-signature/digital-signature-screen.component.scss | 4 ++++
 .../digital-signature/digital-signature-screen.component.ts   | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
index a83c6e586..59caf0512 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
@@ -30,7 +30,7 @@
             ></redaction-kms-signature-configuration>
         </ng-container>
 
-        <div [class.hidden]="!digitalSignature" class="changes-box">
+        <div [class.hidden]="!digitalSignature || !showChangesBox()" class="changes-box z-index-1000">
             <iqser-icon-button
                 (action)="saveDigitalSignature()"
                 [disabled]="disabled"
diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
index d309c5343..ce8eeffa9 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
@@ -20,3 +20,7 @@ form {
 input[name='keySecret']:not(:placeholder-shown) {
     font-family: 'secret', serif;
 }
+
+.z-index-1000 {
+    z-index: 1000;
+}
diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts
index 9f866c301..849dea75c 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Component, computed, OnInit, ViewChild } from '@angular/core';
 import { IconButtonTypes, IqserPermissionsService, LoadingService, Toaster } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { RouterHistoryService } from '@services/router-history.service';
@@ -24,6 +24,7 @@ export class DigitalSignatureScreenComponent implements OnInit {
     readonly iconButtonTypes = IconButtonTypes;
     readonly roles = Roles;
     readonly currentUser = getCurrentUser<User>();
+    readonly showChangesBox = computed(() => !this._loadingService.isLoading());
 
     digitalSignature: IPkcsDigitalSignatureRequest | IKmsDigitalSignatureRequest;