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:
co-authored by
Claude Haiku 4.5
parent
f284e36458
commit
90b5deb45b
+20
-70
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user