diff --git a/Projektarbeit-3/Umsetzung.md b/Projektarbeit-3/Umsetzung.md index e7c2dbb..228b10b 100644 --- a/Projektarbeit-3/Umsetzung.md +++ b/Projektarbeit-3/Umsetzung.md @@ -645,6 +645,28 @@ this.chartOptions = { +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 { + 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.