coulomb/markitect-main
2
0
Fork 0
Code Issues 60 Pull Requests Actions 1 Projects 12 Releases 1 Wiki Activity

fix: update main-updated.js to use enhanced ControlBase API

Browse Source 
Replace old control initialization pattern (.control.config, .createControl())
with new ControlBase class API (.config, .show()) for all control panels.

This enables the 5 enhanced behaviors:
- Icon-only collapsed state
- Expand/drag functionality
- Bottom-left resize
- Collapse with position restoration
- Header toggle content visibility

All control panels now properly initialize with enhanced ControlBase.
This commit is contained in:
Bernd Worsch
2025-11-14 12:05:17 +01:00
parent 5b13c00d3e
commit 8d8a4ed0c3
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
markitect/static/js/main-updated.js
View File

@@ -83,44 +83,44 @@ const MarkitectMain = {
}
},
// Initialize control panels with compass positioning
// Initialize enhanced control panels with compass positioning
initializeControlPanels: function() {
console.log('🎛️ Initializing control panels with compass positioning...');
console.log('🎛️ Initializing enhanced control panels with compass positioning...');
// ContentsControl (Northwest)
if (typeof ContentsControl !== 'undefined') {
this.contentsControl = new ContentsControl();
this.contentsControl.control.config.position = 'nw';
this.contentsControl.createControl();
this.contentsControl.config.position = 'nw';
this.contentsControl.show();
window.contentsControl = this.contentsControl;
console.log('✅ ContentsControl initialized (Northwest)');
console.log('✅ ContentsControl initialized (Northwest) with enhanced ControlBase');
}
// StatusControl (East)
if (typeof StatusControl !== 'undefined') {
this.statusControl = new StatusControl();
this.statusControl.control.config.position = 'e';
this.statusControl.createControl();
this.statusControl.config.position = 'e';
this.statusControl.show();
window.statusControl = this.statusControl;
console.log('✅ StatusControl initialized (East)');
console.log('✅ StatusControl initialized (East) with enhanced ControlBase');
}
// DebugControl (Southeast)
if (typeof DebugControl !== 'undefined') {
this.debugControl = new DebugControl();
this.debugControl.control.config.position = 'se';
this.debugControl.createControl();
this.debugControl.config.position = 'se';
this.debugControl.show();
window.debugControl = this.debugControl;
console.log('✅ DebugControl initialized (Southeast)');
console.log('✅ DebugControl initialized (Southeast) with enhanced ControlBase');
}
// EditControl (Northeast)
if (typeof EditControl !== 'undefined') {
this.editControl = new EditControl();
this.editControl.control.config.position = 'ne';
this.editControl.createControl();
this.editControl.config.position = 'ne';
this.editControl.show();
window.editControl = this.editControl;
console.log('✅ EditControl initialized (Northeast)');
console.log('✅ EditControl initialized (Northeast) with enhanced ControlBase');
}
},