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

[XForms] Support ranges that have undefined start, end, step attrs. Bug 331987, patch by msterlin, r=surkov+aaronr

Browse Source
This commit is contained in:
aaronr%us.ibm.com 2006-10-05 23:29:34 +00:00
parent ce6c447de6
commit 0cf30d33dd
3 changed files with 159 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
extensions/xforms/resources/content/range-xhtml.xml
View File

@ -48,8 +48,8 @@
-->
<!-- RANGE: <NUMBER> -->
<binding id="xformswidget-range"
extends="chrome://xforms/content/range.xml#xformswidget-range-base">
<binding id="xformswidget-range-numeric"
extends="chrome://xforms/content/range.xml#xformswidget-range-numeric-base">
<content mozType:deferredrefresh="true">
<children includes="label"/>

173
extensions/xforms/resources/content/range.xml
View File

@ -41,44 +41,69 @@
<bindings xmlns="http://www.mozilla.org/xbl"
xmlns:html="http://www.w3.org/1999/xhtml">
<!-- RANGE: <NUMBER>
<!-- RANGE: BASE
This binding is base for xforms range controls. It assumes successors
bindings implement getElementControl() method that returns the object:
{
get/set value(); // get/set "number" value
get/set value(); // get/set value
set readonly(); // makes range disabled
get/set start(); // get/set @start attribute, type is "number"
get/set end(); // get/set @end attribute, type is "number"
get/set step(); // get/set @step attribute, type is "number"
get/set start(); // get/set @start attribute
get/set end(); // get/set @end attribute
get/set step(); // get/set @step attribute
focus() // set the focus
set(); // set start, end, step, value
}
Successor bindings should override isInRange and adjustRangeValues to do
what is appropriate for the particular datatype they use.
-->
<binding id="xformswidget-range-base"
extends="chrome://xforms/content/xforms.xml#xformswidget-base">
<implementation implements="nsIAccessibleProvider">
<property name="accessibleType" readonly="true">
<getter>
return Components.interfaces.nsIAccessibleProvider.XFormsRange;
</getter>
</property>
<implementation>
<method name="refresh">
<body>
<![CDATA[
// The start/end/step attrs are all optional and if any are omitted
// we need to adjust their values.
this.adjustRangeValues(this.start, this.end, this.step);
// Start > End is an error.
if (this.start > this.end) {
this.delegate.reportError("rangeBeginEndError");
return;
}
this.control.readonly = this.accessors.isReadonly();
var value = parseFloat(this.accessors.getValue());
if (!value)
return;
var inrange = this.start >= value && value <= this.end;
var value = this.accessors.getValue();
var inrange = this.isInRange(value);
this.accessors.setInRange(inrange);
this.control.set(this.start, this.end, this.step, value);
]]>
</body>
</method>
<!-- Determine whether or not the current value is between the start
and end values for the range so we can dispatch xforms-in-range
or xforms-out-of-range events.
-->
<method name="isInRange">
<body>
return true;
</body>
</method>
<!-- The start/end/step attrs are all optional and if any are omitted
we need to adjust their values.
-->
<method name="adjustRangeValues">
<body>
return true;
</body>
</method>
<method name="focus">
<body>
this.control.focus();
@ -141,4 +166,118 @@
</implementation>
</binding>
<!-- RANGE: <NUMBER>
This binding is base for xforms range controls with numeric types.
Successor bindings should implement a getElementControl() method
that returns numeric types.
-->
<binding id="xformswidget-range-numeric-base"
extends="chrome://xforms/content/range.xml#xformswidget-range-base">
<implementation implements="nsIAccessibleProvider">
<!-- Any range type that uses a slider widget as the element control
should return Components.interfaces.nsIAccessibleProvider.XFormsRange
as its accessible type.
-->
<property name="accessibleType" readonly="true">
<getter>
return Components.interfaces.nsIAccessibleProvider.XFormsRange;
</getter>
</property>
<method name="isInRange">
<parameter name="aValue"/>
<body>
<![CDATA[
var value = parseFloat(aValue);
if (isNaN(value))
return false;
return this.start >= value && value <= this.end;
]]>
</body>
</method>
<!-- A range control with numeric types is currently implemented as a
slider and a slider with a large number of steps does not look
nice or perform very well; therefore, we limit the maximum number
of steps to a reasonable value of 20. The start/end/step values
will be adjusted accordingly if any are omitted.
-->
<method name="adjustRangeValues">
<parameter name="aStart"/>
<parameter name="aEnd"/>
<parameter name="aStep"/>
<body>
<![CDATA[
if (isNaN(aStep)) {
// Step is not specified and will depend on the values of start
// and end (which also may not be specified).
if (isNaN(aStart) && isNaN(aEnd)) {
// None of the range attributes are specified! Show a default
// slider with 20 steps.
this.start = 0;
this.end = 20;
this.step = 1;
} else if (!isNaN(aStart) && isNaN(aEnd)) {
// Start is specified but End is not. Set end to start + 20 with
// a default step of 1 to maintain our maximum range of 20 steps.
this.start = aStart;
this.end = this.start + 20;
this.step = 1;
} else if (isNaN(aStart) && !isNaN(aEnd)) {
// End is specified but Start is not. Use a default step of 1
// and adjust start to maintain the maximum range of 20 steps.
this.start = aEnd - 20;
this.end = aEnd;
this.step = 1;
} else {
// Both Start and End are specified. Calculate a step value
// that will maintain our maximum range of 20 steps.
this.start = aStart;
this.end = aEnd;
this.step = Math.round((aEnd - aStart) / 20);
}
} else {
// Step is specified. Adjust start and end to maintain our
// maximum range of 20 steps.
if (isNaN(aStart) && isNaN(aEnd)) {
// Neither Start nor End is specified. Calculate values for start
// and end such that the slider has a maximum of 20 steps of size
// aStep.
this.start = 0;
this.end = this.start + (aStep * 20);
this.step = aStep;
} else if (!isNaN(aStart) && isNaN(aEnd)) {
// Begin is specified but End is not. Adjust end such that we
// have 20 steps of size aStep between start and end.
this.start = aStart;
this.end = this.start + (aStep * 20);
this.step = aStep;
} else if (isNaN(aStart) && !isNaN(aEnd)) {
// End is specified but Start is not. Adjust start such that we
// have 20 steps of size aStep between start and end.
this.start = aEnd - (aStep * 20);
this.end = aEnd;
this.step = aStep;
} else {
// Both Start and End are specified, but the specified Step
// value may not be suitable for maintaining the maximum
// range of 20 steps.
if ((aEnd - aStart) / aStep > 20) {
// Honor the specified start and end values, but adjust
// the Step value.
this.step = Math.round((aEnd - aStart) / 20);
} else {
this.step = aStep;
}
this.start = aStart;
this.end = aEnd;
}
}
]]>
</body>
</method>
</implementation>
</binding>
</bindings>

2
extensions/xforms/resources/content/xforms.css
View File

@ -218,7 +218,7 @@ xul|*:root output[mozType|type="http://www.w3.org/2001/XMLSchema#base64Binary"][
html|*:root range[mozType|typelist~="http://www.w3.org/2001/XMLSchema#decimal"],
html|*:root range[mozType|typelist~="http://www.w3.org/2001/XMLSchema#float"],
html|*:root range[mozType|typelist~="http://www.w3.org/2001/XMLSchema#double"] {
-moz-binding: url('chrome://xforms/content/range-xhtml.xml#xformswidget-range');
-moz-binding: url('chrome://xforms/content/range-xhtml.xml#xformswidget-range-numeric');
}
html|*:root range[mozType|typelist~="http://www.w3.org/2001/XMLSchema#decimal"] html|span[mozType|slider],