From 7e359478d1727b81ada8dd562b67cf89166d349e Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 2 Oct 2025 14:51:59 +0300
Subject: [PATCH] fix data hiding in hj

---
 .../db-table-row-view.component.html          | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
index 39c224d2f..70315a4b7 100644
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
+++ b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
@@ -82,36 +82,37 @@ <h2 class="mat-heading-2 row-preview-sidebar__title">Preview</h2>
     <ng-container *ngIf="selectedRow && selectedRow.record; else loadingContent">
         <div *ngFor="let column of columns; let i = index" class="row-preview-sidebar__field">
             <strong>{{column.normalizedTitle}}</strong>
-            <ng-container *ngIf="isForeignKey(column.title); else recordContent" data-hj-suppress>
-                <app-foreign-key-record-view
-                    [key]="i"
-                    link="/dashboard/{{selectedRow.connectionID}}/{{selectedRow.foreignKeys[column.title]?.referenced_table_name}}/entry"
-                    [primaryKeysParams]="getForeignKeyQueryParams(column.title)"
-                    [displayValue]="getForeignKeyValue(column.title)"
-                    (onForeignKeyClick)="handleClose()">
-                </app-foreign-key-record-view>
-            </ng-container>
+            <div data-hj-suppress>
+                <ng-container *ngIf="isForeignKey(column.title); else recordContent">
+                    <app-foreign-key-record-view
+                        [key]="i"
+                        link="/dashboard/{{selectedRow.connectionID}}/{{selectedRow.foreignKeys[column.title]?.referenced_table_name}}/entry"
+                        [primaryKeysParams]="getForeignKeyQueryParams(column.title)"
+                        [displayValue]="getForeignKeyValue(column.title)"
+                        (onForeignKeyClick)="handleClose()">
+                    </app-foreign-key-record-view>
+                </ng-container>
 
-            <ng-template #recordContent>
-                <ndc-dynamic *ngIf="isWidget(column.title) && selectedRow.widgets[column.title].widget_type; else simpleValue"
-                    data-hj-suppress
-                    [ndcDynamicComponent]="UIwidgets[selectedRow.widgets[column.title].widget_type]"
-                    [ndcDynamicInputs]="{
-                        key: column.title,
-                        value: selectedRow.record[column.title],
-                        widgetStructure: selectedRow.widgets[column.title]
-                    }">
-                </ndc-dynamic>
-                <ng-template #simpleValue>
-                    <ndc-dynamic data-hj-suppress
-                        [ndcDynamicComponent]="recordViewComponents[selectedRow.fieldsTypes[column.title]]"
+                <ng-template #recordContent>
+                    <ndc-dynamic *ngIf="isWidget(column.title) && selectedRow.widgets[column.title].widget_type; else simpleValue"
+                        [ndcDynamicComponent]="UIwidgets[selectedRow.widgets[column.title].widget_type]"
                         [ndcDynamicInputs]="{
                             key: column.title,
-                            value: selectedRow.record[column.title]
+                            value: selectedRow.record[column.title],
+                            widgetStructure: selectedRow.widgets[column.title]
                         }">
                     </ndc-dynamic>
+                    <ng-template #simpleValue>
+                        <ndc-dynamic
+                            [ndcDynamicComponent]="recordViewComponents[selectedRow.fieldsTypes[column.title]]"
+                            [ndcDynamicInputs]="{
+                                key: column.title,
+                                value: selectedRow.record[column.title]
+                            }">
+                        </ndc-dynamic>
+                    </ng-template>
                 </ng-template>
-            </ng-template>
+            </div>
         </div>
     </ng-container>