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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/ResizerWidget.js

Issue 2493373002: DevTools: rename WebInspector into modules. (Closed)
Patch Set: for bots Created 4 years, 1 month 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 * @unrestricted 5 * @unrestricted
6 */ 6 */
7 WebInspector.ResizerWidget = class extends WebInspector.Object { 7 UI.ResizerWidget = class extends Common.Object {
8 constructor() { 8 constructor() {
9 super(); 9 super();
10 10
11 this._isEnabled = true; 11 this._isEnabled = true;
12 this._elements = []; 12 this._elements = [];
13 this._installDragOnMouseDownBound = this._installDragOnMouseDown.bind(this); 13 this._installDragOnMouseDownBound = this._installDragOnMouseDown.bind(this);
14 this._cursor = 'nwse-resize'; 14 this._cursor = 'nwse-resize';
15 } 15 }
16 16
17 /** 17 /**
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
89 this.updateElementCursors(); 89 this.updateElementCursors();
90 } 90 }
91 91
92 /** 92 /**
93 * @param {!Event} event 93 * @param {!Event} event
94 */ 94 */
95 _installDragOnMouseDown(event) { 95 _installDragOnMouseDown(event) {
96 // Only handle drags of the nodes specified. 96 // Only handle drags of the nodes specified.
97 if (this._elements.indexOf(event.target) === -1) 97 if (this._elements.indexOf(event.target) === -1)
98 return false; 98 return false;
99 WebInspector.elementDragStart( 99 UI.elementDragStart(
100 /** @type {!Element} */ (event.target), this._dragStart.bind(this), this ._drag.bind(this), 100 /** @type {!Element} */ (event.target), this._dragStart.bind(this), this ._drag.bind(this),
101 this._dragEnd.bind(this), this.cursor(), event); 101 this._dragEnd.bind(this), this.cursor(), event);
102 } 102 }
103 103
104 /** 104 /**
105 * @param {!MouseEvent} event 105 * @param {!MouseEvent} event
106 * @return {boolean} 106 * @return {boolean}
107 */ 107 */
108 _dragStart(event) { 108 _dragStart(event) {
109 if (!this._isEnabled) 109 if (!this._isEnabled)
110 return false; 110 return false;
111 this._startX = event.pageX; 111 this._startX = event.pageX;
112 this._startY = event.pageY; 112 this._startY = event.pageY;
113 this.sendDragStart(this._startX, this._startY); 113 this.sendDragStart(this._startX, this._startY);
114 return true; 114 return true;
115 } 115 }
116 116
117 /** 117 /**
118 * @param {number} x 118 * @param {number} x
119 * @param {number} y 119 * @param {number} y
120 */ 120 */
121 sendDragStart(x, y) { 121 sendDragStart(x, y) {
122 this.dispatchEventToListeners( 122 this.dispatchEventToListeners(
123 WebInspector.ResizerWidget.Events.ResizeStart, {startX: x, currentX: x, startY: y, currentY: y}); 123 UI.ResizerWidget.Events.ResizeStart, {startX: x, currentX: x, startY: y, currentY: y});
124 } 124 }
125 125
126 /** 126 /**
127 * @param {!MouseEvent} event 127 * @param {!MouseEvent} event
128 * @return {boolean} 128 * @return {boolean}
129 */ 129 */
130 _drag(event) { 130 _drag(event) {
131 if (!this._isEnabled) { 131 if (!this._isEnabled) {
132 this._dragEnd(event); 132 this._dragEnd(event);
133 return true; // Cancel drag. 133 return true; // Cancel drag.
134 } 134 }
135 135
136 this.sendDragMove(this._startX, event.pageX, this._startY, event.pageY, even t.shiftKey); 136 this.sendDragMove(this._startX, event.pageX, this._startY, event.pageY, even t.shiftKey);
137 event.preventDefault(); 137 event.preventDefault();
138 return false; // Continue drag. 138 return false; // Continue drag.
139 } 139 }
140 140
141 /** 141 /**
142 * @param {number} startX 142 * @param {number} startX
143 * @param {number} currentX 143 * @param {number} currentX
144 * @param {number} startY 144 * @param {number} startY
145 * @param {number} currentY 145 * @param {number} currentY
146 * @param {boolean} shiftKey 146 * @param {boolean} shiftKey
147 */ 147 */
148 sendDragMove(startX, currentX, startY, currentY, shiftKey) { 148 sendDragMove(startX, currentX, startY, currentY, shiftKey) {
149 this.dispatchEventToListeners( 149 this.dispatchEventToListeners(
150 WebInspector.ResizerWidget.Events.ResizeUpdate, 150 UI.ResizerWidget.Events.ResizeUpdate,
151 {startX: startX, currentX: currentX, startY: startY, currentY: currentY, shiftKey: shiftKey}); 151 {startX: startX, currentX: currentX, startY: startY, currentY: currentY, shiftKey: shiftKey});
152 } 152 }
153 153
154 /** 154 /**
155 * @param {!MouseEvent} event 155 * @param {!MouseEvent} event
156 */ 156 */
157 _dragEnd(event) { 157 _dragEnd(event) {
158 this.dispatchEventToListeners(WebInspector.ResizerWidget.Events.ResizeEnd); 158 this.dispatchEventToListeners(UI.ResizerWidget.Events.ResizeEnd);
159 delete this._startX; 159 delete this._startX;
160 delete this._startY; 160 delete this._startY;
161 } 161 }
162 }; 162 };
163 163
164 /** @enum {symbol} */ 164 /** @enum {symbol} */
165 WebInspector.ResizerWidget.Events = { 165 UI.ResizerWidget.Events = {
166 ResizeStart: Symbol('ResizeStart'), 166 ResizeStart: Symbol('ResizeStart'),
167 ResizeUpdate: Symbol('ResizeUpdate'), 167 ResizeUpdate: Symbol('ResizeUpdate'),
168 ResizeEnd: Symbol('ResizeEnd') 168 ResizeEnd: Symbol('ResizeEnd')
169 }; 169 };
170 170
171 /** 171 /**
172 * @unrestricted 172 * @unrestricted
173 */ 173 */
174 WebInspector.SimpleResizerWidget = class extends WebInspector.ResizerWidget { 174 UI.SimpleResizerWidget = class extends UI.ResizerWidget {
175 constructor() { 175 constructor() {
176 super(); 176 super();
177 this._isVertical = true; 177 this._isVertical = true;
178 } 178 }
179 179
180 /** 180 /**
181 * @return {boolean} 181 * @return {boolean}
182 */ 182 */
183 isVertical() { 183 isVertical() {
184 return this._isVertical; 184 return this._isVertical;
(...skipping 17 matching lines...) Expand all
202 } 202 }
203 203
204 /** 204 /**
205 * @override 205 * @override
206 * @param {number} x 206 * @param {number} x
207 * @param {number} y 207 * @param {number} y
208 */ 208 */
209 sendDragStart(x, y) { 209 sendDragStart(x, y) {
210 var position = this._isVertical ? y : x; 210 var position = this._isVertical ? y : x;
211 this.dispatchEventToListeners( 211 this.dispatchEventToListeners(
212 WebInspector.ResizerWidget.Events.ResizeStart, {startPosition: position, currentPosition: position}); 212 UI.ResizerWidget.Events.ResizeStart, {startPosition: position, currentPo sition: position});
213 } 213 }
214 214
215 /** 215 /**
216 * @override 216 * @override
217 * @param {number} startX 217 * @param {number} startX
218 * @param {number} currentX 218 * @param {number} currentX
219 * @param {number} startY 219 * @param {number} startY
220 * @param {number} currentY 220 * @param {number} currentY
221 * @param {boolean} shiftKey 221 * @param {boolean} shiftKey
222 */ 222 */
223 sendDragMove(startX, currentX, startY, currentY, shiftKey) { 223 sendDragMove(startX, currentX, startY, currentY, shiftKey) {
224 if (this._isVertical) 224 if (this._isVertical)
225 this.dispatchEventToListeners( 225 this.dispatchEventToListeners(
226 WebInspector.ResizerWidget.Events.ResizeUpdate, 226 UI.ResizerWidget.Events.ResizeUpdate,
227 {startPosition: startY, currentPosition: currentY, shiftKey: shiftKey} ); 227 {startPosition: startY, currentPosition: currentY, shiftKey: shiftKey} );
228 else 228 else
229 this.dispatchEventToListeners( 229 this.dispatchEventToListeners(
230 WebInspector.ResizerWidget.Events.ResizeUpdate, 230 UI.ResizerWidget.Events.ResizeUpdate,
231 {startPosition: startX, currentPosition: currentX, shiftKey: shiftKey} ); 231 {startPosition: startX, currentPosition: currentX, shiftKey: shiftKey} );
232 } 232 }
233 }; 233 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698