nextpleaseOptions.xul

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://browser/skin/preferences/preferences.css" type="text/css"?>

<!DOCTYPE window SYSTEM "chrome://nextplease/locale/nextplease.dtd">
<prefwindow id="nextpleaseprefs" title="&options.title;" buttons="accept, cancel"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <prefpane id="nextplease.phrases" label="&options.phrases.title;" image="chrome://nextplease/skin/Document.png"
              onpaneload="nextplease.loadListboxPreferences('phrases');">
        <preferences>
            <preference id="nextphrases" name="nextplease.nextphrase.expr0" type="unichar" onsynctopreference="alert('sync on pref'); return this.valueFromPreferences;"/>
            <preference id="prevphrases" name="nextplease.prevphrase.expr0" type="unichar"/>
            <preference id="firstphrases" name="nextplease.firstphrase.expr0"  type="unichar"/>
            <preference id="lastphrases" name="nextplease.lastphrase.expr0" type="unichar"/>
        </preferences>
        <hbox flex="1">
            <listbox width="80" onselect="nextplease.selectedPanelChanged(this);">
                <listitem label="&options.next;" selected="true"/>
                <listitem label="&options.prev;"/>
                <listitem label="&options.first;"/>
                <listitem label="&options.last;"/>
            </listbox>
            <separator class="groove" orient="vertical" style="opacity: 0.5; margin-top: 5px; margin-bottom: 5px;"/>
            <vbox flex="1">
                <deck flex="1">
                    <listbox id="nextphrases_list" seltype="multiple" flex="1"
                        onkeypress="nextplease.removeSelectedOnDelete(event, this);" onselect="nextplease.enableDisableRemoveButton(this);" preference="nextphrases" preference-editable="true" onsynctopreference="alert('sync on listbox'); return nextplease.syncListbox(this);"/>
                    <listbox id="prevphrases_list" seltype="multiple" flex="1"
                        onkeypress="nextplease.removeSelectedOnDelete(event, this);" onselect="nextplease.enableDisableRemoveButton(this);" preference="prevphrases" preference-editable="true" onsynctopreference="return nextplease.syncListbox(this);"/>
                    <listbox id="firstphrases_list" seltype="multiple" flex="1"
                        onkeypress="nextplease.removeSelectedOnDelete(event, this);" onselect="nextplease.enableDisableRemoveButton(this);" preference="firstphrases" preference-editable="true" onsynctopreference="return nextplease.syncListbox(this);"/>
                    <listbox id="lastphrases_list" seltype="multiple" flex="1"
                        onkeypress="nextplease.removeSelectedOnDelete(event, this);" onselect="nextplease.enableDisableRemoveButton(this);" preference="lastphrases" preference-editable="true" onsynctopreference="return nextplease.syncListbox(this);"/>
                </deck>
                <separator class="thin"/>
                <hbox align="stretch">
                    <textbox type="text" maxlength="256" onkeypress="nextplease.addOnReturn(event, this);"/>
                    <button label="&options.add;" style="margin-left: 0"
                        oncommand="nextplease.addToListbox(this);" />
                    <spacer flex="1" minwidth="20"/>
                    <button label="&options.remove;" tooltiptext="&options.removeSelected;" disabled="true" style="margin-right: 2px"
                        oncommand="nextplease.removeSelectedFromListbox(this);" />
                </hbox>
            </vbox>
        </hbox>
    </prefpane>

    <script type="application/x-javascript" src="chrome://nextplease/content/nextpleaseCommon.js" />
    <script type="application/x-javascript" src="chrome://nextplease/content/nextpleaseOptions.js" />
</prefwindow>