| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com> | 3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com> |
| 4 * Copyright (C) 2009 Joseph Pecoraro | 4 * Copyright (C) 2009 Joseph Pecoraro |
| 5 * | 5 * |
| 6 * Redistribution and use in source and binary forms, with or without | 6 * Redistribution and use in source and binary forms, with or without |
| 7 * modification, are permitted provided that the following conditions | 7 * modification, are permitted provided that the following conditions |
| 8 * are met: | 8 * are met: |
| 9 * | 9 * |
| 10 * 1. Redistributions of source code must retain the above copyright | 10 * 1. Redistributions of source code must retain the above copyright |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 * @param {boolean=} omitRootDOMNode | 35 * @param {boolean=} omitRootDOMNode |
| 36 * @param {boolean=} selectEnabled | 36 * @param {boolean=} selectEnabled |
| 37 * @param {function(!WebInspector.DOMNode, string, boolean)=} setPseudoClassCall
back | 37 * @param {function(!WebInspector.DOMNode, string, boolean)=} setPseudoClassCall
back |
| 38 */ | 38 */ |
| 39 WebInspector.ElementsTreeOutline = function(target, omitRootDOMNode, selectEnabl
ed, setPseudoClassCallback) | 39 WebInspector.ElementsTreeOutline = function(target, omitRootDOMNode, selectEnabl
ed, setPseudoClassCallback) |
| 40 { | 40 { |
| 41 this._target = target; | 41 this._target = target; |
| 42 this._domModel = target.domModel; | 42 this._domModel = target.domModel; |
| 43 var element = createElement("div"); | 43 var element = createElement("div"); |
| 44 | 44 |
| 45 this._shadowRoot = element.createShadowRoot(); | 45 var shadowRoot = element.createShadowRoot(); |
| 46 this._shadowRoot.appendChild(WebInspector.View.createStyleElement("elementsT
reeOutline.css")); | 46 shadowRoot.appendChild(WebInspector.View.createStyleElement("elementsTreeOut
line.css")); |
| 47 | 47 |
| 48 var outlineDisclosureElement = this._shadowRoot.createChild("div", "componen
t-root outline-disclosure source-code"); | 48 var outlineDisclosureElement = shadowRoot.createChild("div", "component-root
outline-disclosure source-code"); |
| 49 this._element = outlineDisclosureElement.createChild("ol", "elements-tree-ou
tline"); | 49 this._element = outlineDisclosureElement.createChild("ol", "elements-tree-ou
tline"); |
| 50 this._element.addEventListener("mousedown", this._onmousedown.bind(this), fa
lse); | 50 this._element.addEventListener("mousedown", this._onmousedown.bind(this), fa
lse); |
| 51 this._element.addEventListener("mousemove", this._onmousemove.bind(this), fa
lse); | 51 this._element.addEventListener("mousemove", this._onmousemove.bind(this), fa
lse); |
| 52 this._element.addEventListener("mouseout", this._onmouseout.bind(this), fals
e); | 52 this._element.addEventListener("mouseout", this._onmouseout.bind(this), fals
e); |
| 53 this._element.addEventListener("dragstart", this._ondragstart.bind(this), fa
lse); | 53 this._element.addEventListener("dragstart", this._ondragstart.bind(this), fa
lse); |
| 54 this._element.addEventListener("dragover", this._ondragover.bind(this), fals
e); | 54 this._element.addEventListener("dragover", this._ondragover.bind(this), fals
e); |
| 55 this._element.addEventListener("dragleave", this._ondragleave.bind(this), fa
lse); | 55 this._element.addEventListener("dragleave", this._ondragleave.bind(this), fa
lse); |
| 56 this._element.addEventListener("drop", this._ondrop.bind(this), false); | 56 this._element.addEventListener("drop", this._ondrop.bind(this), false); |
| 57 this._element.addEventListener("dragend", this._ondragend.bind(this), false)
; | 57 this._element.addEventListener("dragend", this._ondragend.bind(this), false)
; |
| 58 this._element.addEventListener("keydown", this._onkeydown.bind(this), false)
; | 58 this._element.addEventListener("keydown", this._onkeydown.bind(this), false)
; |
| (...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 225 */ | 225 */ |
| 226 handleCopyOrCutKeyboardEvent: function(isCut, event) | 226 handleCopyOrCutKeyboardEvent: function(isCut, event) |
| 227 { | 227 { |
| 228 this._setClipboardData(null); | 228 this._setClipboardData(null); |
| 229 | 229 |
| 230 // Don't prevent the normal copy if the user has a selection. | 230 // Don't prevent the normal copy if the user has a selection. |
| 231 if (!window.getSelection().isCollapsed) | 231 if (!window.getSelection().isCollapsed) |
| 232 return; | 232 return; |
| 233 | 233 |
| 234 // Do not interfere with text editing. | 234 // Do not interfere with text editing. |
| 235 var currentFocusElement = WebInspector.currentFocusElement(); | 235 if (WebInspector.isEditing()) |
| 236 if (currentFocusElement && WebInspector.isBeingEdited(currentFocusElemen
t)) | |
| 237 return; | 236 return; |
| 238 | 237 |
| 239 var targetNode = this.selectedDOMNode(); | 238 var targetNode = this.selectedDOMNode(); |
| 240 if (!targetNode) | 239 if (!targetNode) |
| 241 return; | 240 return; |
| 242 | 241 |
| 243 event.clipboardData.clearData(); | 242 event.clipboardData.clearData(); |
| 244 event.preventDefault(); | 243 event.preventDefault(); |
| 245 | 244 |
| 246 this._performCopyOrCut(isCut, targetNode); | 245 this._performCopyOrCut(isCut, targetNode); |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 288 if (this._canPaste(targetNode)) | 287 if (this._canPaste(targetNode)) |
| 289 this._performPaste(targetNode); | 288 this._performPaste(targetNode); |
| 290 }, | 289 }, |
| 291 | 290 |
| 292 /** | 291 /** |
| 293 * @param {!Event} event | 292 * @param {!Event} event |
| 294 */ | 293 */ |
| 295 handlePasteKeyboardEvent: function(event) | 294 handlePasteKeyboardEvent: function(event) |
| 296 { | 295 { |
| 297 // Do not interfere with text editing. | 296 // Do not interfere with text editing. |
| 298 var currentFocusElement = WebInspector.currentFocusElement(); | 297 if (WebInspector.isEditing()) |
| 299 if (currentFocusElement && WebInspector.isBeingEdited(currentFocusElemen
t)) | |
| 300 return; | 298 return; |
| 301 | 299 |
| 302 var targetNode = this.selectedDOMNode(); | 300 var targetNode = this.selectedDOMNode(); |
| 303 if (!targetNode || !this._canPaste(targetNode)) | 301 if (!targetNode || !this._canPaste(targetNode)) |
| 304 return; | 302 return; |
| 305 | 303 |
| 306 event.preventDefault(); | 304 event.preventDefault(); |
| 307 this._performPaste(targetNode); | 305 this._performPaste(targetNode); |
| 308 }, | 306 }, |
| 309 | 307 |
| (...skipping 2643 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2953 treeOutline.rootDOMNode = node; | 2951 treeOutline.rootDOMNode = node; |
| 2954 if (!treeOutline.children[0].hasChildren) | 2952 if (!treeOutline.children[0].hasChildren) |
| 2955 treeOutline._element.classList.add("single-node"); | 2953 treeOutline._element.classList.add("single-node"); |
| 2956 treeOutline.setVisible(true); | 2954 treeOutline.setVisible(true); |
| 2957 treeOutline.element.treeElementForTest = treeOutline.children[0]
; | 2955 treeOutline.element.treeElementForTest = treeOutline.children[0]
; |
| 2958 resolve(treeOutline.element); | 2956 resolve(treeOutline.element); |
| 2959 } | 2957 } |
| 2960 } | 2958 } |
| 2961 } | 2959 } |
| 2962 } | 2960 } |
| OLD | NEW |