fix(admin): Fixed error message

* fixed error when displaying table with group

Author: mattjoke

apps/admin-gui/src/app/vos/components/applications-dynamic-list/applications-dynamic-list.component.html

@@ -11,7 +11,7 @@
     </div>
     <table
       [dataSource]="dataSource"
-      class="w-100 h-50"
+      class="w-100"
       mat-table
       matSort
       matSortActive="createdAt"
@@ -108,13 +108,11 @@
         <td *matCellDef="let application" mat-cell>{{application.fedInfo}}</td>
       </ng-container>
 
-      <ng-container *ngFor="let col of parsedColumns; let i = index">
-        <ng-container matColumnDef="{{col}}">
-          <th *matHeaderCellDef mat-header-cell>{{col}}</th>
-          <td *matCellDef="let application" mat-cell>
-            {{getValue(application.formData, col)}}
-          </td>
-        </ng-container>
+      <ng-container *ngFor="let i = index; let col of parsedColumns;" matColumnDef="{{col}}">
+        <th *matHeaderCellDef mat-header-cell>{{col}}</th>
+        <td *matCellDef="let application" mat-cell>
+          {{getValue(application.formData, col)}}
+        </td>
       </ng-container>
 
       <tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>

apps/admin-gui/src/app/vos/components/applications-dynamic-list/applications-dynamic-list.component.ts

@@ -120,11 +120,11 @@ export class ApplicationsDynamicListComponent implements OnInit, OnChanges, Afte
     );
 
     this.dataSource.loading$.subscribe((val) => {
-      if (val) return;
-      if (!this.displayedColumns.includes('fedInfo')) {
-        this.parsedColumns = [];
-        return;
-      }
+      if (val || !this.displayedColumns.includes('fedInfo')) return;
+
+      this.displayedColumns = this.displayedColumns.filter((v) => !this.parsedColumns.includes(v));
+      this.parsedColumns = [];
+
       const data = <RichApplication>this.dataSource.getData()[0];
       this.parseColumns(data.formData);
     });

libs/perun/services/src/lib/dynamicDataSource.ts

@@ -15,7 +15,6 @@ import {
   SortingOrder,
   UsersOrderColumn,
   VoMemberStatuses,
-  RichApplication,
 } from '@perun-web-apps/perun/openapi';
 import { BehaviorSubject, Observable, of } from 'rxjs';
 import { catchError, finalize } from 'rxjs/operators';