X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=roojs-mailer-debug.js;h=6b172f916bd42a05f5c55d3111430388c97b102c;hp=d2525d17080ca26419d3a0e88804ab3d249ea97c;hb=refs%2Fheads%2Fwip_alan_T6201_Category_select;hpb=5be97f43a12f757996f5126dd09efe3d2387bc85

diff --git a/roojs-mailer-debug.js b/roojs-mailer-debug.js
index d2525d1708..6b172f916b 100644
--- a/roojs-mailer-debug.js
+++ b/roojs-mailer-debug.js
@@ -2,12 +2,10 @@
  * - LGPL
  *
  * element
- * <!-- BEGIN TEMPLATE // -->
-                    	<table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
-                        	<tr>
-                            	<td align="center" valign="top">
+ 
                               
  */
+Roo.mailer = Roo.mailer || {};
 
 /**
  * @class Roo.mailer.BodyContainer 
@@ -20,20 +18,32 @@
  * @param {Object} config The config object
  */
 
+
+
 Roo.mailer.Body  = function(config){
     Roo.mailer.Body.superclass.constructor.call(this, config);
     //this.el = Roo.get(document.body);
-    
-    Roo.get(document.body).attr({
+    var body = Roo.get(document.body);
+    body.attr({
         leftmargin : 0,
         marginwidth : 0,
         topmargin : 0,
         marginheight : 0,
         offset : 0
     });
+    Roo.mailer.Body._calls++;
+    if (Roo.mailer.Body._calls > 1) {
+        return;
+        throw "test";
+    }
+    
+    this.onRender(body);
+    this.onRender = function() { };
 
 };
 
+Roo.mailer.Body._calls = 0;
+
 Roo.extend(Roo.mailer.Body, Roo.bootstrap.Component,  {
     
     
@@ -79,9 +89,12 @@ Roo.extend(Roo.mailer.Body, Roo.bootstrap.Component,  {
         // add a child...
          
         return this.el.select('.roo-m-body-cell').first();
+    },
+    addxtype :   function (tree, cntr)
+    {
+        return this.addxtypeChild(tree,cntr);
     }
-    
-    
+
     
     
    
@@ -106,7 +119,7 @@ Roo.extend(Roo.mailer.Body, Roo.bootstrap.Component,  {
  * Bootstrap Element class
  * @cfg {String} cls class of the element
  * @cfg {String} html content of header (not used for columns)
- * @cfg {String} blocktype  (header|preheader|footer|column-container)
+ * @cfg {String} blocktype  (header|preheader|footer|body|row)
  * 
  * @constructor
  * Create a new Element
@@ -129,9 +142,9 @@ Roo.extend(Roo.mailer.Block, Roo.bootstrap.Component,  {
         var tr = {
             tag : 'tr',
             cls : 'roo-m-block-tr'
-        }
-        if (this.blocktype != 'column-container') {
-           tr.cn = [
+        };
+        if (this.blocktype != 'row') {
+            tr.cn = [
                 {
                     tag : 'td',
                     align : 'center',
@@ -139,7 +152,7 @@ Roo.extend(Roo.mailer.Block, Roo.bootstrap.Component,  {
                     cls : 'roo-m-' + this.blocktype + '-content',
                     html : this.html
                 }
-           ]
+            ];
         }
         
         var cfg =   {
@@ -158,19 +171,19 @@ Roo.extend(Roo.mailer.Block, Roo.bootstrap.Component,  {
 	
         return cfg;
     },
-    getChildContainer : function()
+    getChildContainer : function(build_call)
     {
         // add a child...
-        if (this.blogtype == 'column-container') {
-            var par = this.select(
-                        'roo-m-block-tr',true
+        if (this.blocktype == 'row' && build_call) {
+            var par = this.el.select(
+                        '.roo-m-block-tr',true
                     ).first();
             return par.createChild( {    
                     tag:  'td',
                     align : 'center',
                     valign : 'top',
                     style : 'padding-top : 20px;',
-                    cls : 'roo-m-column-container'
+                    cls : 'roo-m-column'
                 }
           
             );
@@ -226,8 +239,10 @@ Roo.extend(Roo.mailer.BodyContainer, Roo.bootstrap.Component,  {
             border : 0,
             cellpadding : 0,
             cellspacing : 0,
-            cls: 'roo-m-template-container ' + this.cls,
-            
+            cls: 'roo-m-body-container ' + this.cls,
+            cn : [
+                {  tag : 'tbody' }
+            ]
         };
         
         
@@ -237,7 +252,7 @@ Roo.extend(Roo.mailer.BodyContainer, Roo.bootstrap.Component,  {
     getChildContainer : function()
     {
         // add a child...
-        var tr = this.el.createChild({
+        var tr = this.el.select('tbody',true).first().createChild({
                     tag : 'tr',
                     cn : [
                         {   
@@ -256,6 +271,120 @@ Roo.extend(Roo.mailer.BodyContainer, Roo.bootstrap.Component,  {
     
     
    
+});
+
+ 
+
+ /*
+ * - LGPL
+ *
+ * element
+ * <!-- BEGIN TEMPLATE // -->
+                    	<table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
+                        	<tr>
+                            	<td align="center" valign="top">
+                              
+ */
+
+/**
+ * @class Roo.mailer.Column 
+ * @extends Roo.bootstrap.Component
+ * Bootstrap Element class
+ * @cfg {String} cls class of the element
+ * @cfg {String} html content of body
+ * @cfg {String} src image url
+ * @cfg {String} column  (left|right)
+ * @cfg {String width (100%|200|340|260)
+ * 
+ * @constructor
+ * Create a new Element
+ * @param {Object} config The config object
+ */
+
+Roo.mailer.Column = function(config){
+    Roo.mailer.Column.superclass.constructor.call(this, config);
+};
+
+Roo.extend(Roo.mailer.Column, Roo.bootstrap.Component,  {
+    
+    
+    cls: '',
+    html : '',
+    src : '',
+    column : 'left',
+    width : '100%',
+     
+    getAutoCreate : function(){
+                                            
+        var tr = {
+            tag : 'tr',
+            cn : [ ]
+        };
+         
+       
+        
+        var cfg =   { 
+            tag: 'table',
+            border : 0,
+            cellpadding :20,
+            cellspacing : 0,
+            width : this.width,
+            cn :  []
+            
+        };
+        if (this.src != '') {
+            var img = {
+                tag : 'img',
+                src : this.src,
+                cls : 'roo-m-column-image',
+                
+                style : 'max-width: ' + (this.width== '100%' ?  '260' : this.width ) +'px;'
+            };
+            if (this.width != '100%' ) {
+                img.width = this.width;
+            }
+           cfg.cn.push({
+                tag  : 'tr',
+                cn : [
+                    {
+                        tag : 'td',
+                        align : 'center',
+                        valight : 'top',
+                        cls : 'roo-m-column-'+ this.column + '-content',
+                        cn : [ img ]
+                            
+                    }
+                ]
+            });
+           
+        }
+        cfg.cn.push({
+             tag  : 'tr',
+             cn : [
+                 {
+                     tag : 'td',
+                     align : 'center',
+                     valight : 'top',
+                     cls : 'roo-m-column-'+ this.column + '-content roo-m-column-body',
+                     html : this.html
+                 }
+             ]
+         });
+           
+	
+        return cfg;
+    },
+    getChildContainer : function()
+    {
+        // add a child...
+        
+        return this.el.select('.roo-m-column-body',true).first();
+    }
+    
+    
+    
+    
+   
 });