* - 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
* @param {Object} config The config object
*/
-Roo.mailer = Roo.mailer || {};
+
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, {
// add a child...
return this.el.select('.roo-m-body-cell').first();
+ },
+ addxtype : function (tree, cntr)
+ {
+ return this.addxtypeChild(tree,cntr);
}
-
-
+
* 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|body|olumn-container)
+ * @cfg {String} blocktype (header|preheader|footer|body|row)
*
* @constructor
* Create a new Element
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',
cls : 'roo-m-' + this.blocktype + '-content',
html : this.html
}
- ]
+ ];
}
var cfg = {
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'
}
);
border : 0,
cellpadding : 0,
cellspacing : 0,
- cls: 'roo-m-body-container ' + this.cls
-
+ cls: 'roo-m-body-container ' + this.cls,
+ cn : [
+ { tag : 'tbody' }
+ ]
};
getChildContainer : function()
{
// add a child...
- var tr = this.el.createChild({
+ var tr = this.el.select('tbody',true).first().createChild({
tag : 'tr',
cn : [
{
* @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
html : '',
src : '',
column : 'left',
+ width : '100%',
getAutoCreate : function(){
var tr = {
tag : 'tr',
cn : [ ]
- }
+ };
border : 0,
cellpadding :20,
cellspacing : 0,
- width : '100%',
+ 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 : [
align : 'center',
valight : 'top',
cls : 'roo-m-column-'+ this.column + '-content',
- cn : [
- {
- tag : 'img',
- src : this.src,
- cls : 'roo-m-column-image',
- style : 'max-width: 260px;'
- }
- ]
+ cn : [ img ]
+
}
]
});