From c57b53ccc689a3d6baa82eea017d1cbccdf4c02c Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Fri, 3 Mar 2023 19:02:34 +0100
Subject: [PATCH] show info message if no dashboard available

---
 .../dashboard-page.component.html               | 17 +++++++++++++++--
 .../dashboard-page.component.scss               |  8 --------
 .../dashboard-page/dashboard-page.component.ts  |  3 +--
 .../dashboard/dashboard.component.html          |  1 +
 4 files changed, 17 insertions(+), 12 deletions(-)
 delete mode 100644 pdb-js/src/app/dashboard-page/dashboard-page.component.scss

diff --git a/pdb-js/src/app/dashboard-page/dashboard-page.component.html b/pdb-js/src/app/dashboard-page/dashboard-page.component.html
index 80def05..9517a7f 100644
--- a/pdb-js/src/app/dashboard-page/dashboard-page.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard-page.component.html
@@ -1,4 +1,13 @@
 <style>
+  :host {
+  /*
+  height: calc(100% - 29px);
+  */
+  width: 100%;
+  position: absolute;
+  padding: 0.5em;
+}
+
     .center {
       position: absolute;
       top: 50%;
@@ -10,6 +19,7 @@
     }
     .is-error {
       font-size: 3rem;
+      font-weight: bold;
       color: #333;
     }
 </style>
@@ -17,14 +27,17 @@
 <div *ngIf="loading" class="center">
   <mat-spinner></mat-spinner>
 </div>
-<div *ngIf="error" class="center is-error .center-content">
+<div *ngIf="error" class="center is-error center-content ">
   {{error}}
 </div>
 <div *ngIf="!loading && !error">
   <div class="toolbar">
     <button mat-button (click)="createNewDashboard()">New</button>
   </div>
-  <table mat-table [dataSource]="dataSource" >
+  <div *ngIf="dataSource.length == 0" class="center center-content is-error">
+    No Dashboard Found
+  </div>
+  <table *ngIf="dataSource.length > 0" mat-table [dataSource]="dataSource" >
 
     <!-- Name Column -->
     <ng-container matColumnDef="name">
diff --git a/pdb-js/src/app/dashboard-page/dashboard-page.component.scss b/pdb-js/src/app/dashboard-page/dashboard-page.component.scss
deleted file mode 100644
index a176bbc..0000000
--- a/pdb-js/src/app/dashboard-page/dashboard-page.component.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-
-:host {
-  height: calc(100% - 29px);
-  position: absolute;
-  width: 100%;
-  padding: 0.5em;
-}
-
diff --git a/pdb-js/src/app/dashboard-page/dashboard-page.component.ts b/pdb-js/src/app/dashboard-page/dashboard-page.component.ts
index 65b0d0b..65e0165 100644
--- a/pdb-js/src/app/dashboard-page/dashboard-page.component.ts
+++ b/pdb-js/src/app/dashboard-page/dashboard-page.component.ts
@@ -6,8 +6,7 @@ import { NewDashboardComponent } from './new-dashboard/new-dashboard.component';
 
 @Component({
   selector: 'app-dashboard-page',
-  templateUrl: './dashboard-page.component.html',
-  styleUrls: ['./dashboard-page.component.scss']
+  templateUrl: './dashboard-page.component.html'
 })
 export class DashboardPageComponent implements OnInit {
 
diff --git a/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html b/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
index 2b2c861..bc36cd7 100644
--- a/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
+++ b/pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html
@@ -15,6 +15,7 @@
   }
   .is-error {
     font-size: 3rem;
+    font-weight: bold;
     color: #333;
   }