better support for mailchimp emails

[roojs1] / Roo / bootstrap / MenuItem.js

diff --git a/Roo/bootstrap/MenuItem.js b/Roo/bootstrap/MenuItem.js
index c4322df..cd2035e 100644 (file)
--- a/Roo/bootstrap/MenuItem.js
+++ b/Roo/bootstrap/MenuItem.js
@@ -12,7 +12,11 @@
  * Bootstrap MenuItem class
  * @cfg {String} html the menu label
  * @cfg {String} href the link
- * @cfg {Boolean} preventDefault (true | false) default true
+ * @cfg {Boolean} preventDefault do not trigger A href on clicks (default false).
+ * @cfg {Boolean} isContainer is it a container - just returns a drop down item..
+ * @cfg {Boolean} active  used on sidebars to highlight active itesm
+ * @cfg {String} fa favicon to show on left of menu item.
+ * @cfg {Roo.bootsrap.Menu} menu the child menu.
  * 
  * 
  * @constructor
@@ -28,6 +32,7 @@ Roo.bootstrap.MenuItem = function(config){
         /**
          * @event click
          * The raw click event for the entire grid.
+         * @param {Roo.bootstrap.MenuItem} this
          * @param {Roo.EventObject} e
          */
         "click" : true
@@ -38,47 +43,88 @@ Roo.extend(Roo.bootstrap.MenuItem, Roo.bootstrap.Component,  {
     
     href : false,
     html : false,
-    preventDefault: true,
-    
-    getChildContainer : function() {
-        Roo.log('this.el');
-        Roo.log(this.el);
-        Roo.log(this.parent());
-        return this.el;  
-    },
+    preventDefault: false,
+    isContainer : false,
+    active : false,
+    fa: false,
     
     getAutoCreate : function(){
+        
+        if(this.isContainer){
+            return {
+                tag: 'li',
+                cls: 'dropdown-menu-item '
+            };
+        }
+        var ctag = {
+            tag: 'span',
+            html: 'Link'
+        };
+        
+        var anc = {
+            tag : 'a',
+            cls : 'dropdown-item',
+            href : '#',
+            cn : [  ]
+        };
+        
+        if (this.fa !== false) {
+            anc.cn.push({
+                tag : 'i',
+                cls : 'fa fa-' + this.fa
+            });
+        }
+        
+        anc.cn.push(ctag);
+        
+        
         var cfg= {
-           tag: 'li',
-           cn: [
-               {
-                   tag : 'a',
-                   href : '#',
-                   html : 'Link'
-               }
-           ]
+            tag: 'li',
+            cls: 'dropdown-menu-item',
+            cn: [ anc ]
         };
-       
-        cfg.cn[0].href = this.href || cfg.cn[0].href ;
-        cfg.cn[0].html = this.html || cfg.cn[0].html ;
+        if (this.parent().type == 'treeview') {
+            cfg.cls = 'treeview-menu';
+        }
+        if (this.active) {
+            cfg.cls += ' active';
+        }
+        
+        
+        
+        anc.href = this.href || cfg.cn[0].href ;
+        ctag.html = this.html || cfg.cn[0].html ;
         return cfg;
     },
     
-    initEvents: function() {
+    initEvents: function()
+    {
+        if (this.parent().type == 'treeview') {
+            this.el.select('a').on('click', this.onClick, this);
+        }
         
-        this.el.on('click', this.onClick, this);
+        if (this.menu) {
+            this.menu.parentType = this.xtype;
+            this.menu.triggerEl = this.el;
+            this.menu = this.addxtype(Roo.apply({}, this.menu));
+        }
         
     },
     onClick : function(e)
     {
         Roo.log('item on click ');
+        
         if(this.preventDefault){
             e.preventDefault();
         }
+        //this.parent().hideMenuItems();
         
         this.fireEvent('click', this, e);
-    }
-   
+    },
+    getEl : function()
+    {
+        return this.el;
+    } 
 });