www/js/htsw.js

   1 Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
   2
   3 Ext.override(Ext.Panel,{
   4   getState: function() {
   5     return { collapsed: this.collapsed };
   6     }
   7 });
   8
   9 $(document).ready(function(){
  10
  11     var panel_freezers = new Ext.Panel({
  12         frame: true,
  13         title: 'Freezers',
  14         collapsible: true,
  15         titleCollapse: true,
  16         collapsed: true,
  17         stateful: true,
  18         stateId: 'freezer_panel_state',
  19         contentEl: 'freezer_menu',
  20         stateEvents: ['collapse', 'expand']
  21     });
  22
  23     var panel_containers = new Ext.Panel({
  24         frame: true,
  25         title: 'Containers',
  26         collapsible: true,
  27         titleCollapse: true,
  28         collapsed: true,
  29         stateful: true,
  30         stateId: 'container_panel_state',
  31         contentEl: 'container_menu',
  32         stateEvents: ['collapse', 'expand']
  33     });
  34
  35     var panel_samples = new Ext.Panel({
  36         frame: true,
  37         title: 'Samples',
  38         collapsible: true,
  39         titleCollapse: true,
  40         collapsed: true,
  41         stateful: true,
  42         stateId: 'sample_panel_state',
  43         contentEl: 'sample_menu',
  44         stateEvents: ['collapse', 'expand']
  45     });
  46
  47     var panel_settings = new Ext.Panel({
  48         frame: true,
  49         title: 'Settings',
  50         collapsible: true,
  51         titleCollapse: true,
  52         collapsed: true,
  53         stateful: true,
  54         stateId: 'settings_panel_state',
  55         contentEl: 'settings_menu',
  56         stateEvents: ['collapse', 'expand']
  57     });
  58
  59     var panel_bcmagic = new Ext.Panel({
  60         //title: 'BC Magic',
  61         contentEl: 'bcmagic_div',
  62         height: 160
  63     });
  64
  65     var menuPanel = new Ext.Panel({
  66        id: 'menu_panel',
  67        region: 'west',
  68        collapsible: true,
  69        margins: '2 0 0 0',
  70        cmargins: '2 2 0 2',
  71        //collapseMode: 'mini',
  72        width: 200,
  73        minWidth: 150,
  74        border: false,
  75        //baseCls: 'x-plain',
  76        items: [panel_freezers, panel_containers, panel_samples, panel_settings, panel_bcmagic]
  77     });
  78
  79     /*var menuAccordionPanel = new Ext.Panel({
  80         id: 'menu_accordion',
  81         flex: 1,
  82         layout: 'accordion',
  83         layoutConfig: {
  84             animate: true,
  85             fill: false
  86         },
  87         items: [{
  88             title: 'Freezers',
  89             id: 'freezers_menu_panel',
  90             contentEl: 'freezer_menu'
  91         },{
  92             title: 'Containers',
  93             id: 'containers_menu_panel',
  94             contentEl: 'container_menu'
  95         },{
  96             title: 'Samples',
  97             id: 'samples_menu_panel',
  98             contentEl: 'sample_menu'
  99         },{
 100             title: 'Settings',
 101             id: 'settings_menu_panel',
 102             contentEl: 'settings_menu'
 103         }]
 104     });*/
 105
 106     var mainBorderPanel = new Ext.Viewport({
 107        layout: 'border',
 108        items: [{
 109             region: 'north',
 110             layout: 'vBox',
 111             layoutConfig: {
 112                 align: 'stretch',
 113                 pack: 'start'
 114             },
 115             items: [{
 116                     xtype: 'box',
 117                     applyTo: 'header',
 118                     id: 'header-panel',
 119                     height: 30
 120                 },{
 121                     xtype: 'toolbar',
 122                     //height: 100,
 123                     items: [{
 124                         text: "Button"
 125                     }],
 126                     margins: '2 0 0 0'
 127             }],
 128             height: 60
 129        },menuPanel,/*{
 130             title: 'Menu',
 131             region: 'west',
 132             margins: '2 0 0 0',
 133             width: 200,
 134             collapsible: true,
 135             cmargins: '2 2 0 2',
 136             id: 'menu-panel',
 137             layout: 'vBox',
 138             layoutConfig: {
 139                 align: 'stretch',
 140                 pack: 'start'
 141             },
 142             items: [
 143                     menuAccordionPanel,
 144                 {
 145                     xtype: 'box',
 146                     applyTo: 'bcmagic_div',
 147                     height: 160
 148                 }]
 149
 150             //unstyled: true
 151        },*/{
 152             title: 'Body',
 153             region: 'center',
 154             xtype: 'container',
 155             layout: 'fit',
 156             margins: '2 2 2 2',
 157             items: {
 158                 //title: 'Inner Panel',
 159                 contentEl: 'body_content',
 160                 border: true
 161             }
 162        }]
 163     });
 164
 165     /*
 166     Ext.MessageBox.show({
 167         title: 'Debug',
 168         msg: 'menuAccordionPanel id: ' + menuAccordionPanel.getItemId(),
 169         buttons: Ext.MessageBox.OK,
 170         icon: Ext.MessageBox.INFO
 171     })
 172     */
 173
 174 });