mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 08:09:18 +02:00
c8af3bf869
The htmx:beforeSend listener in admin/footer.php was a debugging
leftover that called new FormData(e.target.closest('fieldset')).
FormData only accepts HTMLFormElement or nothing — passing a
<fieldset> throws 'Argument 1 does not implement interface
HTMLFormElement'. Removed the serialization call; kept the
minimal debug log.
52 lines
1.9 KiB
PHP
52 lines
1.9 KiB
PHP
<!-- Toast region — polled by HTMX after page load -->
|
|
<aside id="toast-region"
|
|
aria-live="polite"
|
|
hx-get="/admin/toast-fragment.php"
|
|
hx-trigger="load"
|
|
hx-swap="innerHTML"
|
|
hx-target="#toast-region">
|
|
</aside>
|
|
|
|
<!-- Markdown cheatsheet container (filled by HTMX on demand) -->
|
|
<div id="md-cheatsheet-container"></div>
|
|
|
|
<?php foreach ($extraJs ?? [] as $js): ?>
|
|
<script src="<?= App::assetV($js) ?>"></script>
|
|
<?php endforeach; ?>
|
|
<?php if (!empty($extraJsInline)): ?>
|
|
<script><?= $extraJsInline ?></script>
|
|
<?php endif; ?>
|
|
<script src="/assets/js/vendor/htmx.min.js"></script>
|
|
<script>
|
|
// Global HTMX debugging for settings checkboxes
|
|
document.body.addEventListener('htmx:sendError', function (e) {
|
|
console.error('[htmx:sendError] target=', e.target.id, 'detail=', e.detail);
|
|
});
|
|
document.body.addEventListener('htmx:beforeSend', function (e) {
|
|
if (e.target.id && (e.target.id.includes('fieldset-') || e.target.name)) {
|
|
console.log('[htmx:beforeSend] name=' + e.target.name + ' checked=' + e.target.checked);
|
|
}
|
|
});
|
|
document.body.addEventListener('htmx:afterSettle', function (e) {
|
|
if (e.target && e.target.id === 'toast-region') {
|
|
var warn = e.target.querySelector('.toast--warning');
|
|
if (warn) { warn.setAttribute('tabindex', '-1'); warn.focus(); }
|
|
}
|
|
});
|
|
|
|
// Markdown cheatsheet: close on backdrop click, remove stale dialogs before new one arrives
|
|
document.body.addEventListener('htmx:beforeRequest', function(e) {
|
|
if (e.detail.requestConfig && e.detail.requestConfig.path === '/admin/markdown-cheatsheet-fragment.php') {
|
|
var old = document.getElementById('md-cheatsheet-dialog');
|
|
if (old) old.remove();
|
|
}
|
|
});
|
|
document.body.addEventListener('click', function(e) {
|
|
if (e.target.tagName === 'DIALOG' && e.target.id === 'md-cheatsheet-dialog') {
|
|
e.target.close();
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|