git.roojs.org Git - roojs1/blob - Roo/bootstrap/ProgressBar.js

   1 /*
   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 Roo.bootstrap.ProgressBar = function(config){
  27     Roo.bootstrap.ProgressBar.superclass.constructor.call(this, config);
  28 };
  29
  30 Roo.extend(Roo.bootstrap.ProgressBar, Roo.bootstrap.Component,  {
  31
  32     aria_valuenow : false,
  33     aria_valuemin : 0,
  34     aria_valuemax : 100,
  35     label : false,
  36     panel : false,
  37     role : false,
  38     sr_only: false,
  39
  40     getAutoCreate : function(){
  41         var cfg = {
  42             tag: 'div',
  43             cls: 'progress-bar'
  44         };
  45
  46         if(this.sr_only){
  47             cfg.cn = {
  48                 tag: 'span',
  49                 cls: 'sr-only',
  50                 html: this.sr_only
  51             }
  52         }
  53
  54         if(this.role){
  55             cfg.role = this.role;
  56         }
  57
  58         if(this.aria_valuenow){
  59             cfg['aria-valuenow'] = this.aria_valuenow;
  60         }
  61
  62         if(this.aria_valuemin){
  63             cfg['aria-valuemin'] = this.aria_valuemin;
  64         }
  65
  66         if(this.aria_valuemax){
  67             cfg['aria-valuemax'] = this.aria_valuemax;
  68         }
  69
  70         if(this.label && !this.sr_only){
  71             cfg.html = this.label;
  72         }
  73
  74         if(this.panel){
  75             cfg.cls += ' progress-bar-' + this.panel;
  76         }
  77
  78         return cfg;
  79     }
  80
  81 });
  82
  83
  84
  85