diff --git a/apps/client/src/app/components/admin-platform/admin-platform.component.html b/apps/client/src/app/components/admin-platform/admin-platform.component.html index c349dd9b8a..b281011abb 100644 --- a/apps/client/src/app/components/admin-platform/admin-platform.component.html +++ b/apps/client/src/app/components/admin-platform/admin-platform.component.html @@ -103,6 +103,17 @@ +@if (isLoading) { + +} + (); + protected readonly displayedColumns = [ 'icon', 'name', @@ -68,12 +71,15 @@ export class GfAdminPlatformComponent implements OnInit { 'accounts', 'actions' ]; + + protected isLoading = false; protected readonly pageSize = DEFAULT_PAGE_SIZE; protected platforms: Platform[]; private readonly deviceType = computed( () => this.deviceDetectorService.deviceInfo().deviceType ); + private readonly paginator = viewChild.required(MatPaginator); private readonly sort = viewChild.required(MatSort); @@ -149,6 +155,8 @@ export class GfAdminPlatformComponent implements OnInit { } private fetchPlatforms() { + this.isLoading = true; + this.adminService .fetchPlatforms() .pipe(takeUntilDestroyed(this.destroyRef)) @@ -162,6 +170,8 @@ export class GfAdminPlatformComponent implements OnInit { this.dataService.updateInfo(); + this.isLoading = false; + this.changeDetectorRef.markForCheck(); }); }