Proself

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

Carbon und DataRangePicker vewenden unterschiedliche Formatierungen. Die sprachabhängigen Formate sind in den Translationsfeldern app.datetimeformat (Carbon) bzw. app.datetimeformat_bootstrap (DataRangePicker) definiert.

In der Datenbank wird das Standard Carbon Format verwendet und Daten müssen entsprechend in das Format YYYY-MM-DD HH:mm umgewandelt werden.