oberon/mkcontrol-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fehlersuche controll seite

Browse Source
This commit is contained in:
oberon 2026-02-11 22:02:32 +01:00
parent 66f46d663d
commit 9b3d3c5c8f
1 changed files with 60 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
static/js/app.js
View File

@ -26,24 +26,32 @@ document.addEventListener('DOMContentLoaded', () => {
connectBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span> Verbinde...';
try {
console.log("→ Sende /api/connect ...");
const response = await fetch('/api/connect', {
method: 'POST',
headers: { 'Content-Type': 'application/json' }
});
console.log("→ Antwort erhalten:", response.status);
const result = await response.json();
console.log("→ Resultat:", result);
if (result.success) {
console.log("→ Connect erfolgreich – blende Sections um");
connectSection.style.display = 'none';
controlSection.style.display = 'block';
reconnectSection.style.display = 'none';
console.log("→ Rufe renderChannels() auf");
renderChannels();
console.log('Verbindung erfolgreich');
console.log("→ renderChannels() abgeschlossen");
} else {
console.warn("→ Connect fehlgeschlagen:", result.message);
alert('Verbindung fehlgeschlagen:\n' + (result.message || 'Unbekannter Fehler'));
}
} catch (err) {
console.error('Connect-Fehler:', err);
console.error("→ Connect-Fehler:", err);
alert('Netzwerk- oder Verbindungsfehler: ' + err.message);
} finally {
connectBtn.disabled = false;
@ -114,14 +122,35 @@ document.addEventListener('DOMContentLoaded', () => {
// ── Kanäle dynamisch rendern ──────────────────────────────────────────────
function renderChannels() {
if (!channelsContainer) return;
channelsContainer.innerHTML = '';
console.log("renderChannels() START");
console.log("→ config.channels existiert?", !!config?.channels);
console.log("→ channels.length:", config?.channels?.length ?? "undefined");
if (!config.channels || config.channels.length === 0) {
if (!channelsContainer) {
console.error("→ channelsContainer nicht gefunden im DOM!");
return;
}
channelsContainer.innerHTML = '';
console.log("→ Container geleert");
if (!config?.channels || config.channels.length === 0) {
console.warn("→ Keine Kanäle erkannt – zeige leere Meldung");
channelsContainer.innerHTML = '<p class="text-center text-muted py-5">Keine Kanäle in der Konfiguration definiert.</p>';
return;
}
console.log("→ Beginne mit Rendern von", config.channels.length, "Kanälen");
// function renderChannels() {
// if (!channelsContainer) return;
// channelsContainer.innerHTML = '';
// if (!config.channels || config.channels.length === 0) {
// channelsContainer.innerHTML = '<p class="text-center text-muted py-5">Keine Kanäle in der Konfiguration definiert.</p>';
// return;
// }
config.channels.forEach(channel => {
const col = document.createElement('div');
col.className = 'col-md-6 mb-4';