patrick/Data
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cistern numberTable

Browse Source
This commit is contained in:
Patrick Haßel 2025-05-05 15:06:27 +02:00
parent 2c66314941
commit 22e5f96d1d
3 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/angular/colors.less
View File

@ -6,6 +6,7 @@
@consumption: orange;
@purchase: orangered;
@production: dodgerblue;
@cistern: #0760ff;
@self: forestgreen;
@delivery: magenta;
@ -46,6 +47,10 @@
color: @delivery;
}
.cistern {
color: @cistern;
}
.zero {
filter: opacity(20%);
}

2
src/main/angular/src/app/core/api.service.ts
View File

@ -4,7 +4,7 @@ import {map, Subscription} from 'rxjs';
import {StompService} from '@stomp/ng2-stompjs';
import {FromJson, Next} from './types';
const DEV_TO_PROD = false;
const DEV_TO_PROD = true;
@Injectable({
providedIn: 'root'

26
src/main/angular/src/app/live/cistern/cistern.component.html
View File

@ -6,23 +6,15 @@
<div tile-body>
<table class="vertical">
<tr>
<th>Füllgrad</th>
<td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.percent(93.5)?.localeString }}</td>
<td class="unit">%</td>
</tr>
<tr>
<th>Füllhöhe</th>
<td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.localeString }}</td>
<td class="unit">{{ seriesService.cisternHeight.series?.lastValue?.unit?.unit }}</td>
</tr>
<tr>
<th>Volumen</th>
<td class="valueInteger">{{ seriesService.cisternVolume.series?.lastValue?.localeString }}</td>
<td class="unit">{{ seriesService.cisternVolume.series?.lastValue?.unit?.unit }}</td>
</tr>
</table>
<div class="numberTable">
<div class="content">
<div class="entry cistern">
<div class="name">Volumen</div>
<div class="percent">{{ seriesService.cisternVolume.series?.lastValue?.percent(2000)?.localeString }} %</div>
<div class="value">{{ seriesService.cisternVolume.series?.lastValue?.localeString }} {{ seriesService.cisternVolume.series?.unit?.unit }}</div>
</div>
</div>
</div>
<img width="100%" *ngIf="seriesService.cisternVolume.series" [src]="graph(seriesService.cisternVolume.series)" [alt]="seriesService.cisternVolume.series.title">