git.roojs.org Git - roojs1/blob - docs/src/Roo_bootstrap_ProgressBar.js.html

   1 <html><head><title>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">/*
   2  * - LGPL
   3  *
   4  * ProgressBar
   5  *
   6  */
   7
   8 /**
   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
  19  *
  20  *
  21  * @constructor
  22  * Create a new ProgressBar
  23  * @param {Object} config The config object
  24  */
  25
  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">);
  28 };
  29
  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">,  {
  31
  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">,
  39
  40     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  41     {
  42
  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">};
  48
  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">}
  55         }
  56
  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">;
  59         }
  60
  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">;
  63         }
  64
  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">;
  67         }
  68
  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">;
  71         }
  72
  73         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.label </span><span class="jsdoc-syntax">&amp;&amp; !</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">;
  75         }
  76
  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">;
  79         }
  80
  81         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
  82     },
  83
  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">)
  85     {
  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">;
  87
  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">);
  89     }
  90
  91 });
  92
  93
  94
  95  </span></code></body></html>