atom-nuclide
Version:
A unified developer experience for web and mobile development, built as a suite of features on top of Atom to provide hackability and the support of an active community.
285 lines (248 loc) • 10.4 kB
JavaScript
// Copyright 2014 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.
/**
* @constructor
* @implements {WebInspector.App}
*/
WebInspector.AdvancedApp = function()
{
if (WebInspector.overridesSupport.responsiveDesignAvailable()) {
this._toggleEmulationButton = new WebInspector.StatusBarButton(WebInspector.UIString("Toggle device mode."), "emulation-status-bar-item");
this._toggleEmulationButton.setToggled(WebInspector.overridesSupport.emulationEnabled());
this._toggleEmulationButton.addEventListener("click", this._toggleEmulationEnabled, this);
WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport.Events.EmulationStateChanged, this._emulationEnabledChanged, this);
WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport.Events.OverridesWarningUpdated, this._overridesWarningUpdated, this);
}
WebInspector.dockController.addEventListener(WebInspector.DockController.Events.BeforeDockSideChanged, this._openToolboxWindow, this);
};
WebInspector.AdvancedApp.prototype = {
_toggleEmulationEnabled: function()
{
var enabled = !this._toggleEmulationButton.toggled();
WebInspector.overridesSupport.setEmulationEnabled(enabled);
},
_emulationEnabledChanged: function()
{
this._toggleEmulationButton.setToggled(WebInspector.overridesSupport.emulationEnabled());
if (!WebInspector.overridesSupport.responsiveDesignAvailable() && WebInspector.overridesSupport.emulationEnabled())
WebInspector.inspectorView.showViewInDrawer("emulation", true);
},
_overridesWarningUpdated: function()
{
if (!this._toggleEmulationButton)
return;
var message = WebInspector.overridesSupport.warningMessage();
this._toggleEmulationButton.setTitle(message || WebInspector.UIString("Toggle device mode."));
this._toggleEmulationButton.element.classList.toggle("warning", !!message);
},
/**
* @param {!Document} document
* @override
*/
presentUI: function(document)
{
var rootView = new WebInspector.RootView();
this._rootSplitView = new WebInspector.SplitView(false, true, "InspectorView.splitViewState", 555, 300, true);
this._rootSplitView.show(rootView.element);
this._rootSplitView.setSidebarView(WebInspector.inspectorView);
this._inspectedPagePlaceholder = new WebInspector.InspectedPagePlaceholder();
this._inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPagePlaceholder.Events.Update, this._onSetInspectedPageBounds.bind(this, false), this);
this._responsiveDesignView = new WebInspector.ResponsiveDesignView(this._inspectedPagePlaceholder);
this._rootSplitView.setMainView(this._responsiveDesignView);
WebInspector.dockController.addEventListener(WebInspector.DockController.Events.BeforeDockSideChanged, this._onBeforeDockSideChange, this);
WebInspector.dockController.addEventListener(WebInspector.DockController.Events.DockSideChanged, this._onDockSideChange, this);
WebInspector.dockController.addEventListener(WebInspector.DockController.Events.AfterDockSideChanged, this._onAfterDockSideChange, this);
this._onDockSideChange();
this._overridesWarningUpdated();
WebInspector.inspectorView.showInitialPanel();
console.timeStamp("AdvancedApp.attachToBody");
rootView.attachToDocument(document);
this._inspectedPagePlaceholder.update();
},
/**
* @param {!WebInspector.Event} event
*/
_openToolboxWindow: function(event)
{
if (/** @type {string} */ (event.data.to) !== WebInspector.DockController.State.Undocked)
return;
if (this._toolboxWindow)
return;
var url = window.location.href.replace("inspector.html", "toolbox.html");
this._toolboxWindow = window.open(url, undefined);
},
/**
* @param {!Document} toolboxDocument
*/
toolboxLoaded: function(toolboxDocument)
{
WebInspector.initializeUIUtils(toolboxDocument.defaultView);
WebInspector.installComponentRootStyles(/** @type {!Element} */ (toolboxDocument.body));
WebInspector.ContextMenu.installHandler(toolboxDocument);
var rootView = new WebInspector.RootView();
var inspectedPagePlaceholder = new WebInspector.InspectedPagePlaceholder();
inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPagePlaceholder.Events.Update, this._onSetInspectedPageBounds.bind(this, true));
this._toolboxResponsiveDesignView = new WebInspector.ResponsiveDesignView(inspectedPagePlaceholder);
this._toolboxResponsiveDesignView.show(rootView.element);
rootView.attachToDocument(toolboxDocument);
this._updatePageResizer();
},
/**
* @return {!InspectorFrontendHostAPI}
*/
inspectorFrontendHost: function()
{
return window.InspectorFrontendHost;
},
_updatePageResizer: function()
{
if (this._isDocked())
this._responsiveDesignView.updatePageResizer();
else if (this._toolboxResponsiveDesignView)
this._toolboxResponsiveDesignView.updatePageResizer();
},
/**
* @param {!WebInspector.Event} event
*/
_onBeforeDockSideChange: function(event)
{
if (/** @type {string} */ (event.data.to) === WebInspector.DockController.State.Undocked && this._toolboxResponsiveDesignView) {
// Hide inspectorView and force layout to mimic the undocked state.
this._rootSplitView.hideSidebar();
this._inspectedPagePlaceholder.update();
}
this._changingDockSide = true;
},
/**
* @param {!WebInspector.Event=} event
*/
_onDockSideChange: function(event)
{
this._updatePageResizer();
var toDockSide = event ? /** @type {string} */ (event.data.to) : WebInspector.dockController.dockSide();
if (toDockSide === WebInspector.DockController.State.Undocked) {
this._updateForUndocked();
} else if (this._toolboxResponsiveDesignView && event && /** @type {string} */ (event.data.from) === WebInspector.DockController.State.Undocked) {
// Don't update yet for smooth transition.
this._rootSplitView.hideSidebar();
} else {
this._updateForDocked(toDockSide);
}
},
/**
* @param {!WebInspector.Event} event
*/
_onAfterDockSideChange: function(event)
{
// We may get here on the first dock side change while loading without BeforeDockSideChange.
if (!this._changingDockSide)
return;
this._changingDockSide = false;
if (/** @type {string} */ (event.data.from) === WebInspector.DockController.State.Undocked) {
// Restore docked layout in case of smooth transition.
this._updateForDocked(/** @type {string} */ (event.data.to));
}
this._inspectedPagePlaceholder.update();
},
/**
* @param {string} dockSide
*/
_updateForDocked: function(dockSide)
{
this._rootSplitView.setVertical(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();
},
_updateForUndocked: function()
{
this._rootSplitView.toggleResizer(this._rootSplitView.resizerElement(), false);
this._rootSplitView.toggleResizer(WebInspector.inspectorView.topResizerElement(), false);
this._rootSplitView.hideMain();
},
_isDocked: function()
{
return WebInspector.dockController.dockSide() !== WebInspector.DockController.State.Undocked;
},
/**
* @param {boolean} toolbox
* @param {!WebInspector.Event} event
*/
_onSetInspectedPageBounds: function(toolbox, event)
{
if (this._changingDockSide || (this._isDocked() === toolbox))
return;
if (!window.innerWidth || !window.innerHeight)
return;
var bounds = /** @type {{x: number, y: number, width: number, height: number}} */ (event.data);
console.timeStamp("AdvancedApp.setInspectedPageBounds");
InspectorFrontendHost.setInspectedPageBounds(bounds);
}
};
/** @type {!WebInspector.AdvancedApp} */
WebInspector.AdvancedApp._appInstance;
/**
* @return {!WebInspector.AdvancedApp}
*/
WebInspector.AdvancedApp._instance = function()
{
if (!WebInspector.AdvancedApp._appInstance)
WebInspector.AdvancedApp._appInstance = new WebInspector.AdvancedApp();
return WebInspector.AdvancedApp._appInstance;
};
/**
* @constructor
* @implements {WebInspector.AppProvider}
*/
WebInspector.AdvancedAppProvider = function()
{
};
WebInspector.AdvancedAppProvider.prototype = {
/**
* @override
* @return {!WebInspector.App}
*/
createApp: function()
{
return WebInspector.AdvancedApp._instance();
}
};
/**
* @constructor
* @implements {WebInspector.StatusBarItem.Provider}
*/
WebInspector.AdvancedApp.EmulationButtonProvider = function()
{
}
WebInspector.AdvancedApp.EmulationButtonProvider.prototype = {
/**
* @override
* @return {?WebInspector.StatusBarItem}
*/
item: function()
{
return WebInspector.AdvancedApp._instance()._toggleEmulationButton;
}
}
/**
* @constructor
* @implements {WebInspector.ActionDelegate}
*/
WebInspector.AdvancedApp.ToggleDeviceModeActionDelegate = function()
{
}
WebInspector.AdvancedApp.ToggleDeviceModeActionDelegate.prototype = {
/**
* @override
* @return {boolean}
*/
handleAction: function()
{
if (!WebInspector.overridesSupport.responsiveDesignAvailable())
return false;
WebInspector.AdvancedApp._instance()._toggleEmulationEnabled();
return true;
}
}