Docker Compose mit drei Services (nginx auf Port 8000), Migrationsmechanik, Update- und Backup-Skript. Anwendung: Router mit CSRF-Prüfung, Anmeldung und Ersteinrichtung, zentraler Einstellungsdialog mit Reitern, ein- und ausschaltbares Debug-Log mit Maskierung von Zugangsdaten. Layout nach Vorbild des FinanzManagers: feste Navigation links, Werkzeugleiste oben, Tab-Leiste; Farbschema hell/dunkel/System. Tests: 51 PHP-Prüfungen und 7 Playwright-Tests, alle grün.
27 lines
960 B
JavaScript
27 lines
960 B
JavaScript
/* Finanzmanager – Frontend-Hilfen.
|
||
*
|
||
* Bewusst schlank und ohne Framework. Ab Phase 2 kommen hier Splitbuchungs-
|
||
* maske und die Inline-Bearbeitung des Budgetplaners dazu.
|
||
*/
|
||
|
||
(function () {
|
||
'use strict';
|
||
|
||
// Formulare mit data-bestaetigen fragen vor dem Absenden nach.
|
||
document.addEventListener('submit', function (ereignis) {
|
||
const formular = ereignis.target;
|
||
const frage = formular.dataset ? formular.dataset.bestaetigen : null;
|
||
if (frage && !window.confirm(frage)) {
|
||
ereignis.preventDefault();
|
||
}
|
||
});
|
||
|
||
// Meldungen nach kurzer Zeit ausblenden – Fehler bleiben stehen.
|
||
document.querySelectorAll('.meldung-erfolg').forEach(function (element) {
|
||
window.setTimeout(function () {
|
||
element.style.transition = 'opacity .4s';
|
||
element.style.opacity = '0';
|
||
window.setTimeout(function () { element.remove(); }, 400);
|
||
}, 5000);
|
||
});
|
||
})();
|