Changeset 642


Ignore:
Timestamp:
08/04/09 21:22:56 (12 years ago)
Author:
ramonb
Message:

job_monarch/js/monarch.js:

  • add job info pane to graph panel
File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/addons/job_monarch/js/monarch.js

    r641 r642  
    707707                                if( records.length == 1 ) // TODO: if job state is running
    708708                                {
    709                                         jobid           = records[0].get('jid');
    710 
    711                                         myPanel         = createGraphPanel();
    712                                         nodeDatastore   = createNodesDataStore( myparams.c, jobid );
    713                                         graphView       = createGraphView( nodeDatastore, jobid );
     709                                        jobid                   = records[0].get('jid');
     710
     711                                        var myPanel             = createGraphPanel();
     712                                        var nodeDatastore       = createNodesDataStore( myparams.c, jobid );
     713                                        var graphView           = createGraphView( nodeDatastore, jobid );
     714                                        var graphTab            = createGraphTab( graphView, jobid );
    714715
    715716                                        //graphView.autoShow = true;
    716717
    717                                         newtab = myPanel.add( graphView );
     718                                        //newtab = myPanel.add( graphView );
     719                                        var newtab = myPanel.add( graphTab );
    718720                                        myPanel.setActiveTab( newtab );
    719721                                        myPanel.doLayout();
     
    928930                                'task':                 "GETNODES",
    929931                                'c':                    cluster,
    930                                 'jid':                  jid
     932                                'jid':                  jid,
     933                                'metricname':           'load_one'
    931934                        },
    932935                        reader: new Ext.data.JsonReader(
     
    969972                        //id:           'jobPanel',
    970973                        itemSelector:   'thumb',
     974                        region:         'center',
    971975                        title:          jid,
    972976                        style:          'overflow:auto, heigth: auto',
     
    990994}
    991995
     996function createGraphTab( view, jobid )
     997{
     998        var graphTab =
     999
     1000                new Ext.Panel(
     1001                {
     1002                        title:  jobid,
     1003                        layout: 'border',
     1004
     1005                        items:
     1006                        [
     1007                                view,
     1008                                {
     1009                                        region:         'west',
     1010                                        split:          true,
     1011                                        title:          'Job info',
     1012                                        width:          200,
     1013                                        layout:         'fit',
     1014                                        //id:           'jobinfo-pane',
     1015                                        collapsible:    true,
     1016                                        border:         true
     1017                                }
     1018                        ]
     1019                });
     1020
     1021        return graphTab;
     1022}
     1023
     1024
    9921025function createGraphPanel( view )
    9931026{
     
    10051038                        //id:           'tabPanel',
    10061039                        xtype:          'tabpanel',
     1040                        //layout:               'border',
    10071041                        //region:               'center',
    10081042                        //bodyStyle:    'background: transparent',
     
    10121046                        enableTabScroll:true,
    10131047                        resizeTabs:     true,
    1014                         border:         false,
     1048                        //border:               false,
    10151049                        bodyStyle:      'overflow:auto; background: transparent; heigth: auto',
    10161050                        minTabWidth:    60,
     
    10391073                                        listeners:
    10401074                                        {
    1041                                                 select:
     1075                                        //      select:
    10421076                                                               
    1043                                                 function(combo, record, index)
    1044                                                 {
    1045                                                         var metric      = record.data.name;
    1046 
    1047                                                         var parentPanel = this.findParentByType( 'tabpanel' );
     1077                                        //      function(combo, record, index)
     1078                                        //      {
     1079                                        //              var metric      = record.data.name;
     1080
     1081                                        //              var parentPanel = this.findParentByType( 'tabpanel' );
    10481082                                                        //var parentPanel       = Ext.getCmp( this.el.up( 'div.x-tab-panel' ).id );
    1049                                                         var my_dataview = parentPanel.getActiveTab();
    1050 
    1051                                                         my_dataview.getStore().baseParams.metricname    = metric;
    1052                                                         my_dataview.getStore().reload();
    1053                                                 }
     1083                                        //              var my_dataview = parentPanel.getActiveTab().findByType(Ext.DataView);
     1084
     1085                                        //              my_dataview.getStore().baseParams.metricname    = metric;
     1086                                        //              my_dataview.getStore().reload();
     1087                                        //      }
    10541088                                        }
    10551089                                })
    10561090                        ]
     1091
     1092                        //listeners:
     1093                        //{
     1094                        //      tabchange:
     1095                               
     1096                        //      function( panel, tab )
     1097                        //      {
     1098                        //              if( panel.rendered )
     1099                        //              {
     1100                        //                      combobox        = tab.findParentByType( 'tabpanel' );
     1101                        //                      alert( combobox.xtype );
     1102                        //                      combobox.value  = tab.getStore().baseParams.metricname;
     1103                        //              }
     1104                        //      }
     1105                        //}
    10571106                });
    10581107
     
    10761125                        //autoScroll:   true,
    10771126                        //defaults:     {autoScroll:true},
    1078                         title:          'Node graph details',
     1127                        title:          'Jobs',
    10791128                        //tbar:         panel,
    1080                         items:          panel,
     1129                        items:          [ panel ]
    10811130               
    10821131                        //listeners:
     
    11061155        var nodeDatastore;
    11071156        var graphView;
     1157        var graphTab;
    11081158        var myWindow;
    11091159        var myPanel;
     
    11551205                        nodeDatastore   = createNodesDataStore( myparams.c, graphJids[w][t] );
    11561206                        graphView       = createGraphView( nodeDatastore, graphJids[w][t] );
     1207                        graphTab        = createGraphTab( graphView, graphJids[w][t] );
    11571208
    11581209                        nodeDatastore.removeAll();
    11591210
    1160                         lastView        = myPanel.add( graphView );
     1211                        lastView        = myPanel.add( graphTab );
    11611212
    11621213                        myPanel.doLayout();
Note: See TracChangeset for help on using the changeset viewer.