mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-13 23:17:57 +00:00
65 lines
2.5 KiB
XML
65 lines
2.5 KiB
XML
<?xml version="1.0"?>
|
|
<bindings id="expanderBindings"
|
|
xmlns="http://www.mozilla.org/xbl"
|
|
xmlns:xbl="http://www.mozilla.org/xbl"
|
|
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
|
|
<binding id="expander" display="xul:vbox">
|
|
<resources>
|
|
<stylesheet src="chrome://global/skin/expander.css"/>
|
|
</resources>
|
|
<content>
|
|
<xul:hbox align="center">
|
|
<xul:button type="disclosure" class="expanderButton" anonid="disclosure" xbl:inherits="disabled" mousethrough="always"/>
|
|
<xul:label class="header expanderButton" anonid="label" xbl:inherits="value=label,disabled" mousethrough="always" flex="1"/>
|
|
<xul:button anonid="clear-button" xbl:inherits="label=clearlabel,disabled=cleardisabled,hidden=clearhidden" mousethrough="always"/>
|
|
</xul:hbox>
|
|
<xul:vbox flex="1" anonid="settings" class="settingsContainer" collapsed="true">
|
|
<children/>
|
|
</xul:vbox>
|
|
</content>
|
|
<implementation>
|
|
<constructor><![CDATA[
|
|
var settings = document.getAnonymousElementByAttribute(this, "anonid", "settings");
|
|
var expander = document.getAnonymousElementByAttribute(this, "anonid", "disclosure");
|
|
var open = this.getAttribute("open") == "true";
|
|
settings.collapsed = !open;
|
|
expander.open = open;
|
|
]]></constructor>
|
|
<method name="onCommand">
|
|
<parameter name="aEvent"/>
|
|
<body><![CDATA[
|
|
var element = aEvent.originalTarget;
|
|
var button = element.getAttribute("anonid");
|
|
switch (button) {
|
|
case "disclosure":
|
|
case "label":
|
|
var settings = document.getAnonymousElementByAttribute(this, "anonid", "settings");
|
|
settings.collapsed = !settings.collapsed;
|
|
var disclosure = document.getAnonymousElementByAttribute(this, "anonid", "disclosure");
|
|
disclosure.open = !disclosure.open;
|
|
this.setAttribute("open", disclosure.open);
|
|
break;
|
|
case "clear-button":
|
|
var event = document.createEvent("Events");
|
|
event.initEvent("clear", false, true);
|
|
this.dispatchEvent(event);
|
|
break;
|
|
}
|
|
]]></body>
|
|
</method>
|
|
</implementation>
|
|
<handlers>
|
|
<handler event="command"><![CDATA[
|
|
this.onCommand(event);
|
|
]]></handler>
|
|
<handler event="click"><![CDATA[
|
|
if (event.originalTarget.localName == "label")
|
|
this.onCommand(event);
|
|
]]></handler>
|
|
</handlers>
|
|
</binding>
|
|
|
|
</bindings>
|
|
|
|
|