Custom card list screen : show response buttons and checkboxes only w…

…hen all cards have been loaded (#7998) Signed-off-by: vlo-rte <[email protected]>
opfab · Feb 27, 2025 · 9299f88 · 9299f88
1 parent 72b7b8d
commit 9299f88
Showing 1 changed file with 22 additions and 9 deletions.
diff --git a/ui/main/src/app/components/customCardList/CustomCardListComponent.html b/ui/main/src/app/components/customCardList/CustomCardListComponent.html
@@ -116,14 +116,25 @@ <h1>Custom Screen {{id}} does not exist</h1>
             margin-right: 5%;
         ">
         <ag-grid-angular
+            *ngIf="loadingInProgress; else rowSelectionEnabled"
             [rowData]="rowData$ | async"
             [gridOptions]="gridOptions"
             style="overflow-y: auto; max-height: calc(100vh - 350px)"
-            [rowSelection]="rowSelection"
             (gridReady)="onGridReady($event)"
             (cellClicked)="selectCard($event)"
             class="ag-theme-opfab">
         </ag-grid-angular>
+        <ng-template #rowSelectionEnabled>
+            <ag-grid-angular
+                [rowData]="rowData$ | async"
+                [gridOptions]="gridOptions"
+                style="overflow-y: auto; max-height: calc(100vh - 350px)"
+                [rowSelection]="rowSelection"
+                (gridReady)="onGridReady($event)"
+                (cellClicked)="selectCard($event)"
+                class="ag-theme-opfab">
+            </ag-grid-angular>
+        </ng-template>
 
         <div *ngIf="gridApi" class="opfab-pagination" style="padding-bottom: 5px">
             <div style="width: 200px; margin-top: 15px; flex-shrink: 0">
@@ -152,14 +163,16 @@ <h1>Custom Screen {{id}} does not exist</h1>
                     [rotate]="true">
                 </ngb-pagination>
             </div>
-            <div *ngFor="let responseButton of responseButtons" class="opfab-custom-screen-response-btn">
-                <button
-                    id="opfab-card-details-btn-unack"
-                    class="opfab-btn"
-                    (click)="clickOnResponseButton(responseButton.id)">
-                    {{ responseButton.label }}
-                </button>
-            </div>
+            <ng-container *ngIf="!loadingInProgress">
+                <div *ngFor="let responseButton of responseButtons" class="opfab-custom-screen-response-btn">
+                    <button
+                        id="opfab-card-details-btn-unack"
+                        class="opfab-btn"
+                        (click)="clickOnResponseButton(responseButton.id)">
+                        {{ responseButton.label }}
+                    </button>
+                </div>
+            </ng-container>
 
             <div class="opfab-custom-card-list-export-div">
                 <div