RetroZilla/extensions/inspector/resources/content/viewers/domNode/domNode.js
2015-10-20 23:03:22 -04:00

421 lines
11 KiB
JavaScript

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is mozilla.org code.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 2001
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
* Joe Hewitt <hewitt@netscape.com> (original author)
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ***** */
/***************************************************************
* DOMNodeViewer --------------------------------------------
* The default viewer for DOM Nodes
****************************************************************/
//////////// global variables /////////////////////
var viewer;
var gPromptService;
//////////// global constants ////////////////////
const kDOMViewCID = "@mozilla.org/inspector/dom-view;1";
const kPromptServiceCID = "@mozilla.org/embedcomp/prompt-service;1";
//////////////////////////////////////////////////
window.addEventListener("load", DOMNodeViewer_initialize, false);
function DOMNodeViewer_initialize()
{
viewer = new DOMNodeViewer();
viewer.initialize(parent.FrameExchange.receiveData(window));
}
////////////////////////////////////////////////////////////////////////////
//// class DOMNodeViewer
function DOMNodeViewer() // implements inIViewer
{
this.mObsMan = new ObserverManager(this);
this.mURL = window.location;
this.mAttrTree = document.getElementById("olAttr");
// prepare and attach the DOM DataSource
this.mDOMView = XPCU.createInstance(kDOMViewCID, "inIDOMView");
this.mDOMView.whatToShow = NodeFilter.SHOW_ATTRIBUTE;
this.mAttrTree.treeBoxObject.view = this.mDOMView;
}
DOMNodeViewer.prototype =
{
////////////////////////////////////////////////////////////////////////////
//// Initialization
mDOMView: null,
mSubject: null,
mPanel: null,
get selectedIndex()
{
return this.mAttrTree.currentIndex;
},
get selectedAttribute()
{
var index = this.selectedIndex;
return index >= 0 ? this.mDOMView.getNodeFromRowIndex(index) : null;
},
////////////////////////////////////////////////////////////////////////////
//// interface inIViewer
//// attributes
get uid() { return "domNode" },
get pane() { return this.mPanel },
get selection() { return null },
get subject() { return this.mSubject },
set subject(aObject)
{
this.mSubject = aObject;
var deck = document.getElementById("dkContent");
if (aObject.nodeType == Node.ELEMENT_NODE) {
deck.setAttribute("selectedIndex", 0);
this.setTextValue("nodeName", aObject.nodeName);
this.setTextValue("nodeType", aObject.nodeType);
this.setTextValue("nodeValue", aObject.nodeValue);
this.setTextValue("namespace", aObject.namespaceURI);
if (aObject != this.mDOMView.rootNode) {
this.mDOMView.rootNode = aObject;
this.mAttrTree.view.selection.select(-1);
}
} else {
deck.setAttribute("selectedIndex", 1);
var txb = document.getElementById("txbTextNodeValue");
txb.value = aObject.nodeValue;
}
this.mObsMan.dispatchEvent("subjectChange", { subject: aObject });
},
// methods
initialize: function(aPane)
{
this.mPanel = aPane;
aPane.notifyViewerReady(this);
},
destroy: function()
{
},
isCommandEnabled: function(aCommand)
{
switch (aCommand) {
case "cmdEditPaste":
var canPaste = this.mPanel.panelset.clipboardFlavor == "inspector/dom-node";
if (canPaste) {
var node = this.mPanel.panelset.getClipboardData();
canPaste = node ? node.nodeType == Node.ATTRIBUTE_NODE : false;
}
return canPaste;
case "cmdEditInsert":
return true;
case "cmdEditCut":
case "cmdEditCopy":
case "cmdEditEdit":
case "cmdEditDelete":
return this.selectedAttribute != null;
}
return false;
},
getCommand: function(aCommand)
{
switch (aCommand) {
case "cmdEditCut":
return new cmdEditCut();
case "cmdEditCopy":
return new cmdEditCopy();
case "cmdEditPaste":
return new cmdEditPaste();
case "cmdEditInsert":
return new cmdEditInsert();
case "cmdEditEdit":
return new cmdEditEdit();
case "cmdEditDelete":
return new cmdEditDelete();
}
return null;
},
////////////////////////////////////////////////////////////////////////////
//// event dispatching
addObserver: function(aEvent, aObserver) { this.mObsMan.addObserver(aEvent, aObserver); },
removeObserver: function(aEvent, aObserver) { this.mObsMan.removeObserver(aEvent, aObserver); },
////////////////////////////////////////////////////////////////////////////
//// Uncategorized
setTextValue: function(aName, aText)
{
var field = document.getElementById("tx_"+aName);
if (field) {
if (aName == "nodeType")
field.setAttribute("tooltiptext", nodeTypeToText(aText));
field.value = aText;
}
}
};
////////////////////////////////////////////////////////////////////////////
//// Command Objects
function cmdEditCut() {}
cmdEditCut.prototype =
{
cmdCopy: null,
cmdDelete: null,
doCommand: function()
{
if (!this.cmdCopy) {
this.cmdDelete = new cmdEditDelete();
this.cmdCopy = new cmdEditCopy();
}
this.cmdCopy.doCommand();
this.cmdDelete.doCommand();
},
undoCommand: function()
{
this.cmdDelete.undoCommand();
this.cmdCopy.undoCommand();
}
};
function cmdEditCopy() {}
cmdEditCopy.prototype =
{
copiedAttr: null,
previousData: null,
previousFlavor: null,
doCommand: function()
{
var copiedAttr = null;
if (!this.copiedAttr) {
copiedAttr = viewer.selectedAttribute;
if (!copiedAttr)
return true;
this.copiedAttr = copiedAttr;
this.previousData = viewer.pane.panelset.getClipboardData();
this.previousFlavor = viewer.pane.panelset.clipboardFlavor;
} else
copiedAttr = this.copiedAttr;
viewer.pane.panelset.setClipboardData(copiedAttr, "inspector/dom-node");
return false;
},
undoCommand: function()
{
viewer.pane.panelset.setClipboardData(this.previousData, this.previousFlavor);
}
};
function cmdEditPaste() {}
cmdEditPaste.prototype =
{
pastedAttr: null,
previousAttrValue: null,
subject: null,
doCommand: function()
{
var subject, pastedAttr;
if (this.subject) {
subject = this.subject;
pastedAttr = this.pastedAttr;
} else {
subject = viewer.subject;
pastedAttr = viewer.pane.panelset.getClipboardData();
this.pastedAttr = pastedAttr;
this.subject = subject;
this.previousAttrValue = viewer.subject.getAttribute(pastedAttr.nodeName);
}
if (subject && pastedAttr)
subject.setAttribute(pastedAttr.nodeName, pastedAttr.nodeValue);
},
undoCommand: function()
{
if (this.pastedAttr) {
if (this.previousAttrValue)
this.subject.setAttribute(this.pastedAttr.nodeName, this.previousAttrValue);
else
this.subject.removeAttribute(this.pastedAttr.nodeName);
}
}
};
function cmdEditInsert() {}
cmdEditInsert.prototype =
{
attr: null,
subject: null,
promptFor: function()
{
if (!gPromptService) {
gPromptService = XPCU.getService(kPromptServiceCID, "nsIPromptService");
}
var attrName = { value: "" };
var attrValue = { value: "" };
var dummy = { value: false };
var bundle = viewer.pane.panelset.stringBundle;
var msg = bundle.getString("enterAttrName.message");
var title = bundle.getString("newAttribute.title");
if (gPromptService.prompt(window, title, msg, attrName, null, dummy)) {
msg = bundle.getString("enterAttrValue.message");
if (gPromptService.prompt(window, title, msg, attrValue, null, dummy)) {
this.subject = viewer.subject;
this.subject.setAttribute(attrName.value, attrValue.value);
this.attr = this.subject.getAttributeNode(attrName.value);
return false;
}
}
return true;
},
doCommand: function()
{
if (this.attr)
this.subject.setAttribute(this.attr.nodeName, this.attr.nodeValue);
else
return this.promptFor();
return false;
},
undoCommand: function()
{
if (this.attr && this.subject == viewer.subject)
this.subject.removeAttribute(this.attr.nodeName, this.attr.nodeValue);
}
};
function cmdEditDelete() {}
cmdEditDelete.prototype =
{
attr: null,
subject: null,
doCommand: function()
{
var attr = this.attr ? this.attr : viewer.selectedAttribute;
if (attr) {
this.attr = attr;
this.subject = viewer.subject;
this.subject.removeAttribute(attr.nodeName);
}
},
undoCommand: function()
{
if (this.attr)
this.subject.setAttribute(this.attr.nodeName, this.attr.nodeValue);
}
};
function cmdEditEdit() {}
cmdEditEdit.prototype =
{
attr: null,
previousValue: null,
newValue: null,
subject: null,
promptFor: function()
{
var attr = viewer.selectedAttribute;
if (attr) {
if (!gPromptService) {
gPromptService = XPCU.getService(kPromptServiceCID, "nsIPromptService");
}
var attrValue = { value: attr.nodeValue };
var dummy = { value: false };
var bundle = viewer.pane.panelset.stringBundle;
var msg = bundle.getString("enterAttrValue.message");
var title = bundle.getString("editAttribute.title");
if (gPromptService.prompt(window, title, msg, attrValue, null, dummy)) {
this.subject = viewer.subject;
this.newValue = attrValue.value;
this.previousValue = attr.nodeValue;
this.subject.setAttribute(attr.nodeName, attrValue.value);
this.attr = this.subject.getAttributeNode(attr.nodeName);
return false;
}
}
return true;
},
doCommand: function()
{
if (this.attr)
this.subject.setAttribute(this.attr.nodeName, this.newValue);
else
return this.promptFor();
return false;
},
undoCommand: function()
{
if (this.attr)
this.subject.setAttribute(this.attr.nodeName, this.previousValue);
}
};