Update Umsetzung
parent
a0697bb2e4
commit
661933c3d0
@ -645,6 +645,28 @@ this.chartOptions = {
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
Gibt der User jetzt eine neue Zeitspanne an, wird mit folgender Methode aus dem Dashboard heraus aufgerufen:
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
async onSubmit(actualStartDate: string, actualEndDate: string): Promise<void> {
|
||||||
|
this.isLoading = true;
|
||||||
|
this.service.fetchDashboardStationCharts(
|
||||||
|
this.bikePoint.id,
|
||||||
|
actualStartDate,
|
||||||
|
actualEndDate,
|
||||||
|
chartType
|
||||||
|
).then(source => {
|
||||||
|
this.isLoading = false;
|
||||||
|
setTimeout(() => {
|
||||||
|
this.chart.updateSeries([{
|
||||||
|
data: source.map(value => value.number)
|
||||||
|
}]);
|
||||||
|
}, 1000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
```
|
||||||
|
Die Variable `isLoading` ist nötig, sodass der Progress Spinner während des Ladens angezeigt wird.
|
||||||
|
|
||||||
# Deployment
|
# Deployment
|
||||||
Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.
|
Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.
|
||||||
<table>
|
<table>
|
||||||
|
Loading…
Reference in New Issue
Block a user