| OLD | NEW |
| 1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2015 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.DropTarget = class { | 7 UI.DropTarget = class { |
| 8 /** | 8 /** |
| 9 * @param {!Element} element | 9 * @param {!Element} element |
| 10 * @param {!Array.<string>} transferTypes | 10 * @param {!Array.<string>} transferTypes |
| 11 * @param {string} messageText | 11 * @param {string} messageText |
| 12 * @param {function(!DataTransfer)} handleDrop | 12 * @param {function(!DataTransfer)} handleDrop |
| 13 */ | 13 */ |
| 14 constructor(element, transferTypes, messageText, handleDrop) { | 14 constructor(element, transferTypes, messageText, handleDrop) { |
| 15 element.addEventListener('dragenter', this._onDragEnter.bind(this), true); | 15 element.addEventListener('dragenter', this._onDragEnter.bind(this), true); |
| 16 element.addEventListener('dragover', this._onDragOver.bind(this), true); | 16 element.addEventListener('dragover', this._onDragOver.bind(this), true); |
| 17 this._element = element; | 17 this._element = element; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 * @param {!Event} event | 52 * @param {!Event} event |
| 53 */ | 53 */ |
| 54 _onDragOver(event) { | 54 _onDragOver(event) { |
| 55 if (!this._enabled || !this._hasMatchingType(event)) | 55 if (!this._enabled || !this._hasMatchingType(event)) |
| 56 return; | 56 return; |
| 57 event.dataTransfer.dropEffect = 'copy'; | 57 event.dataTransfer.dropEffect = 'copy'; |
| 58 event.consume(true); | 58 event.consume(true); |
| 59 if (this._dragMaskElement) | 59 if (this._dragMaskElement) |
| 60 return; | 60 return; |
| 61 this._dragMaskElement = this._element.createChild('div', ''); | 61 this._dragMaskElement = this._element.createChild('div', ''); |
| 62 var shadowRoot = WebInspector.createShadowRootWithCoreStyles(this._dragMaskE
lement, 'ui/dropTarget.css'); | 62 var shadowRoot = UI.createShadowRootWithCoreStyles(this._dragMaskElement, 'u
i/dropTarget.css'); |
| 63 shadowRoot.createChild('div', 'drop-target-message').textContent = this._mes
sageText; | 63 shadowRoot.createChild('div', 'drop-target-message').textContent = this._mes
sageText; |
| 64 this._dragMaskElement.addEventListener('drop', this._onDrop.bind(this), true
); | 64 this._dragMaskElement.addEventListener('drop', this._onDrop.bind(this), true
); |
| 65 this._dragMaskElement.addEventListener('dragleave', this._onDragLeave.bind(t
his), true); | 65 this._dragMaskElement.addEventListener('dragleave', this._onDragLeave.bind(t
his), true); |
| 66 } | 66 } |
| 67 | 67 |
| 68 /** | 68 /** |
| 69 * @param {!Event} event | 69 * @param {!Event} event |
| 70 */ | 70 */ |
| 71 _onDrop(event) { | 71 _onDrop(event) { |
| 72 event.consume(true); | 72 event.consume(true); |
| 73 this._removeMask(); | 73 this._removeMask(); |
| 74 if (this._enabled) | 74 if (this._enabled) |
| 75 this._handleDrop(event.dataTransfer); | 75 this._handleDrop(event.dataTransfer); |
| 76 } | 76 } |
| 77 | 77 |
| 78 /** | 78 /** |
| 79 * @param {!Event} event | 79 * @param {!Event} event |
| 80 */ | 80 */ |
| 81 _onDragLeave(event) { | 81 _onDragLeave(event) { |
| 82 event.consume(true); | 82 event.consume(true); |
| 83 this._removeMask(); | 83 this._removeMask(); |
| 84 } | 84 } |
| 85 | 85 |
| 86 _removeMask() { | 86 _removeMask() { |
| 87 this._dragMaskElement.remove(); | 87 this._dragMaskElement.remove(); |
| 88 delete this._dragMaskElement; | 88 delete this._dragMaskElement; |
| 89 } | 89 } |
| 90 }; | 90 }; |
| 91 | 91 |
| 92 WebInspector.DropTarget.Types = { | 92 UI.DropTarget.Types = { |
| 93 Files: 'Files', | 93 Files: 'Files', |
| 94 URIList: 'text/uri-list' | 94 URIList: 'text/uri-list' |
| 95 }; | 95 }; |
| OLD | NEW |