[DevTools] Apps implementation.

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 45 matching lines @@
         } else {
             configuration = ["components", "main", "elements", "network", "sources", "timeline", "profiler", "resources", "audits", "console", "source_frame", "extensions", "settings", "search"];
             if (WebInspector.experimentsSettings.layersPanel.isEnabled())
                 configuration.push("layers");
             if (WebInspector.experimentsSettings.devicesPanel.isEnabled())
                 configuration.push("devices");
         }
         WebInspector.moduleManager.registerModules(configuration);
     },
 
-    _createGlobalStatusBarItems: function()
-    {
-        if (WebInspector.inspectElementModeController)
-            WebInspector.inspectorView.appendToLeftToolbar(WebInspector.inspectElementModeController.toggleSearchButton.element);
-
-        if (WebInspector.experimentsSettings.responsiveDesign.isEnabled() && WebInspector.dockController.canDock()) {
-            this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design mode."), "responsive-design-status-bar-item");
-            this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignMode.get();
-            this._toggleResponsiveDesignButton.addEventListener("click", this._toggleResponsiveDesign, this);
-            WebInspector.inspectorView.appendToLeftToolbar(this._toggleResponsiveDesignButton.element);
-            WebInspector.settings.responsiveDesignMode.addChangeListener(this._responsiveDesignModeChanged, this);
-        }
-
-        WebInspector.inspectorView.appendToRightToolbar(WebInspector.settingsController.statusBarItem);
-        if (WebInspector.dockController.element)
-            WebInspector.inspectorView.appendToRightToolbar(WebInspector.dockController.element);
-
-        if (this._screencastController)
-            WebInspector.inspectorView.appendToRightToolbar(this._screencastController.statusBarItem());
-    },
-
-    _toggleResponsiveDesign: function()
-    {
-        WebInspector.settings.responsiveDesignMode.set(!this._toggleResponsiveDesignButton.toggled);
-    },
-
-    _responsiveDesignModeChanged: function()
-    {
-        this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignMode.get();
-    },
-
-    _createRootView: function()
-    {
-        var rootView = new WebInspector.RootView();
-
-        this._rootSplitView = new WebInspector.SplitView(false, true, WebInspector.dockController.canDock() ? "InspectorView.splitViewState" : "InspectorView.dummySplitViewState", 300, 300);
-        this._rootSplitView.show(rootView.element);
-
-        WebInspector.inspectorView.show(this._rootSplitView.sidebarElement());
-
-        var inspectedPagePlaceholder = new WebInspector.InspectedPagePlaceholder();
-        if (WebInspector.dockController.canDock() && WebInspector.experimentsSettings.responsiveDesign.isEnabled()) {
-            this._responsiveDesignView = new WebInspector.ResponsiveDesignView(inspectedPagePlaceholder);
-            this._responsiveDesignView.show(this._rootSplitView.mainElement());
-        } else
-            inspectedPagePlaceholder.show(this._rootSplitView.mainElement());
-
-        WebInspector.dockController.addEventListener(WebInspector.DockController.Events.DockSideChanged, this._updateRootSplitViewOnDockSideChange, this);
-        this._updateRootSplitViewOnDockSideChange();
-
-        rootView.attachToBody();
-    },
-
-    _updateRootSplitViewOnDockSideChange: function()
-    {
-        var dockSide = WebInspector.dockController.dockSide();
-        if (dockSide === WebInspector.DockController.State.Undocked) {
-            this._rootSplitView.toggleResizer(this._rootSplitView.resizerElement(), false);
-            this._rootSplitView.toggleResizer(WebInspector.inspectorView.topResizerElement(), false);
-            this._rootSplitView.hideMain();
-            return;
-        }
-
-        this._rootSplitView.setVertical(dockSide === WebInspector.DockController.State.DockedToLeft || dockSide === WebInspector.DockController.State.DockedToRight);
-        this._rootSplitView.setSecondIsSidebar(dockSide === WebInspector.DockController.State.DockedToRight || dockSide === WebInspector.DockController.State.DockedToBottom);
-        this._rootSplitView.toggleResizer(this._rootSplitView.resizerElement(), true);
-        this._rootSplitView.toggleResizer(WebInspector.inspectorView.topResizerElement(), dockSide === WebInspector.DockController.State.DockedToBottom);
-        this._rootSplitView.showBoth();
-    },
-
     _calculateWorkerInspectorTitle: function()
     {
         var expression = "location.href";
         if (WebInspector.queryParam("isSharedWorker"))
             expression += " + (this.name ? ' (' + this.name + ')' : '')";
         RuntimeAgent.invoke_evaluate({expression:expression, doNotPauseOnExceptionsAndMuteConsole:true, returnByValue: true}, evalCallback);
 
         /**
          * @param {?Protocol.Error} error
          * @param {!RuntimeAgent.RemoteObject} result
@@ skipping 72 matching lines @@
     {
         if (!InspectorFrontendHost.sendMessageToEmbedder) {
             var helpScreen = new WebInspector.HelpScreen(WebInspector.UIString("Incompatible Chrome version"));
             var p = helpScreen.contentElement.createChild("p", "help-section");
             p.textContent = WebInspector.UIString("Please upgrade to a newer Chrome version (you might need a Dev or Canary build).");
             helpScreen.showModal();
             return;
         }
 
         InspectorBackend.loadFromJSONIfNeeded("../protocol.json");
-        WebInspector.dockController = new WebInspector.DockController(!!WebInspector.queryParam("can_dock"));
 
         var onConnectionReady = this._doLoadedDone.bind(this);
 
         var workerId = WebInspector.queryParam("dedicatedWorkerId");
         if (workerId) {
             new WebInspector.ExternalWorkerConnection(workerId, onConnectionReady);
             return;
         }
 
         var ws;
@@ skipping 53 matching lines @@
         new WebInspector.NetworkUISourceCodeProvider(WebInspector.networkWorkspaceBinding, WebInspector.workspace);
         new WebInspector.PresentationConsoleMessageHelper(WebInspector.workspace);
         WebInspector.fileSystemWorkspaceBinding = new WebInspector.FileSystemWorkspaceBinding(WebInspector.isolatedFileSystemManager, WebInspector.workspace);
         WebInspector.breakpointManager = new WebInspector.BreakpointManager(WebInspector.settings.breakpoints, WebInspector.workspace, WebInspector.targetManager);
         WebInspector.scriptSnippetModel = new WebInspector.ScriptSnippetModel(WebInspector.workspace);
         this._executionContextSelector = new WebInspector.ExecutionContextSelector();
     },
 
     _doLoadedDoneWithCapabilities: function(mainTarget)
     {
+        WebInspector.dockController = new WebInspector.DockController(!!WebInspector.queryParam("can_dock"));
+
+        if (mainTarget.canScreencast)
+            WebInspector.app = new WebInspector.ScreencastApp();
+        else if (WebInspector.dockController.canDock())
+            WebInspector.app = new WebInspector.AdvancedApp();
+        else
+            WebInspector.app = new WebInspector.SimpleApp();
+
+        WebInspector.dockController.initialize();
+
         new WebInspector.VersionController().updateVersion();
         WebInspector.shortcutsScreen = new WebInspector.ShortcutsScreen();
         this._registerShortcuts();
 
         // set order of some sections explicitly
         WebInspector.shortcutsScreen.section(WebInspector.UIString("Console"));
         WebInspector.shortcutsScreen.section(WebInspector.UIString("Elements Panel"));
         WebInspector.ShortcutsScreen.registerShortcuts();
 
         if (WebInspector.experimentsSettings.workersInMainWindow.isEnabled())
             new WebInspector.WorkerTargetManager(mainTarget, WebInspector.targetManager);
 
         WebInspector.console.addEventListener(WebInspector.ConsoleModel.Events.ConsoleCleared, this._resetErrorAndWarningCounts, this);
         WebInspector.console.addEventListener(WebInspector.ConsoleModel.Events.MessageAdded, this._updateErrorAndWarningCounts, this);
 
         WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.DebuggerPaused, this._debuggerPaused, this);
 
-        WebInspector.zoomManager = new WebInspector.ZoomManager();
-
         WebInspector.inspectorFrontendEventSink = new WebInspector.InspectorFrontendEventSink();
         InspectorBackend.registerInspectorDispatcher(this);
 
         if (Capabilities.isMainFrontend) {
             WebInspector.inspectElementModeController = new WebInspector.InspectElementModeController();
             WebInspector.workerFrontendManager = new WebInspector.WorkerFrontendManager();
         } else {
             mainTarget.workerManager.addEventListener(WebInspector.WorkerManager.Events.WorkerDisconnected, onWorkerDisconnected);
         }
 
@@ skipping 33 matching lines @@
         new WebInspector.CSSStyleSheetMapping(WebInspector.cssModel, WebInspector.workspace, WebInspector.networkWorkspaceBinding);
 
         // Create settings before loading modules.
         WebInspector.settings.initializeBackendSettings();
 
         this._registerModules();
         WebInspector.actionRegistry = new WebInspector.ActionRegistry();
         WebInspector.shortcutRegistry = new WebInspector.ShortcutRegistry(WebInspector.actionRegistry);
         this._registerForwardedShortcuts();
 
+        WebInspector.zoomManager = new WebInspector.ZoomManager();
         WebInspector.inspectorView = new WebInspector.InspectorView();
-
-        // Screencast controller creates a root view itself.
-        if (mainTarget.canScreencast)
-            this._screencastController = new WebInspector.ScreencastController();
-        else
-            this._createRootView();
-        this._createGlobalStatusBarItems();
+        WebInspector.app.createRootView();
+        WebInspector.app.createGlobalStatusBarItems();
 
         this._addMainEventListeners(document);
 
         function onResize()
         {
             if (WebInspector.settingsController)
                 WebInspector.settingsController.resize();
         }
         window.addEventListener("resize", onResize, true);
 
         var errorWarningCount = document.getElementById("error-warning-count");
 
         function showConsole()
         {
             WebInspector.console.show();
         }
         errorWarningCount.addEventListener("click", showConsole, false);
         this._updateErrorAndWarningCounts();
 
         WebInspector.extensionServerProxy.setFrontendReady();
 
-        InspectorAgent.enable(inspectorAgentEnableCallback.bind(this));
+        InspectorAgent.enable(inspectorAgentEnableCallback);
 
-        /**
-         * @this {WebInspector.Main}
-         */
         function inspectorAgentEnableCallback()
         {
-            WebInspector.inspectorView.showInitialPanel();
-
-            WebInspector.overridesSupport.applyInitialOverrides();
-            if (WebInspector.overridesSupport.hasActiveOverrides())
-                WebInspector.inspectorView.showViewInDrawer("emulation", true);
-
-            if (this._screencastController)
-                this._screencastController.initialize();
+            WebInspector.app.presentUI();
         }
 
         this._loadCompletedForWorkers();
         InspectorFrontendAPI.loadCompleted();
         WebInspector.notifications.dispatchEventToListeners(WebInspector.NotificationService.Events.InspectorLoaded);
     },
 
     _registerForwardedShortcuts: function()
     {
         /** @const */ var forwardedActions = ["main.reload", "main.hard-reload"];
@@ skipping 406 matching lines @@
 
 WebInspector.__defineGetter__("inspectedPageURL", function()
 {
     return WebInspector.resourceTreeModel.inspectedPageURL();
 });
 
 WebInspector.panel = function(name)
 {
     return WebInspector.inspectorView.panel(name);
 }