git.roojs.org Git - Pman.Core/blob - Pman.Dialog.ImageUpload.bjs

   1 {
   2     "id": "roo-file-143",
   3     "name": "Pman.Dialog.ImageUpload",
   4     "parent": "",
   5     "title": "",
   6     "path": "/home/alan/gitlive/Pman.Core/Pman.Dialog.ImageUpload.bjs",
   7     "items": [
   8         {
   9             "closable": false,
  10             "collapsible": false,
  11             "haveProgress": false,
  12             "height": 140,
  13             "modal": true,
  14             "resizable": true,
  15             "title": "Upload an Image or File",
  16             "uploadProgress": false,
  17             "width": 500,
  18             "xtype": "LayoutDialog",
  19             "|shadow": "true",
  20             "|uploadProgres": "function()\n{\n    var dlg = this;\n   if (!dlg.haveProgress) {\n        Roo.MessageBox.progress(\"Uploading\", \"Uploading\");\n    }\n    if (dlg.uploadComplete) {\n        Roo.MessageBox.hide();\n        return;\n    }\n    dlg.haveProgress = true;\n\n    var uid = _this.form.findField('UPLOAD_IDENTIFIER').getValue();\n    Pman.request({\n        url : baseURL + '/Core/UploadProgress.php',\n        params: {\n            id : uid\n        },\n        method: 'GET',\n        success : function(data){\n            //console.log(data);\n            if (dlg.uploadComplete) {\n                Roo.MessageBox.hide();\n                return;\n            }\n                \n            if (data){\n                Roo.MessageBox.updateProgress(data.bytes_uploaded/data.bytes_total,\n                    Math.floor((data.bytes_total - data.bytes_uploaded)/1000) + 'k remaining'\n                );\n            }\n            dlg.uploadProgress.defer(2000,dlg);\n        },\n        failure: function(data) {\n          //  console.log('fail');\n         //   console.log(data);\n        }\n    })\n    \n}\n",
  21             "|xns": "Roo",
  22             "listeners": {},
  23             "items": [
  24                 {
  25                     "|xns": "Roo",
  26                     "xtype": "LayoutRegion",
  27                     "*prop": "center"
  28                 },
  29                 {
  30                     "fitToFrame": true,
  31                     "region": "center",
  32                     "xtype": "ContentPanel",
  33                     "|xns": "Roo",
  34                     "items": [
  35                         {
  36                             "listeners": {
  37                                 "|actioncomplete": "function(_self,act)\n{\n       _this.dialog.uploadComplete = true;\n        _this.dialog.el.unmask();\n         \n          if (act.type == 'setdata') { \n         \n              this.findField('UPLOAD_IDENTIFIER').setValue(\n                (new Date() * 1) + '' + Math.random());\n            return;\n         }\n         \n       \n        if (act.type == 'load') {\n          // should this happen?  \n            _this.data = act.result.data;\n           // _this.loaded();\n            return;\n        }\n        \n        \n        if (act.type == 'submit') { // only submitted here if we are \n            _this.dialog.hide();\n            //console.log(act);\n            if (_this.callback) {\n                _this.callback.call(this, act.result.data);\n            }\n            return; \n        }\n}\n",
  38                                 "|rendered": "function (form)\n{\n    _this.form= form;\n}\n",
  39                                 "actionfailed": "function (_self, act)\n{\n    _this.dialog.uploadComplete = true;\n    _this.dialog.el.unmask();\n    // error msg???\n    \n    if (act.type == 'submit') {\n        Ext.MessageBox.alert(\"Error\", \"Saving failed = fix errors and try again\");\n        return;\n    }\n    \n    // what about load failing..\n    Ext.MessageBox.alert(\"Error\", \"Error loading details\"); \n}"
  40                             },
  41                             "labelWidth": 140,
  42                             "method": "POST",
  43                             "style": "margin:10px;",
  44                             "xtype": "Form",
  45                             "|url": "baseURL + '/Roo/Images.php'",
  46                             "|xns": "Roo.form",
  47                             "items": [
  48                                 {
  49                                     "name": "UPLOAD_IDENTIFIER",
  50                                     "xtype": "Hidden",
  51                                     "|xns": "Roo.form"
  52                                 },
  53                                 {
  54                                     "fieldLabel": "Upload Image or File",
  55                                     "inputType": "file",
  56                                     "name": "image",
  57                                     "width": 200,
  58                                     "xtype": "TextField",
  59                                     "|xns": "Roo.form"
  60                                 },
  61                                 {
  62                                     "name": "ontable",
  63                                     "xtype": "Hidden",
  64                                     "|xns": "Roo.form"
  65                                 },
  66                                 {
  67                                     "name": "onid",
  68                                     "xtype": "Hidden",
  69                                     "|xns": "Roo.form"
  70                                 },
  71                                 {
  72                                     "name": "imgtype",
  73                                     "xtype": "Hidden",
  74                                     "|xns": "Roo.form"
  75                                 },
  76                                 {
  77                                     "name": "post_max_size",
  78                                     "value": "32M",
  79                                     "xtype": "Hidden",
  80                                     "|xns": "Roo.form"
  81                                 },
  82                                 {
  83                                     "name": "upload_max_filesize",
  84                                     "value": "32M",
  85                                     "xtype": "Hidden",
  86                                     "|xns": "Roo.form"
  87                                 }
  88                             ]
  89                         }
  90                     ]
  91                 },
  92                 {
  93                     "listeners": {
  94                         "click": "function (_self, e)\n{\n    _this.dialog.hide();\n}"
  95                     },
  96                     "*prop": "buttons[]",
  97                     "text": "Cancel",
  98                     "xtype": "Button",
  99                     "|xns": "Roo"
 100                 },
 101                 {
 102                     "listeners": {
 103                         "click": "function (_self, e)\n{\n    // do some checks?\n     \n    _this.dialog.el.mask(\"Sending\");\n    _this.dialog.uploadComplete = false;\n    _this.form.doAction('submit', {\n        url: baseURL + '/Roo/Images.html',\n        method: 'POST',\n        params: {\n         //   _id: 0 ,\n            ts : Math.random()\n        } \n    });\n    _this.dialog.haveProgress = false,\n    _this.dialog.uploadProgress.defer(1000, _this.dialog);\n\n}"
 104                     },
 105                     "*prop": "buttons[]",
 106                     "text": "Post",
 107                     "xtype": "Button",
 108                     "|xns": "Roo"
 109                 }
 110             ]
 111         }
 112     ],
 113     "permname": "",
 114     "modOrder": "001"
 115 }