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; @consumption: orange;
@purchase: orangered; @purchase: orangered;
@production: dodgerblue; @production: dodgerblue;
@cistern: #0760ff;
@self: forestgreen; @self: forestgreen;
@delivery: magenta; @delivery: magenta;
@ -46,6 +47,10 @@
color: @delivery; color: @delivery;
} }
.cistern {
color: @cistern;
}
.zero { .zero {
filter: opacity(20%); 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 {StompService} from '@stomp/ng2-stompjs';
import {FromJson, Next} from './types'; import {FromJson, Next} from './types';
const DEV_TO_PROD = false; const DEV_TO_PROD = true;
@Injectable({ @Injectable({
providedIn: 'root' providedIn: 'root'

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

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