Pman.Dialog.CoreEmail.bjs
[Pman.Core] / Pman.Dialog.CoreEmail.bjs
1 {
2  "name" : "Pman.Dialog.CoreEmail",
3  "parent" : "",
4  "title" : "",
5  "path" : "/home/alan/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   "31fde7b05ac8952dacf4af8a704074ec" : "Preview",
16   "ea30b40c3caf28acb29198d20d243e54" : "Images / Attachments >>",
17   "884df8e413319ff51a3f5f528606238a" : "Use template",
18   "e6b391a8d2c4d45902a23a8b6585703d" : "URL",
19   "2393ad754ba179442d85e415d1d5167c" : "Displayorder",
20   "6f16a5f8ff5d75ab84c018adacdfcbb7" : "Field",
21   "ec211f7c20af43e742bf2570c3cb84f9" : "Add",
22   "e9968623956c15023d54335ea3699855" : "Convert Html to Text",
23   "5b8ef4e762c00a15a41cfc26dc3ef99c" : "Send me a test copy",
24   "1243daf593fa297e07ab03bf06d925af" : "Searching...",
25   "c7892ebbb139886662c6f2fc8c450710" : "Subject",
26   "dc0de523c25be298ba751c63c694109e" : "Responsive Email (1)",
27   "396ecabf0cd1f9503e591418851ef406" : "Edit / Create Message",
28   "b9c49611cfda3259a2b837b39489e650" : "Add Image",
29   "ea4788705e6873b424c65e91c2846b19" : "Cancel",
30   "b20a8b77b05d53b4e695738731400c85" : "Mailout Name",
31   "1bd18d39370b7f26c1c5e18067b74c6f" : "Html File",
32   "5da618e8e4b89c66fe86e32cdafde142" : "From",
33   "31bb2f6e9b8fb11cbb7fb63c6025223f" : "Select Template",
34   "b78a3223503896721cca1303f776159b" : "Title",
35   "278c491bdd8a53618c149c4ac790da34" : "Template",
36   "c9cc8cce247e49bae79f15173ce97354" : "Save",
37   "1351017ac6423911223bc19a8cb7c653" : "Filename",
38   "308f2757bfc9ce92fb00ff93fdffd279" : "Images / Attachments",
39   "5feb9bf3c03b32635135006cbacb9542" : "Insert Field",
40   "4c2a8fe7eaf24721cc7a9f0175115bd4" : "Message",
41   "fff0d600f8a0b5e19e88bfb821dd1157" : "Images"
42  },
43  "items" : [
44   {
45    "listeners" : {
46     "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}"
47    },
48    "modal" : true,
49    "collapsible" : false,
50    "title" : "Edit / Create Message",
51    "xtype" : "LayoutDialog",
52    "width" : 800,
53    "$ xns" : "Roo",
54    "closable" : true,
55    "resizable" : true,
56    "height" : 500,
57    "items" : [
58     {
59      "xtype" : "LayoutRegion",
60      "$ xns" : "Roo",
61      "tabPosition" : "top",
62      "* prop" : "center"
63     },
64     {
65      "hidden" : true,
66      "xtype" : "LayoutRegion",
67      "title" : "Images / Attachments",
68      "width" : 500,
69      "$ xns" : "Roo",
70      "split" : true,
71      "* prop" : "east",
72      "titlebar" : true
73     },
74     {
75      "autoScroll" : false,
76      "region" : "center",
77      "fitToFrame" : true,
78      "xtype" : "NestedLayoutPanel",
79      "fitContainer" : true,
80      "$ xns" : "Roo",
81      "items" : [
82       {
83        "xtype" : "Toolbar",
84        "$ xns" : "Roo",
85        "* prop" : "toolbar",
86        "items" : [
87         {
88          "text" : "Import",
89          "xtype" : "Button",
90          "$ xns" : "Roo.Toolbar",
91          "items" : [
92           {
93            "xtype" : "Menu",
94            "$ xns" : "Roo.menu",
95            "* prop" : "menu",
96            "items" : [
97             {
98              "listeners" : {
99               "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}"
100              },
101              "text" : "URL",
102              "xtype" : "Item",
103              "$ xns" : "Roo.menu"
104             },
105             {
106              "listeners" : {
107               "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}"
108              },
109              "text" : "Html File",
110              "xtype" : "Item",
111              "$ xns" : "Roo.menu"
112             }
113            ]
114           }
115          ]
116         },
117         {
118          "text" : "Use template",
119          "xtype" : "Button",
120          "$ xns" : "Roo.Toolbar",
121          "items" : [
122           {
123            "xtype" : "Menu",
124            "$ xns" : "Roo.menu",
125            "* prop" : "menu",
126            "items" : [
127             {
128              "listeners" : {
129               "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}"
130              },
131              "text" : "Responsive Email (1)",
132              "xtype" : "Item",
133              "$ xns" : "Roo.menu"
134             }
135            ]
136           }
137          ]
138         },
139         {
140          "listeners" : {
141           "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}"
142          },
143          "alwaysQuery" : true,
144          "listWidth" : 400,
145          "triggerAction" : "all",
146          "fieldLabel" : "Template",
147          "forceSelection" : true,
148          "selectOnFocus" : true,
149          "pageSize" : 20,
150          "displayField" : "file",
151          "emptyText" : "Select Template",
152          "hiddenName" : "template",
153          "minChars" : 2,
154          "valueField" : "file",
155          "xtype" : "ComboBox",
156          "allowBlank" : true,
157          "typeAhead" : true,
158          "editable" : false,
159          "width" : 200,
160          "$ xns" : "Roo.form",
161          "name" : "template",
162          "qtip" : "Select Template",
163          "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{file}</b> </div>",
164          "loadingText" : "Searching...",
165          "items" : [
166           {
167            "listeners" : {
168             "|beforeload" : "function (_self, o){\n    o.params = o.params || {};\n    // set more here\n   \n}\n"
169            },
170            "xtype" : "Store",
171            "remoteSort" : true,
172            "$ sortInfo" : "{ direction : 'DESC', field: 'file' }",
173            "$ xns" : "Roo.data",
174            "* prop" : "store",
175            "items" : [
176             {
177              "$ url" : "baseURL + '/Core/MailTemplateList.php'",
178              "method" : "GET",
179              "xtype" : "HttpProxy",
180              "$ xns" : "Roo.data",
181              "* prop" : "proxy"
182             },
183             {
184              "id" : "name",
185              "root" : "data",
186              "xtype" : "JsonReader",
187              "$ fields" : "[{\"name\":\"file\",\"type\":\"string\"},{\"name\":\"content\",\"type\":\"string\"}]",
188              "$ xns" : "Roo.data",
189              "* prop" : "reader",
190              "totalProperty" : "total"
191             }
192            ]
193           }
194          ]
195         },
196         {
197          "xtype" : "Fill",
198          "$ xns" : "Roo.Toolbar"
199         },
200         {
201          "listeners" : {
202           "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}"
203          },
204          "text" : "Images / Attachments >>",
205          "xtype" : "Button",
206          "$ xns" : "Roo.Toolbar"
207         }
208        ]
209       },
210       {
211        "xtype" : "BorderLayout",
212        "$ xns" : "Roo",
213        "* prop" : "layout",
214        "items" : [
215         {
216          "autoScroll" : true,
217          "xtype" : "LayoutRegion",
218          "$ xns" : "Roo",
219          "* prop" : "center"
220         },
221         {
222          "listeners" : {
223           "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}",
224           "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}"
225          },
226          "autoScroll" : false,
227          "fitToFrame" : true,
228          "background" : false,
229          "region" : "center",
230          "title" : "Message",
231          "xtype" : "ContentPanel",
232          "fitContainer" : true,
233          "$ xns" : "Roo",
234          "items" : [
235           {
236            "listeners" : {
237             "|actioncomplete" : "function(_self,action)\n{\n   \n    if (action.type == 'setdata') {\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        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",
238             "|rendered" : "function (form)\n{\n    _this.form= form;\n}\n"
239            },
240            "labelAlign" : "right",
241            "$ preValidate" : "function(done_callback) {\n    \n    Roo.MessageBox.progress(\"Uploading Images\", \"Uploading\");\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",
242            "$ url" : "baseURL + '/Roo/crm_mailing_list_message.php'",
243            "method" : "POST",
244            "style" : "margin:10px",
245            "xtype" : "Form",
246            "labelWidth" : 120,
247            "$ xns" : "Roo.form",
248            "items" : [
249             {
250              "xtype" : "Row",
251              "$ xns" : "Roo.form",
252              "items" : [
253               {
254                "fieldLabel" : "Mailout Name",
255                "xtype" : "TextField",
256                "allowBlank" : false,
257                "width" : 400,
258                "$ xns" : "Roo.form",
259                "name" : "name"
260               }
261              ]
262             },
263             {
264              "xtype" : "Row",
265              "$ xns" : "Roo.form",
266              "items" : [
267               {
268                "fieldLabel" : "From",
269                "xtype" : "TextField",
270                "allowBlank" : false,
271                "width" : 300,
272                "$ xns" : "Roo.form",
273                "name" : "from_name"
274               },
275               {
276                "fieldLabel" : "Email address",
277                "xtype" : "TextField",
278                "allowBlank" : false,
279                "width" : 300,
280                "$ xns" : "Roo.form",
281                "name" : "from_email"
282               }
283              ]
284             },
285             {
286              "fieldLabel" : "Subject",
287              "xtype" : "TextField",
288              "allowBlank" : false,
289              "width" : 600,
290              "$ xns" : "Roo.form",
291              "name" : "subject"
292             },
293             {
294              "hideLabels" : true,
295              "xtype" : "Row",
296              "$ xns" : "Roo.form",
297              "items" : [
298               {
299                "hideLabels" : true,
300                "legend" : "Html Editor",
301                "style" : "text-align:center;",
302                "xtype" : "FieldSet",
303                "$ xns" : "Roo.form",
304                "items" : [
305                 {
306                  "xtype" : "HtmlEditor",
307                  "$ 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 ]",
308                  "$ xns" : "Roo.form",
309                  "resizable" : "s",
310                  "name" : "bodytext",
311                  "height" : 250,
312                  "clearUp" : false,
313                  "items" : [
314                   {
315                    "xtype" : "ToolbarContext",
316                    "$ xns" : "Roo.form.HtmlEditor",
317                    "* prop" : "toolbars[]"
318                   },
319                   {
320                    "xtype" : "ToolbarStandard",
321                    "$ xns" : "Roo.form.HtmlEditor",
322                    "* prop" : "toolbars[]",
323                    "items" : [
324                     {
325                      "listeners" : {
326                       "render" : "function (_self)\n{\n    _this.extendimgselect = _self;\n}",
327                       "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}",
328                       "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.editorcore.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    } 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 }"
329                      },
330                      "alwaysQuery" : true,
331                      "listWidth" : 400,
332                      "triggerAction" : "all",
333                      "fieldLabel" : "Images",
334                      "forceSelection" : true,
335                      "selectOnFocus" : true,
336                      "pageSize" : 20,
337                      "displayField" : "name",
338                      "emptyText" : "Add Image",
339                      "minChars" : 2,
340                      "valueField" : "id",
341                      "xtype" : "ComboBox",
342                      "typeAhead" : true,
343                      "editable" : false,
344                      "width" : 100,
345                      "$ xns" : "Roo.form",
346                      "* prop" : "btns[]",
347                      "qtip" : "Select Images",
348                      "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>",
349                      "loadingText" : "Searching...",
350                      "items" : [
351                       {
352                        "listeners" : {
353                         "|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"
354                        },
355                        "xtype" : "Store",
356                        "remoteSort" : true,
357                        "$ sortInfo" : "{ direction : 'ASC', field: 'id' }",
358                        "$ xns" : "Roo.data",
359                        "* prop" : "store",
360                        "items" : [
361                         {
362                          "$ url" : "baseURL + '/Roo/Images.php'",
363                          "xtype" : "HttpProxy",
364                          "method" : "GET",
365                          "$ xns" : "Roo.data",
366                          "* prop" : "proxy"
367                         },
368                         {
369                          "id" : "id",
370                          "root" : "data",
371                          "xtype" : "JsonReader",
372                          "$ fields" : "[{\"name\":\"id\",\"type\":\"int\"},{\"name\":\"filename\",\"type\":\"string\"},{\"name\":\"url_thumb\",\"type\":\"string\"}]",
373                          "$ xns" : "Roo.data",
374                          "* prop" : "reader",
375                          "totalProperty" : "total"
376                         }
377                        ]
378                       }
379                      ]
380                     },
381                     {
382                      "listeners" : {
383                       "render" : "function (_self)\n{\n    _this.unsubscribeselect = _self;\n}",
384                       "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 }"
385                      },
386                      "alwaysQuery" : true,
387                      "listWidth" : 400,
388                      "triggerAction" : "all",
389                      "fieldLabel" : "Field",
390                      "forceSelection" : true,
391                      "selectOnFocus" : true,
392                      "pageSize" : 20,
393                      "displayField" : "name",
394                      "emptyText" : "Insert Field",
395                      "minChars" : 2,
396                      "valueField" : "type",
397                      "xtype" : "ComboBox",
398                      "typeAhead" : true,
399                      "editable" : false,
400                      "width" : 100,
401                      "$ xns" : "Roo.form",
402                      "* prop" : "btns[]",
403                      "qtip" : "Insert Field",
404                      "tpl" : "<div class=\"x-grid-cell-text x-btn button\"><b>{name}</b> </div>",
405                      "loadingText" : "Searching...",
406                      "items" : [
407                       {
408                        "xtype" : "SimpleStore",
409                        "$ data" : "[ \n    [ '{person.firstname}', \"First Name\"],\n    [ '{person.lastname}' , \"Last Name\"],\n    [ '{person.name}', \"Full Name\"],\n    [ '#unsubscribe', \"Unsubscribe\"]\n]\n",
410                        "$ fields" : "[  'type', 'name']",
411                        "$ xns" : "Roo.data",
412                        "* prop" : "store"
413                       }
414                      ]
415                     }
416                    ]
417                   }
418                  ]
419                 }
420                ]
421               }
422              ]
423             },
424             {
425              "hideLabels" : true,
426              "xtype" : "Row",
427              "$ xns" : "Roo.form",
428              "items" : [
429               {
430                "listeners" : {
431                 "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}"
432                },
433                "text" : "Convert Html to Text",
434                "xtype" : "Button",
435                "$ xns" : "Roo"
436               }
437              ]
438             },
439             {
440              "hideLabels" : true,
441              "xtype" : "Row",
442              "$ xns" : "Roo.form",
443              "items" : [
444               {
445                "hideLabels" : true,
446                "legend" : "Plain Text",
447                "style" : "text-align:center;",
448                "xtype" : "FieldSet",
449                "$ xns" : "Roo.form",
450                "items" : [
451                 {
452                  "xtype" : "TextArea",
453                  "$ xns" : "Roo.form",
454                  "height" : 50,
455                  "name" : "plaintext"
456                 }
457                ]
458               }
459              ]
460             },
461             {
462              "xtype" : "Hidden",
463              "$ xns" : "Roo.form",
464              "name" : "id"
465             }
466            ]
467           }
468          ]
469         }
470        ]
471       }
472      ]
473     },
474     {
475      "listeners" : {
476       "|activate" : "function() {\n    _this.ipanel = this;\n    if (_this.igrid) {\n       _this.igrid.ds.load({});\n    }\n}"
477      },
478      "autoScroll" : false,
479      "fitToframe" : true,
480      "background" : false,
481      "region" : "east",
482      "title" : "Images / Attachments",
483      "xtype" : "GridPanel",
484      "fitContainer" : true,
485      "$ xns" : "Roo",
486      "tableName" : "Images",
487      "items" : [
488       {
489        "listeners" : {
490         "|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}"
491        },
492        "autoExpandColumn" : "filename",
493        "xtype" : "Grid",
494        "loadMask" : true,
495        "$ xns" : "Roo.grid",
496        "* prop" : "grid",
497        "items" : [
498         {
499          "listeners" : {
500           "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}"
501          },
502          "xtype" : "Store",
503          "remoteSort" : true,
504          "$ sortInfo" : "{ field : 'filename', direction: 'ASC' }",
505          "$ xns" : "Roo.data",
506          "* prop" : "dataSource",
507          "items" : [
508           {
509            "$ url" : "baseURL + '/Roo/Images.php'",
510            "xtype" : "HttpProxy",
511            "method" : "GET",
512            "$ xns" : "Roo.data",
513            "* prop" : "proxy"
514           },
515           {
516            "id" : "id",
517            "root" : "data",
518            "xtype" : "JsonReader",
519            "$ 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]",
520            "$ xns" : "Roo.data",
521            "* prop" : "reader",
522            "totalProperty" : "total"
523           }
524          ]
525         },
526         {
527          "xtype" : "Toolbar",
528          "$ xns" : "Roo",
529          "* prop" : "toolbar",
530          "items" : [
531           {
532            "listeners" : {
533             "|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"
534            },
535            "text" : "Add",
536            "xtype" : "Button",
537            "cls" : "x-btn-text-icon",
538            "$ icon" : "Roo.rootURL + 'images/default/dd/drop-add.gif'",
539            "$ xns" : "Roo.Toolbar"
540           },
541           {
542            "listeners" : {
543             "|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        "
544            },
545            "text" : "Delete",
546            "xtype" : "Button",
547            "cls" : "x-btn-text-icon",
548            "$ icon" : "rootURL + '/Pman/templates/images/trash.gif'",
549            "$ xns" : "Roo.Toolbar"
550           }
551          ]
552         },
553         {
554          "xtype" : "ColumnModel",
555          "width" : 300,
556          "header" : "Filename",
557          "$ 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}",
558          "$ xns" : "Roo.grid",
559          "* prop" : "colModel[]",
560          "dataIndex" : "filename"
561         },
562         {
563          "xtype" : "ColumnModel",
564          "header" : "Displayorder",
565          "width" : 75,
566          "$ renderer" : "function(v) { return String.format('{0}', v); }",
567          "$ xns" : "Roo.grid",
568          "* prop" : "colModel[]",
569          "dataIndex" : "displayorder"
570         },
571         {
572          "xtype" : "ColumnModel",
573          "width" : 75,
574          "header" : "Title",
575          "$ renderer" : "function(v) { return String.format('{0}', v); }",
576          "$ xns" : "Roo.grid",
577          "* prop" : "colModel[]",
578          "dataIndex" : "title"
579         }
580        ]
581       }
582      ]
583     },
584     {
585      "listeners" : {
586       "render" : "function (_self)\n{\n    _this.preview_btn = _self;\n}",
587       "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}"
588      },
589      "text" : "Preview",
590      "xtype" : "Button",
591      "$ xns" : "Roo",
592      "* prop" : "buttons[]"
593     },
594     {
595      "listeners" : {
596       "render" : "function (_self)\n{\n    _this.html_preview = _self;\n}",
597       "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}"
598      },
599      "text" : "Send me a test copy",
600      "xtype" : "Button",
601      "$ xns" : "Roo",
602      "* prop" : "buttons[]"
603     },
604     {
605      "listeners" : {
606       "click" : "function (_self, e)\n{\n    _this.dialog.hide();\n}"
607      },
608      "text" : "Cancel",
609      "xtype" : "Button",
610      "$ xns" : "Roo",
611      "* prop" : "buttons[]"
612     },
613     {
614      "listeners" : {
615       "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}"
616      },
617      "text" : "Save",
618      "xtype" : "Button",
619      "$ xns" : "Roo",
620      "* prop" : "buttons[]"
621     }
622    ]
623   }
624  ]
625 }