diff --git a/CHANGELOG.md b/CHANGELOG.md
index b4d9031a0f..46f30da1b2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added
+- Added a loading indicator to the platform management of the admin control panel
+- Added a loading indicator to the tag management of the admin control panel
- Added a _Refresh_ action to the user detail dialog menu in the admin control panel
- Added the total column to the table of the tag management in the admin control panel
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();
});
}
diff --git a/apps/client/src/app/components/admin-tag/admin-tag.component.html b/apps/client/src/app/components/admin-tag/admin-tag.component.html
index 83f7b559d4..2e8750093a 100644
--- a/apps/client/src/app/components/admin-tag/admin-tag.component.html
+++ b/apps/client/src/app/components/admin-tag/admin-tag.component.html
@@ -141,6 +141,17 @@
+@if (isLoading) {
+
+}
+
this.deviceDetectorService.deviceInfo().deviceType
);
+
private readonly paginator = viewChild.required(MatPaginator);
private readonly sort = viewChild.required(MatSort);
@@ -163,6 +168,8 @@ export class GfAdminTagComponent implements OnInit {
}
private fetchTags() {
+ this.isLoading = true;
+
this.dataService
.fetchTags()
.pipe(takeUntilDestroyed(this.destroyRef))
@@ -185,6 +192,8 @@ export class GfAdminTagComponent implements OnInit {
this.dataService.updateInfo();
+ this.isLoading = false;
+
this.changeDetectorRef.markForCheck();
});
}