diff --git a/src/main/angular/src/app/pages/dashboard/dashboard.component.html b/src/main/angular/src/app/pages/dashboard/dashboard.component.html index c11e3ab..99a2d66 100644 --- a/src/main/angular/src/app/pages/dashboard/dashboard.component.html +++ b/src/main/angular/src/app/pages/dashboard/dashboard.component.html @@ -1,21 +1,6 @@
- -
- Eingeschaltete Geräte: - {{ deviceList.filtered.length }} / {{ deviceList.unfiltered.length }} -
- -
- Eingeschaltete Lichter: - {{ tunableList.filtered.length }} / {{ tunableList.unfiltered.length }} -
- -
- {{ shutterSubheading }} Rollläden: - {{ shutterList.filtered.length }} / {{ shutterList.unfiltered.length }} -
- +
- Nichts -
diff --git a/src/main/angular/src/app/pages/dashboard/dashboard.component.less b/src/main/angular/src/app/pages/dashboard/dashboard.component.less index 9c615a0..1f4b210 100644 --- a/src/main/angular/src/app/pages/dashboard/dashboard.component.less +++ b/src/main/angular/src/app/pages/dashboard/dashboard.component.less @@ -6,4 +6,5 @@ padding-top: calc(@space * 2); padding-left: calc(@space * 2); color: gray; + white-space: nowrap; } diff --git a/src/main/angular/src/app/pages/dashboard/dashboard.component.ts b/src/main/angular/src/app/pages/dashboard/dashboard.component.ts index 5e964ee..5ba714b 100644 --- a/src/main/angular/src/app/pages/dashboard/dashboard.component.ts +++ b/src/main/angular/src/app/pages/dashboard/dashboard.component.ts @@ -11,6 +11,7 @@ import {CrudLiveList} from '../../api/common/CrudLiveList'; import {TunableListComponent} from '../../shared/tunable-list/tunable-list.component'; import {ShutterListComponent} from '../../shared/shutter-list/shutter-list.component'; import {Subscription, timer} from 'rxjs'; +import {NgIf} from '@angular/common'; @Component({ selector: 'app-dashboard', @@ -20,6 +21,7 @@ import {Subscription, timer} from 'rxjs'; FormsModule, TunableListComponent, ShutterListComponent, + NgIf, ], templateUrl: './dashboard.component.html', styleUrl: './dashboard.component.less' diff --git a/src/main/angular/src/styles.less b/src/main/angular/src/styles.less index f9c2c35..9e0e04d 100644 --- a/src/main/angular/src/styles.less +++ b/src/main/angular/src/styles.less @@ -24,6 +24,16 @@ input[type=text] { padding-right: 0.2em; } +.emptyBox{ + margin: @space * 2; + margin-top: 0; + padding: @space * 2; + color: darkgray; + text-align: center; + background-color: #F8F8F8; + border: @border dashed darkgray; +} + @media (min-width: 1000px) { body {