DevTools: implement console.timeline/timelineEnd.

Source/devtools/front_end/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 117 matching lines @@
 
     this._mainThreadTasks = /** @type {!Array.<{startTime: number, endTime: number}>} */ ([]);
     this._cpuBarsElement = this._timelineGrid.gridHeaderElement.createChild("div", "timeline-cpu-bars");
     this._mainThreadMonitoringEnabled = WebInspector.settings.showCpuOnTimelineRuler.get();
     WebInspector.settings.showCpuOnTimelineRuler.addChangeListener(this._showCpuOnTimelineRulerChanged, this);
 
     this._createFileSelector();
 
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordAdded, this._onTimelineEventRecorded, this);
     this._model.addEventListener(WebInspector.TimelineModel.Events.RecordsCleared, this._onRecordsCleared, this);
+    this._model.addEventListener(WebInspector.TimelineModel.Events.RecordingStarted, this._onRecordingStarted, this);
+    this._model.addEventListener(WebInspector.TimelineModel.Events.RecordingStopped, this._onRecordingStopped, this);
 
     this._registerShortcuts();
 
     this._allRecordsCount = 0;
 
     this._presentationModel.addFilter(new WebInspector.TimelineWindowFilter(this._overviewPane));
     this._presentationModel.addFilter(new WebInspector.TimelineCategoryFilter()); 
     this._presentationModel.addFilter(this._durationFilter);
 }
 
@@ skipping 249 matching lines @@
 
     /**
      * @return {?WebInspector.ProgressIndicator}
      */
     _prepareToLoadTimeline: function()
     {
         if (this._operationInProgress)
             return null;
         if (this.toggleTimelineButton.toggled) {
             this.toggleTimelineButton.toggled = false;
-            this._model.stopRecord();
+            this._model.stopRecording();
         }
         var progressIndicator = new WebInspector.ProgressIndicator();
         progressIndicator.addEventListener(WebInspector.ProgressIndicator.Events.Done, this._setOperationInProgress.bind(this, null));
         this._setOperationInProgress(progressIndicator);
         return progressIndicator;
     },
 
     _rootRecord: function()
     {
         return this._presentationModel.rootRecord();
@@ skipping 143 matching lines @@
     },
 
     /**
      * @return {boolean}
      */
     _toggleTimelineButtonClicked: function()
     {
         if (this._operationInProgress)
             return true;
         if (this.toggleTimelineButton.toggled) {
-            this._model.stopRecord();
-            this.toggleTimelineButton.title = WebInspector.UIString("Record");
+            this._model.stopRecording();
         } else {
-            this._model.startRecord(this._includeDomCounters);
-            this.toggleTimelineButton.title = WebInspector.UIString("Stop");
+            this._model.startRecording(this._includeDomCounters);
             WebInspector.userMetrics.TimelineStarted.record();
         }
-        this.toggleTimelineButton.toggled = !this.toggleTimelineButton.toggled;
         return true;
     },
 
     _durationFilterChanged: function()
     {
         var option = this._durationFilterSelector.selectedOption();
         var minimumRecordDuration = +option._durationMs / 1000.0;
         this._durationFilter.setMinimumRecordDuration(minimumRecordDuration);
         this._durationFilterSelector.element.title = option.title;
         this._invalidateAndScheduleRefresh(true, true);
@@ skipping 18 matching lines @@
         this._resetPanel();
         this._automaticallySizeWindow = false;
         var records = this._model.records;
         for (var i = 0; i < records.length; ++i)
             this._innerAddRecordToTimeline(records[i]);
         this._invalidateAndScheduleRefresh(false, false);
     },
 
     _onTimelineEventRecorded: function(event)
     {
-        if (this._innerAddRecordToTimeline(event.data))
+        if (this._innerAddRecordToTimeline(/** @type {TimelineAgent.TimelineEvent} */(event.data)))
             this._invalidateAndScheduleRefresh(false, false);
     },
 
+    /**
+     * @param {TimelineAgent.TimelineEvent} record
+     */
     _innerAddRecordToTimeline: function(record)
     {
         if (record.type === WebInspector.TimelineModel.RecordType.Program) {
             this._mainThreadTasks.push({
                 startTime: WebInspector.TimelineModel.startTimeInSeconds(record),
                 endTime: WebInspector.TimelineModel.endTimeInSeconds(record)
             });
         }
 
         var records = this._presentationModel.addRecord(record);
@@ skipping 47 matching lines @@
     {
         this._model.reset();
     },
 
     _onRecordsCleared: function()
     {
         this._resetPanel();
         this._invalidateAndScheduleRefresh(true, true);
     },
 
+    _onRecordingStarted: function()
+    {
+        this.toggleTimelineButton.title = WebInspector.UIString("Stop");
+        this.toggleTimelineButton.toggled = true;
+    },
+
+    _onRecordingStopped: function()
+    {
+        this.toggleTimelineButton.title = WebInspector.UIString("Record");
+        this.toggleTimelineButton.toggled = false;
+    },
+
     _resetPanel: function()
     {
         this._presentationModel.reset();
         this._boundariesAreValid = false;
         this._adjustScrollPosition(0);
         this._closeRecordDetails();
         this._allRecordsCount = 0;
         this._automaticallySizeWindow = true;
         this._mainThreadTasks = [];
     },
@@ skipping 906 matching lines @@
 
     /**
      * @param {!WebInspector.TimelinePresentationModel.Record} record
      * @return {boolean}
      */
     accept: function(record)
     {
         return WebInspector.TimelineRecordListRow.testContentMatching(record, this._regExp);
     }
 }