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

Cistern Graph image url FIX

Browse Source
This commit is contained in:
Patrick Haßel 2025-04-17 12:26:40 +02:00
parent 6aac9b2662
commit b6dfdd5686
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/angular/src/app/cistern/cistern.component.html
View File

@ -1,18 +1,18 @@
<table class="vertical">
<tr>
<th>Füllgrad</th>
<td class="valueInteger">{{seriesService.cisternHeight.series?.lastValue?.percent(93.5)?.localeString}}</td>
<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>
<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>
<td class="valueInteger">{{ seriesService.cisternVolume.series?.lastValue?.localeString }}</td>
<td class="unit">{{ seriesService.cisternVolume.series?.lastValue?.unit?.unit }}</td>
</tr>
</table>
<img width="100%" src="http://localhost:8081/Series/Graph/{{seriesService.cisternVolume.series?.id}}/400/100/FIVE/0/288" alt="Graf">
<img width="100%" *ngIf="seriesService.cisternVolume.series" [src]="graph(seriesService.cisternVolume.series)" [alt]="seriesService.cisternVolume.series.title">

11
src/main/angular/src/app/cistern/cistern.component.ts
View File

@ -1,10 +1,15 @@
import {Component, OnDestroy, OnInit} from '@angular/core';
import {SeriesService} from '../series/series.service';
import {Subscription} from 'rxjs';
import {NgIf} from '@angular/common';
import {Series} from '../series/Series';
import {ApiService} from '../core/api.service';
@Component({
selector: 'app-cistern',
imports: [],
imports: [
NgIf
],
templateUrl: './cistern.component.html',
styleUrl: './cistern.component.less'
})
@ -25,4 +30,8 @@ export class CisternComponent implements OnInit, OnDestroy {
this.subs.forEach(sub => sub.unsubscribe());
}
graph(series: Series) {
return ApiService.url('http', ['Series', 'Graph', series.id, '400', '100', 'FIVE', '0', '288']);
}
}