Proself: Difference between revisions
No edit summary |
|||
| Line 2: | Line 2: | ||
=== Admin Oberfläche === | === Admin Oberfläche === | ||
Das Backend UI basiert auf AdminLTE 3 (https://adminlte.io/docs/3.2/). Zusätzlich ist zur Integration in Laravel das Modul Larvel-AdminLTE installiert (https://github.com/jeroennoten/Laravel-AdminLTE). | |||
Die verwendeten (JavaScript) Bibliotheken, Style sheets etc. sind in /config/adminlte.php konfiguriert. Das Menü ist in der Klasse /app/Provider/AppServiceProvider.php definiert. | |||
==== Bilder Löschen ==== | ==== Bilder Löschen ==== | ||
| Line 7: | Line 10: | ||
Der JavaScript Code ist im File "script.js", der Button muss die Klasse "delete_image" haben: | Der JavaScript Code ist im File "script.js", der Button muss die Klasse "delete_image" haben: | ||
==== JavaScript Bibliotheken ==== | |||
Es werden eine Reihe von Bibilotheken vor allem für interaktive Elemente verwendent: | |||
===== DataRangePicker ===== | |||
Bietet ein UI zur Selektion von Datum und/oder Uhrzeit. Die Optionen sind auf https://www.daterangepicker.com/#options gelistet. Grundlegende Konfiguration ist bereits in /public/js/admin/datarangepicker enthalten. | |||
Zur Verwendung muss das <code><input></code> Feld eines der folgenden Attributte beinhalten: | |||
<code>data-datetime | |||
data-date | |||
data-datetimerange | |||
data-daterange</code> | |||
Revision as of 09:22, 17 November 2023
Developers Guide
Admin Oberfläche
Das Backend UI basiert auf AdminLTE 3 (https://adminlte.io/docs/3.2/). Zusätzlich ist zur Integration in Laravel das Modul Larvel-AdminLTE installiert (https://github.com/jeroennoten/Laravel-AdminLTE).
Die verwendeten (JavaScript) Bibliotheken, Style sheets etc. sind in /config/adminlte.php konfiguriert. Das Menü ist in der Klasse /app/Provider/AppServiceProvider.php definiert.
Bilder Löschen
Bilder werden im Controller gelöscht wenn das Feld delete_image[IMAGE_NAME] gesetzt und TRUE ist.
Der JavaScript Code ist im File "script.js", der Button muss die Klasse "delete_image" haben:
JavaScript Bibliotheken
Es werden eine Reihe von Bibilotheken vor allem für interaktive Elemente verwendent:
DataRangePicker
Bietet ein UI zur Selektion von Datum und/oder Uhrzeit. Die Optionen sind auf https://www.daterangepicker.com/#options gelistet. Grundlegende Konfiguration ist bereits in /public/js/admin/datarangepicker enthalten.
Zur Verwendung muss das <input> Feld eines der folgenden Attributte beinhalten:
data-datetime
data-date
data-datetimerange
data-daterange
