[532] | 1 | var JobsDataStore; |
---|
| 2 | var JobsColumnModel; |
---|
| 3 | var JobListingEditorGrid; |
---|
| 4 | var JobListingWindow; |
---|
[535] | 5 | var JobProxy; |
---|
[546] | 6 | var myfilters = { }; |
---|
| 7 | var myparams = { }; |
---|
[558] | 8 | var mylimit = 15; |
---|
[549] | 9 | var ClusterImageArgs = { }; |
---|
[532] | 10 | |
---|
[546] | 11 | var filterfields = [ "jid", "queue", "name", "owner" ]; |
---|
| 12 | |
---|
[558] | 13 | Ext.namespace('Ext.ux'); |
---|
| 14 | |
---|
| 15 | Ext.ux.PageSizePlugin = function() { |
---|
| 16 | Ext.ux.PageSizePlugin.superclass.constructor.call(this, { |
---|
| 17 | store: new Ext.data.SimpleStore({ |
---|
| 18 | fields: ['text', 'value'], |
---|
[561] | 19 | data: [['10', 10], ['15', 15], ['20', 20], ['30', 30], ['50', 50], ['100', 100], ['max', 'max' ]] |
---|
[558] | 20 | }), |
---|
| 21 | mode: 'local', |
---|
| 22 | displayField: 'text', |
---|
| 23 | valueField: 'value', |
---|
| 24 | editable: false, |
---|
| 25 | allowBlank: false, |
---|
| 26 | triggerAction: 'all', |
---|
| 27 | width: 40 |
---|
| 28 | }); |
---|
| 29 | }; |
---|
| 30 | |
---|
| 31 | Ext.extend(Ext.ux.PageSizePlugin, Ext.form.ComboBox, { |
---|
| 32 | init: function(paging) { |
---|
| 33 | paging.on('render', this.onInitView, this); |
---|
| 34 | }, |
---|
| 35 | |
---|
| 36 | onInitView: function(paging) { |
---|
| 37 | paging.add('-', |
---|
| 38 | this, |
---|
| 39 | 'jobs per page' |
---|
| 40 | ); |
---|
| 41 | this.setValue(paging.pageSize); |
---|
| 42 | this.on('select', this.onPageSizeChanged, paging); |
---|
| 43 | }, |
---|
| 44 | |
---|
| 45 | onPageSizeChanged: function(combo) { |
---|
[561] | 46 | if ( combo.getValue() == 'max' ) |
---|
| 47 | mylimit = JobsDataStore.getTotalCount(); |
---|
| 48 | else |
---|
| 49 | mylimit = parseInt(combo.getValue()); |
---|
[560] | 50 | this.pageSize = mylimit; |
---|
[558] | 51 | this.doLoad(0); |
---|
| 52 | } |
---|
| 53 | }); |
---|
| 54 | |
---|
| 55 | Ext.namespace( 'Ext' ); |
---|
| 56 | |
---|
[549] | 57 | function makeArrayURL( somearr ) |
---|
[547] | 58 | { |
---|
[549] | 59 | filter_url = ''; |
---|
| 60 | filter_sep = ''; |
---|
| 61 | |
---|
| 62 | for( filtername in somearr ) |
---|
| 63 | { |
---|
| 64 | filter_url = filter_url + filter_sep + filtername + '=' + somearr[filtername]; |
---|
| 65 | filter_sep = '&'; |
---|
| 66 | } |
---|
| 67 | |
---|
| 68 | return filter_url; |
---|
[547] | 69 | } |
---|
| 70 | |
---|
[549] | 71 | |
---|
[546] | 72 | function isset( somevar ) |
---|
| 73 | { |
---|
| 74 | try |
---|
| 75 | { |
---|
| 76 | if( eval( somevar ) ) { } |
---|
| 77 | } |
---|
| 78 | catch( err ) |
---|
| 79 | { |
---|
| 80 | return false; |
---|
| 81 | } |
---|
| 82 | return true; |
---|
| 83 | } |
---|
| 84 | |
---|
| 85 | function inMyArray( arr, someval ) |
---|
| 86 | { |
---|
| 87 | for( arval in arr ) |
---|
| 88 | { |
---|
| 89 | if( arval == someval ) |
---|
| 90 | { |
---|
| 91 | return true; |
---|
| 92 | } |
---|
| 93 | } |
---|
| 94 | return false; |
---|
| 95 | } |
---|
| 96 | |
---|
| 97 | function inMyArrayValues( arr, someval ) |
---|
| 98 | { |
---|
| 99 | for( arkey in arr ) |
---|
| 100 | { |
---|
| 101 | if( arr[arkey] == someval ) |
---|
| 102 | { |
---|
| 103 | return true; |
---|
| 104 | } |
---|
| 105 | } |
---|
| 106 | return false; |
---|
| 107 | } |
---|
| 108 | |
---|
| 109 | function inMyArrayKeys( arr, someval ) |
---|
| 110 | { |
---|
| 111 | for( arkey in arr ) |
---|
| 112 | { |
---|
| 113 | if( arkey == someval ) |
---|
| 114 | { |
---|
| 115 | return true; |
---|
| 116 | } |
---|
| 117 | } |
---|
| 118 | return false; |
---|
| 119 | } |
---|
| 120 | |
---|
| 121 | function joinMyArray( arr1, arr2 ) |
---|
| 122 | { |
---|
| 123 | for( arkey in arr2 ) |
---|
| 124 | { |
---|
| 125 | arr1[arkey] = arr2[arkey]; |
---|
| 126 | } |
---|
| 127 | |
---|
| 128 | return arr1; |
---|
| 129 | } |
---|
| 130 | |
---|
[549] | 131 | function ClusterImageSelectHost( somehost ) |
---|
| 132 | { |
---|
| 133 | |
---|
| 134 | if( !inMyArrayKeys( myfilters, 'host' ) ) |
---|
| 135 | { |
---|
| 136 | myfilters['host'] = somehost; |
---|
| 137 | } |
---|
| 138 | else |
---|
| 139 | { |
---|
| 140 | delete myfilters['host']; |
---|
[550] | 141 | delete myparams['host']; |
---|
[549] | 142 | } |
---|
| 143 | |
---|
[550] | 144 | reloadClusterImage(); |
---|
| 145 | reloadJobStore(); |
---|
| 146 | |
---|
| 147 | return false; |
---|
| 148 | } |
---|
| 149 | |
---|
| 150 | function reloadJobStore() |
---|
| 151 | { |
---|
| 152 | // Respect any other parameters that may have been set outside filters |
---|
| 153 | // |
---|
| 154 | myparams = joinMyArray( myparams, myfilters ); |
---|
| 155 | |
---|
| 156 | // Can't be sure if there are enough pages for new filter: reset to page 1 |
---|
| 157 | // |
---|
[558] | 158 | myparams = joinMyArray( myparams, { start: 0, limit: mylimit } ); |
---|
[550] | 159 | |
---|
| 160 | JobsDataStore.reload( { params: myparams } ); |
---|
| 161 | } |
---|
| 162 | |
---|
[551] | 163 | function addListener(element, type, expression, bubbling) |
---|
| 164 | { |
---|
| 165 | bubbling = bubbling || false; |
---|
[553] | 166 | if(window.addEventListener) |
---|
| 167 | { // Standard |
---|
[551] | 168 | element.addEventListener(type, expression, bubbling); |
---|
| 169 | return true; |
---|
[553] | 170 | } |
---|
| 171 | else if(window.attachEvent) |
---|
| 172 | { // IE |
---|
[551] | 173 | element.attachEvent('on' + type, expression); |
---|
| 174 | return true; |
---|
[553] | 175 | } |
---|
| 176 | else |
---|
| 177 | return false; |
---|
[551] | 178 | } |
---|
| 179 | |
---|
| 180 | var ImageLoader = function( id, url ) |
---|
| 181 | { |
---|
| 182 | this.url = url; |
---|
| 183 | this.image = document.getElementById( id ); |
---|
| 184 | this.loadEvent = null; |
---|
| 185 | }; |
---|
| 186 | |
---|
[553] | 187 | ImageLoader.prototype = |
---|
| 188 | { |
---|
| 189 | load:function() |
---|
| 190 | { |
---|
[551] | 191 | var url = this.url; |
---|
| 192 | var image = this.image; |
---|
| 193 | var loadEvent = this.loadEvent; |
---|
[553] | 194 | addListener( this.image, 'load', function(e) |
---|
| 195 | { |
---|
| 196 | if( loadEvent != null ) |
---|
| 197 | { |
---|
| 198 | loadEvent( url, image ); |
---|
[551] | 199 | } |
---|
| 200 | }, false); |
---|
| 201 | this.image.src = this.url; |
---|
| 202 | }, |
---|
[553] | 203 | getImage: function() |
---|
| 204 | { |
---|
[551] | 205 | return this.image; |
---|
| 206 | } |
---|
| 207 | }; |
---|
| 208 | |
---|
[556] | 209 | function achorJobListing() |
---|
| 210 | { |
---|
| 211 | JobListingWindow.anchorTo( "ClusterImageWindow", "tr-br", [ 0, 10 ] ); |
---|
| 212 | } |
---|
| 213 | |
---|
| 214 | function setClusterImagePosition() |
---|
| 215 | { |
---|
| 216 | ci_x = (window.innerWidth - ClusterImageWindow.getSize()['width'] - 20); |
---|
| 217 | ClusterImageWindow.setPosition( ci_x, 10 ); |
---|
| 218 | } |
---|
| 219 | |
---|
[550] | 220 | function reloadClusterImage() |
---|
| 221 | { |
---|
[549] | 222 | ClusterImageArgs['view'] = 'big-clusterimage'; |
---|
| 223 | |
---|
| 224 | filt_url = makeArrayURL( myfilters ); |
---|
| 225 | imag_url = makeArrayURL( ClusterImageArgs ); |
---|
[551] | 226 | img_url = './image.php?' + filt_url + '&' + imag_url; |
---|
[549] | 227 | |
---|
[551] | 228 | var newClusterImage = new ImageLoader( 'clusterimage', img_url ); |
---|
[553] | 229 | newClusterImage.loadEvent = function( url, image ) |
---|
| 230 | { |
---|
| 231 | ClusterImageWindow.getBottomToolbar().clearStatus( { useDefaults:true } ); |
---|
[556] | 232 | setTimeout( "resizeClusterImage()", 250 ); |
---|
| 233 | setTimeout( "setClusterImagePosition()", 500 ); |
---|
| 234 | setTimeout( "achorJobListing()", 1000 ); |
---|
[553] | 235 | } |
---|
[551] | 236 | |
---|
| 237 | ClusterImageWindow.getBottomToolbar().showBusy(); |
---|
| 238 | newClusterImage.load(); |
---|
[549] | 239 | } |
---|
| 240 | |
---|
[555] | 241 | function resizeClusterImage() |
---|
| 242 | { |
---|
[556] | 243 | var ci_height = document.getElementById( "clusterimage" ).height + ClusterImageWindow.getFrameHeight(); |
---|
| 244 | var ci_width = document.getElementById( "clusterimage" ).width + ClusterImageWindow.getFrameWidth(); |
---|
[555] | 245 | |
---|
| 246 | ClusterImageWindow.setSize( ci_width, ci_height ); |
---|
| 247 | } |
---|
| 248 | |
---|
[558] | 249 | Ext.apply(Ext.form.VTypes, { |
---|
| 250 | num: function(val, field) { |
---|
| 251 | |
---|
| 252 | if (val) { |
---|
| 253 | var strValidChars = "0123456789"; |
---|
| 254 | var blnResult = true; |
---|
| 255 | |
---|
| 256 | if (val.length == 0) return false; |
---|
| 257 | |
---|
| 258 | // test strString consists of valid characters listed above |
---|
| 259 | for (i = 0; i < val.length && blnResult == true; i++) |
---|
| 260 | { |
---|
| 261 | strChar = val.charAt(i); |
---|
| 262 | if (strValidChars.indexOf(strChar) == -1) |
---|
| 263 | { |
---|
| 264 | blnResult = false; |
---|
| 265 | } |
---|
| 266 | } |
---|
| 267 | return blnResult; |
---|
| 268 | |
---|
| 269 | } |
---|
| 270 | }, |
---|
| 271 | numText: 'Must be numeric' |
---|
| 272 | }); |
---|
| 273 | |
---|
[536] | 274 | function initJobGrid() { |
---|
| 275 | |
---|
[532] | 276 | Ext.QuickTips.init(); |
---|
| 277 | |
---|
[541] | 278 | function jobCellClick(grid, rowIndex, columnIndex, e) |
---|
| 279 | { |
---|
[543] | 280 | var record = grid.getStore().getAt(rowIndex); // Get the Record |
---|
[541] | 281 | var fieldName = grid.getColumnModel().getDataIndex(columnIndex); |
---|
[543] | 282 | var data = record.get(fieldName); |
---|
[541] | 283 | var view = grid.getView(); |
---|
| 284 | var cell = view.getCell( rowIndex, columnIndex ); |
---|
| 285 | |
---|
[542] | 286 | if( fieldName == 'owner' || fieldName == 'jid' || fieldName == 'status' || fieldName == 'queue' ) |
---|
[541] | 287 | { |
---|
[550] | 288 | if( inMyArrayKeys( myfilters, fieldName ) ) |
---|
[543] | 289 | { |
---|
| 290 | Ext.fly(cell).removeClass( 'filterenabled' ); |
---|
| 291 | Ext.fly(cell).addClass( 'filter' ); |
---|
| 292 | |
---|
[546] | 293 | // Remove this filter |
---|
| 294 | // |
---|
[543] | 295 | delete myfilters[fieldName]; |
---|
[546] | 296 | delete myparams[fieldName]; |
---|
[543] | 297 | |
---|
[550] | 298 | reloadJobStore(); |
---|
| 299 | reloadClusterImage(); |
---|
[543] | 300 | } |
---|
| 301 | else |
---|
| 302 | { |
---|
| 303 | Ext.fly(cell).removeClass( 'filter' ); |
---|
| 304 | Ext.fly(cell).addClass( 'filterenabled' ); |
---|
| 305 | |
---|
[546] | 306 | // Set filter for selected column to selected cell value |
---|
| 307 | // |
---|
[543] | 308 | myfilters[fieldName] = data; |
---|
| 309 | |
---|
[550] | 310 | reloadJobStore(); |
---|
| 311 | reloadClusterImage(); |
---|
[543] | 312 | } |
---|
[541] | 313 | } |
---|
| 314 | } |
---|
| 315 | |
---|
| 316 | function jobCellRender( value, metadata, record, rowindex, colindex, store ) |
---|
| 317 | { |
---|
| 318 | var fieldName = JobsColumnModel.getColumnById( colindex ).dataIndex; |
---|
| 319 | |
---|
[542] | 320 | if( fieldName == 'owner' || fieldName == 'jid' || fieldName == 'status' || fieldName == 'queue' ) |
---|
[541] | 321 | { |
---|
[543] | 322 | if( myfilters[fieldName] != null ) |
---|
| 323 | { |
---|
| 324 | metadata.css = 'filterenabled'; |
---|
| 325 | } |
---|
| 326 | else |
---|
| 327 | { |
---|
| 328 | metadata.css = 'filter'; |
---|
| 329 | } |
---|
[541] | 330 | } |
---|
| 331 | return value; |
---|
| 332 | } |
---|
| 333 | |
---|
[532] | 334 | JobProxy = new Ext.data.HttpProxy({ |
---|
[536] | 335 | url: 'jobstore.php', |
---|
[532] | 336 | method: 'POST' |
---|
| 337 | }); |
---|
| 338 | |
---|
| 339 | JobsDataStore = new Ext.data.Store({ |
---|
| 340 | id: 'JobsDataStore', |
---|
| 341 | proxy: JobProxy, |
---|
[553] | 342 | baseParams: { task: "LISTING" }, |
---|
[532] | 343 | reader: new Ext.data.JsonReader({ |
---|
| 344 | root: 'results', |
---|
| 345 | totalProperty: 'total', |
---|
| 346 | id: 'id' |
---|
| 347 | },[ |
---|
| 348 | {name: 'jid', type: 'int', mapping: 'jid'}, |
---|
| 349 | {name: 'status', type: 'string', mapping: 'status'}, |
---|
| 350 | {name: 'owner', type: 'string', mapping: 'owner'}, |
---|
| 351 | {name: 'queue', type: 'string', mapping: 'queue'}, |
---|
| 352 | {name: 'name', type: 'string', mapping: 'name'}, |
---|
| 353 | {name: 'requested_time', type: 'string', mapping: 'requested_time'}, |
---|
[553] | 354 | {name: 'requested_memory', type: 'string', mapping: 'requested_memory'}, |
---|
[532] | 355 | {name: 'ppn', type: 'int', mapping: 'ppn'}, |
---|
[535] | 356 | {name: 'nodect', type: 'int', mapping: 'nodect'}, |
---|
[532] | 357 | {name: 'nodes', type: 'string', mapping: 'nodes'}, |
---|
| 358 | {name: 'queued_timestamp', type: 'string', mapping: 'queued_timestamp'}, |
---|
[535] | 359 | {name: 'start_timestamp', type: 'string', mapping: 'start_timestamp'}, |
---|
| 360 | {name: 'runningtime', type: 'string', mapping: 'runningtime'} |
---|
[532] | 361 | ]), |
---|
[553] | 362 | sortInfo: { field: 'jid', direction: "DESC" }, |
---|
[537] | 363 | remoteSort: true |
---|
[532] | 364 | }); |
---|
[560] | 365 | |
---|
| 366 | var CheckJobs = new Ext.grid.CheckboxSelectionModel(); |
---|
| 367 | |
---|
[532] | 368 | JobsColumnModel = new Ext.grid.ColumnModel( |
---|
[560] | 369 | [ CheckJobs, |
---|
| 370 | { |
---|
[532] | 371 | header: '#', |
---|
[535] | 372 | tooltip: 'Job id', |
---|
[532] | 373 | readOnly: true, |
---|
| 374 | dataIndex: 'jid', |
---|
| 375 | width: 50, |
---|
[541] | 376 | hidden: false, |
---|
| 377 | renderer: jobCellRender |
---|
[532] | 378 | },{ |
---|
| 379 | header: 'S', |
---|
[535] | 380 | tooltip: 'Job status', |
---|
[532] | 381 | readOnly: true, |
---|
| 382 | dataIndex: 'status', |
---|
| 383 | width: 20, |
---|
[541] | 384 | hidden: false, |
---|
| 385 | renderer: jobCellRender |
---|
[532] | 386 | },{ |
---|
| 387 | header: 'User', |
---|
[535] | 388 | tooltip: 'Owner of job', |
---|
[532] | 389 | readOnly: true, |
---|
| 390 | dataIndex: 'owner', |
---|
| 391 | width: 60, |
---|
[541] | 392 | hidden: false, |
---|
| 393 | renderer: jobCellRender |
---|
[532] | 394 | },{ |
---|
| 395 | header: 'Queue', |
---|
[535] | 396 | tooltip: 'In which queue does this job reside', |
---|
[532] | 397 | readOnly: true, |
---|
| 398 | dataIndex: 'queue', |
---|
| 399 | width: 60, |
---|
[541] | 400 | hidden: false, |
---|
| 401 | renderer: jobCellRender |
---|
[532] | 402 | },{ |
---|
| 403 | header: 'Name', |
---|
[535] | 404 | tooltip: 'Name of job', |
---|
[532] | 405 | readOnly: true, |
---|
| 406 | dataIndex: 'name', |
---|
| 407 | width: 100, |
---|
| 408 | hidden: false |
---|
| 409 | },{ |
---|
[534] | 410 | header: 'Requested Time', |
---|
[535] | 411 | tooltip: 'Amount of requested time (wallclock)', |
---|
[532] | 412 | readOnly: true, |
---|
| 413 | dataIndex: 'requested_time', |
---|
| 414 | width: 100, |
---|
| 415 | hidden: false |
---|
| 416 | },{ |
---|
| 417 | header: 'Requested Memory', |
---|
[535] | 418 | tooltip: 'Amount of requested memory', |
---|
[532] | 419 | readOnly: true, |
---|
| 420 | dataIndex: 'requested_memory', |
---|
| 421 | width: 100, |
---|
| 422 | hidden: true |
---|
| 423 | },{ |
---|
[535] | 424 | header: 'P', |
---|
| 425 | tooltip: 'Number of processors per node (PPN)', |
---|
[532] | 426 | readOnly: true, |
---|
| 427 | dataIndex: 'ppn', |
---|
| 428 | width: 25, |
---|
| 429 | hidden: false |
---|
| 430 | },{ |
---|
[535] | 431 | header: 'N', |
---|
| 432 | tooltip: 'Number of nodes (hosts)', |
---|
[532] | 433 | readOnly: true, |
---|
[535] | 434 | dataIndex: 'nodect', |
---|
[532] | 435 | width: 25, |
---|
| 436 | hidden: false |
---|
| 437 | },{ |
---|
| 438 | header: 'Nodes', |
---|
| 439 | readOnly: true, |
---|
| 440 | dataIndex: 'nodes', |
---|
| 441 | width: 100, |
---|
| 442 | hidden: true |
---|
| 443 | },{ |
---|
| 444 | header: 'Queued', |
---|
[535] | 445 | tooltip: 'At what time did this job enter the queue', |
---|
[532] | 446 | readOnly: true, |
---|
| 447 | dataIndex: 'queued_timestamp', |
---|
[552] | 448 | width: 120, |
---|
[532] | 449 | hidden: false |
---|
| 450 | },{ |
---|
| 451 | header: 'Started', |
---|
[535] | 452 | tooltip: 'At what time did this job enter the running status', |
---|
[532] | 453 | readOnly: true, |
---|
| 454 | dataIndex: 'start_timestamp', |
---|
[552] | 455 | width: 120, |
---|
[532] | 456 | hidden: false |
---|
[535] | 457 | },{ |
---|
| 458 | header: 'Runningtime', |
---|
| 459 | tooltip: 'How long has this job been in the running status', |
---|
| 460 | readOnly: true, |
---|
| 461 | dataIndex: 'runningtime', |
---|
| 462 | width: 140, |
---|
| 463 | hidden: false |
---|
[532] | 464 | }] |
---|
| 465 | ); |
---|
| 466 | JobsColumnModel.defaultSortable= true; |
---|
| 467 | |
---|
[560] | 468 | var win; |
---|
| 469 | |
---|
[532] | 470 | JobListingEditorGrid = new Ext.grid.EditorGridPanel({ |
---|
| 471 | id: 'JobListingEditorGrid', |
---|
| 472 | store: JobsDataStore, |
---|
| 473 | cm: JobsColumnModel, |
---|
| 474 | enableColLock:false, |
---|
| 475 | clicksToEdit:1, |
---|
[544] | 476 | loadMask: true, |
---|
[537] | 477 | selModel: new Ext.grid.RowSelectionModel({singleSelect:false}), |
---|
[547] | 478 | stripeRows: true, |
---|
[560] | 479 | sm: CheckJobs, |
---|
[537] | 480 | bbar: new Ext.PagingToolbar({ |
---|
[558] | 481 | pageSize: 15, |
---|
[537] | 482 | store: JobsDataStore, |
---|
[539] | 483 | displayInfo: true, |
---|
| 484 | displayMsg: 'Displaying jobs {0} - {1} out of {2} jobs total found.', |
---|
[558] | 485 | emptyMsg: 'No jobs found to display', |
---|
| 486 | plugins: [new Ext.ux.PageSizePlugin()] |
---|
[538] | 487 | }), |
---|
| 488 | tbar: [ new Ext.app.SearchField({ |
---|
| 489 | store: JobsDataStore, |
---|
[558] | 490 | params: {start: 0, limit: mylimit}, |
---|
[538] | 491 | width: 200 |
---|
[560] | 492 | }), |
---|
| 493 | new Ext.Button({ |
---|
| 494 | text: 'Show nodes', |
---|
| 495 | tooltip: 'Show nodes for selected jobs', |
---|
| 496 | iconCls: 'option', |
---|
| 497 | listeners: { |
---|
| 498 | 'click': { |
---|
| 499 | scope: this, |
---|
| 500 | fn: function() { |
---|
| 501 | if(!win){ |
---|
| 502 | win = new Ext.Window({ |
---|
| 503 | width : 500, |
---|
| 504 | height : 300, |
---|
| 505 | closeAction :'hide', |
---|
| 506 | }); |
---|
| 507 | } |
---|
| 508 | win.show( this ); |
---|
| 509 | } |
---|
| 510 | } |
---|
| 511 | } |
---|
| 512 | }) |
---|
[538] | 513 | ] |
---|
[532] | 514 | }); |
---|
| 515 | |
---|
[547] | 516 | ClusterImageWindow = new Ext.Window({ |
---|
| 517 | id: 'ClusterImageWindow', |
---|
[554] | 518 | title: 'Nodes', |
---|
| 519 | closable: true, |
---|
[547] | 520 | collapsible: true, |
---|
| 521 | animCollapse: true, |
---|
[555] | 522 | width: 1, |
---|
| 523 | height: 1, |
---|
[552] | 524 | y: 15, |
---|
[554] | 525 | plain: true, |
---|
[547] | 526 | shadow: true, |
---|
[556] | 527 | resizable: false, |
---|
[547] | 528 | shadowOffset: 10, |
---|
[551] | 529 | layout: 'fit', |
---|
| 530 | bbar: new Ext.StatusBar({ |
---|
| 531 | defaultText: 'Ready.', |
---|
| 532 | id: 'basic-statusbar', |
---|
[559] | 533 | defaultIconCls: '' |
---|
[551] | 534 | }) |
---|
[547] | 535 | }); |
---|
| 536 | |
---|
[554] | 537 | GraphSummaryWindow = new Ext.Window({ |
---|
| 538 | id: 'GraphSummaryWindow', |
---|
| 539 | title: 'Graph Summary', |
---|
| 540 | closable: true, |
---|
| 541 | collapsible: true, |
---|
| 542 | animCollapse: true, |
---|
| 543 | width: 300, |
---|
| 544 | height: 500, |
---|
[556] | 545 | x: 10, |
---|
| 546 | y: 10, |
---|
[554] | 547 | plain: true, |
---|
| 548 | shadow: true, |
---|
| 549 | resizable: true, |
---|
| 550 | shadowOffset: 10, |
---|
| 551 | layout: 'table', |
---|
| 552 | layoutConfig: { |
---|
| 553 | columns: 2 |
---|
| 554 | }, |
---|
| 555 | defaults:{border: false}, |
---|
| 556 | items: [{ |
---|
| 557 | id: 'monarchlogo', |
---|
| 558 | cls: 'monarch', |
---|
| 559 | bodyStyle: 'background: transparent', |
---|
| 560 | html: '<A HREF="https://subtrac.sara.nl/oss/jobmonarch/" TARGET="_blank"><IMG SRC="./jobmonarch.gif" ALT="Job Monarch" BORDER="0"></A>' |
---|
| 561 | //colspan: 2 |
---|
| 562 | },{ |
---|
| 563 | id: 'summarycount' |
---|
| 564 | },{ |
---|
| 565 | id: 'rjqjgraph' |
---|
| 566 | },{ |
---|
| 567 | id: 'pie', |
---|
| 568 | colspan: 2 |
---|
| 569 | }], |
---|
| 570 | bbar: new Ext.StatusBar({ |
---|
| 571 | defaultText: 'Ready.', |
---|
| 572 | id: 'basic-statusbar', |
---|
| 573 | defaultIconCls: '' |
---|
| 574 | }) |
---|
| 575 | }); |
---|
| 576 | |
---|
[532] | 577 | JobListingWindow = new Ext.Window({ |
---|
| 578 | id: 'JobListingWindow', |
---|
| 579 | title: 'Cluster Jobs Overview', |
---|
| 580 | closable:true, |
---|
[540] | 581 | collapsible: true, |
---|
| 582 | animCollapse: true, |
---|
| 583 | maximizable: true, |
---|
[552] | 584 | y: 375, |
---|
| 585 | width:860, |
---|
[559] | 586 | height:427, |
---|
[532] | 587 | plain:true, |
---|
[540] | 588 | shadow: true, |
---|
| 589 | shadowOffset: 10, |
---|
[532] | 590 | layout: 'fit', |
---|
| 591 | items: JobListingEditorGrid |
---|
| 592 | }); |
---|
[541] | 593 | |
---|
| 594 | JobListingEditorGrid.addListener( 'cellclick', jobCellClick ); |
---|
[536] | 595 | } |
---|