Changeset 631

Timestamp:

07/31/09 12:45:57 (15 years ago)

Author:

ramonb

Message:

job_monarch/templates/header.tpl,

• fixed path typo

job_monarch/js/monarch.js:

• many tabbed graphs fixes

job_monarch/lib/extjs-30/tab-scroller-menu.css,
job_monarch/lib/extjs-30/ProgressBarPager.js,
job_monarch/lib/extjs-30/tab-scroller-menu.gif,
job_monarch/lib/extjs-30/TabScrollerMenu.js:

• import of some new ExtJS plugins

Location:

trunk/web/addons/job_monarch

Files:

• js/monarch.js (modified) (3 diffs)
• lib/extjs-30/ProgressBarPager.js (added)
• lib/extjs-30/TabScrollerMenu.js (added)
• lib/extjs-30/tab-scroller-menu.css (added)
• lib/extjs-30/tab-scroller-menu.gif (added)
• templates/header.tpl (modified) (2 diffs)

trunk/web/addons/job_monarch/js/monarch.js

@@ -950 +950 @@
 function createGraphPanel( view )
 {
+        var scrollerMenu = new Ext.ux.TabScrollerMenu(
+        {
+                maxText  : 15,
+                pageSize : 5
+        });
+
+
         var graphPanel = 
 
@@ -955 +962 @@
                 {
                         id:             'tabPanel',
-                        region:         'center',
+                        //region:               'center',
                         //bodyStyle:    'background: transparent',
                         autoShow:       true,
                         //autoHeight:   true,
-                        autoWidth:      true,
-                        //autoScroll:   true,
-                        //resizeTabs:   true,
+                        //autoWidth:    true,
+                        enableTabScroll:true,
+                        resizeTabs:     true,
+                        border:         false,
                         bodyStyle:      'overflow:auto; background: transparent; heigth: auto',
-                        //bodyStyle:    'overflow:auto; background: transparent',
-                        //bodyBorder:   false,
                         minTabWidth:    60,
-                        //tabWidth:     135,
-                        enableTabScroll:true,
-                        //resizeTabs:   false,
+                        plugins:        [ scrollerMenu ],
+
                         // RB TODO: range combobox; hour, day, week, etc
 
@@ -1023 +1028 @@
                         animCollapse:   true,
                         maximizable:    true,
+                        layout:         'fit',
                         //autoScroll:   true,
                         //defaults:     {autoScroll:true},
                         title:          'Node graph details',
-                        tbar:           panel,
+                        //tbar:         panel,
+                        items:          panel,
                 
                         listeners:

trunk/web/addons/job_monarch/templates/header.tpl

@@ -13 +13 @@
 <link rel="stylesheet" type="text/css" href="./lib/extjs/resources/css/ext-all.css" />
 <link rel="stylesheet" type="text/css" href="./css/styles.css" />
+<link rel="stylesheet" type="text/css" href="./lib/extjs/tab-scroller-menu.css" />
 
 <script type="text/javascript" src="./lib/extjs/adapter/ext/ext-base.js"></script>
@@ -23 +24 @@
 <script type="text/javascript" src="./lib/extjs/StatusBar.js"></script>
 <script type="text/javascript" src="./lib/extjs/ProgressBarPager.js"></script>
+<script type="text/javascript" src="./lib/extjs/TabScrollerMenu.js"></script>
 <script type="text/javascript" src="./js/monarch.js"></script>
 <script type="text/javascript">