...
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.
...
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. |