WIP: FEATURE: New reference editor (DD Sprint)

[mhsdesign]

WIP

Screenshots from the Dresden sprint

Stand 21.10.2025

Ziel

• References besser auswählen können (in Secondary Editor als Tree, mit Suche und Nodefilter)
• Referenceproperties bearbeitbar machen

Yaml

• references eigene Ebene
• Jede Reference hat einen Namen und kann properties haben

Inspector

Ui

• Anzeige aller References
• Oberhalb der References sind ausgegraut Buttons:
  • Hinzufügen (+): Öffnet Secondary Editor mit Treeview
  • Springen zu (Pfeil): Springt zur Source der ausgewählten Referenz
  • Properties editieren (Irgendeine Darstellung einer Krake/Corona/...): Öffnet das Modal mit Referenceproperty Editor
  • Löschen (Papierkorb): Löscht ausgewählte Referenz
• Verschieben der References möglich durch Drag&Drop
• Auswahl einer Reference durch Klick möglich
  • In dem Fall werden Buttons oberhalb der References aktiv
• Haben die References im Schema keine properties hinterlegt, wird der Edit-Button ausgeblendet
• Sind in einer Reference properties ausgefüllt, zeige ein Icon (Lsite) auf der Reference an
  • Kann später evtl. abgelöst werden durch die Read-Only-Vorschau des RefererencePropertyEditors (siehe Nice to have)
• (Nice to have) Bei Hover:
  • werden in der Reference die Buttons zum Editieren, Löschen, .... angezeigt (um klar zu machen, dass diese bei Select aktiv werden)
  • Es wird eine Read-Only Vorschau des RefererencePropertyEditors angezeigt, um zu zeigen, welche Properties es gibt und z.B. bei Images eine Vorschau zu ermöglichen

Backend

• API-Schnittstelle liefert Liste aller References zurück
• Jede Reference enthält:
  • breadcrums
  • uri
  • sourceNodeId
  • label
  • icon
  • properties
  • Schema (wenn vorhanden)

Reference selektieren

Ui

• Öffnet sich im Secondary Editor
• Wenn geöffnet, wird im Inspector Hinzufügen, Editieren und Springen zu ReferenceNode deaktiviert
• Anzeige:
  • Tree aller verfügbaren Nodes
  • Bereits ausgewählte References sind hervorgehoben und haben neben sich ein Löschen-Icon
  • Optional (erst mal weglassen): Es gibt ein Properties-Editieren-Icon neben den References, mit dem sich der ReferencePropertyEditor öffnet
• Filtern nach Nodetypes mgl.
• Suche mgl.
• Klick auf Node:
  • Node wird den References hinzugefügt, sollte sie noch nicht daz gehören
  • Man soll NICHT via Klick auf eine Node die entsprechende Reference wieder entfernen, wenn sie schon ausgewählt ist

Backend

• Alles schon von LinkEditor als Controller verfügbar --> kopieren
• Erst bei Apply werden alle hinzugefügten References dann auch tatsächlich in der DB gesetzt

Reference Properties editieren

Ui

• Modal
• Links wird sourceNode angezeigt
• In der Mitte properties der Reference in Editor
• Rechts wird reference angezeigt, hier kann man auch durch alle References blättern

---

TODO

• in secondary editor
• state lost when switching tabs during editing