From 661933c3d0e6a693e999d853ee0acd9b8560fcd3 Mon Sep 17 00:00:00 2001
From: Tim Herbst <herbst.tim@icloud.com>
Date: Sat, 23 Jan 2021 16:01:54 +0000
Subject: [PATCH] Update Umsetzung

---
 Projektarbeit-3/Umsetzung.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

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 = {
 </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>