wiki:label_widgets [SLON Knowledge Center]

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Widgets in der Übersichtsseite ======

Die Übersichtsseite ist die Startseite der SLON Web-App nach dem Login. Sie kann mit sogenannten //Widgets// individuell zusammengestellt werden, sodass jeder Benutzer die für seine tägliche Arbeit relevantesten Kennzahlen und Informationen direkt im Blick hat.

{{.:pasted:TODO_screenshot_overview_with_widgets.png}}

===== Was sind Widgets? =====

Widgets sind kompakte Kacheln auf der Übersichtsseite, die jeweils eine bestimmte Information, Kennzahl oder Live-Aktivität visualisieren. Jedes Widget wird automatisch in regelmäßigen Abständen aktualisiert und zeigt entweder eine Zahl, ein Diagramm oder eine dynamische Liste.

==== Wozu dienen Widgets? ====

Widgets verfolgen drei Hauptziele:

  * **Schneller Überblick** – Wichtige Kennzahlen Ihres Betriebs sind ohne Klick sichtbar, sobald Sie sich einloggen.
  * **Personalisierung** – Jeder Benutzer kann seine Übersichtsseite individuell zusammenstellen. Ein Disponent benötigt andere Informationen als ein Betriebsadministrator.
  * **Schnellzugriff** – Manche Widgets sind klickbar und führen direkt in das zugehörige Modul (z.B. öffnet das Widget „Offene Reklamationen" mit einem Klick das Reklamationsmodul).

<callout type="info" title="Sichtbarkeit nach Rolle" icon="true">
Welche Widgets Ihnen zur Auswahl stehen, hängt von Ihrer Benutzerrolle ab. So sehen z.B. nur Betriebsadministratoren, Chefs und Disponenten die Umsatz-Widgets, während Reklamations-Widgets allen Logistikmitarbeitern offenstehen.
</callout>

==== Beispiele für verfügbare Widgets ====

Die folgende Übersicht zeigt einige typische Widgets, die in SLON zur Verfügung stehen:

^Widget                                ^Beschreibung                                                                                       ^
|Transporte                             |Zeigt einen summierten Überblick der aktuellen Transporte (offen, nicht bestätigt, abgeschlossen, auszuliefern, überfällig) als Halbkreis-Diagramm |
|Umsatz Fuhrpark akt. Monat             |Erwirtschafteter Umsatz des eigenen Fuhrparks im laufenden Monat (basierend auf abgeschlossenen Transporten) |
|Umsatz Fuhrpark akt. Jahr              |Erwirtschafteter Umsatz des eigenen Fuhrparks im laufenden Jahr                                    |
|Bewegtes Gewicht akt. Monat            |Im laufenden Monat transportiertes Gewicht (eigener Fuhrpark)                                      |
|Bewegtes Gewicht akt. Jahr             |Im laufenden Jahr transportiertes Gewicht (eigener Fuhrpark)                                       |
|Offene Reklamationen                   |Anzahl der noch offenen Reklamationen; klickbar – führt direkt ins Reklamationsmodul              |
|Reklamationen mit Admin-Anfragen       |Anzahl der Reklamationen, bei denen ein SLON-Administrator um Eingriff gebeten wurde (nur SLON-Administratoren) |
|Aktivitätsfeed                         |Live-Stream der letzten Ereignisse im Betrieb (Transport angenommen, geladen, zugestellt, Reklamationen, Auto-Dispositionen) |

{{.:pasted:TODO_screenshot_widget_examples.png}}

<callout type="info" title="Pflicht-Widgets" icon="true">
Einige Widgets sind als //nicht entfernbar// markiert (z.B. „Offene Reklamationen"). Diese werden automatisch eingeblendet, sobald sie für Ihre Rolle relevant sind, und können nicht über das Lösch-Symbol entfernt werden.
</callout>

===== Widgets auf der Übersichtsseite organisieren =====

Die Übersichtsseite stellt einen flexiblen Bereich für die Anordnung der Widgets zur Verfügung. Das Layout besteht aus zwei Bereichen:

  * **Hauptbereich (links / oben)** – Hier werden die Widgets in mehreren //Zeilen// untereinander angeordnet. Jede Zeile kann beliebig viele Widgets nebeneinander aufnehmen.
  * **Seitenspalte (rechts)** – Spezielle Widgets wie der Aktivitätsfeed werden bei breiten Bildschirmen am rechten Bildschirmrand untereinander angezeigt.

{{.:pasted:TODO_screenshot_overview_layout_areas.png}}

==== Widget hinzufügen ====

Über dem Widget-Bereich finden Sie den Button „Widget hinzufügen". Beim Klick öffnet sich ein Dialog mit zwei Spalten:

  - Links wählen Sie aus der Liste das gewünschte Widget aus.
  - Rechts wird die Beschreibung des Widgets sowie ggf. weitere Einstellungen angezeigt.
  - Sofern es sich um ein Widget für den Hauptbereich handelt, erscheint zusätzlich die Auswahl „In welcher Zeile platzieren?". Sie können das Widget in eine bestehende Zeile einfügen oder eine //neue Zeile// am Ende anlegen.
  - Bei Widgets für die Seitenspalte (z.B. Aktivitätsfeed) entfällt die Zeilenauswahl. Das Widget wird automatisch in die rechte Spalte aufgenommen.

{{.:pasted:TODO_screenshot_add_widget_dialog.png}}

Mit Klick auf „Hinzufügen" wird das Widget übernommen und Ihre persönliche Übersichtskonfiguration gespeichert. Beim nächsten Login finden Sie die selbe Anordnung wieder vor.

<callout type="info" title="Doppelte Widgets" icon="true">
Ein Widget mit identischer Konfiguration kann nicht zweimal hinzugefügt werden. In diesem Fall erscheint ein Hinweis.
</callout>

==== Widgets verschieben (Drag & Drop) ====

Jedes Widget kann per Drag & Drop neu positioniert werden:

  - Fahren Sie mit der Maus über das Widget. Oben rechts erscheint das Verschiebe-Symbol.
  - Klicken Sie das Widget an und halten Sie die Maustaste gedrückt.
  - Sobald Sie das Widget zu ziehen beginnen, werden alle Zeilen sowie eine zusätzliche //leere Zeile// am Ende des Hauptbereichs als gestrichelte Bereiche angezeigt. Diese kennzeichnen die möglichen Ablageziele.
  - Lassen Sie das Widget über der gewünschten Zeile (oder über der leeren Zeile, um eine neue Zeile zu erzeugen) los.

{{.:pasted:TODO_screenshot_drag_widget.png}}

<callout type="info" title="Trennung Hauptbereich / Seitenspalte" icon="true">
Widgets aus dem Hauptbereich können nicht in die Seitenspalte gezogen werden und umgekehrt. Die Zuordnung wird durch die Widget-Art bestimmt (z.B. ist der Aktivitätsfeed immer ein Seitenspalten-Widget).
</callout>

==== Automatisches Umfließen bei schmalen Bildschirmen ====

Das Layout passt sich automatisch an die Bildschirmbreite an:

  * Reicht die Breite einer Zeile nicht aus, um alle Widgets nebeneinander darzustellen, werden die überzähligen Widgets innerhalb derselben Zeile in eine visuelle Folgezeile umgebrochen.
  * Die nächste Zeile bleibt dabei immer //unterhalb// der vorherigen – auch wenn die vorherige Zeile auf zwei oder mehr Bildschirmzeilen umbricht.
  * Bei schmaleren Bildschirmen klappt die Seitenspalte automatisch unter den Hauptbereich, sodass die Widgets der Seitenspalte als letztes erscheinen.

So bleibt die Übersicht auch auf kleineren Bildschirmen (z.B. Laptop oder Tablet) lesbar.

==== Leere Zeilen werden automatisch entfernt ====

Wird das letzte Widget aus einer Zeile entfernt oder weggezogen, verschwindet diese Zeile automatisch. Befinden sich darunter weitere Zeilen mit Widgets, rücken diese nach oben nach. Auf der Übersichtsseite gibt es somit nie sichtbare Lücken zwischen den Zeilen.

==== Widget entfernen ====

Um ein Widget zu entfernen:

  - Fahren Sie mit der Maus über das Widget. Oben links erscheint das Mülleimer-Symbol.
  - Klicken Sie auf das Symbol.
  - Bestätigen Sie die Sicherheitsabfrage mit „Ja".

Das Widget wird daraufhin aus Ihrer Übersicht entfernt und die Konfiguration gespeichert.

{{.:pasted:TODO_screenshot_remove_widget.png}}

<callout type="warning" title="WICHTIG" icon="true">
Nicht entfernbare Widgets (siehe Hinweis weiter oben) zeigen kein Mülleimer-Symbol
</callout>