From 3466451230c1837e2e8e013737ad25175ecc29ee Mon Sep 17 00:00:00 2001
From: Dan Percic <dan.percic.ext@knecon.com>
Date: Tue, 5 Sep 2023 11:22:40 +0300
Subject: [PATCH] RED-7155 hide redacted text when is rectangle resize

---
 .../resize-redaction-dialog.component.html    | 22 ++++++++++---------
 .../resize-redaction-dialog.component.ts      |  2 +-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.html
index 78c3aeab6..d5262ad5d 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.html
@@ -6,17 +6,19 @@
         ></div>
 
         <div class="dialog-content redaction">
-            <div *ngIf="!redaction.isImage" class="iqser-input-group w-450">
-                <label [translate]="'resize-redaction.dialog.content.original-text'" class="selected-text"></label>
-                <span class="pl-20">{{ redaction.value }}</span>
-            </div>
+            <ng-container *ngIf="!redaction.isImage && !redaction.rectangle">
+                <div class="iqser-input-group w-450">
+                    <label [translate]="'resize-redaction.dialog.content.original-text'" class="selected-text"></label>
+                    <span class="pl-20">{{ redaction.value }}</span>
+                </div>
 
-            <div *ngIf="!redaction.isImage" class="iqser-input-group w-450">
-                <label [translate]="'resize-redaction.dialog.content.resized-text'" class="selected-text"></label>
-                <span class="pl-20">{{ data.text }}</span>
-            </div>
+                <div class="iqser-input-group w-450">
+                    <label [translate]="'resize-redaction.dialog.content.resized-text'" class="selected-text"></label>
+                    <span class="pl-20">{{ data.text }}</span>
+                </div>
+            </ng-container>
 
-            <iqser-details-radio [options]="options" formControlName="option"></iqser-details-radio>
+            <iqser-details-radio [options]="options" formControlName="option" />
 
             <div class="iqser-input-group required w-450">
                 <label [translate]="'resize-redaction.dialog.content.type'"></label>
@@ -48,5 +50,5 @@
         </div>
     </form>
 
-    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
+    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close" />
 </section>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.ts b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.ts
index a17d04958..e78831197 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-redaction-dialog/resize-redaction-dialog.component.ts
@@ -20,7 +20,7 @@ export class ResizeRedactionDialogComponent
     readonly options: DetailsRadioOption<ResizeRedactionOption>[];
     dictionaries: Dictionary[] = [];
     readonly redaction = this.data.redaction;
-    form: FormGroup<{
+    readonly form: FormGroup<{
         comment: FormControl<string>;
         dictionary: FormControl<string>;
         option: FormControl<DetailsRadioOption<ResizeRedactionOption>>;