Schlagwort: Drag & Drop

Das Dashboard ist ein gutes Beispiel dafür, warum man bei Bludit-Versionen nicht nur auf vorhandene Hook-Namen schauen darf. Ein älteres Plugin kann eine Methode dashboard() besitzen und trotzdem unter Bludit 3.22.x nichts anzeigen. In diesem Tutorial bauen wir deshalb ein vollständiges, WordPress-artiges Dashboard-Plugin mit Drag & Drop, mehreren Widget-Zonen, ein- und ausblendbaren Karten und benutzerspezifischer Flat-File-Speicherung.

Das fertige Beispiel heißt MD Dashboard Layout. Es verändert keine Core-Datei. Der komplette Quellcode liegt im Projekt unter bl-plugins/md-dashboard-layout/ und zusätzlich als installierbares ZIP vor: MD Dashboard Layout 1.0.0 herunterladen.

Mit MD Dashboard Layout 1.1.1 wird das Bludit-3.22.x-Dashboard nicht nur verschiebbar, sondern zu einer kleinen Widget-Plattform. Das Plugin stellt drei Drag-&-Drop-Zonen bereit, speichert die Anordnung pro Benutzer als JSON und bietet ab Version 1.1.0 eine Registry, über die andere Plugins eigene Dashboard-Karten anmelden können.

Das Ziel ist bewusst ähnlich zu WordPress: Ein zentrales Dashboard kümmert sich um Layout und Bedienung, während Fachplugins nur ihren eigenen Inhalt liefern. Ein Kontaktformular-Plugin könnte so „Neue Nachrichten“ registrieren, ein Backup-Plugin „Letzte Sicherung“ und ein Radio-Plugin „Jetzt läuft“ – ohne dass jedes Plugin das Dashboard-DOM selbst umbauen muss.