Find feature for tracing, at long last.

chrome/browser/resources/tracing/profiling_view.js

 // Copyright (c) 2012 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.
 
 'use strict';
 
 /**
- * @fileoverview ProfilingView visualizes TRACE_EVENT events using the
- * tracing.Timeline component.
+ * @fileoverview ProfilingView glues the TimelineView control to
+ * TracingController.
  */
 cr.define('tracing', function() {
   /**
    * ProfilingView
    * @constructor
    * @extends {ui.TabPanel}
    */
   var ProfilingView = cr.ui.define(cr.ui.TabPanel);
 
   ProfilingView.prototype = {
     __proto__: cr.ui.TabPanel.prototype,
 
     traceEvents_: [],
     systemTraceEvents_: [],
 
     decorate: function() {
       cr.ui.TabPanel.prototype.decorate.apply(this);
       this.classList.add('profiling-view');
 
       // make the <list>/add/save/record element
-      this.controlDiv_ = document.createElement('div');
-      this.controlDiv_.className = 'control';
-      this.appendChild(this.controlDiv_);
-
-      var tracingEl = document.createElement('span');
-      tracingEl.textContent = 'Tracing: ';
-
       this.recordBn_ = document.createElement('button');
       this.recordBn_.className = 'record';
       this.recordBn_.textContent = 'Record';
       this.recordBn_.addEventListener('click', this.onRecord_.bind(this));
 
       this.saveBn_ = document.createElement('button');
       this.saveBn_.textContent = 'Save';
       this.saveBn_.addEventListener('click', this.onSave_.bind(this));
 
       this.loadBn_ = document.createElement('button');
       this.loadBn_.textContent = 'Load';
       this.loadBn_.addEventListener('click', this.onLoad_.bind(this));
 
-      this.container_ = document.createElement('div');
-      this.container_.className = 'container';
-
-      this.timelineView_ = new tracing.TimelineView();
-
-      this.controlDiv_.appendChild(tracingEl);
-      this.controlDiv_.appendChild(this.recordBn_);
-      this.controlDiv_.appendChild(this.loadBn_);
-      this.controlDiv_.appendChild(this.saveBn_);
-
       if (cr.isChromeOS) {
         this.systemTracingBn_ = document.createElement('input');
         this.systemTracingBn_.type = 'checkbox';
         this.systemTracingBn_.checked = true;
 
         var systemTracingLabelEl = document.createElement('div');
         systemTracingLabelEl.className = 'label';
         systemTracingLabelEl.textContent = 'System events';
         systemTracingLabelEl.appendChild(this.systemTracingBn_);
-
-        this.controlDiv_.appendChild(systemTracingLabelEl);
       }
 
-      this.container_.appendChild(this.timelineView_);
-      this.appendChild(this.container_);
+      this.timelineView_ = new tracing.TimelineView();
+      this.timelineView_.leftControls.appendChild(this.recordBn_);
+      this.timelineView_.leftControls.appendChild(this.saveBn_);
+      this.timelineView_.leftControls.appendChild(this.loadBn_);
+      if (cr.isChromeOS)
+        this.timelineView_.leftControls.appendChild(this.systemTracingBn_);
+
+      this.appendChild(this.timelineView_);
 
       document.addEventListener('keypress', this.onKeypress_.bind(this));
 
       this.refresh_();
     },
 
     didSetTracingController_: function(value, oldValue) {
       if (oldValue)
         throw 'Can only set tracing controller once.';
 
@@ skipping 105 matching lines @@
     }
   };
 
   cr.defineProperty(ProfilingView, 'tracingController', cr.PropertyKind.JS,
                     ProfilingView.prototype.didSetTracingController_);
 
   return {
     ProfilingView: ProfilingView
   };
 });