Update Umsetzung
parent
a0697bb2e4
commit
661933c3d0
@ -645,6 +645,28 @@ this.chartOptions = {
|
||||
</tr>
|
||||
</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
|
||||
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>
|
||||
|
Loading…
Reference in New Issue
Block a user