mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-10 01:40:17 +01:00
421 lines
11 KiB
JavaScript
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);
|
|
}
|
|
};
|