/home/alan/gitlive/roojs1/Roo/bootstrap/Alert.js

X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=docs%2Fsrc%2FRoo_bootstrap_Alert.js.html;fp=docs%2Fsrc%2FRoo_bootstrap_Alert.js.html;h=90449b1c078a46d353a930a865af13865957e0da;hb=9ff8ded6bbbd258ecd646184ba26020874e2c085;hp=0000000000000000000000000000000000000000;hpb=2542b67d1a0768025056f2f330bfe50b64d1ad38;p=roojs1 diff --git a/docs/src/Roo_bootstrap_Alert.js.html b/docs/src/Roo_bootstrap_Alert.js.html new file mode 100644 index 0000000000..90449b1c07 --- /dev/null +++ b/docs/src/Roo_bootstrap_Alert.js.html @@ -0,0 +1,120 @@ +/home/alan/gitlive/roojs1/Roo/bootstrap/Alert.js

/*
+ * - LGPL
+ *
+ * Alert
+ * 
+ */
+
+/**
+ * @class Roo.bootstrap.Alert
+ * @extends Roo.bootstrap.Component
+ * Bootstrap Alert class
+ * @cfg {String} title The title of alert
+ * @cfg {String} html The content of alert
+ * @cfg {String} weight (  success | info | warning | danger )
+ * @cfg {String} faicon font-awesomeicon
+ * 
+ * @constructor
+ * Create a new alert
+ * @param {Object} config The config object
+ */
+
+
+Roo.bootstrap.Alert = function(config){
+    Roo.bootstrap.Alert.superclass.constructor.call(this, config);
+
+};
+
+Roo.extend(Roo.bootstrap.Alert, Roo.bootstrap.Component,  {
+
+    title: '',
+    html: '',
+    weight: false,
+    faicon: false,
+
+    getAutoCreate : function()
+    {
+
+        var cfg = {
+            tag : 'div',
+            cls : 'alert',
+            cn : [
+                {
+                    tag : 'i',
+                    cls : 'roo-alert-icon'
+
+                },
+                {
+                    tag : 'b',
+                    cls : 'roo-alert-title',
+                    html : this.title
+                },
+                {
+                    tag : 'span',
+                    cls : 'roo-alert-text',
+                    html : this.html
+                }
+            ]
+        };
+
+        if(this.faicon){
+            cfg.cn[0].cls += ' fa ' + this.faicon;
+        }
+
+        if(this.weight){
+            cfg.cls += ' alert-' + this.weight;
+        }
+
+        return cfg;
+    },
+
+    initEvents: function()
+    {
+        this.el.setVisibilityMode(Roo.Element.DISPLAY);
+    },
+
+    setTitle : function(str)
+    {
+        this.el.select('.roo-alert-title',true).first().dom.innerHTML = str;
+    },
+
+    setText : function(str)
+    {
+        this.el.select('.roo-alert-text',true).first().dom.innerHTML = str;
+    },
+
+    setWeight : function(weight)
+    {
+        if(this.weight){
+            this.el.select('.alert',true).first().removeClass('alert-' + this.weight);
+        }
+
+        this.weight = weight;
+
+        this.el.select('.alert',true).first().addClass('alert-' + this.weight);
+    },
+
+    setIcon : function(icon)
+    {
+        if(this.faicon){
+            this.el.select('.roo-alert-icon',true).first().removeClass(['fa', 'fa-' + this.faicon]);
+        }
+
+        this.faicon = icon;
+
+        this.el.select('.roo-alert-icon',true).first().addClass(['fa', 'fa-' + this.faicon]);
+    },
+
+    hide: function()
+    {
+        this.el.hide();
+    },
+
+    show: function()
+    {
+        this.el.show();
+    }
+
+});
+
+

\ No newline at end of file