WebUI TaskManager: Supports background-page mode.

chrome/browser/resources/task_manager/main.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /** @constructor */
 function TaskManager() { }
 
 cr.addSingletonGetter(TaskManager);
 
 /*
@@ skipping 76 matching lines @@
   /**
    * Initializes taskmanager.
    * @public
    */
   initialize: function (dialogDom) {
     if (!dialogDom) {
       console.log('ERROR: dialogDom is not defined.');
       return;
     }
 
+    this.background_mode = (location.hash == '#bg');

[xiyuan, 2011/08/11 17:14:13]

nit: background_mode -> backgroundMode

[xiyuan, 2011/08/11 17:14:13]

Could we pass backgroundMode from outside instead of referencing location.hash
in here?

+
     this.initialized_ = true;
     this.enableTaskManager();
 
     this.dialogDom_ = dialogDom;
     this.document_ = dialogDom.ownerDocument;
 
     $('close-window').addEventListener('click', this.close.bind(this));
     $('kill-process').addEventListener('click', this.killProcess.bind(this));
     $('about-memory-link').addEventListener('click',
                                             this.openAboutMemory.bind(this));
@@ skipping 50 matching lines @@
       if (!this.is_column_shown_[i])
         continue;
 
       var column = DEFAULT_COLUMNS[i];
       table_columns.push(new cr.ui.table.TableColumn(column[0],
                                                      this.localized_column_[i],
                                                      column[2]));
     }
 
     for (var i = 0; i < table_columns.length; i++) {
-      table_columns[i].renderFunction = this.renderText_.bind(this);
+      table_columns[i].renderFunction = this.renderColumn_.bind(this);
     }
 
     this.columnModel_ = new cr.ui.table.TableColumnModel(table_columns);
   },
 
   initColumnMenu_: function () {
     this.column_menu_commands_ = [];
 
     this.commandsElement_ = this.document_.createElement('commands');
     this.document_.body.appendChild(this.commandsElement_);
@@ skipping 39 matching lines @@
 
     this.table_ = this.dialogDom_.querySelector('.detail-table');
     cr.ui.Table.decorate(this.table_);
 
     this.table_.dataModel = this.dataModel_;
     this.table_.selectionModel = this.selectionModel_;
     this.table_.columnModel = this.columnModel_;
 
     // Expands height of row when a process has some tasks.
     this.table_.autoExpands = true;
+
+    // Sets custom row render function.
+    this.table_.setRenderFunction(this.renderRow_.bind(this));
   },
 
-  renderText_: function(entry, columnId, table) {
+  renderRow_: function(dataItem, table) {
+    var cm = this.table_.columnModel;

[xiyuan, 2011/08/11 17:14:13]

Should we use table instread of this.table_?

+    var listItem = new cr.ui.ListItem({label: ''});
+
+    listItem.className = 'table-row';
+    if (this.background_mode && dataItem.isBackgroundResource)
+      listItem.className += ' table-background-row';
+
+    for (var i = 0; i < cm.size; i++) {
+      var cell = document.createElement('div');
+      cell.style.width = cm.getWidth(i) + '%';
+      cell.className = 'table-row-cell';
+      cell.appendChild(
+          cm.getRenderFunction(i).call(null, dataItem, cm.getId(i), table));
+
+      listItem.appendChild(cell);
+    }
+
+    return listItem;
+  },
+
+  renderColumn_: function(entry, columnId, table) {
     var container = this.document_.createElement('div');
     container.id = 'detail-container-' + columnId + '-pid' + entry.processId;
     container.className = 'detail-container-' + columnId;
 
     if (entry[columnId]) {
       for (var i = 0; i < entry[columnId].length; i++) {
         var label = document.createElement('div');
         if (columnId == 'title') {
           var image = this.document_.createElement('img');
           image.className = 'detail-title-image';
@@ skipping 126 matching lines @@
   taskmanager.onTaskChange(start, length, tasks);
 }
 
 function taskRemoved(start, length) {
   // Sometimes this can get called too early.
   if (!taskmanager)
     return;
   taskmanager.onTaskRemove(start, length);
 }