- var panel_freezers = new Ext.Panel({
- frame: true,
- title: 'Freezers',
- //collapsible: true,
- titleCollapse: true,
- //collapsed: true,
- stateful: true,
- stateId: 'freezer_panel_state',
- contentEl: 'freezer_menu',
- stateEvents: ['collapse', 'expand']
- });
-
- var panel_containers = new Ext.Panel({
- frame: true,
- title: 'Containers',
- //collapsible: true,
- titleCollapse: true,
- //collapsed: true,
- stateful: true,
- stateId: 'container_panel_state',
- contentEl: 'container_menu',
- stateEvents: ['collapse', 'expand']
- });
-
- var panel_samples = new Ext.Panel({
- frame: true,
- title: 'Samples',
- //collapsible: true,
- titleCollapse: true,
- //collapsed: true,
- stateful: true,
- stateId: 'sample_panel_state',
- contentEl: 'sample_menu',
- stateEvents: ['collapse', 'expand']
- });
-
- /*var panel_settings = new Ext.Panel({
- frame: true,
- title: 'Settings',
- //collapsible: true,
- titleCollapse: true,
- //collapsed: true,
- stateful: true,
- stateId: 'settings_panel_state',
- contentEl: 'settings_menu',
- stateEvents: ['collapse', 'expand']
- });*/
+ //----------------------------------------
+ // Dynamically Generate Panels from HTML!
+ var create_dynamic_panels = function(){
+ var wp_items = Ext.fly('west_panel_items');
+ var ul_items = wp_items.query('ul');
+
+ var dynamic_panels = new Array();
+ Ext.each(ul_items, function(ul) {
+ var panel_obj = new Ext.Panel({
+ frame: true,
+ title: ul.id,
+ //collapsible: true,
+ //titleCollapse: true,
+ //collapsed: true,
+ //stateful: true,
+ //stateId: 'freezer_panel_state',
+ contentEl: ul
+ //stateEvents: ['collapse', 'expand']
+ });
+ dynamic_panels.push(panel_obj);
+ });
+ return dynamic_panels;
+ }