summaryrefslogtreecommitdiffstats
path: root/documentation/de/webapp/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'documentation/de/webapp/README.md')
-rw-r--r--documentation/de/webapp/README.md41
1 files changed, 40 insertions, 1 deletions
diff --git a/documentation/de/webapp/README.md b/documentation/de/webapp/README.md
index 7bedeed..e460e8c 100644
--- a/documentation/de/webapp/README.md
+++ b/documentation/de/webapp/README.md
@@ -1,3 +1,42 @@
# Webapplikation
+<a :href="$withBase('/img/dark_light_theme.png')" target="_blank"><img :src="$withBase('/img/dark_light_theme.png')" alt="BAS Dark and Light Theme"></a>
-<a :href="$withBase('/img/home_de.png')" target="_blank"><img :src="$withBase('/img/home_de.png')" alt="BAS Home"></a> \ No newline at end of file
+Die Webapplikation ist das Frontend des BAS. Es benutzt dieselben API-Calls, die einem Benutzer zur Verfügung stehen, sodass alles, was im Frontend passiert auch über die API gemacht werden kann.
+
+<a :href="$withBase('/img/home_de.png')" target="_blank"><img :src="$withBase('/img/home_de.png')" alt="BAS Home"></a>
+
+Auf der linken Seite ist das Sidepanel <span class="tutorial-label">1</span>, welches alle Module beinhaltet.
+Das Sidepanel kann mit <span class="tutorial-label">2</span> geöffnet und geschlossen werden.
+Das Verhalten des Sidepanels kann in den [Settings](/webapp/README.md#settings) Konfiguriert werden.
+
+Mit <span class="tutorial-label">3</span> kann das Aussehen der Webapplikation zwischen einem hellen und einem dunklen Design gewechselt werden.
+<span class="tutorial-label">4</span> öffnet das [Notifications](/webapp/README.md#notification) Menü. Der Button hat zusätzlich einen Zähler für ungelesene Benachrichtigungen in der unteren rechten ecke.
+Mit <span class="tutorial-label">5</span> kann ein Menü ausgeklappt werden, mit dem man zu den [Benutzereinstellungen](/webapp/README.md#user-account-settings) und [Einstellungen](/webapp/README.md#settings) navigieren oder sich Ausloggen kann.
+
+<a :href="$withBase('/img/user_menu.png')" target="_blank"><img :src="$withBase('/img/user_menu.png')" alt="BAS Home"></a>
+
+
+## Benutzeraccount
+Im Benutzeraccount Modul, kann der Benutzer einige seiner Informationen ändern.
+
+<a :href="$withBase('/img/account.png')" target="_blank"><img :src="$withBase('/img/account.png')" alt="BAS Account"></a>
+
+Mit dem Bearbeitungsbutton <span class="tutorial-label">1</span> kann der Benutzer seinen ```NAMEN``` und seine ```E-MAIL``` ändern.
+In den Accounteinstellungen ist es nicht möglich seinen ```BENUTZERNAMEN``` zu ändern.
+
+::: tip
+Der ```BENUTZERNAME``` kann nur im [Benutzermanagement](/webapp/modules.md#user-management) geändert werden. Dafür benötigt man die ```EDIT```-Rechte.
+:::
+
+Das ```PASSWORT``` kann mit <span class="tutorial-label">2</span> geändert werden. Das Passwort muss aus mindestens ```>= 8 Zeichen``` bestehen.
+
+Mit <span class="tutorial-label">3</span> kann der Benutzer seinen Account endgültig Löschen.
+::: danger
+Das Löschen des Accounts <span class="tutorial-label">3</span> kann **NICHT** rückgängig gemacht werden.
+:::
+
+## Einstellungen
+
+<a :href="$withBase('/img/settings_de.png')" target="_blank"><img :src="$withBase('/img/settings_de.png')" alt="BAS Settings"></a>
+
+## Notifications