Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-14 10:43:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add 'Customize Panel' dialog for customizing individual panels (bug #9768).

Browse Source
This commit is contained in:
slamm%netscape.com 1999-08-06 22:37:47 +00:00
parent ed7f88818a
commit 7183a8f645
18 changed files with 242 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
suite/common/sidebar/customize-panel.js Normal file
View File

@ -0,0 +1,11 @@
// -*- Mode: Java -*-
function Init()
{
var panel_name_div = document.getElementById('panelname');
var customize_frame = document.getElementById('customizeframe');
var panel_text = document.createTextNode(panel_name)
panel_name_div.appendChild(panel_text);
// The customize page currently is not loading because of a redirect bug.
customize_frame.setAttribute('src', panel_customize_URL);
}

61
suite/common/sidebar/customize-panel.xul Normal file
View File

@ -0,0 +1,61 @@
<?xml version="1.0"?> <!-- -*- Mode: SGML; indent-tabs-mode: nil; -*- -->
<!--
The contents of this file are subject to the Netscape Public License
Version 1.1 (the "NPL"); you may not use this file except in
compliance with the NPL. You may obtain a copy of the NPL at
http://www.mozilla.org/NPL/
Software distributed under the NPL is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
for the specific language governing rights and limitations under the
NPL.
The Initial Developer of this code under the NPL is Netscape
Communications Corporation. Portions created by Netscape are
Copyright (C) 1999 Netscape Communications Corporation. All Rights
Reserved.
-->
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/customize.css" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/customize-panel.css"
type="text/css"?>
<!DOCTYPE window SYSTEM "chrome://sidebar/locale/customize-panel.dtd" >
<window
xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="Init();"
align="vertical">
<html:script src="chrome://sidebar/content/customize-panel.js" />
<box align="horizontal">
<html:div class="title">
&sidebar.customize-panel.title.label;
</html:div>
<html:div id="panelname" class="title"/>
</box>
<html:hr/>
<html:iframe id="customizeframe" type="content" src="about:blank"
flex="100%"/>
<box align="horizontal">
<spring flex="96%"/>
<titledbutton onclick="window.close()"
value="&sidebar.customize-panel.cancel.label;" />
<spring flex="2%"/>
<titledbutton onclick="dump('xxxSubmit customize form here\n');"
disabled="true"
value="&sidebar.customize-panel.save.label;" />
<spring flex="2%"/>
</box>
</window>

31
suite/common/sidebar/customize.js
View File

@ -134,24 +134,25 @@ function enableButtons() {
var list = document.getElementById('selectList');
var customize = document.getElementById('customize-button');
var index = list.selectedIndex;
var isFirst = index == 0;
var isLast = index == list.options.length - 1;
var noneSelected = (index == -1);
var isFirst = (index == 0);
var isLast = (index == list.options.length - 1);
// up /\ button
if (isFirst) {
if (noneSelected || isFirst) {
up.setAttribute('disabled', 'true');
} else {
up.setAttribute('disabled', '');
}
// down \/ button
if (isLast) {
if (noneSelected || isLast) {
down.setAttribute('disabled', 'true');
} else {
down.setAttribute('disabled', '');
}
// "Customize..." button
var customizeURL = null;
if (index != -1) {
if (!noneSelected) {
var option = list.childNodes.item(index);
customizeURL = option.getAttribute('customize');
}
@ -162,6 +163,26 @@ function enableButtons() {
}
}
function CustomizePanel()
{
var list = document.getElementById('selectList');
var index = list.selectedIndex;
if (index != -1) {
var title = list.childNodes.item(index).getAttribute('title');
var customize_URL = list.childNodes.item(index).getAttribute('customize');
if (!title || !customize_URL) return;
var customize = window.open("chrome://sidebar/content/customize-panel.xul",
"PanelPreview", "chrome");
customize.panel_name = title;
customize.panel_customize_URL = customize_URL;
}
enableSave();
}
function RemovePanel()
{
var list = document.getElementById('selectList');

2
suite/common/sidebar/customize.xul
View File

@ -58,7 +58,7 @@
</html:form>
<box align="vertical" class="button-group" flex="100%">
<titledbutton id="customize-button" onclick=""
<titledbutton id="customize-button" onclick="CustomizePanel();"
value="&sidebar.customize.customize.label;" />
<titledbutton onclick="RemovePanel()"
value="&sidebar.customize.remove.label;" />

1
suite/common/sidebar/preview.js
View File

@ -2,7 +2,6 @@
function Init()
{
dump("init preview\n");
var panel_title = document.getElementById('paneltitle');
var preview_frame = document.getElementById('previewframe');
panel_title.setAttribute('value', panel_name);

2
xpfe/components/sidebar/resources/MANIFEST-content
View File

@ -1,3 +1,5 @@
customize-panel.js
customize-panel.xul
customize.js
customize.xul
dummy-flash.rdf

1
xpfe/components/sidebar/resources/MANIFEST-skin
View File

@ -1,3 +1,4 @@
customize-panel.css
customize.css
flash.css
sidebar.css

4
xpfe/components/sidebar/resources/Makefile.in
View File

@ -25,6 +25,8 @@ CHROME_CONTENT_DIR = content/default
CHROME_SKIN_DIR = skin/default
CHROME_CONTENT = \
customize-panel.js \
customize-panel.xul \
customize.js \
customize.xul \
dummy-flash.rdf \
@ -41,6 +43,7 @@ CHROME_CONTENT = \
$(NULL)
CHROME_SKIN = \
customize-panel.css \
customize.css \
flash.css \
sidebar.css \
@ -52,6 +55,7 @@ CHROME_SKIN = \
$(NULL)
CHROME_L10N = \
./locale/en-US/customize-panel.dtd \
./locale/en-US/customize.dtd \
./locale/en-US/flash.dtd \
./locale/en-US/preview.dtd \

28
xpfe/components/sidebar/resources/customize-panel.css Normal file
View File

@ -0,0 +1,28 @@
/* -*- Mode: C; c-basic-offset: 2 -*-
*
* The contents of this file are subject to the Netscape Public License
* Version 1.0 (the "NPL"); you may not use this file except in
* compliance with the NPL. You may obtain a copy of the NPL at
* http://www.mozilla.org/NPL/
*
* Software distributed under the NPL is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
* for the specific language governing rights and limitations under the
* NPL.
*
* The Initial Developer of this code under the NPL is Netscape
* Communications Corporation. Portions created by Netscape are
* Copyright (C) 1998 Netscape Communications Corporation. All Rights
* Reserved.
*/
/*
Style rules specific to the Customize Panel dialog.
*/
iframe#customizeframe {
width: 600px;
height: 300px;
}

11
xpfe/components/sidebar/resources/customize-panel.js Normal file
View File

@ -0,0 +1,11 @@
// -*- Mode: Java -*-
function Init()
{
var panel_name_div = document.getElementById('panelname');
var customize_frame = document.getElementById('customizeframe');
var panel_text = document.createTextNode(panel_name)
panel_name_div.appendChild(panel_text);
// The customize page currently is not loading because of a redirect bug.
customize_frame.setAttribute('src', panel_customize_URL);
}

61
xpfe/components/sidebar/resources/customize-panel.xul Normal file
View File

@ -0,0 +1,61 @@
<?xml version="1.0"?> <!-- -*- Mode: SGML; indent-tabs-mode: nil; -*- -->
<!--
The contents of this file are subject to the Netscape Public License
Version 1.1 (the "NPL"); you may not use this file except in
compliance with the NPL. You may obtain a copy of the NPL at
http://www.mozilla.org/NPL/
Software distributed under the NPL is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
for the specific language governing rights and limitations under the
NPL.
The Initial Developer of this code under the NPL is Netscape
Communications Corporation. Portions created by Netscape are
Copyright (C) 1999 Netscape Communications Corporation. All Rights
Reserved.
-->
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/customize.css" type="text/css"?>
<?xml-stylesheet href="chrome://sidebar/skin/customize-panel.css"
type="text/css"?>
<!DOCTYPE window SYSTEM "chrome://sidebar/locale/customize-panel.dtd" >
<window
xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="Init();"
align="vertical">
<html:script src="chrome://sidebar/content/customize-panel.js" />
<box align="horizontal">
<html:div class="title">
&sidebar.customize-panel.title.label;
</html:div>
<html:div id="panelname" class="title"/>
</box>
<html:hr/>
<html:iframe id="customizeframe" type="content" src="about:blank"
flex="100%"/>
<box align="horizontal">
<spring flex="96%"/>
<titledbutton onclick="window.close()"
value="&sidebar.customize-panel.cancel.label;" />
<spring flex="2%"/>
<titledbutton onclick="dump('xxxSubmit customize form here\n');"
disabled="true"
value="&sidebar.customize-panel.save.label;" />
<spring flex="2%"/>
</box>
</window>

31
xpfe/components/sidebar/resources/customize.js
View File

@ -134,24 +134,25 @@ function enableButtons() {
var list = document.getElementById('selectList');
var customize = document.getElementById('customize-button');
var index = list.selectedIndex;
var isFirst = index == 0;
var isLast = index == list.options.length - 1;
var noneSelected = (index == -1);
var isFirst = (index == 0);
var isLast = (index == list.options.length - 1);
// up /\ button
if (isFirst) {
if (noneSelected || isFirst) {
up.setAttribute('disabled', 'true');
} else {
up.setAttribute('disabled', '');
}
// down \/ button
if (isLast) {
if (noneSelected || isLast) {
down.setAttribute('disabled', 'true');
} else {
down.setAttribute('disabled', '');
}
// "Customize..." button
var customizeURL = null;
if (index != -1) {
if (!noneSelected) {
var option = list.childNodes.item(index);
customizeURL = option.getAttribute('customize');
}
@ -162,6 +163,26 @@ function enableButtons() {
}
}
function CustomizePanel()
{
var list = document.getElementById('selectList');
var index = list.selectedIndex;
if (index != -1) {
var title = list.childNodes.item(index).getAttribute('title');
var customize_URL = list.childNodes.item(index).getAttribute('customize');
if (!title || !customize_URL) return;
var customize = window.open("chrome://sidebar/content/customize-panel.xul",
"PanelPreview", "chrome");
customize.panel_name = title;
customize.panel_customize_URL = customize_URL;
}
enableSave();
}
function RemovePanel()
{
var list = document.getElementById('selectList');

2
xpfe/components/sidebar/resources/customize.xul
View File

@ -58,7 +58,7 @@
</html:form>
<box align="vertical" class="button-group" flex="100%">
<titledbutton id="customize-button" onclick=""
<titledbutton id="customize-button" onclick="CustomizePanel();"
value="&sidebar.customize.customize.label;" />
<titledbutton onclick="RemovePanel()"
value="&sidebar.customize.remove.label;" />

1
xpfe/components/sidebar/resources/locale/MANIFEST
View File

@ -1,3 +1,4 @@
en-US:customize-panel.dtd
en-US:customize.dtd
en-US:flash.dtd
en-US:preview.dtd

3
xpfe/components/sidebar/resources/locale/en-US/customize-panel.dtd Normal file
View File

@ -0,0 +1,3 @@
<!ENTITY sidebar.customize-panel.title.label "Customize Panel: ">
<!ENTITY sidebar.customize-panel.save.label "Save">
<!ENTITY sidebar.customize-panel.cancel.label "Cancel">

4
xpfe/components/sidebar/resources/makefile.win
View File

@ -22,6 +22,8 @@ CHROME_CONTENT_DIR = content\default
CHROME_SKIN_DIR = skin\default
CHROME_CONTENT = \
.\customize-panel.js \
.\customize-panel.xul \
.\customize.js \
.\customize.xul \
.\dummy-flash.rdf \
@ -38,6 +40,7 @@ CHROME_CONTENT = \
$(NULL)
CHROME_SKIN = \
.\customize-panel.css \
.\customize.css \
.\flash.css \
.\sidebar.css \
@ -49,6 +52,7 @@ CHROME_SKIN = \
$(NULL)
CHROME_L10N = \
.\locale\en-US\customize-panel.dtd \
.\locale\en-US\customize.dtd \
.\locale\en-US\flash.dtd \
.\locale\en-US\preview.dtd \

1
xpfe/components/sidebar/resources/preview.js
View File

@ -2,7 +2,6 @@
function Init()
{
dump("init preview\n");
var panel_title = document.getElementById('paneltitle');
var preview_frame = document.getElementById('previewframe');
panel_title.setAttribute('value', panel_name);

3
xpfe/components/sidebar/resources/sidebar-browser.rdf
View File

@ -8,8 +8,7 @@
<RDF:li>
<RDF:Description ID="whats-related">
<NC:title>&sidebar.whats-related.label;</NC:title>
<NC:content>resource:/res/samples/related-panel.xul</NC:content>
<NC:customize>resource:/res/samples/related-panel-cust.xul</NC:customize>
<NC:content>chrome://related/content/related-panel.xul</NC:content>
</RDF:Description>
</RDF:li>
<RDF:li>