DevTools: Let the drawer tabs be reordered

third_party/WebKit/Source/devtools/front_end/ui/View.js

 // Copyright 2016 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.
 /**
  * @interface
  */
 UI.View = function() {};
 
 UI.View.prototype = {
   /**
@@ skipping 694 matching lines @@
       }
     } else if (insertBefore) {
       for (var i = 0; i < tabIds.length; ++i) {
         if (tabIds[i] === insertBefore.viewId()) {
           index = i;
           break;
         }
       }
     }
     this._appendTab(view, index);
+
+    if (view.isCloseable()) {
+      var tabs = this._closeableTabSetting.get();
+      var tabId = view.viewId();
+      if (!tabs[tabId]) {
+        tabs[tabId] = true;
+        this._closeableTabSetting.set(tabs);
+      }
+    }
+    this._persistTabOrder();
   }
 
   /**
    * @override
    * @param {!UI.View} view
    * @param {?UI.View=} insertBefore
    * @param {boolean=} userGesture
    * @return {!Promise}
    */
   showView(view, insertBefore, userGesture) {
@@ skipping 18 matching lines @@
     this._tabbedPane.closeTab(view.viewId());
   }
 
   /**
    * @param {!Common.Event} event
    */
   _tabSelected(event) {
     var tabId = /** @type {string} */ (event.data.tabId);
     if (this._lastSelectedTabSetting && event.data['isUserGesture'])
       this._lastSelectedTabSetting.set(tabId);
-    var view = this._views.get(tabId);
-    if (!view)
-      return;
-
-    if (view.isCloseable()) {
-      var tabs = this._closeableTabSetting.get();
-      if (!tabs[tabId]) {
-        tabs[tabId] = true;
-        this._closeableTabSetting.set(tabs);
-      }
-    }
   }
 
   /**
    * @param {!Common.Event} event
    */
   _tabClosed(event) {
     var id = /** @type {string} */ (event.data['tabId']);
     var tabs = this._closeableTabSetting.get();
     if (tabs[id]) {
       delete tabs[id];
       this._closeableTabSetting.set(tabs);
     }
   }
 
-  /**
-   * @param {!Common.Event} event
-   */
-  _persistTabOrder(event) {
+  _persistTabOrder() {
     var tabIds = this._tabbedPane.tabIds();
     var tabOrders = {};
     for (var i = 0; i < tabIds.length; i++)
       tabOrders[tabIds[i]] = (i + 1) * UI.ViewManager._TabbedLocation.orderStep;
     this._tabOrderSetting.set(tabOrders);
   }
 };
 
 UI.ViewManager._TabbedLocation.orderStep = 10;  // Keep in sync with descriptors.
 
@@ skipping 74 matching lines @@
   appendApplicableItems(locationName) {
     for (var view of this._manager._viewsForLocation(locationName))
       this.appendView(view);
   }
 };
 
 /**
  * @type {!UI.ViewManager}
  */
 UI.viewManager;