www/js/htsw.js

   1
   2 $(document).ready(function(){
   3     /*var menuAccordionPanel = new Ext.Panel({
   4
   5     });*/
   6
   7     var mainBorderPanel = new Ext.Viewport({
   8        layout: 'border',
   9        items: [{
  10             region: 'north',
  11             layout: 'vBox',
  12             layoutConfig: {
  13                 align: 'stretch',
  14                 pack: 'start'
  15             },
  16             items: [{
  17                     xtype: 'box',
  18                     applyTo: 'header',
  19                     id: 'header-panel',
  20                     height: 30
  21                 },{
  22                     xtype: 'toolbar',
  23                     //height: 100,
  24                     items: [{
  25                         text: "Button"
  26                     }],
  27                     margins: '2 0 0 0'
  28             }],
  29             height: 60
  30        },{
  31             title: 'Menu',
  32             region: 'west',
  33             margins: '2 0 0 0',
  34             width: 200,
  35             collapsible: true,
  36             cmargins: '2 2 0 2',
  37             id: 'menu-panel',
  38             layout: 'vBox',
  39             layoutConfig: {
  40                 align: 'stretch',
  41                 pack: 'start'
  42             },
  43             items: [
  44                 {
  45                     flex: 1,
  46                     id: 'menu_accordion',
  47                     layout: 'accordion',
  48                     layoutConfig: {
  49                         animate: true,
  50                         fill: false
  51                     },
  52                     items: [{
  53                         title: 'Freezers',
  54                         id: 'freezers_menu_panel',
  55                         contentEl: 'freezer_menu'
  56                     },{
  57                         title: 'Containers',
  58                         id: 'containers_menu_panel',
  59                         contentEl: 'container_menu'
  60                     },{
  61                         title: 'Samples',
  62                         id: 'samples_menu_panel',
  63                         contentEl: 'sample_menu'
  64                     },{
  65                         title: 'Settings',
  66                         id: 'settings_menu_panel',
  67                         contentEl: 'settings_menu'
  68                     }]
  69                 },{
  70                     xtype: 'box',
  71                     applyTo: 'bcmagic_div',
  72                     height: 200
  73                 }]
  74
  75             //unstyled: true
  76        },{
  77             title: 'Body',
  78             region: 'center',
  79             xtype: 'container',
  80             layout: 'fit',
  81             margins: '2 2 2 2',
  82             items: {
  83                 //title: 'Inner Panel',
  84                 contentEl: 'body_content',
  85                 border: true
  86             }
  87        }]
  88     });
  89
  90
  91 });