hide popup message if failure is handled - not sure what knock on effect this may...
[Pman.Core] / Pman.Dialog.CoreEmail.bjs
1 {
2  "name" : "Pman.Dialog.CoreEmail",
3  "parent" : "",
4  "title" : "",
5  "path" : "/home/johns/gitlive/Pman.Core/Pman.Dialog.CoreEmail.bjs",
6  "permname" : "",
7  "modOrder" : "001",
8  "strings" : {
9   "e44b145bd8b49b06e0ad2ced1ad56466" : "Plain Text",
10   "2f26e35d61be90501e099089dc533638" : "Select Images",
11   "f2a6c498fb90ee345d997f888fce3b18" : "Delete",
12   "b357b524e740bc85b9790a0712d84a30" : "Email address",
13   "962b90039a542a29cedd51d87a9f28a1" : "Html Editor",
14   "72d6d7a1885885bb55a565fd1070581a" : "Import",
15   "ea30b40c3caf28acb29198d20d243e54" : "Images / Attachments >>",
16   "31fde7b05ac8952dacf4af8a704074ec" : "Preview",
17   "b337c8a67244afb6551ee1f8f9717676" : "Test Class <BR/> (for system reference only)",
18   "884df8e413319ff51a3f5f528606238a" : "Use template",
19   "e6b391a8d2c4d45902a23a8b6585703d" : "URL",
20   "2393ad754ba179442d85e415d1d5167c" : "Displayorder",
21   "6f16a5f8ff5d75ab84c018adacdfcbb7" : "Field",
22   "ec211f7c20af43e742bf2570c3cb84f9" : "Add",
23   "e9968623956c15023d54335ea3699855" : "Convert Html to Text",
24   "1243daf593fa297e07ab03bf06d925af" : "Searching...",
25   "5b8ef4e762c00a15a41cfc26dc3ef99c" : "Send me a test copy",
26   "c7892ebbb139886662c6f2fc8c450710" : "Subject",
27   "dc0de523c25be298ba751c63c694109e" : "Responsive Email (1)",
28   "396ecabf0cd1f9503e591418851ef406" : "Edit / Create Message",
29   "b9c49611cfda3259a2b837b39489e650" : "Add Image",
30   "ea4788705e6873b424c65e91c2846b19" : "Cancel",
31   "68b00d723d37122f64da8d9939f836f0" : "BCC Group",
32   "c4ca4238a0b923820dcc509a6f75849b" : "1",
33   "bd88a20b53a47f7b5704a83a15ff5506" : "Saved Version",
34   "b20a8b77b05d53b4e695738731400c85" : "Mailout Name",
35   "1bd18d39370b7f26c1c5e18067b74c6f" : "Html File",
36   "2c466a2c159463f1d9ef5a7b57b52827" : "Select BCC Group",
37   "5da618e8e4b89c66fe86e32cdafde142" : "From",
38   "31bb2f6e9b8fb11cbb7fb63c6025223f" : "Select Template",
39   "b78a3223503896721cca1303f776159b" : "Title",
40   "278c491bdd8a53618c149c4ac790da34" : "Template",
41   "1351017ac6423911223bc19a8cb7c653" : "Filename",
42   "308f2757bfc9ce92fb00ff93fdffd279" : "Images / Attachments",
43   "c9cc8cce247e49bae79f15173ce97354" : "Save",
44   "5feb9bf3c03b32635135006cbacb9542" : "Insert Field",
45   "4c2a8fe7eaf24721cc7a9f0175115bd4" : "Message",
46   "fff0d600f8a0b5e19e88bfb821dd1157" : "Images"
47  },
48  "items" : [
49   {
50    "listeners" : {
51     "show" : "function (_self)\n{\n    \n    _self.layout.getRegion('center').showPanel(0);\n    var w = Roo.lib.Dom.getViewWidth();\r\n    var h = Roo.lib.Dom.getViewHeight();    \r    this.resizeTo(w-50, h-50);\r\n    this.center();\r    \n    var ew = Math.max(250, w-320);\r\n    var eh = Math.max(250, h-350) ;\r\n    var e = _this.dialog.layout.getRegion('east');\n    if (e.visible) {\n        e.hide();\n    }\n    \n    var el = _self.getEl();\n    var elw = el.dom.clientWidth;\n    \n    var bdtext = _this.form.findField('bodytext');\n    var ptext = _this.form.findField('plaintext');\n    if(bdtext.resizeEl){\n        bdtext.width = elw-100;\n        bdtext.resizeEl.resizeTo.defer(110, bdtext.resizeEl,[ bdtext.width, bdtext.height  ] );\n        ptext.setSize(bdtext.width , bdtext.height);\n    }\n    \n}"
52    },
53    "modal" : true,
54    "collapsible" : false,
55    "title" : "Edit / Create Message",
56    "xtype" : "LayoutDialog",
57    "width" : 800,
58    "$ xns" : "Roo",
59    "closable" : true,
60    "resizable" : true,
61    "height" : 500,
62    "items" : [
63     {
64      "xtype" : "LayoutRegion",
65      "tabPosition" : "top",
66      "$ xns" : "Roo",
67      "* prop" : "center"
68     },
69     {
70      "hidden" : true,
71      "title" : "Images / Attachments",
72      "xtype" : "LayoutRegion",
73      "width" : 500,
74      "$ xns" : "Roo",
75      "split" : true,
76      "* prop" : "east",
77      "titlebar" : true
78     },
79     {
80      "autoScroll" : false,
81      "fitToFrame" : true,
82      "region" : "center",
83      "xtype" : "NestedLayoutPanel",
84      "fitContainer" : true,
85      "$ xns" : "Roo",
86      "items" : [
87       {
88        "xtype" : "Toolbar",
89        "$ xns" : "Roo",
90        "* prop" : "toolbar",
91        "items" : [
92         {
93          "text" : "Import",
94          "xtype" : "Button",
95          "$ xns" : "Roo.Toolbar",
96          "items" : [
97           {
98            "xtype" : "Menu",
99            "$ xns" : "Roo.menu",
100            "* prop" : "menu",
101            "items" : [
102             {
103              "listeners" : {
104               "click" : "function (_self, e)\n{\n    Pman.Dialog.CoreImportUrl.show({\n        target : '/Core/ImportMailMessage.php'\n    }, function(data) {\n        if  (data) {\n          //  Roo.log(data);\n            _this.form.findField('bodytext').setValue(data);\n        }\n    });\n}"
105              },
106              "text" : "URL",
107              "xtype" : "Item",
108              "$ xns" : "Roo.menu"
109             },
110             {
111              "listeners" : {
112               "click" : "function (_self, e)\n{\n    Pman.Dialog.Image.show({\n        _url : baseURL + '/Core/ImportMailMessage.php'\n    }, function(data) {\n        if  (data) {\n            _this.form.findField('bodytext').setValue(data);\n        }\n    });\n}"
113              },
114              "text" : "Html File",
115              "xtype" : "Item",
116              "$ xns" : "Roo.menu"
117             }
118            ]
119           }
120          ]
121         },
122         {
123          "text" : "Use template",
124          "xtype" : "Button",
125          "$ xns" : "Roo.Toolbar",
126          "items" : [
127           {
128            "xtype" : "Menu",
129            "$ xns" : "Roo.menu",
130            "* prop" : "menu",
131            "items" : [
132             {
133              "listeners" : {
134               "click" : "function (_self, e)\n{\n\n    var l = document.location;\n    new Pman.Request({\n\n        url : baseURL + '/Core/ImportMailMessage.php',\n\n        method: 'POST',\n        mask : \"Loading\",\n        params : {\n              importUrl : l.protocol +'//' + l.host +   rootURL + '/Pman/Crm/mail_templates/responsive1.html'\n       },\n        success : function (res) {\n\n         _this.form.findField('bodytext').setValue(res.data);\n        }\n  \n    });\n}"
135              },
136              "text" : "Responsive Email (1)",
137              "xtype" : "Item",
138              "$ xns" : "Roo.menu"
139             }
140            ]
141           }
142          ]
143         },
144         {
145          "listeners" : {
146           "select" : "function (combo, record, index)\n{\n   \n/*\n    (function() { \n        combo.setValue('');\n    }).defer(100);\n*/    \n    if(!record){\n        return;\n    }\n    _this.form.findField('bodytext').setValue(record.data.content);\n\n}"
147          },
148          "alwaysQuery" : true,
149          "listWidth" : 400,
150          "triggerAction" : "all",
151          "fieldLabel" : "Template",
152          "forceSelection" : true,
153          "selectOnFocus" : true,
154          "pageSize" : 20,
155          "displayField" : "file",
156          "emptyText" : "Select Template",
157          "hiddenName" : "template",
158          "minChars" : 2,
159          "valueField" : "file",
160          "xtype" : "ComboBox",
161          "allowBlank" : true,
162          "typeAhead" : true,
163          "editable" : false,
164          "width" : 200,
165          "$ xns" : "Roo.form",
166          "name" : "template",
167          "qtip" : "Select Template",
168          "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{file}</b> </div>",
169          "loadingText" : "Searching...",
170          "items" : [
171           {
172            "listeners" : {
173             "|beforeload" : "function (_self, o){\n    o.params = o.params || {};\n    // set more here\n   \n}\n"
174            },
175            "xtype" : "Store",
176            "remoteSort" : true,
177            "$ sortInfo" : "{ direction : 'DESC', field: 'file' }",
178            "$ xns" : "Roo.data",
179            "* prop" : "store",
180            "items" : [
181             {
182              "$ url" : "baseURL + '/Core/MailTemplateList.php'",
183              "xtype" : "HttpProxy",
184              "method" : "GET",
185              "$ xns" : "Roo.data",
186              "* prop" : "proxy"
187             },
188             {
189              "id" : "name",
190              "root" : "data",
191              "xtype" : "JsonReader",
192              "$ fields" : "[{\"name\":\"file\",\"type\":\"string\"},{\"name\":\"content\",\"type\":\"string\"}]",
193              "$ xns" : "Roo.data",
194              "* prop" : "reader",
195              "totalProperty" : "total"
196             }
197            ]
198           }
199          ]
200         },
201         {
202          "xtype" : "Fill",
203          "$ xns" : "Roo.Toolbar"
204         },
205         {
206          "listeners" : {
207           "click" : "function (_self, e)\n{\n    var el = _this.dialog.layout.getRegion('east');\n    if (el.visible) {\n        el.hide();\n    } else {\n        el.show();\n        el.showPanel(0);\n    }\n    \n}"
208          },
209          "text" : "Images / Attachments >>",
210          "xtype" : "Button",
211          "$ xns" : "Roo.Toolbar"
212         }
213        ]
214       },
215       {
216        "xtype" : "BorderLayout",
217        "$ xns" : "Roo",
218        "* prop" : "layout",
219        "items" : [
220         {
221          "autoScroll" : true,
222          "xtype" : "LayoutRegion",
223          "$ xns" : "Roo",
224          "* prop" : "center"
225         },
226         {
227          "listeners" : {
228           "resize" : "function (_self, width, height)\r\n{\r\n   var ew = Math.max(250, width-50);\r\n    var eh = Math.max(250,height-50) ;\n    \n    if (!_this.form) {\r\n        return;\r\n    }\r\n    var bdtext = _this.form.findField('bodytext');\r\n    var ptext = _this.form.findField('plaintext');\r\n    if(bdtext.resizeEl){\r\n        bdtext.width = ew-50;\r\n        bdtext.resizeEl.resizeTo.defer(110, bdtext.resizeEl,[ bdtext.width, bdtext.height  ] );\r\n        ptext.setSize(bdtext.width , bdtext.height);\r\n    }\r\r\n\r\n}",
229           "render" : "function (_self, width, height)\n{\n    \n      Roo.log(\"RESIZE, \" + width + ',' + height);\n    \n    var ew = Math.max(250, width-50);\n    var eh = Math.max(250,height-50) ;\n    \n   \n\n}"
230          },
231          "autoScroll" : false,
232          "background" : false,
233          "fitToFrame" : true,
234          "region" : "center",
235          "title" : "Message",
236          "xtype" : "ContentPanel",
237          "fitContainer" : true,
238          "$ xns" : "Roo",
239          "items" : [
240           {
241            "listeners" : {
242             "|actioncomplete" : "function(_self,action)\n{\n   \n    if (action.type == 'setdata') {\n    \n        setInterval(_this.form.findField('bodytext').autosave, 5000);\n        \n        _this.data.module = _this.data.module || 'crm_mailing_list_message';\n        \n        _this.form.url = baseURL + '/Roo/' + _this.data.module;\n        \n        _this.html_preview.hide();\n        _this.preview_btn.hide();\n            \n        if(_this.data.id*1 > 0){\n            _this.dialog.el.mask(\"Loading\");\n            this.load({ method: 'GET', params: { '_id' : _this.data.id }});\n            _this.html_preview.show();\n            _this.preview_btn.show();\n            \n        } else {\n            _this.form.setValues({\n                'from_name' : Pman.Login.authUser.name,\n                'from_email' : Pman.Login.authUser.email\n            });\n        }\n       return;\n    }\n    if (action.type == 'load') {\n        _this.dialog.el.unmask();\n        \n        _this.form.findField('bodytext').originalValue = _this.form.findField('bodytext').getValue();\n        \n        return;\n    }\n    if (action.type =='submit') {\n    \n        _this.dialog.el.unmask();\n        _this.dialog.hide();\n    \n         if (_this.callback) {\n            _this.callback.call(_this, action.result.data);\n         }\n         _this.form.reset();\n         return;\n    }\n}\n",
243             "|rendered" : "function (form)\n{\n    _this.form= form;\n}\n"
244            },
245            "$ url" : "baseURL + '/Roo/crm_mailing_list_message.php'",
246            "labelAlign" : "right",
247            "$ preValidate" : "function(done_callback) {\n    \n    Roo.MessageBox.progress(\"Uploading Images\", \"Uploading\");\n    \n    if(!_this.form.findField('bodytext').editorcore.sourceEditMode){\n        _this.form.findField('bodytext').syncValue();\n    }else{\n        _this.form.findField('bodytext').pushValue();\n    }\n    \n    var html = _this.form.findField('bodytext').getValue();\n    \n    var s = Roo.get(_this.form.findField('bodytext').editorcore.doc.documentElement);\n    \n    var ontable = (_this.data.module) ? _this.data.module : 'crm_mailing_list_message';\n    \n    var nodes = [];\n    s.select('img[src]').each(function(i) {\n        nodes.push(i.dom);\n    });\n    var total = nodes.length;\n    var mkimg = function() {\n    \n        if (!nodes.length) {\n              Roo.MessageBox.hide();\n              _this.form.findField('bodytext').syncValue();\n              done_callback(true);\n           //    _this.form.doAction(\"submit\");\n              return;\n        }\n        var i = nodes.pop(); \n        \n        var n = i.getAttribute('src').match(/(baseURL|server_baseurl)/);\n        \n        if(n){\n            mkimg();\n            return;\n        }\n        \n        n = i.getAttribute('src').match(/^http(.*)/);\n       \n        if(!n ){\n            mkimg();\n            return;\n        }\n        \n        new Pman.Request({\n            url : baseURL + '/Roo/Images.php',\n            method : 'POST',\n            params : {\n                onid : _this.form.findField('id').getValue(),\n                ontable : ontable ,\n                _remote_upload : i.src\n            },\n            success : function(res){\n                if(res.success == true){      \n                    i.setAttribute('src', res.data);\n                    Roo.MessageBox.updateProgress( (total - nodes.length) / total , \"Done \" + (total - nodes.length) + '/' + total);\n                }\n                mkimg();\n            }\n        });\n       \n    }\n    mkimg();\n}\n",
248            "method" : "POST",
249            "style" : "margin:10px",
250            "xtype" : "Form",
251            "labelWidth" : 120,
252            "$ xns" : "Roo.form",
253            "items" : [
254             {
255              "xtype" : "Row",
256              "$ xns" : "Roo.form",
257              "items" : [
258               {
259                "fieldLabel" : "Mailout Name",
260                "xtype" : "TextField",
261                "allowBlank" : false,
262                "width" : 400,
263                "$ xns" : "Roo.form",
264                "name" : "name"
265               },
266               {
267                "xtype" : "Column",
268                "$ xns" : "Roo.form",
269                "Boolean hideLabels" : true,
270                "items" : [
271                 {
272                  "listeners" : {
273                   "check" : "function (_self, checked)\n{\n    var boxLabel = 'Enabled - will be sent out';\n    \n    if(!checked){\n        boxLabel = 'Disabled - will NOT be sent out';\n    }\n    \n    this.setBoxLabel(boxLabel);\n}"
274                  },
275                  "String name" : "active",
276                  "Boolean checked" : true,
277                  "xtype" : "Checkbox",
278                  "String valueOff" : 0,
279                  "String boxLabel" : "Enabled - will be sent out",
280                  "$ xns" : "Roo.form",
281                  "Mixed value" : 1
282                 }
283                ]
284               }
285              ]
286             },
287             {
288              "xtype" : "Row",
289              "$ xns" : "Roo.form",
290              "items" : [
291               {
292                "fieldLabel" : "From",
293                "xtype" : "TextField",
294                "allowBlank" : false,
295                "width" : 300,
296                "$ xns" : "Roo.form",
297                "name" : "from_name"
298               },
299               {
300                "fieldLabel" : "Email address",
301                "xtype" : "TextField",
302                "allowBlank" : false,
303                "width" : 300,
304                "$ xns" : "Roo.form",
305                "name" : "from_email"
306               },
307               {
308                "alwaysQuery" : true,
309                "triggerAction" : "all",
310                "fieldLabel" : "BCC Group",
311                "forceSelection" : true,
312                "selectOnFocus" : true,
313                "pageSize" : 25,
314                "displayField" : "name",
315                "emptyText" : "Select BCC Group",
316                "hiddenName" : "bcc_group_id",
317                "minChars" : 2,
318                "valueField" : "id",
319                "xtype" : "ComboBox",
320                "allowBlank" : true,
321                "typeAhead" : true,
322                "editable" : false,
323                "width" : 300,
324                "$ xns" : "Roo.form",
325                "name" : "bcc_group_id_name",
326                "qtip" : "Select BCC Group",
327                "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{name}</b> </div>",
328                "loadingText" : "Searching...",
329                "Boolean forceSelection" : true,
330                "items" : [
331                 {
332                  "listeners" : {
333                   "|beforeload" : "function (_self, o){\n    o.params = o.params || {};\n    \n    o.params._direct_return = 1;\n}\n"
334                  },
335                  "xtype" : "Store",
336                  "remoteSort" : true,
337                  "$ sortInfo" : "{ direction : 'ASC', field: 'name' }",
338                  "$ xns" : "Roo.data",
339                  "* prop" : "store",
340                  "items" : [
341                   {
342                    "$ url" : "baseURL + '/Roo/Core_group'",
343                    "method" : "GET",
344                    "xtype" : "HttpProxy",
345                    "$ xns" : "Roo.data",
346                    "* prop" : "proxy"
347                   },
348                   {
349                    "id" : "name",
350                    "root" : "data",
351                    "xtype" : "JsonReader",
352                    "$ fields" : "[{\"name\":\"name\",\"type\":\"string\"},{\"name\":\"id\",\"type\":\"int\"}]",
353                    "$ xns" : "Roo.data",
354                    "* prop" : "reader",
355                    "totalProperty" : "total"
356                   }
357                  ]
358                 }
359                ]
360               }
361              ]
362             },
363             {
364              "fieldLabel" : "Subject",
365              "xtype" : "TextField",
366              "allowBlank" : false,
367              "width" : 600,
368              "$ xns" : "Roo.form",
369              "name" : "subject"
370             },
371             {
372              "hideLabels" : true,
373              "xtype" : "Row",
374              "$ xns" : "Roo.form",
375              "items" : [
376               {
377                "hideLabels" : true,
378                "style" : "text-align:center;",
379                "legend" : "Html Editor",
380                "xtype" : "FieldSet",
381                "$ xns" : "Roo.form",
382                "items" : [
383                 {
384                  "listeners" : {
385                   "savedpreview" : "function (_self)\n{\n    var id = _this.form.findField('id').getValue() * 1;\n    \n    var successFn = function(res){\n        return res.data.POST.source;\n    };\n    \n    var params = {\n        action : 'AUTOSAVE',\n        remarks : 'BODY',\n        on_id : (id < 1) ? 0 : id,\n        on_table : 'crm_mailing_list_message',\n        successFn : successFn\n    };\n    \n    \n    Pman.Dialog.CoreAutoSavePreview.show(params, function(res){\n        _self.setValue(res);\n        _self.originalValue = res;\n    });\n}",
386                   "autosave" : "function (_self)\n{\n    Roo.log('autosave');\n    \n    var id = _this.form.findField('id').getValue() * 1;\n    \n    /*\n    if(!_self.editorcore.sourceEditMode){\n        _self.syncValue();\n    }else{\n        _self.pushValue();\n    }\n    */\n    \n    new Pman.Request({\n        url : baseURL + '/Roo/Events.php',\n        method :'POST',\n        params : {\n            id : 0,\n            action : 'AUTOSAVE',\n            on_id : (id > 0) ? id : 0,\n            on_table : 'crm_mailing_list_message',\n            remarks : 'BODY',\n            source: _self.getValue()\n        },\n        success : function() {\n            _self.originalValue = _self.getValue();\n            \n        },\n        failure : function() \n        {\n            Roo.log('body autosave failed?!');\n        }\n    });\n    \n}"
387                  },
388                  "$ cwhite" : "[ \n    'margin',\n    'padding',\n    'text-align',\n    'background',\n    'height',\n    'width',\n    'background-color',\n    'font-size',\n    'line-height',\n    'color',\n    'outline',\n    'text-decoration',\n    'position',\n    'clear',\n    'overflow',\n    'margin-top',\n    'border-bottom',\n    'top',\n    'list-style',\n    'margin-left',\n    'border',\n    'float' ,\n    'margin-right',\n    'padding-top',\n    'min-height',\n    'left',\n    'padding-left',\n    'font-weight',\n    'font-family',\n    'display',\n    'margin-bottom',\n    'padding-bottom',\n    'vertical-align',\n    'cursor',\n    'z-index',\n    'right'\n ]",
389                  "| function autosave" : "function() {\n    \n    var body = _this.form.findField('bodytext');\n    \n    if(!body.wrap.isVisible(true) || body.getValue() == '' || !body.isDirty()){\n        Roo.log('body not dirty');\n        return;\n    }\n    \n    Roo.log('body dirty, auto save!');\n    \n    body.fireEvent('autosave', body);\n   \n}\n",
390                  "xtype" : "HtmlEditor",
391                  "$ xns" : "Roo.form",
392                  "resizable" : "s",
393                  "name" : "bodytext",
394                  "height" : 250,
395                  "clearUp" : false,
396                  "items" : [
397                   {
398                    "xtype" : "ToolbarContext",
399                    "$ xns" : "Roo.form.HtmlEditor",
400                    "* prop" : "toolbars[]"
401                   },
402                   {
403                    "xtype" : "ToolbarStandard",
404                    "$ xns" : "Roo.form.HtmlEditor",
405                    "* prop" : "toolbars[]",
406                    "items" : [
407                     {
408                      "listeners" : {
409                       "render" : "function (_self)\n{\n    _this.extendimgselect = _self;\n}",
410                       "beforequery" : "function (combo, query, forceAll, cancel, e)\n{\n    var id = _this.form.findField('id').getValue() * 1;    \n    if (!id) {\n        Roo.MessageBox.alert(\"Error\", \"Save message first\");\n        return false;\n    }\n}",
411                       "select" : "function (combo, record, index)\n{\n    Roo.log(record);\n    (function() { \n        combo.setValue('');\n    }).defer(100);\n    var editor = _this.form.findField('bodytext').editorcore;\n    \n    var curnode = editor.getSelectedNode();\n    if (curnode && curnode.tagName == 'IMG') {\n        curnode.src= String.format('{0}/Images/{1}/{2}#image-{1}',\n                baseURL,  record.data.id, record.data.filename\n            );\n            // note -forces an update... hopefully...\n        editor.owner.fireEvent('editorevent', editor, false);\n    } else {\n    \n        editor.insertAtCursor(\n            String.format('<img src=\"{0}/Images/{1}/{2}#image-{1}\">',\n            baseURL,  record.data.id, record.data.filename\n            )\n        );\n\n    }\n    \n }"
412                      },
413                      "alwaysQuery" : true,
414                      "listWidth" : 400,
415                      "triggerAction" : "all",
416                      "fieldLabel" : "Images",
417                      "forceSelection" : true,
418                      "selectOnFocus" : true,
419                      "pageSize" : 20,
420                      "displayField" : "name",
421                      "emptyText" : "Add Image",
422                      "minChars" : 2,
423                      "valueField" : "id",
424                      "xtype" : "ComboBox",
425                      "typeAhead" : true,
426                      "editable" : false,
427                      "width" : 100,
428                      "$ xns" : "Roo.form",
429                      "* prop" : "btns[]",
430                      "qtip" : "Select Images",
431                      "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><img src=\"{public_baseURL}/Core/Images/Thumb/150x150/{id}.jpg\" height=\"150\" width=\"150\"><b>{filename}</b> </div>",
432                      "loadingText" : "Searching...",
433                      "items" : [
434                       {
435                        "listeners" : {
436                         "|beforeload" : "function (_self, o){\n    o.params = o.params || {};\n\n    var id = _this.form.findField('id').getValue() * 1;    \n    if (!id) {\n        Roo.MessageBox.alert(\"Error\", \"Save email template first\");\n        return false;\n    }\n    o.params.onid = id;\n    o.params.ontable = (_this.data.module) ? _this.data.module : 'crm_mailing_list_message';\n    \n   // o.params.imgtype = 'PressRelease';\n    //o.params['query[imagesize]'] = '150x150';\n    // set more here\n}\n"
437                        },
438                        "xtype" : "Store",
439                        "remoteSort" : true,
440                        "$ sortInfo" : "{ direction : 'ASC', field: 'id' }",
441                        "$ xns" : "Roo.data",
442                        "* prop" : "store",
443                        "items" : [
444                         {
445                          "$ url" : "baseURL + '/Roo/Images.php'",
446                          "method" : "GET",
447                          "xtype" : "HttpProxy",
448                          "$ xns" : "Roo.data",
449                          "* prop" : "proxy"
450                         },
451                         {
452                          "id" : "id",
453                          "root" : "data",
454                          "xtype" : "JsonReader",
455                          "$ fields" : "[{\"name\":\"id\",\"type\":\"int\"},{\"name\":\"filename\",\"type\":\"string\"},{\"name\":\"url_thumb\",\"type\":\"string\"}]",
456                          "$ xns" : "Roo.data",
457                          "* prop" : "reader",
458                          "totalProperty" : "total"
459                         }
460                        ]
461                       }
462                      ]
463                     },
464                     {
465                      "listeners" : {
466                       "render" : "function (_self)\n{\n    _this.unsubscribeselect = _self;\n}",
467                       "select" : "function (combo, record, index)\n{\n    Roo.log(record);\n    (function() { \n        combo.setValue('');\n    }).defer(100);\n    var editor = _this.form.findField('bodytext').editorcore;\n    \n    if(record.data.name == 'Unsubscribe'){\n        editor.insertAtCursor(\n            String.format('<a href=\"{0}\">{1}</a>',\n                record.data.type,  record.data.name\n            )\n        );\n        return;     \n    }\n    \n    editor.insertAtCursor(\n        String.format('{0}',\n            record.data.type\n        )\n    );\n    \n }"
468                      },
469                      "alwaysQuery" : true,
470                      "listWidth" : 400,
471                      "triggerAction" : "all",
472                      "fieldLabel" : "Field",
473                      "forceSelection" : true,
474                      "selectOnFocus" : true,
475                      "pageSize" : 20,
476                      "displayField" : "name",
477                      "emptyText" : "Insert Field",
478                      "minChars" : 2,
479                      "valueField" : "type",
480                      "xtype" : "ComboBox",
481                      "typeAhead" : true,
482                      "editable" : false,
483                      "width" : 100,
484                      "$ xns" : "Roo.form",
485                      "* prop" : "btns[]",
486                      "qtip" : "Insert Field",
487                      "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{name}</b> </div>",
488                      "loadingText" : "Searching...",
489                      "items" : [
490                       {
491                        "xtype" : "SimpleStore",
492                        "$ data" : "[ \n    [ '{person.firstname}', \"First Name\"],\n    [ '{person.lastname}' , \"Last Name\"],\n    [ '{person.name}', \"Full Name\"],\n    [ '#unsubscribe', \"Unsubscribe\"]\n]\n",
493                        "$ fields" : "[  'type', 'name']",
494                        "$ xns" : "Roo.data",
495                        "* prop" : "store"
496                       }
497                      ]
498                     },
499                     {
500                      "xtype" : "Separator",
501                      "$ xns" : "Roo.Toolbar",
502                      "* prop" : "btns[]"
503                     },
504                     {
505                      "listeners" : {
506                       "click" : "function (_self, e)\n{\n    this.scope.owner.fireEvent('savedpreview', this.scope.owner);\n    \n}"
507                      },
508                      "String cls" : "x-init-enable",
509                      "text" : "Saved Version",
510                      "xtype" : "Button",
511                      "$ xns" : "Roo.Toolbar",
512                      "* prop" : "btns[]"
513                     }
514                    ]
515                   }
516                  ]
517                 }
518                ]
519               }
520              ]
521             },
522             {
523              "hideLabels" : true,
524              "xtype" : "Row",
525              "$ xns" : "Roo.form",
526              "items" : [
527               {
528                "listeners" : {
529                 "click" : "function (_self, e)\n{\n    var h = _this.form.findField('bodytext').getValue();\n    var p = _this.form.findField('plaintext');\n    \n    new Pman.Request({\r\n        url : baseURL + '/Core/ImportMailMessage.php',\r\n        method : 'POST',\r\n        params : {\n          bodytext : h,\r\n          _convertToPlain : true,\n          _check_unsubscribe : true\r\n        }, \r\n        success : function(res) {\r\n            if(res.success == true){\n               p.setValue(res.data);\n            }\r\n        }\r\n    });\n    \n}"
530                },
531                "text" : "Convert Html to Text",
532                "xtype" : "Button",
533                "$ xns" : "Roo"
534               }
535              ]
536             },
537             {
538              "hideLabels" : true,
539              "xtype" : "Row",
540              "$ xns" : "Roo.form",
541              "items" : [
542               {
543                "hideLabels" : true,
544                "style" : "text-align:center;",
545                "legend" : "Plain Text",
546                "xtype" : "FieldSet",
547                "$ xns" : "Roo.form",
548                "items" : [
549                 {
550                  "xtype" : "TextArea",
551                  "$ xns" : "Roo.form",
552                  "height" : 50,
553                  "name" : "plaintext"
554                 }
555                ]
556               }
557              ]
558             },
559             {
560              "xtype" : "Row",
561              "$ xns" : "Roo.form",
562              "items" : [
563               {
564                "fieldLabel" : "Test Class <BR/> (for system reference only)",
565                "Boolean readOnly" : true,
566                "xtype" : "TextField",
567                "allowBlank" : true,
568                "width" : 300,
569                "$ xns" : "Roo.form",
570                "name" : "test_class"
571               }
572              ]
573             },
574             {
575              "xtype" : "Hidden",
576              "$ xns" : "Roo.form",
577              "name" : "id"
578             }
579            ]
580           }
581          ]
582         }
583        ]
584       }
585      ]
586     },
587     {
588      "listeners" : {
589       "|activate" : "function() {\n    _this.ipanel = this;\n    if (_this.igrid) {\n       _this.igrid.ds.load({});\n    }\n}"
590      },
591      "autoScroll" : false,
592      "background" : false,
593      "fitToframe" : true,
594      "region" : "east",
595      "title" : "Images / Attachments",
596      "xtype" : "GridPanel",
597      "fitContainer" : true,
598      "$ xns" : "Roo",
599      "tableName" : "Images",
600      "items" : [
601       {
602        "listeners" : {
603         "|render" : "function() \n{\n    _this.igrid = this; \n    //_this.dialog = Pman.Dialog.FILL_IN\n    if (_this.ipanel.active) {\n   //    _this.igrid.ds.load({});\n    }\n}"
604        },
605        "autoExpandColumn" : "filename",
606        "xtype" : "Grid",
607        "loadMask" : true,
608        "$ xns" : "Roo.grid",
609        "* prop" : "grid",
610        "items" : [
611         {
612          "listeners" : {
613           "beforeload" : "function (_self, options)\n{\n    options.params = options.params || {};\n    if (typeof(_this.data) == 'undefined') {\n        return false;\n    }\n    if(_this.data.id * 1 >= 0)\n    {\n        options.params.onid = _this.data.id;\n\n        options.params.ontable = (_this.data.module) ? _this.data.module : 'crm_mailing_list_message';\n    }\n}"
614          },
615          "xtype" : "Store",
616          "remoteSort" : true,
617          "$ sortInfo" : "{ field : 'filename', direction: 'ASC' }",
618          "$ xns" : "Roo.data",
619          "* prop" : "dataSource",
620          "items" : [
621           {
622            "$ url" : "baseURL + '/Roo/Images.php'",
623            "method" : "GET",
624            "xtype" : "HttpProxy",
625            "$ xns" : "Roo.data",
626            "* prop" : "proxy"
627           },
628           {
629            "id" : "id",
630            "root" : "data",
631            "xtype" : "JsonReader",
632            "$ fields" : "[\n    {\n        'name': 'id',\n        'type': 'int'\n    },\n    {\n        'name': 'filename',\n        'type': 'string'\n    },\n    {\n        'name': 'ontable',\n        'type': 'string'\n    },\n    {\n        'name': 'onid',\n        'type': 'int'\n    },\n    {\n        'name': 'mimetype',\n        'type': 'string'\n    },\n    {\n        'name': 'width',\n        'type': 'int'\n    },\n    {\n        'name': 'height',\n        'type': 'int'\n    },\n    {\n        'name': 'filesize',\n        'type': 'int'\n    },\n    {\n        'name': 'displayorder',\n        'type': 'int'\n    },\n    {\n        'name': 'language',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id',\n        'type': 'int'\n    },\n    {\n        'name': 'created',\n        'type': 'date',\n        'dateFormat': 'Y-m-d'\n    },\n    {\n        'name': 'imgtype',\n        'type': 'string'\n    },\n    {\n        'name': 'linkurl',\n        'type': 'string'\n    },\n    {\n        'name': 'descript',\n        'type': 'string'\n    },\n    {\n        'name': 'title',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_id',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_filename',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_ontable',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_onid',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_mimetype',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_width',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_height',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_filesize',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_displayorder',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_language',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_parent_image_id',\n        'type': 'int'\n    },\n    {\n        'name': 'parent_image_id_created',\n        'type': 'date'\n    },\n    {\n        'name': 'parent_image_id_imgtype',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_linkurl',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_descript',\n        'type': 'string'\n    },\n    {\n        'name': 'parent_image_id_title',\n        'type': 'string'\n    }\n]",
633            "$ xns" : "Roo.data",
634            "* prop" : "reader",
635            "totalProperty" : "total"
636           }
637          ]
638         },
639         {
640          "xtype" : "Toolbar",
641          "$ xns" : "Roo",
642          "* prop" : "toolbar",
643          "items" : [
644           {
645            "listeners" : {
646             "|click" : "function()\n{\n    var id = _this.form.findField('id').getValue();\n    \n    if(id*1 < 1){\n        Roo.MessageBox.alert('Error', 'Please save the email template first');\n        return;\n    }\n    \n    var ontable = (_this.data.module) ? _this.data.module : 'crm_mailing_list_message';\n    \n    Pman.Dialog.Image.show( { id : 0, onid: id, ontable: ontable }, function() {\n        _this.igrid.getDataSource().load({});\n    });\n}\n"
647            },
648            "text" : "Add",
649            "xtype" : "Button",
650            "cls" : "x-btn-text-icon",
651            "$ icon" : "Roo.rootURL + 'images/default/dd/drop-add.gif'",
652            "$ xns" : "Roo.Toolbar"
653           },
654           {
655            "listeners" : {
656             "|click" : "function()\n{\n    var s = _this.igrid.getSelectionModel().getSelected();\n    if (!s || isNaN(s.id *1)) {\n        Roo.MessageBox.alert(\"Error\", \"Select a image\"); \n        return;\n    }\n    Roo.MessageBox.confirm(\"Confirm\", \"Are sure you want to delete this image?\", function (v){\n        if (v != 'yes') {\n            return;\n        }\n        \n        new Pman.Request({\n            url : baseURL + '/Roo/Images.php',\n            method: 'POST',\n            params : {\n                _delete : s.id\n            },\n            success : function()\n            {\n                Roo.log('Got Success!!');\n               _this.igrid.ds.load({});\n            }\n        });\n    });\n}\n        "
657            },
658            "text" : "Delete",
659            "xtype" : "Button",
660            "cls" : "x-btn-text-icon",
661            "$ icon" : "rootURL + '/Pman/templates/images/trash.gif'",
662            "$ xns" : "Roo.Toolbar"
663           }
664          ]
665         },
666         {
667          "xtype" : "ColumnModel",
668          "header" : "Filename",
669          "width" : 300,
670          "$ renderer" : "function(v,x,r)\n{\n    var width = r.data.width;\n    var height = r.data.height;\n    \n    if(width > 50){\n        height = Math.round(height * 50 / width);\n        width = 50;\n    }\n    \n   return '<img src=\"' + baseURL + '/Images/' + r.data.id + '/' + r.data.filename + '\" width=\"' + width + '\" height=\"' + height + '\" />';\n}",
671          "$ xns" : "Roo.grid",
672          "* prop" : "colModel[]",
673          "dataIndex" : "filename"
674         },
675         {
676          "xtype" : "ColumnModel",
677          "width" : 75,
678          "header" : "Displayorder",
679          "$ renderer" : "function(v) { return String.format('{0}', v); }",
680          "$ xns" : "Roo.grid",
681          "* prop" : "colModel[]",
682          "dataIndex" : "displayorder"
683         },
684         {
685          "xtype" : "ColumnModel",
686          "header" : "Title",
687          "width" : 75,
688          "$ renderer" : "function(v) { return String.format('{0}', v); }",
689          "$ xns" : "Roo.grid",
690          "* prop" : "colModel[]",
691          "dataIndex" : "title"
692         }
693        ]
694       }
695      ]
696     },
697     {
698      "listeners" : {
699       "render" : "function (_self)\n{\n    _this.preview_btn = _self;\n}",
700       "click" : "function (_self, e)\n{\n    //_this.dialog.hide();\n    Roo.log(_this.data.module);\n    Pman.Dialog.CoreEmailPreview.show({ id : _this.form.findField('id').getValue(), module : _this.data.module });\n}"
701      },
702      "text" : "Preview",
703      "xtype" : "Button",
704      "$ xns" : "Roo",
705      "* prop" : "buttons[]"
706     },
707     {
708      "listeners" : {
709       "render" : "function (_self)\n{\n    _this.html_preview = _self;\n}",
710       "click" : "function (_self, e)\n{\n    //_this.dialog.hide();\n\n    var id = _this.form.findField('id').getValue();\n    \n    if(id*1 < 1){\n        Roo.MessageBox.alert('Error', 'Please save the message frist!');\n        return;\n    }\n   \n    new Pman.Request({\n        url : baseURL + '/Core/MessagePreview',\n        method : 'POST',\n        mask: 'Sending',\n        params : {\n            _id : id,\n            _table : _this.data.module\n        }, \n        success : function(res) { \n            if(res.data == 'SUCCESS'){\n                Roo.MessageBox.alert(\"Email Sent\", 'The report was sent to your email (HTML format).');\n            }\n        }\n    });\n}"
711      },
712      "text" : "Send me a test copy",
713      "xtype" : "Button",
714      "$ xns" : "Roo",
715      "* prop" : "buttons[]"
716     },
717     {
718      "listeners" : {
719       "click" : "function (_self, e)\n{\n    _this.dialog.hide();\n}"
720      },
721      "text" : "Cancel",
722      "xtype" : "Button",
723      "$ xns" : "Roo",
724      "* prop" : "buttons[]"
725     },
726     {
727      "listeners" : {
728       "click" : "function (_self, e)\n{\n\n    // do some checks?\n    _this.form.preValidate(function(res) {\n        if (!res) {\n            return; //failed.\n        }\n         _this.form.doAction(\"submit\");\n    });\n\n}"
729      },
730      "text" : "Save",
731      "xtype" : "Button",
732      "$ xns" : "Roo",
733      "* prop" : "buttons[]"
734     }
735    ]
736   }
737  ]
738 }