The Tor Browser / file comparison
comparison: toolkit/content/widgets/progressmeter.xml
toolkit/content/widgets/progressmeter.xml
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:accd0ea7073b |
|---|---|
| 1 <?xml version="1.0"?> | |
| 2 <!-- This Source Code Form is subject to the terms of the Mozilla Public | |
| 3 - License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> | |
| 5 | |
| 6 | |
| 7 <bindings id="progressmeterBindings" | |
| 8 xmlns="http://www.mozilla.org/xbl" | |
| 9 xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" | |
| 10 xmlns:xbl="http://www.mozilla.org/xbl"> | |
| 11 | |
| 12 <binding id="progressmeter" role="xul:progressmeter"> | |
| 13 <resources> | |
| 14 <stylesheet src="chrome://global/skin/progressmeter.css"/> | |
| 15 </resources> | |
| 16 | |
| 17 <content> | |
| 18 <xul:spacer class="progress-bar" xbl:inherits="mode"/> | |
| 19 <xul:spacer class="progress-remainder" xbl:inherits="mode"/> | |
| 20 </content> | |
| 21 | |
| 22 <implementation> | |
| 23 <property name="mode" onset="if (this.mode != val) this.setAttribute('mode', val); return val;" | |
| 24 onget="return this.getAttribute('mode');"/> | |
| 25 | |
| 26 <property name="value" onget="return this.getAttribute('value') || '0';"> | |
| 27 <setter><![CDATA[ | |
| 28 var p = Math.round(val); | |
| 29 var max = Math.round(this.max); | |
| 30 if (p < 0) | |
| 31 p = 0; | |
| 32 else if (p > max) | |
| 33 p = max; | |
| 34 var c = this.value; | |
| 35 if (p != c) { | |
| 36 var delta = p - c; | |
| 37 if (delta < 0) | |
| 38 delta = -delta; | |
| 39 if (delta > 3 || p == 0 || p == max) { | |
| 40 this.setAttribute("value", p); | |
| 41 // Fire DOM event so that accessible value change events occur | |
| 42 var event = document.createEvent('Events'); | |
| 43 event.initEvent('ValueChange', true, true); | |
| 44 this.dispatchEvent(event); | |
| 45 } | |
| 46 } | |
| 47 | |
| 48 return val; | |
| 49 ]]></setter> | |
| 50 </property> | |
| 51 <property name="max" | |
| 52 onget="return this.getAttribute('max') || '100';" | |
| 53 onset="this.setAttribute('max', isNaN(val) ? 100 : Math.max(val, 1)); | |
| 54 this.value = this.value; | |
| 55 return val;" /> | |
| 56 </implementation> | |
| 57 </binding> | |
| 58 | |
| 59 <binding id="progressmeter-undetermined" | |
| 60 extends="chrome://global/content/bindings/progressmeter.xml#progressmeter"> | |
| 61 <content> | |
| 62 <xul:stack class="progress-remainder" flex="1" anonid="stack" style="overflow: -moz-hidden-unscrollable;"> | |
| 63 <xul:spacer class="progress-bar" anonid="spacer" top="0" style="margin-right: -1000px;"/> | |
| 64 </xul:stack> | |
| 65 </content> | |
| 66 | |
| 67 <implementation> | |
| 68 <field name="_alive">true</field> | |
| 69 <method name="_init"> | |
| 70 <body><![CDATA[ | |
| 71 var stack = | |
| 72 document.getAnonymousElementByAttribute(this, "anonid", "stack"); | |
| 73 var spacer = | |
| 74 document.getAnonymousElementByAttribute(this, "anonid", "spacer"); | |
| 75 var isLTR = | |
| 76 document.defaultView.getComputedStyle(this, null).direction == "ltr"; | |
| 77 var startTime = window.mozAnimationStartTime; | |
| 78 var self = this; | |
| 79 | |
| 80 function nextStep(t) { | |
| 81 try { | |
| 82 var width = stack.boxObject.width; | |
| 83 if (!width) { | |
| 84 // Maybe we've been removed from the document. | |
| 85 if (self._alive) | |
| 86 mozRequestAnimationFrame(nextStep); | |
| 87 return; | |
| 88 } | |
| 89 | |
| 90 var elapsedTime = t - startTime; | |
| 91 | |
| 92 // Width of chunk is 1/5 (determined by the ratio 2000:400) of the | |
| 93 // total width of the progress bar. The left edge of the chunk | |
| 94 // starts at -1 and moves all the way to 4. It covers the distance | |
| 95 // in 2 seconds. | |
| 96 var position = isLTR ? ((elapsedTime % 2000) / 400) - 1 : | |
| 97 ((elapsedTime % 2000) / -400) + 4; | |
| 98 | |
| 99 width = width >> 2; | |
| 100 spacer.height = stack.boxObject.height; | |
| 101 spacer.width = width; | |
| 102 spacer.left = width * position; | |
| 103 | |
| 104 mozRequestAnimationFrame(nextStep); | |
| 105 } catch (e) { | |
| 106 } | |
| 107 } | |
| 108 mozRequestAnimationFrame(nextStep); | |
| 109 ]]></body> | |
| 110 </method> | |
| 111 | |
| 112 <constructor>this._init();</constructor> | |
| 113 </implementation> | |
| 114 </binding> | |
| 115 | |
| 116 </bindings> |
