Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(607)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/main/AdvancedApp.js

Issue 1647653003: [DevTools] Remove old responsive design v1 code. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @constructor 6 * @constructor
7 * @implements {WebInspector.App} 7 * @implements {WebInspector.App}
8 */ 8 */
9 WebInspector.AdvancedApp = function() 9 WebInspector.AdvancedApp = function()
10 { 10 {
(...skipping 10 matching lines...) Expand all
21 { 21 {
22 var rootView = new WebInspector.RootView(); 22 var rootView = new WebInspector.RootView();
23 23
24 this._rootSplitWidget = new WebInspector.SplitWidget(false, true, "Inspe ctorView.splitViewState", 555, 300, true); 24 this._rootSplitWidget = new WebInspector.SplitWidget(false, true, "Inspe ctorView.splitViewState", 555, 300, true);
25 this._rootSplitWidget.show(rootView.element); 25 this._rootSplitWidget.show(rootView.element);
26 26
27 this._rootSplitWidget.setSidebarWidget(WebInspector.inspectorView); 27 this._rootSplitWidget.setSidebarWidget(WebInspector.inspectorView);
28 28
29 this._inspectedPagePlaceholder = new WebInspector.InspectedPagePlacehold er(); 29 this._inspectedPagePlaceholder = new WebInspector.InspectedPagePlacehold er();
30 this._inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPa gePlaceholder.Events.Update, this._onSetInspectedPageBounds.bind(this), this); 30 this._inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPa gePlaceholder.Events.Update, this._onSetInspectedPageBounds.bind(this), this);
31 if (Runtime.experiments.isEnabled("deviceMode")) 31 this._deviceModeView = new WebInspector.DeviceModeView.Wrapper(this._ins pectedPagePlaceholder);
32 this._responsiveDesignView = new WebInspector.DeviceModeView.Wrapper (this._inspectedPagePlaceholder);
33 else
34 this._responsiveDesignView = new WebInspector.ResponsiveDesignView(t his._inspectedPagePlaceholder);
35 32
36 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.BeforeDockSideChanged, this._onBeforeDockSideChange, this); 33 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.BeforeDockSideChanged, this._onBeforeDockSideChange, this);
37 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.DockSideChanged, this._onDockSideChange, this); 34 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.DockSideChanged, this._onDockSideChange, this);
38 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.AfterDockSideChanged, this._onAfterDockSideChange, this); 35 WebInspector.dockController.addEventListener(WebInspector.DockController .Events.AfterDockSideChanged, this._onAfterDockSideChange, this);
39 this._onDockSideChange(); 36 this._onDockSideChange();
40 37
41 WebInspector.inspectorView.showInitialPanel(); 38 WebInspector.inspectorView.showInitialPanel();
42 console.timeStamp("AdvancedApp.attachToBody"); 39 console.timeStamp("AdvancedApp.attachToBody");
43 rootView.attachToDocument(document); 40 rootView.attachToDocument(document);
44 this._inspectedPagePlaceholder.update(); 41 this._inspectedPagePlaceholder.update();
(...skipping 25 matching lines...) Expand all
70 toolboxLoaded: function(toolboxDocument) 67 toolboxLoaded: function(toolboxDocument)
71 { 68 {
72 WebInspector.initializeUIUtils(toolboxDocument, WebInspector.settings.cr eateSetting("uiTheme", "default")); 69 WebInspector.initializeUIUtils(toolboxDocument, WebInspector.settings.cr eateSetting("uiTheme", "default"));
73 WebInspector.installComponentRootStyles(/** @type {!Element} */ (toolbox Document.body)); 70 WebInspector.installComponentRootStyles(/** @type {!Element} */ (toolbox Document.body));
74 WebInspector.ContextMenu.installHandler(toolboxDocument); 71 WebInspector.ContextMenu.installHandler(toolboxDocument);
75 WebInspector.Tooltip.installHandler(toolboxDocument); 72 WebInspector.Tooltip.installHandler(toolboxDocument);
76 73
77 this._toolboxRootView = new WebInspector.RootView(); 74 this._toolboxRootView = new WebInspector.RootView();
78 this._toolboxRootView.attachToDocument(toolboxDocument); 75 this._toolboxRootView.attachToDocument(toolboxDocument);
79 76
80 this._updateResponsiveDesignView(); 77 this._updateDeviceModeView();
81 78
82 if (this._presentUICallback) { 79 if (this._presentUICallback) {
83 var callback = this._presentUICallback; 80 var callback = this._presentUICallback;
84 delete this._presentUICallback; 81 delete this._presentUICallback;
85 callback(); 82 callback();
86 } 83 }
87 }, 84 },
88 85
89 _updateResponsiveDesignView: function() 86 _updateDeviceModeView: function()
90 { 87 {
91 if (this._isDocked()) 88 if (this._isDocked())
92 this._rootSplitWidget.setMainWidget(this._responsiveDesignView); 89 this._rootSplitWidget.setMainWidget(this._deviceModeView);
93 else if (this._toolboxRootView) 90 else if (this._toolboxRootView)
94 this._responsiveDesignView.show(this._toolboxRootView.element); 91 this._deviceModeView.show(this._toolboxRootView.element);
95 if (!Runtime.experiments.isEnabled("deviceMode") && (this._isDocked() || this._toolboxRootView))
96 this._responsiveDesignView.updatePageResizer();
97 }, 92 },
98 93
99 /** 94 /**
100 * @param {!WebInspector.Event} event 95 * @param {!WebInspector.Event} event
101 */ 96 */
102 _onBeforeDockSideChange: function(event) 97 _onBeforeDockSideChange: function(event)
103 { 98 {
104 if (/** @type {string} */ (event.data.to) === WebInspector.DockControlle r.State.Undocked && this._toolboxRootView) { 99 if (/** @type {string} */ (event.data.to) === WebInspector.DockControlle r.State.Undocked && this._toolboxRootView) {
105 // Hide inspectorView and force layout to mimic the undocked state. 100 // Hide inspectorView and force layout to mimic the undocked state.
106 this._rootSplitWidget.hideSidebar(); 101 this._rootSplitWidget.hideSidebar();
107 this._inspectedPagePlaceholder.update(); 102 this._inspectedPagePlaceholder.update();
108 } 103 }
109 104
110 this._changingDockSide = true; 105 this._changingDockSide = true;
111 }, 106 },
112 107
113 /** 108 /**
114 * @param {!WebInspector.Event=} event 109 * @param {!WebInspector.Event=} event
115 */ 110 */
116 _onDockSideChange: function(event) 111 _onDockSideChange: function(event)
117 { 112 {
118 this._updateResponsiveDesignView(); 113 this._updateDeviceModeView();
119 114
120 var toDockSide = event ? /** @type {string} */ (event.data.to) : WebInsp ector.dockController.dockSide(); 115 var toDockSide = event ? /** @type {string} */ (event.data.to) : WebInsp ector.dockController.dockSide();
121 if (toDockSide === WebInspector.DockController.State.Undocked) { 116 if (toDockSide === WebInspector.DockController.State.Undocked) {
122 this._updateForUndocked(); 117 this._updateForUndocked();
123 } else if (this._toolboxRootView && event && /** @type {string} */ (even t.data.from) === WebInspector.DockController.State.Undocked) { 118 } else if (this._toolboxRootView && event && /** @type {string} */ (even t.data.from) === WebInspector.DockController.State.Undocked) {
124 // Don't update yet for smooth transition. 119 // Don't update yet for smooth transition.
125 this._rootSplitWidget.hideSidebar(); 120 this._rootSplitWidget.hideSidebar();
126 } else { 121 } else {
127 this._updateForDocked(toDockSide); 122 this._updateForDocked(toDockSide);
128 } 123 }
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 WebInspector.AdvancedAppProvider.prototype = { 205 WebInspector.AdvancedAppProvider.prototype = {
211 /** 206 /**
212 * @override 207 * @override
213 * @return {!WebInspector.App} 208 * @return {!WebInspector.App}
214 */ 209 */
215 createApp: function() 210 createApp: function()
216 { 211 {
217 return WebInspector.AdvancedApp._instance(); 212 return WebInspector.AdvancedApp._instance();
218 } 213 }
219 }; 214 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698