fix: Move reset button to header next to fullscreen

Reset-Button gehört in den Header neben dem Fullscreen-Button,
nicht ins Debug-Panel.

Changes:
- Reset-Button (🔄) oben rechts neben Fullscreen-Toggle
- Benutzt gleiche Styling-Klasse (fsbtn) für Konsistenz
- Title: \"App auf Defaults zurücksetzen (für Testing)\"
- Debug-Panel vereinfacht (nur Log-Text, kein Button mehr)

Intuitivere Platzierung für Testing-Feature.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
mhoennig
2026-07-23 09:22:22 +02:00
co-authored by Claude Haiku 4.5
parent f284e36458
commit 90b5deb45b
+20 -70
View File
@@ -1272,85 +1272,35 @@ function showUpdateDebug(){
font-size: 11px;
font-family: monospace;
max-width: 240px;
max-height: 150px;
max-height: 120px;
overflow-y: auto;
z-index: 999;
border: 1px solid #0F766E;
display: flex;
flex-direction: column;
gap: 8px;
cursor: pointer;
`;
panel.title = 'Update Debug Panel für Testing';
panel.title = 'Update Debug Panel Klick zum Schließen';
document.body.appendChild(panel);
/* Log-Text Container */
const logText = document.createElement('div');
logText.id = 'updateDebugLog';
logText.style.cssText = `flex: 1; overflow-y: auto; cursor: auto;`;
logText.addEventListener('click', e => e.stopPropagation());
panel.appendChild(logText);
/* Reset-Button */
const resetBtn = document.createElement('button');
resetBtn.textContent = '🔄 Reset';
resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)';
resetBtn.style.cssText = `
background: rgba(15, 118, 110, 0.2);
border: 1px solid #0F766E;
color: #0F766E;
cursor: pointer;
font-size: 10px;
padding: 3px 6px;
border-radius: 3px;
font-family: monospace;
transition: all 0.2s ease;
`;
resetBtn.addEventListener('mouseenter', () => {
resetBtn.style.background = 'rgba(15, 118, 110, 0.4)';
});
resetBtn.addEventListener('mouseleave', () => {
resetBtn.style.background = 'rgba(15, 118, 110, 0.2)';
});
resetBtn.addEventListener('click', e => {
e.stopPropagation();
resetToDefaults();
});
panel.appendChild(resetBtn);
/* Close-Button */
const closeBtn = document.createElement('button');
closeBtn.textContent = '✕ Close';
closeBtn.style.cssText = `
background: rgba(15, 118, 110, 0.2);
border: 1px solid #0F766E;
color: #0F766E;
cursor: pointer;
font-size: 10px;
padding: 3px 6px;
border-radius: 3px;
font-family: monospace;
transition: all 0.2s ease;
`;
closeBtn.addEventListener('mouseenter', () => {
closeBtn.style.background = 'rgba(15, 118, 110, 0.4)';
});
closeBtn.addEventListener('mouseleave', () => {
closeBtn.style.background = 'rgba(15, 118, 110, 0.2)';
});
closeBtn.addEventListener('click', e => {
e.stopPropagation();
panel.remove();
});
panel.appendChild(closeBtn);
panel.addEventListener('click', () => panel.remove());
}
const log = localStorage.getItem('werkbaum-update-log') || '';
const logText = panel.querySelector('#updateDebugLog');
if(logText) {
logText.textContent = log ? log.split('\n').slice(-6).join('\n') : 'Keine Einträge';
}
panel.textContent = log ? log.split('\n').slice(-6).join('\n') : 'Keine Einträge';
}
/* Reset-Button im Header neben Fullscreen */
document.addEventListener('DOMContentLoaded', () => {
const fsToggle = document.getElementById('fsToggle');
if(!fsToggle) return;
const resetBtn = document.createElement('button');
resetBtn.textContent = '🔄';
resetBtn.className = 'fsbtn';
resetBtn.title = 'App auf Defaults zurücksetzen (für Testing)';
resetBtn.setAttribute('aria-label', 'App zurücksetzen');
resetBtn.addEventListener('click', resetToDefaults);
fsToggle.parentNode.insertBefore(resetBtn, fsToggle.nextSibling);
});
/* Erste Prüfung nach 2 Sekunden */
setTimeout(() => {
checkForUpdates();