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.
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.
Legen Sie dieses Element nun auf ein UI-Element einer anderen Entität
handelt es sich um kompatible Entitäten (z.B. Datei → Ordner), wird die gewünschte Aktion ausgeführt
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 |
---|---|---|---|
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. |