Changeset 599 for trunk

Timestamp:

02/11/09 09:16:50 (15 years ago)

Author:

ramonb

Message:

job_monarch/js/monarch.js:

• layout fixes to graph views

File:

• trunk/web2/addons/job_monarch/js/monarch.js (modified) (5 diffs)

trunk/web2/addons/job_monarch/js/monarch.js

@@ -897 +897 @@
                         style:          'overflow:auto',
                         multiSelect:    true,
-                        //autoHeight:   true,
+                        autoHeight:     true,
                         autoShow:       true,
+                        //autoScroll:   true,
                         loadMask:       true,
                         store:          store,
@@ -920 +921 @@
                 new Ext.TabPanel(
                 {
-                        id:             'images',
+                        id:             'tabPanel',
                         region:         'center',
                         bodyStyle:      'background: transparent',
                         autoShow:       true,
                         autoHeight:     true,
+                        autoWidth:      true,
                         //margins:      '2 2 2 0',
                         //layout:       'fit',
                         resizeTabs:     true,
-                        minTabWidth:    115,
-                        tabWidth:       135,
+                        minTabWidth:    60,
+                        //tabWidth:     135,
+                        //closeable:    true,
                         enableTabScroll:true,
-                        defaults:       {autoScroll:true},
-                        view:           view,
+                        resizeTabs:     true,
+                        //defaults:     {autoScroll:true},
                         listeners:
                         {
@@ -963 +966 @@
                         animCollapse:   true,
                         maximizable:    true,
+                        autoScroll:     true,
+                        defaults:       {autoScroll:true},
                         title:          'Node graph details',
                         //layout:               'fit',
@@ -995 +1000 @@
                                         }
                                 }
-
                         }),
 
-                        items:  [ panel ]
+                        items:  [ panel ],
+                        listeners:
+                        {
+                                resize:
+
+                                function(  myWindow, width, height )
+                                {
+                                        //var myPanel   = myWindow.getComponent( 'tabPanel' ).getEl();
+                                        var myPanel     = myWindow.items.get( 'tabPanel' );
+
+                                        var myView      = myPanel.getActiveTab();
+
+                                        //myView.doLayout();
+                                        myPanel.doLayout();
+                                        myWindow.doLayout();
+                                }
+                        }
                 });
 
@@ -1060 +1080 @@
                         lastView        = myPanel.add( graphView );
 
-                        //nodeDatastore.load();
-                        myPanel.setActiveTab( lastView );
-                }
+                        myPanel.doLayout();
+                }
+
+                myPanel.setActiveTab( lastView );
 
                 myWindow.show( Button );
-
-                myPanel.doLayout();
                 myWindow.doLayout();