DevTools: Implement "close tabs to the right" for Sources panel tabs

Source/devtools/front_end/ui/TabbedPane.js

 /*
  * Copyright (C) 2010 Google 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.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 274 matching lines @@
     {
         return !!this._tabsById[tabId];
     },
 
     /**
      * @return {!Array.<string>}
      */
     allTabs: function()
     {
         var result = [];
-        var tabs = this._tabs.slice();
-        for (var i = 0; i < tabs.length; ++i)
-            result.push(tabs[i].id);
+        for (var i = 0; i < this._tabs.length; ++i)

[alph, 2015/01/19 07:23:38]

nit:
return this._tabs.map(function(tab) { return tab.id; });

[lushnikov, 2015/01/19 10:54:18]

Done.

+            result.push(this._tabs[i].id);
         return result;
     },
 
     /**
      * @param {string} id
      * @return {!Array.<string>}
      */
     otherTabs: function(id)
     {
         var result = [];
-        var tabs = this._tabs.slice();
-        for (var i = 0; i < tabs.length; ++i) {
-            if (tabs[i].id !== id)
-                result.push(tabs[i].id);
+        for (var i = 0; i < this._tabs.length; ++i) {
+            if (this._tabs[i].id !== id)
+                result.push(this._tabs[i].id);
         }
         return result;
     },
 
     /**
      * @param {string} id
+     * @return {!Array.<string>}
+     */
+    _tabsToTheRight: function(id)
+    {
+        var index = -1;
+        for (var i = 0; i < this._tabs.length; ++i) {
+            if (this._tabs[i].id === id) {
+                index = i;
+                break;
+            }
+        }
+        if (index === -1)
+            return [];
+        return this._tabs.slice(index + 1).map(function (tab) { return tab.id; });
+    },
+
+    /**
+     * @param {string} id
      * @param {boolean=} userGesture
      * @return {boolean}
      */
     selectTab: function(id, userGesture)
     {
         if (this._currentTabLocked)
             return false;
         var focused = this.hasFocus();
         var tab = this._tabsById[id];
         if (!tab)
@@ skipping 736 matching lines @@
         }
 
         /**
          * @this {WebInspector.TabbedPaneTab}
          */
         function closeAll()
         {
             this._closeTabs(this._tabbedPane.allTabs());
         }
 
+        /**
+         * @this {WebInspector.TabbedPaneTab}
+         */
+        function closeToTheRight()
+        {
+            this._closeTabs(this._tabbedPane._tabsToTheRight(this.id));
+        }
+
         var contextMenu = new WebInspector.ContextMenu(event);
         contextMenu.appendItem(WebInspector.UIString.capitalize("Close"), close.bind(this));
         contextMenu.appendItem(WebInspector.UIString.capitalize("Close ^others"), closeOthers.bind(this));
+        contextMenu.appendItem(WebInspector.UIString.capitalize("Close ^tabs to the ^right"), closeToTheRight.bind(this));
         contextMenu.appendItem(WebInspector.UIString.capitalize("Close ^all"), closeAll.bind(this));
         contextMenu.show();
     },
 
     /**
      * @param {!Event} event
      * @return {boolean}
      */
     _startTabDragging: function(event)
     {
@@ skipping 199 matching lines @@
     /**
      * @param {string} id1
      * @param {string} id2
      * @return {number}
      */
     _tabOrderComparator: function(id1, id2)
     {
         return this._tabOrders[id2] = this._tabOrders[id1];
     }
 }