andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

show error message when loading dashboards failed

Browse Source
This commit is contained in:
Andreas Huber
2023-03-01 19:15:13 +01:00
parent d9daf561bf
commit 1bfb8a0090
2 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pdb-js/src/app/dashboard-page/dashboard-page.component.html
View File

@@ -1,18 +1,27 @@
<style>
.spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.is-error {
font-size: 2rem;
color: #333;
}
</style>
<div class="toolbar">
<button mat-button (click)="createNewDashboard()">New</button>
</div>
<div *ngIf="loading" class="spinner">
<div *ngIf="loading" class="center">
<mat-spinner></mat-spinner>
</div>
<div *ngIf="!loading">
<div *ngIf="error" class="center is-error">
{{error}}
</div>
<div *ngIf="!loading && !error">
<div class="toolbar">
<button mat-button (click)="createNewDashboard()">New</button>
</div>
<table mat-table [dataSource]="dataSource" >
<!-- Name Column -->