[DevTools] Remove dependency from TargetManager to ResourceTreeModel

third_party/WebKit/Source/devtools/front_end/timeline/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 84 matching lines @@
     this._overviewPane.addEventListener(
         PerfUI.TimelineOverviewPane.Events.WindowChanged, this._onWindowChanged.bind(this));
     this._overviewPane.show(topPaneElement);
     /** @type {!Array<!Timeline.TimelineEventOverview>} */
     this._overviewControls = [];
 
     this._statusPaneContainer = this._timelinePane.element.createChild('div', 'status-pane-container fill');
 
     this._createFileSelector();
 
-    SDK.targetManager.addEventListener(SDK.TargetManager.Events.PageReloadRequested, this._pageReloadRequested, this);
-    SDK.targetManager.addEventListener(SDK.TargetManager.Events.Load, this._loadEventFired, this);
+    SDK.targetManager.addModelListener(
+        SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.PageReloadRequested, this._pageReloadRequested, this);
+    SDK.targetManager.addModelListener(
+        SDK.ResourceTreeModel, SDK.ResourceTreeModel.Events.Load, this._loadEventFired, this);
 
     if (Runtime.experiments.isEnabled('timelineMultipleMainViews')) {
       var viewMode = Timeline.TimelinePanel.ViewMode;
       this._tabbedPane = new UI.TabbedPane();
       this._tabbedPane.appendTab(viewMode.FlameChart, Common.UIString('Flame Chart'), new UI.VBox());
       this._tabbedPane.appendTab(viewMode.BottomUp, Common.UIString('Bottom-Up'), new UI.VBox());
       this._tabbedPane.appendTab(viewMode.CallTree, Common.UIString('Call Tree'), new UI.VBox());
       this._tabbedPane.appendTab(viewMode.EventLog, Common.UIString('Event Log'), new UI.VBox());
       this._tabbedPane.addEventListener(UI.TabbedPane.Events.TabSelected, this._onMainViewChanged.bind(this));
       this._tabbedPane.selectTab(this._viewModeSetting.get());
@@ skipping 377 matching lines @@
   }
 
   /**
    * @param {boolean} enabled
    */
   _setUIControlsEnabled(enabled) {
     this._recordingOptionUIControls.forEach(control => control.setEnabled(enabled));
   }
 
   /**
+   * @param {!SDK.TracingManager} tracingManager
    * @param {boolean} userInitiated
    * @return {!Promise}
    */
-  _startRecording(userInitiated) {
+  _startRecording(tracingManager, userInitiated) {
     console.assert(!this._statusPane, 'Status pane is already opened.');
-    var tracingManagers = SDK.targetManager.models(SDK.TracingManager);
-    if (!tracingManagers.length)
-      return Promise.resolve();
     this._setState(Timeline.TimelinePanel.State.StartPending);
     this._showRecordingStarted();
 
-    this._autoRecordGeneration = userInitiated ? null : Symbol('Generation');
+    this._autoRecordGeneration = userInitiated ? null : {tracingManager: tracingManager};
     var enabledTraceProviders = Extensions.extensionServer.traceProviders().filter(
         provider => Timeline.TimelinePanel._settingForTraceProvider(provider).get());
 
     const recordingOptions = {
       enableJSSampling: !this._disableCaptureJSProfileSetting.get(),
       capturePictures: this._captureLayersAndPicturesSetting.get(),
       captureFilmStrip: this._showScreenshotsSetting.get()
     };
 
     this._pendingPerformanceModel = new Timeline.PerformanceModel();
-    this._controller = new Timeline.TimelineController(tracingManagers[0], this._pendingPerformanceModel, this);
+    this._controller = new Timeline.TimelineController(tracingManager, this._pendingPerformanceModel, this);
     Host.userMetrics.actionTaken(
         userInitiated ? Host.UserMetrics.Action.TimelineStarted : Host.UserMetrics.Action.TimelinePageReloadStarted);
     this._setUIControlsEnabled(false);
     this._hideLandingPage();
     return this._controller.startRecording(recordingOptions, enabledTraceProviders)
         .then(() => this._recordingStarted());
   }
 
   _stopRecording() {
     if (this._statusPane) {
@@ skipping 14 matching lines @@
 
   _updateTimelineControls() {
     var state = Timeline.TimelinePanel.State;
     this._toggleRecordAction.setToggled(this._state === state.Recording);
     this._toggleRecordAction.setEnabled(this._state === state.Recording || this._state === state.Idle);
     this._panelToolbar.setEnabled(this._state !== state.Loading);
     this._dropTarget.setEnabled(this._state === state.Idle);
   }
 
   _toggleRecording() {
-    if (this._state === Timeline.TimelinePanel.State.Idle)
-      this._startRecording(true);
-    else if (this._state === Timeline.TimelinePanel.State.Recording)
+    if (this._state === Timeline.TimelinePanel.State.Idle) {
+      var tracingManagers = SDK.targetManager.models(SDK.TracingManager);
+      if (tracingManagers.length)
+        this._startRecording(tracingManagers[0], true);
+    } else if (this._state === Timeline.TimelinePanel.State.Recording) {
       this._stopRecording();
+    }
   }
 
   _clear() {
     this._showLandingPage();
     this._reset();
   }
 
   _reset() {
     PerfUI.LineLevelProfile.instance().reset();
     this._setModel(null);
@@ skipping 203 matching lines @@
     this._overviewPane.setMarkers(markers);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _pageReloadRequested(event) {
     if (this._state !== Timeline.TimelinePanel.State.Idle || !this.isShowing())
       return;
     var resourceTreeModel = /** @type {!SDK.ResourceTreeModel} */ (event.data);
+    var tracingManager = resourceTreeModel.target().model(SDK.TracingManager);
+    if (resourceTreeModel.target() !== SDK.targetManager.mainTarget() || !tracingManager)
+      return;
+
     resourceTreeModel.suspendReload();
-    this._startRecording(false).then(() => resourceTreeModel.resumeReload());
+    this._startRecording(tracingManager, false).then(() => resourceTreeModel.resumeReload());
   }
 
   /**
    * @param {!Common.Event} event
    */
   _loadEventFired(event) {
-    if (this._state !== Timeline.TimelinePanel.State.Recording || !this._autoRecordGeneration)
+    if (this._state !== Timeline.TimelinePanel.State.Recording || !this._autoRecordGeneration ||
+        this._autoRecordGeneration.tracingManager.target() !== event.data.resourceTreeModel.target())
       return;
     setTimeout(stopRecordingOnReload.bind(this, this._autoRecordGeneration), this._millisecondsToRecordAfterLoadEvent);
 
     /**
      * @this {Timeline.TimelinePanel}
      * @param {!Object} recordGeneration
      */
     function stopRecordingOnReload(recordGeneration) {
       // Check if we're still in the same recording session.
       if (this._state !== Timeline.TimelinePanel.State.Recording || this._autoRecordGeneration !== recordGeneration)
@@ skipping 481 matching lines @@
         return true;
       case 'timeline.jump-to-next-frame':
         panel._jumpToFrame(1);
         return true;
     }
     return false;
   }
 };
 
 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSetting');