1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
if(!dojo._hasResource["dijit.ProgressBar"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dijit.ProgressBar"] = true;
dojo.provide("dijit.ProgressBar");
dojo.require("dojo.fx");
dojo.require("dojo.number");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.declare("dijit.ProgressBar", [dijit._Widget, dijit._Templated], {
// summary: A progress indication widget
//
// example:
// | <div dojoType="ProgressBar"
// | places="0"
// | progress="..." maximum="...">
// | </div>
//
// progress: String (Percentage or Number)
// initial progress value.
// with "%": percentage value, 0% <= progress <= 100%
// or without "%": absolute value, 0 <= progress <= maximum
progress: "0",
// maximum: Float
// max sample number
maximum: 100,
// places: Number
// number of places to show in values; 0 by default
places: 0,
// indeterminate: Boolean
// If false: show progress.
// If true: show that a process is underway but that the progress is unknown
indeterminate: false,
templateString:"<div class=\"dijitProgressBar dijitProgressBarEmpty\"\n\t><div waiRole=\"progressbar\" tabindex=\"0\" dojoAttachPoint=\"internalProgress\" class=\"dijitProgressBarFull\"\n\t\t><div class=\"dijitProgressBarTile\"></div\n\t\t><span style=\"visibility:hidden\"> </span\n\t></div\n\t><div dojoAttachPoint=\"label\" class=\"dijitProgressBarLabel\" id=\"${id}_label\"> </div\n\t><img dojoAttachPoint=\"inteterminateHighContrastImage\" class=\"dijitProgressBarIndeterminateHighContrastImage\"\n\t></img\n></div>\n",
_indeterminateHighContrastImagePath:
dojo.moduleUrl("dijit", "themes/a11y/indeterminate_progress.gif"),
// public functions
postCreate: function(){
this.inherited("postCreate",arguments);
this.inteterminateHighContrastImage.setAttribute("src",
this._indeterminateHighContrastImagePath);
this.update();
},
update: function(/*Object?*/attributes){
// summary: update progress information
//
// attributes: may provide progress and/or maximum properties on this parameter,
// see attribute specs for details.
dojo.mixin(this, attributes||{});
var percent = 1, classFunc;
if(this.indeterminate){
classFunc = "addClass";
dijit.removeWaiState(this.internalProgress, "valuenow");
dijit.removeWaiState(this.internalProgress, "valuemin");
dijit.removeWaiState(this.internalProgress, "valuemax");
}else{
classFunc = "removeClass";
if(String(this.progress).indexOf("%") != -1){
percent = Math.min(parseFloat(this.progress)/100, 1);
this.progress = percent * this.maximum;
}else{
this.progress = Math.min(this.progress, this.maximum);
percent = this.progress / this.maximum;
}
var text = this.report(percent);
this.label.firstChild.nodeValue = text;
dijit.setWaiState(this.internalProgress, "describedby", this.label.id);
dijit.setWaiState(this.internalProgress, "valuenow", this.progress);
dijit.setWaiState(this.internalProgress, "valuemin", 0);
dijit.setWaiState(this.internalProgress, "valuemax", this.maximum);
}
dojo[classFunc](this.domNode, "dijitProgressBarIndeterminate");
this.internalProgress.style.width = (percent * 100) + "%";
this.onChange();
},
report: function(/*float*/percent){
// Generates message to show; may be overridden by user
return dojo.number.format(percent, {type: "percent", places: this.places, locale: this.lang});
},
onChange: function(){
// summary: User definable function fired when progress updates.
}
});
}
|
