DevTools: add a navigator menu with grouping options.

third_party/WebKit/Source/devtools/front_end/sources/SourcesNavigator.js

 /*
  * Copyright (C) 2011 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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 24 matching lines @@
 {
     WebInspector.Object.call(this);
     this._workspace = workspace;
 
     this._tabbedPane = new WebInspector.TabbedPane();
     this._tabbedPane.setShrinkableTabs(true);
     this._tabbedPane.element.classList.add("navigator-tabbed-pane");
     this._tabbedPaneController = new WebInspector.ExtensibleTabbedPaneController(this._tabbedPane, "navigator-view", this._navigatorViewCreated.bind(this));
     /** @type {!Map.<string, ?WebInspector.NavigatorView>} */
     this._navigatorViews = new Map();
+
+    var toolbar = new WebInspector.Toolbar("");
+    var menuButton = new WebInspector.ToolbarMenuButton(this._populateMenu.bind(this), true);
+    menuButton.setTitle(WebInspector.UIString("More options"));
+    toolbar.appendToolbarItem(menuButton);
+
+    this._tabbedPane.appendAfterTabStrip(toolbar.element);
 }
 
 WebInspector.SourcesNavigator.Events = {
     SourceSelected: "SourceSelected",
     SourceRenamed: "SourceRenamed"
 }
 
 WebInspector.SourcesNavigator.prototype = {
     /**
      * @param {string} id
@@ skipping 52 matching lines @@
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _sourceRenamed: function(event)
     {
         this.dispatchEventToListeners(WebInspector.SourcesNavigator.Events.SourceRenamed, event.data);
     },
 
+    /**
+     * @param {!WebInspector.ContextMenu} contextMenu
+     */
+    _populateMenu: function(contextMenu)
+    {
+        var groupByFrameSetting = WebInspector.moduleSetting("navigatorGroupByFrame");
+        var groupByDomainSetting = WebInspector.moduleSetting("navigatorGroupByDomain");
+        var groupByFolderSetting = WebInspector.moduleSetting("navigatorGroupByFolder");
+        contextMenu.appendItemsAtLocation("navigatorMenu");
+        contextMenu.appendSeparator();
+        contextMenu.appendCheckboxItem(WebInspector.UIString("Group by frame"), () => groupByFrameSetting.set(!groupByFrameSetting.get()), groupByFrameSetting.get());
+        contextMenu.appendCheckboxItem(WebInspector.UIString("Group by domain"), () => groupByDomainSetting.set(!groupByDomainSetting.get()), groupByDomainSetting.get());
+        contextMenu.appendCheckboxItem(WebInspector.UIString("Group by folder"), () => groupByFolderSetting.set(!groupByFolderSetting.get()), groupByFolderSetting.get(), !groupByDomainSetting.get());
+    },
+
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.NavigatorView}
  */
+WebInspector.SourcesNavigatorView = function()
+{
+    WebInspector.NavigatorView.call(this);
+    WebInspector.targetManager.addEventListener(WebInspector.TargetManager.Events.InspectedURLChanged, this._inspectedURLChanged, this);
+}
+
+WebInspector.SourcesNavigatorView.prototype = {
+    /**
+     * @override
+     * @param {!WebInspector.UISourceCode} uiSourceCode
+     * @return {boolean}
+     */
+    accept: function(uiSourceCode)
+    {
+        if (!WebInspector.NavigatorView.prototype.accept(uiSourceCode))
+            return false;
+        return uiSourceCode.project().type() !== WebInspector.projectTypes.ContentScripts && uiSourceCode.project().type() !== WebInspector.projectTypes.Snippets;
+    },
+
+    /**
+     * @param {!WebInspector.Event} event
+     */
+    _inspectedURLChanged: function(event)
+    {
+       var nodes = this._uiSourceCodeNodes.valuesArray();
+       for (var i = 0; i < nodes.length; ++i) {
+           var uiSourceCode = nodes[i].uiSourceCode();
+           var inspectedPageURL = WebInspector.targetManager.inspectedPageURL();
+           if (inspectedPageURL && WebInspector.networkMapping.networkURL(uiSourceCode) === inspectedPageURL)
+              this.revealUISourceCode(uiSourceCode, true);
+       }
+    },
+
+    /**
+     * @override
+     * @param {!WebInspector.UISourceCode} uiSourceCode
+     */
+    uiSourceCodeAdded: function(uiSourceCode)
+    {
+        var inspectedPageURL = WebInspector.targetManager.inspectedPageURL();
+        if (inspectedPageURL && WebInspector.networkMapping.networkURL(uiSourceCode) === inspectedPageURL)
+            this.revealUISourceCode(uiSourceCode, true);
+    },
+
+    __proto__: WebInspector.NavigatorView.prototype
+}
+
+/**
+ * @constructor
+ * @extends {WebInspector.NavigatorView}
+ */
+WebInspector.ContentScriptsNavigatorView = function()
+{
+    WebInspector.NavigatorView.call(this);
+}
+
+WebInspector.ContentScriptsNavigatorView.prototype = {
+    /**
+     * @override
+     * @param {!WebInspector.UISourceCode} uiSourceCode
+     * @return {boolean}
+     */
+    accept: function(uiSourceCode)
+    {
+        if (!WebInspector.NavigatorView.prototype.accept(uiSourceCode))
+            return false;
+        return uiSourceCode.project().type() === WebInspector.projectTypes.ContentScripts;
+    },
+
+    __proto__: WebInspector.NavigatorView.prototype
+}
+
+/**
+ * @constructor
+ * @extends {WebInspector.NavigatorView}
+ */
 WebInspector.SnippetsNavigatorView = function()
 {
     WebInspector.NavigatorView.call(this);
 }
 
 WebInspector.SnippetsNavigatorView.prototype = {
     /**
      * @override
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @return {boolean}
@@ skipping 61 matching lines @@
     /**
      * @override
      */
     sourceDeleted: function(uiSourceCode)
     {
         this._handleRemoveSnippet(uiSourceCode);
     },
 
     __proto__: WebInspector.NavigatorView.prototype
 }