зеркало из https://github.com/mozilla/gecko-dev.git
Page info panes should have adjustable and have scrollbars (by db48x@yahoo.com, 63913). r=timeless sr=alecf
This commit is contained in:
blakeross%telocity.com
Родитель
08646b2ca2
Коммит
fd0cba1673
|
|
@ -28,63 +28,64 @@ function onLoadPageInfo()
|
||||||
|
|
||||||
makeDocument(page, root);
|
makeDocument(page, root);
|
||||||
|
|
||||||
var formTreeHolder = document.getElementById("formtreecontainer");
|
var formTreeHolder = document.getElementById("formTreeContainer");
|
||||||
var hasForm = makeFormTree(page, formTreeHolder);
|
var hasForm = makeFormTree(page, formTreeHolder);
|
||||||
if (hasForm)
|
if (hasForm)
|
||||||
{
|
{
|
||||||
var formBox = document.getElementById("formtreecontainer");
|
formTreeHolder.removeAttribute("collapsed");
|
||||||
formBox.removeAttribute("collapsed");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var imageTreeHolder = document.getElementById("imagetreecontainer");
|
var imageTreeHolder = document.getElementById("imageTreeContainer");
|
||||||
var hasimages = makeImageTree(page, imageTreeHolder);
|
var hasImages = makeImageTree(page, imageTreeHolder);
|
||||||
if (hasimages)
|
if (hasImages)
|
||||||
{
|
{
|
||||||
var imageBox = document.getElementById("image_items");
|
imageTreeHolder.removeAttribute("collapsed");
|
||||||
imageBox.removeAttribute("collapsed");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (hasForm && hasImages)
|
||||||
|
{
|
||||||
|
document.getElementById("formImageSplitter").removeAttribute("hidden");
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function makeDocument(page, root)
|
function makeDocument(page, root)
|
||||||
{
|
{
|
||||||
var title = page.title;
|
var title = page.title;
|
||||||
var url = page.URL;
|
var url = page.URL;
|
||||||
var lastmodified;
|
var lastModified;
|
||||||
var lastmod = page.lastModified // get string of last modified date
|
var lastMod = page.lastModified // get string of last modified date
|
||||||
var lastmoddate = Date.parse(lastmod) // convert modified string to date
|
var lastModdate = Date.parse(lastMod) // convert modified string to date
|
||||||
if(lastmoddate == 0){ // unknown date (or January 1, 1970 GMT)
|
|
||||||
lastmodified = "Unknown";
|
lastModified = (lastModdate) ? lastMod : "Unknown"; // unknown date (or January 1, 1970 GMT)
|
||||||
} else {
|
|
||||||
lastmodified = lastmod;
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("titletext").setAttribute("value", title);
|
document.getElementById("titletext").setAttribute("value", title);
|
||||||
document.getElementById("urltext").setAttribute("value", url);
|
document.getElementById("urltext").setAttribute("value", url);
|
||||||
document.getElementById("lastmodifiedtext").setAttribute("value", lastmodified);
|
document.getElementById("lastmodifiedtext").setAttribute("value", lastModified);
|
||||||
}
|
}
|
||||||
|
|
||||||
function makeFormTree(page, root)
|
function makeFormTree(page, root)
|
||||||
{
|
{
|
||||||
var form_list = page.forms;
|
var formList = page.forms;
|
||||||
if (form_list.length == 0) return false;
|
if (formList.length == 0) return false;
|
||||||
|
|
||||||
var treechildren = document.getElementById("formchildren");
|
var treeChildren = document.getElementById("formChildren");
|
||||||
|
|
||||||
for (var i = 0; i < form_list.length; i++)
|
for (var i = 0; i < formList.length; i++)
|
||||||
{
|
{
|
||||||
var treeitem = document.createElement("treeitem");
|
var treeItem = document.createElement("treeitem");
|
||||||
var treerow_elem = treeitem.appendChild(document.createElement("treerow"));
|
var treeRowElem = treeItem.appendChild(document.createElement("treerow"));
|
||||||
|
|
||||||
var treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
var treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", form_list[i].action);
|
treeCellElem.setAttribute("value", formList[i].action);
|
||||||
|
|
||||||
treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", form_list[i].method);
|
treeCellElem.setAttribute("value", formList[i].method);
|
||||||
|
|
||||||
treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", form_list[i].name);
|
treeCellElem.setAttribute("value", formList[i].name);
|
||||||
|
|
||||||
treechildren.appendChild(treeitem);
|
treeChildren.appendChild(treeItem);
|
||||||
}
|
}
|
||||||
|
|
||||||
return true;
|
return true;
|
||||||
|
|
@ -92,32 +93,32 @@ function makeFormTree(page, root)
|
||||||
|
|
||||||
function makeImageTree(page, root)
|
function makeImageTree(page, root)
|
||||||
{
|
{
|
||||||
var img_list = page.images;
|
var imgList = page.images;
|
||||||
if (img_list.length == 0) return false;
|
if (imgList.length == 0) return false;
|
||||||
|
|
||||||
var treechildren = document.getElementById("imageschildren");
|
var treeChildren = document.getElementById("imagesChildren");
|
||||||
|
|
||||||
for (var i = 0; i < img_list.length; i++)
|
for (var i = 0; i < imgList.length; i++)
|
||||||
{
|
{
|
||||||
var treeitem = document.createElement("treeitem");
|
var treeItem = document.createElement("treeitem");
|
||||||
treeitem.setAttribute("container", "true");
|
treeItem.setAttribute("container", "true");
|
||||||
treeitem.setAttribute("parent", "true");
|
treeItem.setAttribute("parent", "true");
|
||||||
|
|
||||||
var treerow_elem = treeitem.appendChild(document.createElement("treerow"));
|
var treeRowElem = treeItem.appendChild(document.createElement("treerow"));
|
||||||
|
|
||||||
var treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
var treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", img_list[i].src);
|
treeCellElem.setAttribute("value", imgList[i].src);
|
||||||
|
|
||||||
treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", img_list[i].width);
|
treeCellElem.setAttribute("value", imgList[i].width);
|
||||||
|
|
||||||
treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", img_list[i].height);
|
treeCellElem.setAttribute("value", imgList[i].height);
|
||||||
|
|
||||||
treecell_elem = treerow_elem.appendChild(document.createElement("treecell"));
|
treeCellElem = treeRowElem.appendChild(document.createElement("treecell"));
|
||||||
treecell_elem.setAttribute("value", img_list[i].alt);
|
treeCellElem.setAttribute("value", imgList[i].alt);
|
||||||
|
|
||||||
treechildren.appendChild(treeitem);
|
treeChildren.appendChild(treeItem);
|
||||||
}
|
}
|
||||||
|
|
||||||
return true;
|
return true;
|
||||||
|
|
@ -125,20 +126,20 @@ function makeImageTree(page, root)
|
||||||
|
|
||||||
function onImageSelect()
|
function onImageSelect()
|
||||||
{
|
{
|
||||||
var tree = document.getElementById("images_tree");
|
var tree = document.getElementById("imageTree");
|
||||||
var imageFrame = document.getElementById("image_frame");
|
var imageFrame = document.getElementById("imageFrame");
|
||||||
|
|
||||||
if (tree.selectedItems.length == 1)
|
if (tree.selectedItems.length == 1)
|
||||||
{
|
{
|
||||||
var clickedRow = tree.selectedItems[0].firstChild;
|
var clickedRow = tree.selectedItems[0].firstChild;
|
||||||
var firstCell = clickedRow.firstChild;
|
var firstCell = clickedRow.firstChild;
|
||||||
var imageUrl = firstCell.getAttribute("value");
|
var imageUrl = firstCell.getAttribute("value");
|
||||||
imageFrame.setAttribute("src", imageUrl);
|
imageFrame.setAttribute("src", imageUrl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function BrowserClose()
|
function BrowserClose()
|
||||||
{
|
{
|
||||||
window.close();
|
window.close();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,8 +24,7 @@
|
||||||
Chris McAfee <mcafee@netscape.com>
|
Chris McAfee <mcafee@netscape.com>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<?xml-stylesheet href="chrome://navigator/skin/" type="text/css"?>
|
<?xml-stylesheet href="chrome://navigator/skin/" type="text/css"?>
|
||||||
|
|
||||||
<?xul-overlay href="chrome://navigator/content/navigatorOverlay.xul"?>
|
<?xul-overlay href="chrome://navigator/content/navigatorOverlay.xul"?>
|
||||||
|
|
||||||
<!DOCTYPE window SYSTEM "chrome://navigator/locale/pageInfo.dtd">
|
<!DOCTYPE window SYSTEM "chrome://navigator/locale/pageInfo.dtd">
|
||||||
|
|
@ -36,55 +35,58 @@
|
||||||
titlemodifier="&mainWindow.titlemodifier;"
|
titlemodifier="&mainWindow.titlemodifier;"
|
||||||
titlepreface="&mainWindow.preface;"
|
titlepreface="&mainWindow.preface;"
|
||||||
titlemenuseparator ="&mainWindow.titlemodifierseperator;"
|
titlemenuseparator ="&mainWindow.titlemodifierseperator;"
|
||||||
windowtype="Browser:page-info"
|
windowtype="Browser:page-info"
|
||||||
onload="onLoadPageInfo()"
|
onload="onLoadPageInfo()"
|
||||||
align="vertical" class="dialog"
|
align="vertical" class="dialog"
|
||||||
width="400" height="320"
|
width="400" height="450"
|
||||||
screenX="10" screenY="10"
|
screenX="10" screenY="10"
|
||||||
persist="screenX screenY width height sizemode">
|
persist="screenX screenY width height sizemode">
|
||||||
|
|
||||||
<script src="chrome://navigator/content/pageInfo.js"></script>
|
<script type="text/javascript" src="chrome://navigator/content/pageInfo.js"/>
|
||||||
|
|
||||||
<broadcasterset id="broadcasterset"/>
|
<broadcasterset id="broadcasterset"/>
|
||||||
|
|
||||||
<commands id="commands">
|
<commands id="commands">
|
||||||
<commandset id="globalEditMenuItems"/>
|
<commandset id="globalEditMenuItems"/>
|
||||||
<commandset id="selectEditMenuItems"/>
|
<commandset id="selectEditMenuItems"/>
|
||||||
<commandset id="undoEditMenuItems"/>
|
<commandset id="undoEditMenuItems"/>
|
||||||
<commandset id="clipboardEditMenuItems"/>
|
<commandset id="clipboardEditMenuItems"/>
|
||||||
</commands>
|
</commands>
|
||||||
|
|
||||||
<!-- keys are appended from the overlay -->
|
<!-- keys are appended from the overlay -->
|
||||||
<keyset id="keyset"/>
|
<keyset id="keyset"/>
|
||||||
|
|
||||||
<box id="cont" orient="vertical" flex="1">
|
<box id="cont" orient="vertical" flex="1">
|
||||||
|
|
||||||
<text class="header label" value="&pageInfo.description;"/>
|
|
||||||
<box class="inset" orient="vertical" id="documentinfo">
|
|
||||||
<grid>
|
|
||||||
<columns>
|
|
||||||
<column flex="1"/>
|
|
||||||
<column flex="3"/>
|
|
||||||
</columns>
|
|
||||||
|
|
||||||
<rows>
|
|
||||||
<row>
|
|
||||||
<text class="label" value="&pageInfo.pageTitle;"/> <text class="label" id="titletext" value=""/>
|
|
||||||
</row>
|
|
||||||
<row>
|
|
||||||
<text class="label" value="&pageInfo.URL;"/> <text class="label" id="urltext" value=""/>
|
|
||||||
</row>
|
|
||||||
<row>
|
|
||||||
<text class="label" value="&pageInfo.lastModified;"/> <text class="label" id="lastmodifiedtext" value=""/>
|
|
||||||
</row>
|
|
||||||
|
|
||||||
</rows>
|
<box orient="vertical">
|
||||||
</grid>
|
<text class="header label" value="&pageInfo.description;"/>
|
||||||
|
<box class="inset" orient="vertical" id="documentinfo">
|
||||||
|
<grid>
|
||||||
|
<columns>
|
||||||
|
<column/>
|
||||||
|
<column flex="1"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row>
|
||||||
|
<text class="label" value="&pageInfo.pageTitle;"/>
|
||||||
|
<text class="label" id="titletext" value=""/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<text class="label" value="&pageInfo.URL;"/>
|
||||||
|
<text class="label" id="urltext" value=""/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<text class="label" value="&pageInfo.lastModified;"/>
|
||||||
|
<text class="label" id="lastmodifiedtext" value=""/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box id="formtreecontainer" flex="1" orient="vertical" collapsed="true">
|
<box id="formTreeContainer" flex="1" orient="vertical" collapsed="true">
|
||||||
<text class="header label" value="&pageInfo.formHeader;"/>
|
<text class="header label" value="&pageInfo.formHeader;"/>
|
||||||
<tree id="forms_tree" class="inset" flex="1">
|
<tree id="formTree" class="inset" flex="1">
|
||||||
<treecolgroup>
|
<treecolgroup>
|
||||||
<treecol flex="2"/>
|
<treecol flex="2"/>
|
||||||
<splitter class="tree-splitter"/>
|
<splitter class="tree-splitter"/>
|
||||||
|
|
@ -96,51 +98,43 @@
|
||||||
<treerow>
|
<treerow>
|
||||||
<treecell value="&pageInfo.formAction;" class="treecell-header treecell-inset-header"/>
|
<treecell value="&pageInfo.formAction;" class="treecell-header treecell-inset-header"/>
|
||||||
<treecell value="&pageInfo.formMethod;" class="treecell-header treecell-inset-header"/>
|
<treecell value="&pageInfo.formMethod;" class="treecell-header treecell-inset-header"/>
|
||||||
<treecell value="&pageInfo.formName;" class="treecell-header treecell-inset-header"/>
|
<treecell value="&pageInfo.formName;" class="treecell-header treecell-inset-header"/>
|
||||||
</treerow>
|
</treerow>
|
||||||
</treehead>
|
</treehead>
|
||||||
<treechildren id="formchildren" flex="1">
|
<treechildren id="formChildren" flex="1"/>
|
||||||
</treechildren>
|
|
||||||
</tree>
|
</tree>
|
||||||
|
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box id="image_items" orient="vertical" flex="1" collapsed="true">
|
<splitter id="formImageSplitter" hidden="true"/>
|
||||||
<box id="imagetreecontainer" flex="1" orient="vertical">
|
|
||||||
<text class="header label" value="&pageInfo.imageHeader;"/>
|
|
||||||
<tree id="images_tree" class="inset" onselect="onImageSelect()" flex="1">
|
|
||||||
<treecolgroup>
|
|
||||||
<treecol flex="8"/>
|
|
||||||
<splitter class="tree-splitter"/>
|
|
||||||
<treecol flex="2"/>
|
|
||||||
<splitter class="tree-splitter"/>
|
|
||||||
<treecol flex="2"/>
|
|
||||||
<splitter class="tree-splitter"/>
|
|
||||||
<treecol flex="4"/>
|
|
||||||
</treecolgroup>
|
|
||||||
<treehead>
|
|
||||||
<treerow>
|
|
||||||
<treecell value="&pageInfo.imageURL;" class="treecell-header treecell-inset-header"/>
|
|
||||||
<treecell value="&pageInfo.imageWidth;" class="treecell-header treecell-inset-header"/>
|
|
||||||
<treecell value="&pageInfo.imageHeight;" class="treecell-header treecell-inset-header"/>
|
|
||||||
<treecell value="&pageInfo.imageAltText;" class="treecell-header treecell-inset-header"/>
|
|
||||||
</treerow>
|
|
||||||
</treehead>
|
|
||||||
<treechildren id="imageschildren" flex="1">
|
|
||||||
</treechildren>
|
|
||||||
</tree>
|
|
||||||
</box>
|
|
||||||
|
|
||||||
<splitter orient="vertical" collapse="after">
|
|
||||||
<spring flex="1"/>
|
|
||||||
<grippy/>
|
|
||||||
<spring flex="1"/>
|
|
||||||
</splitter>
|
|
||||||
|
|
||||||
<box id="imagepreviewcontainer">
|
<box id="imageTreeContainer" flex="1" orient="vertical" collapsed="true">
|
||||||
<iframe id="image_frame" class="inset" src="about:blank" flex="1"/>
|
<text class="header label" value="&pageInfo.imageHeader;"/>
|
||||||
</box>
|
<tree id="imageTree" class="inset" onselect="onImageSelect()" flex="1">
|
||||||
|
<treecolgroup>
|
||||||
|
<treecol flex="7"/>
|
||||||
|
<splitter class="tree-splitter"/>
|
||||||
|
<treecol flex="2"/>
|
||||||
|
<splitter class="tree-splitter"/>
|
||||||
|
<treecol flex="2"/>
|
||||||
|
<splitter class="tree-splitter"/>
|
||||||
|
<treecol flex="4"/>
|
||||||
|
</treecolgroup>
|
||||||
|
<treehead>
|
||||||
|
<treerow>
|
||||||
|
<treecell value="&pageInfo.imageURL;" class="treecell-header treecell-inset-header"/>
|
||||||
|
<treecell value="&pageInfo.imageWidth;" class="treecell-header treecell-inset-header"/>
|
||||||
|
<treecell value="&pageInfo.imageHeight;" class="treecell-header treecell-inset-header"/>
|
||||||
|
<treecell value="&pageInfo.imageAltText;" class="treecell-header treecell-inset-header"/>
|
||||||
|
</treerow>
|
||||||
|
</treehead>
|
||||||
|
<treechildren id="imagesChildren" flex="1"/>
|
||||||
|
</tree>
|
||||||
|
|
||||||
|
<splitter collapse="after" id="imageSplitter"/>
|
||||||
|
|
||||||
|
<box id="imagePreviewContainer" flex="1">
|
||||||
|
<iframe id="imageFrame" class="inset" src="about:blank" flex="1"/>
|
||||||
|
</box>
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
</window>
|
</window>
|
||||||
|
|
|
||||||
Загрузка…
Ссылка в новой задаче