Aktionen über drag & drop

Um das Stukturieren in DAM benutzerfreundlicher zu gestalten, ist es möglich Dateien und Organisationseinheiten in DAM nicht nur über dedizierte Funktionen über Kontextmenüeinträge und Toolbareinträge umzustrukturieren, sondern auch über drag & drop.
Für das Erlangen eines Verständnisses für das Strukturieren in DAM, ist der folgende Beitrag hilfreich: Strukturieren von Dateien und Organisationseinheiten

Funktion

Das drag & drop wird über ein JavaScript gesteuert: addFileTo.js.
HTML-Elemente, welche über Attribute markiert werden, werden von diesem JavaScript erkannt, sodass das drag & drop möglich ist. Die Attribute, mit denen Elemente gekennzeichnet werden können sind:

  • data-ui-dam-draggable

    • Das Element wird als drag-bar gekennzeichnet. Es kann in der Oberfläche verschoben werden.

  • data-ui-dam-dropzone

    • Das Element wird als dropzone deklariert. Elemente können auf/in diesem Element abgelegt werden.

  • data-id & data-identifier

    • Diese Attribute enthalten als Werte Informationen über die ID und den Identifier der drag & drop-Elemente. Wurden diese Elemente nicht gesetzt, ist eine Funktion höchstwahrscheinlich nicht möglich (sofern keine Listener für exakt diese Fälle existieren).

Wurde ein Drop erkannt, werden die Quell- und Zielparameter ausgelesen und es wird die Methode Ui/Dam::prepareMove aufgerufen. Abhängig von der Konstellation werden dem Nutzer weitere Benutzereingaben angeboten.

Nutzung

In der Oberfläche von DAM sind weitestgehend alle UI-Elemente, die Dateien oder Organisationseinheiten repräsentieren über Drag & Drop verschiebbar.

  1. Klicken Sie dazu ein UI-Element an und halten Sie die Maustaste gedrückt. Wenn sich eine optische Dublette der Auswahl bildet, ist das entsprechende Element Drag-bar.

  2. Legen Sie dieses Element nun auf ein UI-Element einer anderen Entität

    1. handelt es sich um kompatible Entitäten (z.B. Datei → Ordner), wird die gewünschte Aktion ausgeführt

    2. handelt es sich um inkompatible Entitäten (z.B. Ordner → Datei), wird keine Aktion ausgeführt. In der UI sollte eine Toast-Meldung erscheinen, die Ihnen nähere Informationen bereitstellt.

Mögliche Aktionen

Quelle

Ziel

Aktion

Beschreibung

Quelle

Ziel

Aktion

Beschreibung

Datei

Datei

Gruppieren

Dateien werden gruppiert. Das Ziel ist dabei die Hauptdatei. Handelt es sich bei der Quelle um eine Gruppe, wird das Ziel zur neuen Hauptdatei der Gruppe.

Datei

Ordner

Kopieren/Verschieben

Dateien werden einem neuen Ordner zugewiesen. Dateien können in den neuen Ordner kopiert oder verschoben werden. Existiert die Quelldatei bereits im Zielordner, werden dem Nutzer Möglichkeiten zur Konfliktbeseitigung angeboten.

Datei

Kategorie

Kategorie zuweisen

Eine Kategorie wird der Datei zugewiesen. Der Nutzer erhält die Möglichkeit bisherige Kategorien zu entfernen, oder die neue Kategorie zu ergänzen.

Datei

Sammlung

Datei zu einer Sammlung hinzufügen

Eine Datei wird einer Sammlung hinzugefügt.

Ordner

Ordner

Ordner verschieben

Ein Ordner und dessen Inhalte werden einem neuen Ordner zugewiesen.

Kategorie

Kategorie

Kategorie verschieben

Eine Kategorie wird einer anderen Kategorie untergeordnet.

Sammlung

Sammlung

Sammlung verschieben

Eine Sammlung wird einer anderen Sammlung untergeordnet.