Progress towards conversion to using Ext JS 3.0 (RC 2 for the moment).

[htsworkflow.git] / www / js / htsw.js

diff --git a/www/js/htsw.js b/www/js/htsw.js
new file mode 100644 (file)
index 0000000..9e3c7ef
--- /dev/null
+++ b/www/js/htsw.js
@@ -0,0 +1,91 @@
+
+$(document).ready(function(){
+    /*var menuAccordionPanel = new Ext.Panel({
+    
+    });*/
+    
+    var mainBorderPanel = new Ext.Viewport({
+       layout: 'border',
+       items: [{
+            region: 'north',
+            layout: 'vBox',
+            layoutConfig: {
+                align: 'stretch',
+                pack: 'start'
+            },
+            items: [{
+                    xtype: 'box',
+                    applyTo: 'header',
+                    id: 'header-panel',
+                    height: 30
+                },{
+                    xtype: 'toolbar',
+                    //height: 100,
+                    items: [{
+                        text: "Button"  
+                    }],
+                    margins: '2 0 0 0'
+            }],
+            height: 60 
+       },{
+            title: 'Menu',
+            region: 'west',
+            margins: '2 0 0 0',
+            width: 200,
+            collapsible: true,
+            cmargins: '2 2 0 2',
+            id: 'menu-panel',
+            layout: 'vBox',
+            layoutConfig: {
+                align: 'stretch',
+                pack: 'start'
+            },
+            items: [
+                {
+                    flex: 1,
+                    id: 'menu_accordion',
+                    layout: 'accordion',
+                    layoutConfig: {
+                        animate: true,
+                        fill: false
+                    },
+                    items: [{
+                        title: 'Freezers',
+                        id: 'freezers_menu_panel',
+                        contentEl: 'freezer_menu'
+                    },{
+                        title: 'Containers',
+                        id: 'containers_menu_panel',
+                        contentEl: 'container_menu'
+                    },{
+                        title: 'Samples',
+                        id: 'samples_menu_panel',
+                        contentEl: 'sample_menu'
+                    },{
+                        title: 'Settings',
+                        id: 'settings_menu_panel',
+                        contentEl: 'settings_menu'
+                    }]
+                },{
+                    xtype: 'box',
+                    applyTo: 'bcmagic_div',
+                    height: 200
+                }]
+            
+            //unstyled: true
+       },{
+            title: 'Body',
+            region: 'center',
+            xtype: 'container',
+            layout: 'fit',
+            margins: '2 2 2 2',
+            items: {
+                //title: 'Inner Panel',
+                contentEl: 'body_content',
+                border: true
+            }
+       }]
+    });
+    
+    
+});
\ No newline at end of file