| OLD | NEW |
| 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 Loading... |
| 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 Loading... |
| 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 }; |
| OLD | NEW |