git.roojs.org Git - Pman.BAdmin/blob - Pman.Dialog.BAdminImageManager.bjs

   1 {
   2  "name" : "Pman.Dialog.BAdminImageManager",
   3  "parent" : "",
   4  "title" : "Pman.Dialog.BAdminImageManager",
   5  "path" : "/home/edward/gitlive/Pman.BAdmin/Pman.Dialog.BAdminImageManager.bjs",
   6  "permname" : "",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "ef797d5638c2e1c6b6225b2247541ea5" : "Upload Image or File:",
  10   "d9787032e54a7facd5c7b1db2ae61c7b" : "Image Manager",
  11   "53ab4599d0106e32d015649175a70d7b" : "<i class=\"fa fa-filter\"></i> Filter",
  12   "37c1097cf82226d511586ecd99ed97cf" : "search for image",
  13   "cdb6b6bab1fd18b9dbfe3fb84a5d34ae" : "<i class=\"fa fa-search\"></i>",
  14   "5350277f16d9998c57fa7e1d17be2a76" : "<i class=\"fa fa-upload\"></i> Upload Image",
  15   "14834a16229091f47cf1810177d07916" : "Created Date:",
  16   "1a0ce561842e3caef9098f46ecaa1dcf" : "Add Images with Settings",
  17   "78d0f5aac952e2ce840a381976a3b01e" : "Image Details",
  18   "708ea0e601087e73c4764d5086e3ea3c" : "File Name:",
  19   "e0a53da57dd79cca5d3b6a7c42e463ef" : "File Type:",
  20   "3f986fa4066f6bded1376eb69de18da2" : "File Size:",
  21   "179d4ab94c43ccb7cd6d2b3d82c7fe1f" : "Show images for this email",
  22   "d3d2e617335f08df83599665eef8a418" : "Close",
  23   "84378f54966381befd040dafbdc221d6" : "<i class=\"fa fa-plus\"></i> Add into the email",
  24   "361bacb1a72a350ee34e2f31a6a91dab" : "Alignment:",
  25   "2cd3a1900dd0060540b418b2a60f6eec" : "Show all images",
  26   "ed807858fcb68abdd180481f1fcba5c5" : "<i class=\"fa fa-trash\"></i> Delete",
  27   "031fa343a28d221a25d2bcd942437174" : "Alternate Text:",
  28   "48ccf48dcf2218a413ce473262f21a0c" : "Width: ",
  29   "d0042a700e9bdf79689d63ee6846dc0e" : "Description:",
  30   "d6d93f0d6b7c6018d8949e73ed6efb6c" : "<i class=\"fa fa-save\"></i> Save Changes",
  31   "e933dc24fb245d863a43b4fefe9b45f5" : "Height:"
  32  },
  33  "named_strings" : {
  34   "align_fieldLabel" : "361bacb1a72a350ee34e2f31a6a91dab",
  35   "filename_fieldLabel" : "708ea0e601087e73c4764d5086e3ea3c",
  36   "add_html" : "84378f54966381befd040dafbdc221d6",
  37   "created_fieldLabel" : "14834a16229091f47cf1810177d07916",
  38   "height_fieldLabel" : "e933dc24fb245d863a43b4fefe9b45f5",
  39   "mimetype_fieldLabel" : "e0a53da57dd79cca5d3b6a7c42e463ef",
  40   "close_html" : "d3d2e617335f08df83599665eef8a418",
  41   "imageUpload_fieldLabel" : "ef797d5638c2e1c6b6225b2247541ea5",
  42   "width_fieldLabel" : "48ccf48dcf2218a413ce473262f21a0c",
  43   "filesize_fieldLabel" : "3f986fa4066f6bded1376eb69de18da2",
  44   "descript_fieldLabel" : "d0042a700e9bdf79689d63ee6846dc0e"
  45  },
  46  "items" : [
  47   {
  48    "listeners" : {
  49     "resize" : "function (_self)\n{\n    if (_this.dialog && _this.container && _this.toolbar) {\n        \n        _this.document_container.el.setHeight(\n            _this.dialog.bodyEl.getHeight() -\n            _this.dialog.headerEl.getHeight() -\n            _this.toolbar.el.dom.offsetHeight -\n            _this.dialog.footerEl.getHeight()\n        );\n        \n    }\n}"
  50    },
  51    "String cls" : "modal-body-enable-overflow-y pman-badmin-image-manager",
  52    "Boolean fitwindow" : true,
  53    "xtype" : "Modal",
  54    "$ xns" : "Roo.bootstrap",
  55    "String title" : "Image Manager",
  56    "items" : [
  57     {
  58      "listeners" : {
  59       "click" : "function (_self, e)\n{\n    _this.dialog.hide();\n}"
  60      },
  61      "xtype" : "Button",
  62      "$ xns" : "Roo.bootstrap",
  63      "String html" : "Close",
  64      "string weight" : "default",
  65      "* prop" : "buttons[]",
  66      "string name" : "close"
  67     },
  68     {
  69      "xtype" : "Row",
  70      "$ xns" : "Roo.bootstrap",
  71      "items" : [
  72       {
  73        "xtype" : "Column",
  74        "$ xns" : "Roo.bootstrap",
  75        "Number sm" : 8,
  76        "items" : [
  77         {
  78          "listeners" : {
  79           "actionfailed" : "function (_self, action)\n{\n    if (action.type == 'submit') {\n        Roo.log(\"Upload error\");\n        Roo.log(action);\n        \n        try {\n            \n            Roo.MessageBox.alert(\"Error\", action.result.errorMsg.split(/\\n/).join('<BR/>'));\n            \n        } catch(e) {\n            \n            Roo.MessageBox.alert(\"Error\", \"Saving failed = fix errors and try again\");\n        }\n        return;\n    }\n    \n    Roo.MessageBox.alert(\"Error\", \"Error loading details\"); \n}",
  80           "actioncomplete" : "function(_self,action)\n{\n    if (action.type == 'setdata') { \n        \n        _this.showType = 'public';\n        \n        this.url = _this.data._url ? baseURL + _this.data._url : baseURL + '/Roo/Images.php';\n        \n        this.el.dom.action = this.url;\n        \n        if (typeof(_this.data.timeout) != 'undefined') {\n            this.timeout = _this.data.timeout;\n        }\n        \n        this.findField('UPLOAD_IDENTIFIER').setValue(\n            (new Date() * 1) + '' + Math.random());\n        \n        _this.masonry.load();\n        \n        return;\n    }\n     \n   \n    if (action.type == 'load') {\n        \n        _this.data = action.result.data;\n        \n        return;\n    }\n    \n    \n    if (action.type == 'submit') { // only submitted here if we are \n        \n        _this.masonry.load();\n        \n        return; \n    }\n \n\n    \n}\n",
  81           "render" : "function (_self)\n{\n    _this.form = this;\n    \n}"
  82          },
  83          "style" : "display: none;",
  84          "xtype" : "Form",
  85          "Number timeout" : 300,
  86          "$ xns" : "Roo.bootstrap",
  87          "Boolean fileUpload" : true,
  88          "String method" : "POST",
  89          "$ String url" : "baseURL + '/Roo/Images.php'",
  90          "items" : [
  91           {
  92            "listeners" : {
  93             "render" : "function (_self)\n{\n    _this.uploadDL = this;\n    \n    _this.uploadDL.inputEl().on(\"change\",function(){\n        \n        _this.form.findField('onid').setValue((_this.showType == 'private') ? _this.data.onid : 0);\n        _this.form.doAction('submit');\n        \n        //_this.dialog.uploadProgress.defer(1000, _this.dialog);\n    });\n    \n    \n}"
  94            },
  95            "String name" : "imageUpload",
  96            "xtype" : "Input",
  97            "string fieldLabel" : "Upload Image or File:",
  98            "String inputType" : "file",
  99            "$ xns" : "Roo.bootstrap",
 100            "Number labelWidth" : 4
 101           },
 102           {
 103            "String name" : "UPLOAD_IDENTIFIER",
 104            "xtype" : "Input",
 105            "String inputType" : "hidden",
 106            "$ xns" : "Roo.bootstrap"
 107           },
 108           {
 109            "String name" : "post_max_size",
 110            "xtype" : "Input",
 111            "String inputType" : "hidden",
 112            "$ xns" : "Roo.bootstrap"
 113           },
 114           {
 115            "String name" : "upload_max_filesize",
 116            "xtype" : "Input",
 117            "String inputType" : "hidden",
 118            "$ xns" : "Roo.bootstrap"
 119           },
 120           {
 121            "String name" : "ontable",
 122            "xtype" : "Input",
 123            "String inputType" : "hidden",
 124            "$ xns" : "Roo.bootstrap"
 125           },
 126           {
 127            "String name" : "onid",
 128            "xtype" : "Input",
 129            "String inputType" : "hidden",
 130            "$ xns" : "Roo.bootstrap"
 131           },
 132           {
 133            "String name" : "id",
 134            "xtype" : "Input",
 135            "String inputType" : "hidden",
 136            "$ xns" : "Roo.bootstrap"
 137           }
 138          ]
 139         },
 140         {
 141          "listeners" : {
 142           "render" : "function (_self)\n{\n    _this.container = this;\n    \n}"
 143          },
 144          "xtype" : "Container",
 145          "$ xns" : "Roo.bootstrap",
 146          "items" : [
 147           {
 148            "listeners" : {
 149             "render" : "function (_self)\n{\n    _this.toolbar = this;\n}"
 150            },
 151            "xtype" : "Row",
 152            "$ xns" : "Roo.bootstrap",
 153            "items" : [
 154             {
 155              "Number md" : 12,
 156              "xtype" : "Column",
 157              "$ xns" : "Roo.bootstrap",
 158              "items" : [
 159               {
 160                "xtype" : "Button",
 161                "$ xns" : "Roo.bootstrap",
 162                "String html" : "<i class=\"fa fa-filter\"></i> Filter",
 163                "String style" : "float:left;",
 164                "items" : [
 165                 {
 166                  "xtype" : "Menu",
 167                  "$ xns" : "Roo.bootstrap",
 168                  "* prop" : "menu",
 169                  "items" : [
 170                   {
 171                    "listeners" : {
 172                     "click" : "function (_self, e)\n{\n    _this.showType = 'private';\n    \n    _this.masonry.load();\n}"
 173                    },
 174                    "Boolean preventDefault" : true,
 175                    "xtype" : "MenuItem",
 176                    "$ xns" : "Roo.bootstrap",
 177                    "Boolean isContainer" : false,
 178                    "String html" : "Show images for this email"
 179                   },
 180                   {
 181                    "listeners" : {
 182                     "click" : "function (_self, e)\n{\n    _this.showType = 'public';\n    \n    _this.masonry.load();\n}"
 183                    },
 184                    "Boolean preventDefault" : true,
 185                    "xtype" : "MenuItem",
 186                    "$ xns" : "Roo.bootstrap",
 187                    "Boolean isContainer" : false,
 188                    "String html" : "Show all images"
 189                   }
 190                  ]
 191                 }
 192                ]
 193               },
 194               {
 195                "listeners" : {
 196                 "specialkey" : "function (_self, e)\n{    \n    \n    var image_name = \"\";\n    \n    if(e.keyCode == e.ENTER) {\n        _this.masonry.clearAll();\n        _this.masonry.load();\n    \n    }\n}",
 197                 "render" : "function (_self)\n{\n    _this.searchBox = this;\n}"
 198                },
 199                "xtype" : "Input",
 200                "string placeholder" : "search for image",
 201                "$ xns" : "Roo.bootstrap",
 202                "String style" : "float:left; width: 300px; margin-left: 15px;",
 203                "items" : [
 204                 {
 205                  "listeners" : {
 206                   "click" : "function (_self, e)\n{\n    _this.masonry.clearAll();\n    _this.masonry.load();\n}"
 207                  },
 208                  "xtype" : "Button",
 209                  "$ xns" : "Roo.bootstrap",
 210                  "String html" : "<i class=\"fa fa-search\"></i>",
 211                  "* prop" : "after"
 212                 }
 213                ]
 214               },
 215               {
 216                "listeners" : {
 217                 "click" : "function (_self, e)\n{\n    var id = _this.data.onid;\n    \n    if(id*1 < 1){\n        Roo.MessageBox.alert('Error', 'Please save the email template first');\n        return;\n    }\n    \n    _this.uploadDL.inputEl().dom.click();\n}"
 218                },
 219                "xtype" : "Button",
 220                "$ xns" : "Roo.bootstrap",
 221                "String html" : "<i class=\"fa fa-upload\"></i> Upload Image",
 222                "string weight" : "primary"
 223               },
 224               {
 225                "listeners" : {
 226                 "render" : "function (_self)\n{\n    _this.deleteBtn = this;\n    \n    this.hide();\n}",
 227                 "click" : "function (_self, e)\n{\n    if (_this.masonry.getSelected().length > 1) {\n        Roo.bootstrap.MessageBox.alert('Cannot delete the images !','Please select one image only');\n        return;\n    }\n    \n    if (_this.masonry.getSelected().length < 1) {\n        Roo.bootstrap.MessageBox.alert('Cannot delete any image!', 'Please select an image');\n        return;\n    }\n    \n    Roo.bootstrap.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 : Roo.bootstrap.MasonryBrick.get(_this.masonry.getSelected()[0]).imageObj.id\n            },\n            success : function()\n            {\n//                _this.masonry.removeBrick(_this.masonry.getSelected()[0]);\n                _this.masonry.load();\n            }\n        });\n    });\n}"
 228                },
 229                "String weight" : "default",
 230                "xtype" : "Button",
 231                "$ xns" : "Roo.bootstrap",
 232                "String html" : "<i class=\"fa fa-trash\"></i> Delete",
 233                "String style" : "margin-left: 15px;"
 234               }
 235              ]
 236             }
 237            ]
 238           },
 239           {
 240            "listeners" : {
 241             "render" : "function (_self)\n{\n    _this.document_container = this;\n    \n    this.el.setStyle('overflow', 'auto');\n}"
 242            },
 243            "xtype" : "Row",
 244            "$ xns" : "Roo.bootstrap",
 245            "String style" : "margin-top: 15px;",
 246            "items" : [
 247             {
 248              "Number md" : 12,
 249              "xtype" : "Column",
 250              "$ xns" : "Roo.bootstrap",
 251              "items" : [
 252               {
 253                "listeners" : {
 254                 "render" : "function (_self)\n{\n    _this.masonry = this;\n    \n}"
 255                },
 256                "Boolean isLayoutInstant" : false,
 257                "| function load" : "function() \n{\n    _this.setting_form.reset();\n    _this.detail_form.reset();\n    \n    _this.setting_form.hide();\n    _this.detail_form.hide();\n    \n    _this.masonry.clearAll();\n    \n    new Pman.Request({\n        url: baseURL + '/Roo/Images',\n        method: 'GET',\n        params: {\n            ontable : 'core_email',\n            onid : (_this.showType == 'private') ? _this.data.onid : 0,\n            'search[filename]' : _this.searchBox.getValue()\n        },\n        success: function(ret) {\n            \n            if(!ret.data.length){\n                return;\n            }\n            \n            Roo.each(ret.data, function(r){\n                \n                _this.masonry.addBrick({\n                    size: 'md',\n                    boxWidth: 150,\n                    cls: 'coba-image-mgmt-masonry-brick',\n                    active: false,\n                    activeClass: 'active',\n                    preventDefault: true,\n                    bgimage : baseURL + '/Images/' + r.id + '/' + r.filename.replace('%', '-'),\n                    imageObj: r,\n                    listeners : {\n                        click : function (_self)\n                        {\n                            _this.setting_form.reset();\n                            _this.detail_form.reset();\n                            \n                            _this.setting_form.hide();\n                            _this.detail_form.hide();\n                            \n                            _this.deleteBtn.hide();\n                            \n                            if(!this.isSelected()){\n                                return;\n                            }\n                            \n                            if(_this.masonry.getSelected().length == 1){\n                                _this.deleteBtn.show();\n                            }\n                            \n                            new Pman.Request({\n                                url: baseURL + '/Roo/Images.php',\n                                method : 'GET',\n                                params : {\n                                    _id: _self.imageObj.id\n                                }, \n                                success : function(rr) {\n                                    \n                                    _this.setting_form.show();\n                                    _this.detail_form.show();\n                                    \n                                    _this.detail_form.setValues(rr.data);\n                                    _this.setting_form.setValues(rr.data);\n                                    \n                                    _this.setting_form.findField('align').setValue(\"left\");\n                                    \n                                    _self.imageObj = rr.data;\n                                }\n                            });\n                            \n                        }\n                     }\n                })\n                \n            });\n            \n            _this.masonry.initial();\n            \n         },\n         \n         failure: function(res) {\n             Roo.log('cannot read Coba/Roo/Images');\n         }\n     });\n}",
 258                "Number boxWidth" : 250,
 259                "xtype" : "LayoutMasonry",
 260                "$ xns" : "Roo.bootstrap",
 261                "string activeClass" : "active",
 262                "Boolean isAutoInitial" : false
 263               }
 264              ]
 265             }
 266            ]
 267           }
 268          ]
 269         }
 270        ]
 271       },
 272       {
 273        "xtype" : "Column",
 274        "$ xns" : "Roo.bootstrap",
 275        "Number sm" : 4,
 276        "items" : [
 277         {
 278          "xtype" : "Row",
 279          "$ xns" : "Roo.bootstrap",
 280          "items" : [
 281           {
 282            "Number md" : 12,
 283            "xtype" : "Column",
 284            "$ xns" : "Roo.bootstrap",
 285            "items" : [
 286             {
 287              "listeners" : {
 288               "render" : "function (_self)\n{\n    _this.setting_form = this;\n}"
 289              },
 290              "$ string url" : "baseURL + '/Roo/Images'\n",
 291              "xtype" : "Form",
 292              "$ xns" : "Roo.bootstrap",
 293              "Boolean loadMask" : true,
 294              "items" : [
 295               {
 296                "String header" : "Add Images with Settings",
 297                "$ String panel" : "'default'",
 298                "xtype" : "Container",
 299                "$ xns" : "Roo.bootstrap",
 300                "String style" : "width: 100%;",
 301                "items" : [
 302                 {
 303                  "xtype" : "Row",
 304                  "$ xns" : "Roo.bootstrap",
 305                  "items" : [
 306                   {
 307                    "Number md" : 12,
 308                    "xtype" : "Column",
 309                    "$ xns" : "Roo.bootstrap",
 310                    "items" : [
 311                     {
 312                      "String name" : "descript",
 313                      "xtype" : "Input",
 314                      "string fieldLabel" : "Alternate Text:",
 315                      "cls" : "row-style",
 316                      "$ xns" : "Roo.bootstrap",
 317                      "Number labelWidth" : 4
 318                     }
 319                    ]
 320                   }
 321                  ]
 322                 },
 323                 {
 324                  "xtype" : "Row",
 325                  "$ xns" : "Roo.bootstrap",
 326                  "items" : [
 327                   {
 328                    "Number md" : 12,
 329                    "xtype" : "Column",
 330                    "$ xns" : "Roo.bootstrap",
 331                    "String style" : "margin-top:15px;",
 332                    "items" : [
 333                     {
 334                      "String name" : "height",
 335                      "xtype" : "Input",
 336                      "string fieldLabel" : "Height:",
 337                      "cls" : "row-style",
 338                      "$ xns" : "Roo.bootstrap",
 339                      "Number labelWidth" : 4
 340                     }
 341                    ]
 342                   }
 343                  ]
 344                 },
 345                 {
 346                  "xtype" : "Row",
 347                  "$ xns" : "Roo.bootstrap",
 348                  "items" : [
 349                   {
 350                    "Number md" : 12,
 351                    "xtype" : "Column",
 352                    "$ xns" : "Roo.bootstrap",
 353                    "String style" : "margin-top:15px;",
 354                    "items" : [
 355                     {
 356                      "String name" : "width",
 357                      "xtype" : "Input",
 358                      "string fieldLabel" : "Width: ",
 359                      "cls" : "row-style",
 360                      "$ xns" : "Roo.bootstrap",
 361                      "Number labelWidth" : 4
 362                     }
 363                    ]
 364                   }
 365                  ]
 366                 },
 367                 {
 368                  "xtype" : "Row",
 369                  "$ xns" : "Roo.bootstrap",
 370                  "items" : [
 371                   {
 372                    "Number md" : 12,
 373                    "xtype" : "Column",
 374                    "$ xns" : "Roo.bootstrap",
 375                    "String style" : "margin-top:15px;",
 376                    "items" : [
 377                     {
 378                      "Boolean allowBlank" : true,
 379                      "Boolean selectOnFocus" : true,
 380                      "String name" : "align",
 381                      "String mode" : "local",
 382                      "String valueField" : "code",
 383                      "xtype" : "ComboBox",
 384                      "Boolean editable" : false,
 385                      "String triggerAction" : "all",
 386                      "string fieldLabel" : "Alignment:",
 387                      "Boolean alwaysQuery" : true,
 388                      "cls" : "row-style",
 389                      "$ xns" : "Roo.bootstrap",
 390                      "Number labelWidth" : 4,
 391                      "String displayField" : "value",
 392                      "Boolean forceSelection" : true,
 393                      "items" : [
 394                       {
 395                        "$ Array fields" : "['code', 'value']",
 396                        "xtype" : "SimpleStore",
 397                        "$ xns" : "Roo.data",
 398                        "* prop" : "store",
 399                        "| Array data" : "[\n    ['left', 'left'],\n    ['right', 'right'],\n    ['middle', 'middle'],\n    ['top', 'top'],\n    ['bottom', 'bottom']\n]"
 400                       }
 401                      ]
 402                     }
 403                    ]
 404                   }
 405                  ]
 406                 },
 407                 {
 408                  "xtype" : "Row",
 409                  "$ xns" : "Roo.bootstrap",
 410                  "items" : [
 411                   {
 412                    "Number md" : 12,
 413                    "String cls" : "text-center",
 414                    "xtype" : "Column",
 415                    "$ xns" : "Roo.bootstrap",
 416                    "String style" : "margin-top:15px;",
 417                    "items" : [
 418                     {
 419                      "listeners" : {
 420                       "click" : "function (_self, e)\n{\n    var b = _this.masonry.getSelected();\n    \n    if (b.length < 1) {\n        \n        Roo.bootstrap.MessageBox.alert('Cannot add any image', 'Please select an image');\n        return;\n    }\n    \n    var brick = Roo.bootstrap.MasonryBrick.get(b[0]);\n    \n    _this.dialog.hide();\n\n    if(_this.callback){\n        \n        var data = {\n            id : brick.imageObj.id,\n            filename : brick.imageObj.filename,\n            width : _this.setting_form.findField('width').getValue(),\n            height : _this.setting_form.findField('height').getValue(),\n            descript : _this.setting_form.findField('descript').getValue(),\n            align : _this.setting_form.findField('align').getValue()\n        };\n        \n        _this.callback.call(_this, data);\n        \n    }\n}"
 421                      },
 422                      "String weight" : "default",
 423                      "xtype" : "Button",
 424                      "$ xns" : "Roo.bootstrap",
 425                      "String html" : "<i class=\"fa fa-plus\"></i> Add into the email",
 426                      "name" : "add"
 427                     }
 428                    ]
 429                   }
 430                  ]
 431                 }
 432                ]
 433               }
 434              ]
 435             }
 436            ]
 437           }
 438          ]
 439         },
 440         {
 441          "xtype" : "Row",
 442          "$ xns" : "Roo.bootstrap",
 443          "items" : [
 444           {
 445            "Number md" : 12,
 446            "xtype" : "Column",
 447            "$ xns" : "Roo.bootstrap",
 448            "items" : [
 449             {
 450              "listeners" : {
 451               "render" : "function (_self)\n{\n    _this.detail_form = this;\n}"
 452              },
 453              "xtype" : "Form",
 454              "$ xns" : "Roo.bootstrap",
 455              "Boolean loadMask" : true,
 456              "$ String url" : "baseURL + '/Roo/Images'",
 457              "items" : [
 458               {
 459                "xtype" : "Container",
 460                "string header" : "Image Details",
 461                "$ xns" : "Roo.bootstrap",
 462                "String style" : "width: 100%; padding: 0",
 463                "$ string panel" : "'default'",
 464                "items" : [
 465                 {
 466                  "xtype" : "Row",
 467                  "$ xns" : "Roo.bootstrap",
 468                  "items" : [
 469                   {
 470                    "Number md" : 12,
 471                    "xtype" : "Column",
 472                    "$ xns" : "Roo.bootstrap",
 473                    "items" : [
 474                     {
 475                      "String name" : "filename",
 476                      "style" : "padding: 0;",
 477                      "xtype" : "Input",
 478                      "string fieldLabel" : "File Name:",
 479                      "cls" : "row-style",
 480                      "Boolean disabled" : true,
 481                      "$ xns" : "Roo.bootstrap",
 482                      "Number labelWidth" : 4
 483                     }
 484                    ]
 485                   }
 486                  ]
 487                 },
 488                 {
 489                  "xtype" : "Row",
 490                  "$ xns" : "Roo.bootstrap",
 491                  "items" : [
 492                   {
 493                    "Number md" : 12,
 494                    "xtype" : "Column",
 495                    "$ xns" : "Roo.bootstrap",
 496                    "String style" : "margin-top:15px;",
 497                    "items" : [
 498                     {
 499                      "String name" : "mimetype",
 500                      "xtype" : "Input",
 501                      "string fieldLabel" : "File Type:",
 502                      "cls" : "row-style",
 503                      "Boolean disabled" : true,
 504                      "$ xns" : "Roo.bootstrap",
 505                      "Number labelWidth" : 4
 506                     }
 507                    ]
 508                   }
 509                  ]
 510                 },
 511                 {
 512                  "xtype" : "Row",
 513                  "$ xns" : "Roo.bootstrap",
 514                  "items" : [
 515                   {
 516                    "Number md" : 12,
 517                    "xtype" : "Column",
 518                    "$ xns" : "Roo.bootstrap",
 519                    "String style" : "margin-top:15px;",
 520                    "items" : [
 521                     {
 522                      "String name" : "filesize",
 523                      "xtype" : "Input",
 524                      "string fieldLabel" : "File Size:",
 525                      "cls" : "row-style",
 526                      "Boolean disabled" : true,
 527                      "$ xns" : "Roo.bootstrap",
 528                      "Number labelWidth" : 4
 529                     }
 530                    ]
 531                   }
 532                  ]
 533                 },
 534                 {
 535                  "xtype" : "Row",
 536                  "$ xns" : "Roo.bootstrap",
 537                  "items" : [
 538                   {
 539                    "Number md" : 12,
 540                    "xtype" : "Column",
 541                    "$ xns" : "Roo.bootstrap",
 542                    "String style" : "margin-top:15px;",
 543                    "items" : [
 544                     {
 545                      "String name" : "created",
 546                      "xtype" : "Input",
 547                      "string fieldLabel" : "Created Date:",
 548                      "cls" : "row-style",
 549                      "Boolean disabled" : true,
 550                      "$ xns" : "Roo.bootstrap",
 551                      "Number labelWidth" : 4
 552                     }
 553                    ]
 554                   }
 555                  ]
 556                 },
 557                 {
 558                  "xtype" : "Row",
 559                  "$ xns" : "Roo.bootstrap",
 560                  "items" : [
 561                   {
 562                    "Number md" : 12,
 563                    "xtype" : "Column",
 564                    "$ xns" : "Roo.bootstrap",
 565                    "String style" : "margin-top:15px;",
 566                    "items" : [
 567                     {
 568                      "String name" : "descript",
 569                      "xtype" : "Input",
 570                      "string fieldLabel" : "Description:",
 571                      "cls" : "row-style",
 572                      "$ xns" : "Roo.bootstrap",
 573                      "Number labelWidth" : 4
 574                     }
 575                    ]
 576                   }
 577                  ]
 578                 },
 579                 {
 580                  "String name" : "id",
 581                  "xtype" : "Input",
 582                  "String inputType" : "hidden",
 583                  "$ xns" : "Roo.bootstrap"
 584                 },
 585                 {
 586                  "xtype" : "Row",
 587                  "$ xns" : "Roo.bootstrap",
 588                  "items" : [
 589                   {
 590                    "Number md" : 12,
 591                    "String cls" : "text-center",
 592                    "xtype" : "Column",
 593                    "$ xns" : "Roo.bootstrap",
 594                    "String style" : "margin-top:15px;",
 595                    "items" : [
 596                     {
 597                      "listeners" : {
 598                       "click" : "function (_self, e)\n{\n    _this.detail_form.doAction('submit');\n}"
 599                      },
 600                      "String weight" : "default",
 601                      "xtype" : "Button",
 602                      "$ xns" : "Roo.bootstrap",
 603                      "String html" : "<i class=\"fa fa-save\"></i> Save Changes"
 604                     }
 605                    ]
 606                   }
 607                  ]
 608                 }
 609                ]
 610               }
 611              ]
 612             }
 613            ]
 614           }
 615          ]
 616         }
 617        ]
 618       }
 619      ]
 620     }
 621    ]
 622   }
 623  ]
 624 }