diff --git a/docs/graphics/org_password.png b/docs/graphics/org_password.png new file mode 100644 index 0000000..96a4e9c Binary files /dev/null and b/docs/graphics/org_password.png differ diff --git a/docs/graphics/user_password.png b/docs/graphics/user_password.png new file mode 100644 index 0000000..b0a2f1b Binary files /dev/null and b/docs/graphics/user_password.png differ diff --git a/docs/user-guide/user-guide-de.md b/docs/user-guide/user-guide-de.md index 103bc67..cee221f 100644 --- a/docs/user-guide/user-guide-de.md +++ b/docs/user-guide/user-guide-de.md @@ -5,10 +5,12 @@ ## Login und Authentifizierung Die Authentifizierung/Login ist zweistufig, als Erstes wirst du nach deinem Organisations-Login gefragt. -**Benuztername:** -**Login:** -Danach siehst du einen minimalen Dialog, welcher dich nach deinen Missions-spezifischen Login -Credentials fragt. Wenn der Login erfolgreich war, solltest du einen Tabellenkopf sehen. +![](../graphics/org_password.png) + +Danach siehst du einen minimalen Dialog, welcher dich nach deinen Benutzer-spezifischen Login-Credentials fragt. + +![](../graphics/user_password.png) ## Nach Einträgen Suchen @@ -16,30 +18,32 @@ Danach siehst du einen minimalen Dialog, welcher dich nach deinen Missions-spezi Die Suchergebnisse werden dann direkt in der Tabelle darunter dargestellt. ### Navigation der UI + +- **Struktur:** Auf der unteren Hälfte der Oberfläche ist eine Karte, wo die verschiedenen Wohnungen eingetragen sind. + - **Tabelle zu groß:**Ich möchte noch auf den Slider an der Kante zwischen Map und Tabelle aufmerksam machen um auch den rechten Rand der Tabelle betrachten zu -können. - -- **Struktur:** Auf der unteren hälfte der Oberfläche ist eine Karte wo die verschiedenen Wohnungen eingetragen der Tabelle eingetragen sind. Es wird garantiert das die Wohnung in dem jeweiligen grauen Kreis ist. Bei genauen Ortsangaben ist das Zentrum des Kreises der Ort. - -- **Random Einträge:** Die meisten Spalten enthalten Zeichenketten also nicht von irritierenden oder über spezifizierte Einträge. +können. Nach klicken in die Tabelle kann diese auch durch die Cursor-Tasten verschoben werden. -### Suchen + +Es wird, dass die Wohnung in dem jeweiligen grauen Kreis ist. Bei genauen Ortsangaben ist das Zentrum des Kreises der Ort. +--> -[](../graphics/table.png) -- **Filter erzeugen:** Die Tabelle kann nach den meisten Spalten gefiltert werden. Dafür einfach in der Zeile zwischen dem Tabellenkopf und der ersten Zeile mit Angeboten eingeben. Mit dem Filtersymbol das in dieser Zeile in +### Suchen und Sortieren + +![](../graphics/table.png) + +- **Suche:** Die Tabelle kann nach den meisten Spalten gefiltert werden. Dafür einfach in der Zeile zwischen dem Tabellenkopf und der ersten Zeile mit Angeboten eingeben. Mit dem Filtersymbol das in dieser Zeile in jeder Spalte ist, können weitere Optionen fürs Filtern ausgewählt werden. z.B. „enthält den eingegebenen Text“ oder „Spalten die angezeigt werden sollen, müssen einen Wert haben der mindestens so groß wie der eingegebene Wert ist“. Bei den meisten Spalten haben wir bereits eine sinnvolle Vorauswahl. +- **Spalten Typen:** Der Tabellenkopf enthält Eingabe-Felder, womit sich suchen lässt. Das Format des Spaltenkopfs ist dabei abhängig von der jeweiligen Spalte mögliche Formate sind z.B Zeichenketten, Ganzzahlen, Checkboxes oder Datumsangaben. Wenn eine Spalte einen inkorrekten Typ hat sagt uns gerne bescheid. -- **Spalten Typen:** Der Spaltenkopf besteht aus Felder, womit sich suchen lässt. Das Format des Spaltenkopfs ist dabei abhängig von der jeweiligen Spalte mögliche Formate sind z.B Zeichenketten, Ganzzahlen, Checkboxes oder Datumsangaben. +![](../graphics/city_column.png) -[](../graphics/city_column.png) +- **Filter anpassen:** Die Filtermethode für einen Spaltenkopf ist in den meisten Fällen die Gleichheit oder Beinhaltet. Diese kann aber auch verändert werden durch die Trichter-Symbol (siehe Bild). -- **Filter anpassen:** Die Filtermethode für einen Spaltenkopf ist in den meisten Fällen die Gleichheit. Diese kann aber auch verändert werden durch die Trichter-Funktion (siehe Bild). -Mögliche Filtermethoden sind z.B `contains`, `equals`, `starts with` ... - -- **Filter Zurücksetzen:** F5 lädt die Seite neu um setzt somit alle Filter zurück. +- **Filter/Suche Zurücksetzen:** F5 lädt die Seite neu und setzt somit alle Filter zurück. - **Tabelle Sortieren** Die Tabelle kann nach beliebigen Spalten sortiert werden. Dafür einfach auf die Überschrift der Spalte klicken z. B. „Beds“ oder „km“. Nochmal darauf klicken dreht die Sortierreihenfolge um. Beim dritten Klick wird die Sortierung aufgehoben. @@ -52,5 +56,5 @@ Mögliche Filtermethoden sind z.B `contains`, `equals`, `starts with` ... ### Fehler / Bugs gefunden. -- Bitte schreibe uns eine Mail mit einer kurzen Beschreibung wie es zu diesem Fehler kam. Mit einer Anleitung wie man diesen Fehler reproduzieren kann. Screenshots und Bilder vom Debug-Modus sind meistens auch hilfreich zudem potenziell deine Browser und korrespondierende Version. +- Bitte schreibe uns eine Mail mit einer kurzen Beschreibung wie es zu diesem Fehler kam. Mit einer Anleitung wie man diesen Fehler reproduzieren kann. Screenshots sind meistens auch sehr hilfreich zudem potenziell deine Browser + Version.