1 <html><head><title>/home/edward/gitlive/roojs1/Roo/bootstrap/ProgressBar.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
9 * @class Roo.bootstrap.ProgressBar
10 * @extends Roo.bootstrap.Component
11 * Bootstrap ProgressBar class
12 * @cfg {Number} aria_valuenow aria-value now
13 * @cfg {Number} aria_valuemin aria-value min
14 * @cfg {Number} aria_valuemax aria-value max
15 * @cfg {String} label label for the progress bar
16 * @cfg {String} panel (success | info | warning | danger )
17 * @cfg {String} role role of the progress bar
18 * @cfg {String} sr_only text
22 * Create a new ProgressBar
23 * @param {Object} config The config object
26 </span><span class="jsdoc-var">Roo.bootstrap.ProgressBar </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
27 </span><span class="jsdoc-var">Roo.bootstrap.ProgressBar.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
30 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.ProgressBar</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">, {
32 </span><span class="jsdoc-var">aria_valuenow </span><span class="jsdoc-syntax">: 0,
33 </span><span class="jsdoc-var">aria_valuemin </span><span class="jsdoc-syntax">: 0,
34 </span><span class="jsdoc-var">aria_valuemax </span><span class="jsdoc-syntax">: 100,
35 </span><span class="jsdoc-var">label </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
36 </span><span class="jsdoc-var">panel </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
37 </span><span class="jsdoc-var">role </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
38 </span><span class="jsdoc-var">sr_only</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
40 </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
43 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= {
44 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
45 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'progress-bar'</span><span class="jsdoc-syntax">,
46 </span><span class="jsdoc-var">style</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'width:' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">Math.ceil</span><span class="jsdoc-syntax">((</span><span class="jsdoc-var">this.aria_valuenow </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">this.aria_valuemax</span><span class="jsdoc-syntax">) * 100) + </span><span class="jsdoc-string">'%'
47 </span><span class="jsdoc-syntax">};
49 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.sr_only</span><span class="jsdoc-syntax">){
50 </span><span class="jsdoc-var">cfg.cn </span><span class="jsdoc-syntax">= {
51 </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'span'</span><span class="jsdoc-syntax">,
52 </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'sr-only'</span><span class="jsdoc-syntax">,
53 </span><span class="jsdoc-var">html</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.sr_only
54 </span><span class="jsdoc-syntax">}
57 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.role</span><span class="jsdoc-syntax">){
58 </span><span class="jsdoc-var">cfg.role </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.role</span><span class="jsdoc-syntax">;
61 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.aria_valuenow</span><span class="jsdoc-syntax">){
62 </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">'aria-valuenow'</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">this.aria_valuenow</span><span class="jsdoc-syntax">;
65 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.aria_valuemin</span><span class="jsdoc-syntax">){
66 </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">'aria-valuemin'</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">this.aria_valuemin</span><span class="jsdoc-syntax">;
69 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.aria_valuemax</span><span class="jsdoc-syntax">){
70 </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">[</span><span class="jsdoc-string">'aria-valuemax'</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">this.aria_valuemax</span><span class="jsdoc-syntax">;
73 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.label </span><span class="jsdoc-syntax">&& !</span><span class="jsdoc-var">this.sr_only</span><span class="jsdoc-syntax">){
74 </span><span class="jsdoc-var">cfg.html </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.label</span><span class="jsdoc-syntax">;
77 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.panel</span><span class="jsdoc-syntax">){
78 </span><span class="jsdoc-var">cfg.cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' progress-bar-' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.panel</span><span class="jsdoc-syntax">;
81 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
84 </span><span class="jsdoc-var">update </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">aria_valuenow</span><span class="jsdoc-syntax">)
86 </span><span class="jsdoc-var">this.aria_valuenow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">aria_valuenow</span><span class="jsdoc-syntax">;
88 </span><span class="jsdoc-var">this.el.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'width'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Math.ceil</span><span class="jsdoc-syntax">((</span><span class="jsdoc-var">this.aria_valuenow </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">this.aria_valuemax</span><span class="jsdoc-syntax">) * 100) + </span><span class="jsdoc-string">'%'</span><span class="jsdoc-syntax">);
95 </span></code></body></html>