show spinner when loading dashboards

2023-03-01 19:05:10 +01:00
parent 71410801dc
commit d9daf561bf
2 changed files with 10 additions and 4 deletions
--- a/pdb-js/src/app/dashboard-page/dashboard-page.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard-page.component.html
@@ -1,9 +1,16 @@
-
+<style>
+    .spinner {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+</style>
 <div class="toolbar">
  <button mat-button (click)="createNewDashboard()">New</button>
 </div>
-<div *ngIf="loading">
-  loading
+<div *ngIf="loading" class="spinner">
+  <mat-spinner></mat-spinner>
 </div>
 <div *ngIf="!loading">
  <table mat-table [dataSource]="dataSource" >