checking in preliminary skin switching UI.

This commit is contained in:
ben%netscape.com 2000-05-10 03:11:14 +00:00
parent 867c31f26f
commit 3a96400795
6 changed files with 49 additions and 125 deletions

View File

@ -10,6 +10,7 @@ pref-colors.js
pref-colors.xul
pref-cookies.xul
pref-themes.xul
pref-themes.js
pref-composer.js
pref-composer.xul
pref-debug.xul

View File

@ -41,6 +41,7 @@ EXPORT_RESOURCE_CONTENT = \
$(srcdir)/pref-cookies.xul \
$(srcdir)/pref-colors.js \
$(srcdir)/pref-themes.xul \
$(srcdir)/pref-themes.js \
$(srcdir)/pref-composer.xul \
$(srcdir)/pref-composer.js \
$(srcdir)/pref-debug.xul \

View File

@ -34,6 +34,7 @@ install::
$(MAKE_INSTALL) pref-colors.xul $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-cookies.xul $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-themes.xul $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-themes.js $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-charset.js $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-charset.xul $(DIST)\bin\chrome\communicator\content\pref
$(MAKE_INSTALL) pref-composer.js $(DIST)\bin\chrome\communicator\content\pref

View File

@ -22,121 +22,45 @@
-->
<?xml-stylesheet href="chrome://communicator/skin/" type="text/css"?>
<?xul-overlay href="chrome://global/content/dialogOverlay.xul"?>
<!DOCTYPE window SYSTEM "chrome://communicator/locale/pref/pref-themes.dtd" >
<window xmlns:html="http://www.w3.org/TR/REC-html40"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
class="dialog"
align="vertical">
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
class="color-dialog"
orient="vertical">
<box type="smallheader" title="&lHeader;" description="&rHeader;"/>
<tabcontrol flex="1" align="vertical">
<tabbox>
<tab selected="true">Theme View</tab>
<tab>Package View</tab>
</tabbox>
<tabpanel align="horizontal" flex="1">
<box flex="1" align="vertical">
<tree class="inset" flex="100%">
<treecol/>
<treehead>
<treerow>
<treecell value="Themes"/>
</treerow>
</treehead>
<treechildren>
<treeitem>
<treerow>
<treecell value="Classic 4.x"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="Purple and Blue"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="That 70's Chrome"/>
</treerow>
</treeitem>
</treechildren>
</tree>
<spring style="width: 2px"/>
<html:fieldset>
<html:legend align="left">
<html:div>Selected Theme: Purple and Blue</html:div>
</html:legend>
<html:div>Author: Mozilla.org</html:div>
<html:div>Version: 1.0</html:div>
<html:div>Site: <html:a href="http://www.mozilla.org" target="_blank">http://www.mozilla.org</html:a></html:div>
<html:div>Preview Image:<html:br/>The thumbnail image would go here.</html:div>
<html:div>
<titledbutton class="push dialog" value="Apply Theme"/>
<titledbutton class="push dialog" value="Delete Theme"/>
<titledbutton class="push dialog" value="View Details"/>
</html:div>
</html:fieldset>
</box>
<box flex="1" align="vertical">
<tree class="inset" flex="100%">
<treecol/>
<treehead>
<treerow>
<treecell value="Packages"/>
</treerow>
</treehead>
<treechildren>
<treeitem>
<treerow>
<treecell value="Global"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="Navigator"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="Messenger"/>
</treerow>
</treeitem>
</treechildren>
</tree>
<spring style="width: 2px"/>
<html:fieldset>
<html:legend align="left">Selected Package: Messenger</html:legend>
<html:div>Author: Mozilla.org</html:div>
<html:div>Version: 1.0</html:div>
<html:div>Site: <html:a href="http://www.mozilla.org" target="_blank">http://www.mozilla.org</html:a></html:div>
<tree class="inset" flex="100%">
<treecol/>
<treechildren>
<treeitem selected="true">
<treerow>
<treecell value="That 70's Chrome"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="Star Trek"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell value="Candy Land"/>
</treerow>
</treeitem>
</treechildren>
</tree>
</html:fieldset>
</box>
</tabpanel>
</tabcontrol>
<script language="JavaScript" src="chrome://communicator/content/pref/pref-themes.js"></script>
<box class="box-smallheader" title="&lHeader;"/>
<html>&skinIntro.label;</html>
<tree class="inset" id="skinsTree" datasources="rdf:chrome"
ref="urn:mozilla:skin:root" flex="1">
<treecolgroup>
<treecol/>
</treecolgroup>
<template>
<rule>
<treechildren>
<treeitem uri="..." author="rdf:http://www.mozilla.org/rdf/chrome#author"
name="rdf:http://www.mozilla.org/rdf/chrome#name">
<treerow>
<treecell value="rdf:http://www.mozilla.org/rdf/chrome#displayName"/>
</treerow>
</treeitem>
</treechildren>
</rule>
</template>
</tree>
<box autostretch="never">
<button value="&selectSkin.label;" accesskey="&selectSkin.accesskey;" oncommand="selectSkin();"/>
<button value="&deselectSkin.label;" accesskey="&deselectSkin.accesskey;" oncommand="deselectSkin();"/>
<button value="&installSkin.label;" accesskey="&installSkin.accesskey;" oncommand="installSkin();"/>
</box>
</window>

View File

@ -56,13 +56,11 @@
<treecell class="treecell-indent" url="chrome://communicator/content/pref/pref-colors.xul" value="&colors.label;"/>
</treerow>
</treeitem>
<!--
<treeitem>
<treerow>
<treecell class="treecell-indent" url="chrome://communicator/content/pref/pref-themes.xul" value="&themes.label;"/>
</treerow>
</treeitem>
-->
</treechildren>
</treeitem>

View File

@ -1,16 +1,15 @@
<!--LOCALIZATION NOTE : FILE Theme management prefs -->
<!ENTITY lHeader "Themes">
<!ENTITY rHeader "Choose an installed theme for your display">
<!ENTITY lHeader "Themes">
<!ENTITY tabThemeView.label "Theme View">
<!ENTITY tabPackageView.label "Package View">
<!ENTITY themeName "Selected Theme: ">
<!ENTITY themeAuthor.label "Theme Author: ">
<!ENTITY themeVersion.label "Theme Version: ">
<!ENTITY themeSite.label "Website:">
<!ENTITY themeImage.label "Preview Image">
<!ENTITY skinIntro.label "Select Themes blahblah">
<!ENTITY selectSkin.label "Apply Theme">
<!ENTITY selectSkin.accesskey "a">
<!-- DEBUG DO NOT TRANSLATE -->
<!ENTITY deselectSkin.label "Deselect Theme">
<!ENTITY deselectSkin.accesskey "d">
<!-- DEBUG DO NOT TRANSLATE -->
<!ENTITY installSkin.label "Install Theme...">
<!ENTITY installSkin.accesskey "i">
<!ENTITY themeApply.label "Apply Theme">
<!ENTITY themeDelete.label "Delete Theme">
<!ENTITY themeDetails.label "Theme Details...">