oleh/astrolabe-nvc
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe-nvc.git synced 2025-12-21 21:22:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove debug logging from panel toggle and width redistribution functions

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-10-13 02:14:19 +03:00
parent 17a188b68d
commit 8ceb9868fa
1 changed files with 0 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/js/panel-manager.js
View File

@@ -18,7 +18,6 @@ function updatePanelMemory() {
function togglePanel(panelId) { function togglePanel(panelId) {
console.log('🔘 Toggle clicked for:', panelId);
// Fix ID mapping - buttons use plural, panels use singular // Fix ID mapping - buttons use plural, panels use singular
const panelIdMap = { const panelIdMap = {
@@ -31,19 +30,12 @@ function togglePanel(panelId) {
const panel = document.getElementById(actualPanelId); const panel = document.getElementById(actualPanelId);
const button = document.getElementById('toggle-' + panelId); const button = document.getElementById('toggle-' + panelId);
console.log('🔍 Looking for panel:', actualPanelId, 'Found:', !!panel);
console.log('🔍 Looking for button:', 'toggle-' + panelId, 'Found:', !!button);
if (!panel || !button) { if (!panel || !button) {
console.error('❌ Panel or button not found!');
return; return;
} }
console.log('📏 BEFORE toggle - Panel widths:');
logCurrentWidths();
if (panel.style.display === 'none') { if (panel.style.display === 'none') {
console.log('👁️ SHOWING panel:', panelId);
// Show panel // Show panel
panel.style.display = 'flex'; panel.style.display = 'flex';
button.classList.add('active'); button.classList.add('active');
@@ -51,7 +43,6 @@ function togglePanel(panelId) {
// Restore from memory and redistribute // Restore from memory and redistribute
redistributePanelWidths(); redistributePanelWidths();
} else { } else {
console.log('🙈 HIDING panel:', panelId);
// Hide panel - DON'T update memory, just hide // Hide panel - DON'T update memory, just hide
panel.style.display = 'none'; panel.style.display = 'none';
button.classList.remove('active'); button.classList.remove('active');
@@ -60,15 +51,10 @@ function togglePanel(panelId) {
redistributePanelWidths(); redistributePanelWidths();
} }
console.log('📏 AFTER toggle - Panel widths:');
logCurrentWidths();
console.log('💾 Panel memory:', panelMemory);
saveLayoutToStorage(); saveLayoutToStorage();
} }
function redistributePanelWidths() { function redistributePanelWidths() {
console.log('🔄 Redistributing panel widths...');
const snippetPanel = document.getElementById('snippet-panel'); const snippetPanel = document.getElementById('snippet-panel');
const editorPanel = document.getElementById('editor-panel'); const editorPanel = document.getElementById('editor-panel');
@@ -81,53 +67,24 @@ function redistributePanelWidths() {
]; ];
const visiblePanels = panels.filter(panel => panel.element.style.display !== 'none'); const visiblePanels = panels.filter(panel => panel.element.style.display !== 'none');
console.log('👁️ Visible panels:', visiblePanels.map(p => p.id));
if (visiblePanels.length === 0) return; if (visiblePanels.length === 0) return;
// Get total desired width from memory // Get total desired width from memory
let totalMemoryWidth = 0; let totalMemoryWidth = 0;
console.log('📊 Memory widths:');
visiblePanels.forEach(panel => { visiblePanels.forEach(panel => {
const width = parseFloat(panelMemory[panel.memoryKey]); const width = parseFloat(panelMemory[panel.memoryKey]);
console.log(` ${panel.id}: ${panelMemory[panel.memoryKey]} → ${width}`);
totalMemoryWidth += width; totalMemoryWidth += width;
}); });
console.log('📊 Total memory width:', totalMemoryWidth);
// Redistribute proportionally to fill 100% // Redistribute proportionally to fill 100%
console.log('🧮 Calculating new widths:');
visiblePanels.forEach(panel => { visiblePanels.forEach(panel => {
const memoryWidth = parseFloat(panelMemory[panel.memoryKey]); const memoryWidth = parseFloat(panelMemory[panel.memoryKey]);
const newWidth = (memoryWidth / totalMemoryWidth) * 100; const newWidth = (memoryWidth / totalMemoryWidth) * 100;
console.log(` ${panel.id}: ${memoryWidth}/${totalMemoryWidth} * 100 = ${newWidth}%`);
panel.element.style.width = `${newWidth}%`; panel.element.style.width = `${newWidth}%`;
}); });
} }
function logCurrentWidths() {
const snippetPanel = document.getElementById('snippet-panel');
const editorPanel = document.getElementById('editor-panel');
const previewPanel = document.getElementById('preview-panel');
console.log(' Snippets:', {
width: snippetPanel.style.width || 'default',
display: snippetPanel.style.display || 'default',
visible: snippetPanel.style.display !== 'none'
});
console.log(' Editor:', {
width: editorPanel.style.width || 'default',
display: editorPanel.style.display || 'default',
visible: editorPanel.style.display !== 'none'
});
console.log(' Preview:', {
width: previewPanel.style.width || 'default',
display: previewPanel.style.display || 'default',
visible: previewPanel.style.display !== 'none'
});
}
function saveLayoutToStorage() { function saveLayoutToStorage() {
const snippetPanel = document.getElementById('snippet-panel'); const snippetPanel = document.getElementById('snippet-panel');
const editorPanel = document.getElementById('editor-panel'); const editorPanel = document.getElementById('editor-panel');
@@ -247,7 +204,6 @@ function initializeResize() {
// Update memory ONLY after manual resize // Update memory ONLY after manual resize
updatePanelMemory(); updatePanelMemory();
console.log('🎯 Manual resize completed - Updated memory:', panelMemory);
saveLayoutToStorage(); saveLayoutToStorage();
} }