projects/emailtemplate.it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ads

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2025-12-07 01:31:59 +01:00
parent 0905306913
commit 98298e2b23
3 changed files with 1 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/assets/js/ui-list.js
View File

@@ -99,13 +99,12 @@ export async function loadList(resource){
const prevBtn = `<button class='btn' data-preview='${resource}:${item.id}'>Vorschau</button>`;
const delBtn = `<button class='btn btn-danger' data-del='${resource}:${item.id}' data-name='${name}'>Löschen</button>`;
const debugBtn= `<a class='btn' href='api.php?resource=${resource}&action=get&id=${item.id}' target='_blank' rel='noopener'>GET</a>`;
return `<div class='p-3 flex items-center gap-3'>
<div class='min-w-48 font-medium truncate' title="${name}">${name || '(ohne Name)'}</div>
<div class='text-xs text-gray-500'>#${item.id}</div>
<div class='text-xs'>${parentBadge(resource,item)}</div>
<div class='ms-auto flex gap-2'>${[openBtn, editBtn, prevBtn, delBtn, debugBtn].filter(Boolean).join('')}</div>
<div class='ms-auto flex gap-2'>${[openBtn, editBtn, prevBtn, delBtn].filter(Boolean).join('')}</div>
</div>`;
}).join('');

158
public/assets/js/ui-tools.js
View File

@@ -1,158 +0,0 @@
// assets/js/ui-tools.js
// Öffnet API-Health (JSON), DB-Doctor (Iframe) & beliebige JSON-GETs im Popup,
// ohne die Seite zu verlassen. Links bleiben als Fallback nutzbar.
(function () {
const dlg = document.getElementById('toolsDialog');
if (!dlg) return;
const title = document.getElementById('toolsTitle');
const btnX = document.getElementById('toolsClose');
const btnCopy = document.getElementById('toolsCopy');
const btnDl = document.getElementById('toolsDownload');
const jsonWrap = document.getElementById('toolsJsonWrap');
const jsonPre = document.getElementById('toolsJsonPre');
const frame = document.getElementById('toolsFrame');
function showJson(obj, ttl) {
title.textContent = ttl || 'Antwort (JSON)';
const txt = (typeof obj === 'string') ? obj : JSON.stringify(obj, null, 2);
jsonPre.textContent = txt;
jsonWrap.classList.remove('hidden');
frame.classList.add('hidden');
btnCopy.classList.remove('hidden');
btnDl.classList.remove('hidden');
try { dlg.showModal(); } catch {}
}
function showFrame(url, ttl) {
title.textContent = ttl || 'Werkzeug';
frame.src = url + (url.includes('?') ? '&' : '?') + 't=' + Date.now();
frame.classList.remove('hidden');
jsonWrap.classList.add('hidden');
btnCopy.classList.add('hidden');
btnDl.classList.add('hidden');
try { dlg.showModal(); } catch {}
}
btnX?.addEventListener('click', () => {
try { dlg.close(); } catch {}
frame.src = 'about:blank';
});
btnCopy?.addEventListener('click', async () => {
const txt = jsonPre.textContent || '';
try {
await navigator.clipboard.writeText(txt);
// optional: kleines Feedback
(window.Toast?.show || window.toast || (()=>{}))('In Zwischenablage kopiert');
} catch {}
});
btnDl?.addEventListener('click', () => {
const blob = new Blob([jsonPre.textContent || ''], { type:'application/json;charset=utf-8' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
const stamp = new Date().toISOString().replace(/[:.]/g,'-');
a.download = `response-${stamp}.json`;
document.body.appendChild(a);
a.click();
setTimeout(()=>{ URL.revokeObjectURL(a.href); a.remove(); }, 0);
});
// ------------------------------------------------------------
// 1) Offizieller Weg: Links mit data-popup="json" | "frame"
// ------------------------------------------------------------
document.addEventListener('click', async (ev) => {
const a = ev.target.closest('a[data-popup]');
if (!a) return;
const mode = (a.getAttribute('data-popup') || '').toLowerCase();
const href = a.getAttribute('href') || '#';
const ttl = a.getAttribute('data-title') || a.textContent.trim() || 'Werkzeug';
if (!/^json|frame$/.test(mode)) return;
// Cmd/Strg-Klick & Mittelklick respektieren (neuer Tab)
if (ev.metaKey || ev.ctrlKey || ev.button === 1) return;
ev.preventDefault();
if (mode === 'frame') {
showFrame(href, ttl);
return;
}
// mode === 'json'
try {
const r = await fetch(href, { credentials: 'include' });
const txt = await r.text();
let data = null;
try { data = JSON.parse(txt); } catch { data = txt; }
showJson(data, ttl);
} catch (e) {
showJson({ ok:false, error: String(e) }, ttl);
}
});
// ------------------------------------------------------------
// 2) Fallback: *alle* API-GET-Links (action=get) ohne data-popup
// -> automatisch im JSON-Popup öffnen
// ------------------------------------------------------------
document.addEventListener('click', async (ev) => {
const a = ev.target.closest('a');
if (!a) return;
// bereits oben behandelt
if (a.hasAttribute('data-popup')) return;
const href = a.getAttribute('href') || '';
// nur api.php-GET-Routen mit action=get abfangen
if (!/api\.php/i.test(href) || !/[?&]action=get(&|$)/i.test(href)) return;
// Cmd/Strg/Mittelklick respektieren
if (ev.metaKey || ev.ctrlKey || ev.button === 1) return;
ev.preventDefault();
const makeTitle = () => {
try {
const u = new URL(href, location.href);
const res = u.searchParams.get('resource') || 'resource';
const id = u.searchParams.get('id') || '';
// Optional: Name aus data-title wenn vorhanden
const custom = a.getAttribute('data-title');
return custom || `GET ${res}${id ? ` #${id}` : ''}`;
} catch { return 'GET'; }
};
const title = makeTitle();
// Popup öffnen (wie oben)
try {
const r = await fetch(href, { credentials: 'include' });
const txt = await r.text();
let data = null;
try { data = JSON.parse(txt); } catch { data = txt; }
showJson(data, title);
} catch (e) {
showJson({ ok:false, error: String(e) }, title);
}
}, true);
// Utility: Öffnen aus Code
window.AdminTools = {
openJson(url, title) {
fetch(url, { credentials: 'include' })
.then(r => r.text())
.then(txt => {
try { showJson(JSON.parse(txt), title); }
catch { showJson(txt, title); }
})
.catch(err => showJson({ ok:false, error:String(err) }, title));
},
openFrame(url, title) {
showFrame(url, title);
}
};
})();

32
public/index.php
View File

@@ -49,17 +49,6 @@ $assetVersion = defined('ASSET_VERSION') ? ASSET_VERSION : time();
</nav>
<div class="ms-auto flex gap-2">
<button id="btn-new" type="button" class="btn">Neu …</button>
<!-- Tools: werden von ui-tools.js abgefangen und im Popup gezeigt -->
<a href="api.php?action=health"
class="btn btn-light"
data-popup="json"
data-title="API Health">API-Health</a>
<a href="tools/db-doctor.php?profile=template"
class="btn btn-light"
data-popup="frame"
data-title="DB-Doctor">DB-Doctor</a>
</div>
</div>
</header>
@@ -141,30 +130,9 @@ $assetVersion = defined('ASSET_VERSION') ? ASSET_VERSION : time();
</form>
</dialog>
<!-- Tools Dialog (NEU) -->
<dialog id="toolsDialog" class="rounded-2xl p-0 w-[92vw] h-[86vh]">
<div class="flex flex-col h-full">
<div class="px-4 py-2 border-b bg-white/80 backdrop-blur flex items-center gap-3">
<strong id="toolsTitle" class="me-auto">Werkzeug</strong>
<button id="toolsCopy" type="button" class="btn hidden">Kopieren</button>
<button id="toolsDownload" type="button" class="btn hidden">Download</button>
<button id="toolsClose" type="button" class="btn">Schließen</button>
</div>
<!-- JSON Ansicht -->
<div id="toolsJsonWrap" class="flex-1 overflow-auto hidden bg-slate-50">
<pre id="toolsJsonPre" class="p-4 text-sm leading-5 font-mono text-slate-800"></pre>
</div>
<!-- Iframe Ansicht -->
<iframe id="toolsFrame" class="flex-1 w-full hidden bg-white"></iframe>
</div>
</dialog>
<div id="toast-root"></div>
<script src="assets/js/toast.js?v=<?= htmlspecialchars($assetVersion, ENT_QUOTES) ?>"></script>
<script type="module" src="assets/js/app.js?v=<?= htmlspecialchars($assetVersion, ENT_QUOTES) ?>"></script>
<script type="module" src="assets/js/ui-tools.js?v=<?= htmlspecialchars($assetVersion, ENT_QUOTES) ?>"></script>
</body>
</html>