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

   1 {
   2     "name" : "Pman.Dialog.Image",
   3     "parent" : "",
   4     "title" : "",
   5     "path" : "/home/edward/gitlive/Pman.Core/Pman.Dialog.Image.bjs",
   6     "permname" : "",
   7     "modOrder" : "001",
   8     "items" : [
   9         {
  10             "listeners" : {
  11                 "show" : "function (_self)\n{\n\n    // this does not really work - escape on the borders works..\n    // resize to fit.. if we have styled stuff...\n    \n    \n    \n    \n    var d = this;\n    \n    var pad =     d.el.getSize().height - (d.header.getSize().height +\n        d.footer.getSize().height +        \n        d.layout.getRegion('center').getPanel(0).el.getSize().height\n        );\n    \n    var height = (\n        pad + \n        d.header.getSize().height +\n        d.footer.getSize().height +        \n        d.layout.getRegion('center').getPanel(0).el.child('div').getSize().height\n    );\n    this.resizeTo(d.el.getSize().width, height);\n    \n    if (this.keylistener) {\n        return;\n    }\n    this.keylistener = this.addKeyListener(27, this.hide, this);\n    \n}"
  12             },
  13             "modal" : true,
  14             "$ shadow" : true,
  15             "collapsible" : false,
  16             "title" : "Upload an Image or File",
  17             "xtype" : "LayoutDialog",
  18             "uploadComplete" : false,
  19             "width" : 500,
  20             "$ xns" : "Roo",
  21             "closable" : false,
  22             "resizable" : false,
  23             "haveProgress" : false,
  24             "height" : 140,
  25             "$ uploadProgress" : "function()\n{\n    var dlg = this;\n   if (!dlg.haveProgress) {\n        Roo.MessageBox.progress(\"Uploading\", \"Uploading\");\n    }\n    \n    if (dlg.haveProgress == 2) {\n        // it's been closed elsewhere..\n        return;\n    }\n    if (dlg.uploadComplete) {\n        Roo.MessageBox.hide();\n        return;\n    }\n    \n    dlg.haveProgress = 1;\n\n    var uid = _this.form.findField('UPLOAD_IDENTIFIER').getValue();\n    new Pman.Request({\n        url : baseURL + '/Core/UploadProgress.php',\n        params: {\n            id : uid\n        },\n        method: 'GET',\n        success : function(res){\n            //console.log(data);\n            var data = res.data;\n            if (dlg.haveProgress == 2) {\n                // it's been closed elsewhere..\n                return;\n            }\n            \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            } else {\n                Roo.MessageBox.updateProgress(1,\n                    \"Upload Complete - processing\"\n                );\n                return;\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",
  26             "items" : [
  27                 {
  28                     "xtype" : "LayoutRegion",
  29                     "$ xns" : "Roo",
  30                     "* prop" : "center"
  31                 },
  32                 {
  33                     "fitToFrame" : true,
  34                     "region" : "center",
  35                     "xtype" : "ContentPanel",
  36                     "$ xns" : "Roo",
  37                     "items" : [
  38                         {
  39                             "listeners" : {
  40                                 "actionfailed" : "function (_self, act)\n{\n   \n   \n    _this.dialog.uploadComplete = true;\n   // _this.dialog.el.unmask();\n    // error msg???\n     _this.dialog.haveProgress = 2; \n    if (act.type == 'submit') {\n        Roo.log(\"Upload error\");\n        Roo.log(act);\n        \n        try {\n            Roo.MessageBox.alert(\"Error\", act.result.errorMsg.split(/\\n/).join('<BR/>'));\n        } catch(e) {\n          //  Roo.log(e);\n            Roo.MessageBox.alert(\"Error\", \"Saving failed = fix errors and try again\");        \n        }\n        return;\n    }\n    \n    // what about load failing..\n    Roo.MessageBox.alert(\"Error\", \"Error loading details\"); \n}",
  41                                 "|actioncomplete" : "function(_self,act)\n{\n    _this.dialog.uploadComplete = true;\n    _this.dialog.haveProgress = 2; \n    Roo.MessageBox.hide(); // force hiding\n    //_this.dialog.el.unmask();\n     \n    if (act.type == 'setdata') { \n        this.url = _this.data._url ? _this.data._url : baseURL + '/Roo/Images.php';\n        this.el.dom.action = this.url;\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        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        Roo.log(\"Upload success\");\n        Roo.log(act);\n        //console.log(act);\n        if (_this.callback) {\n            _this.callback.call(this, act.result.data, act.result.extra);\n        }\n        return; \n    }\n    \n\n    \n}\n",
  42                                 "|rendered" : "function (form)\n{\n    _this.form= form;\n}\n"
  43                             },
  44                             "$ url" : "baseURL + '/Roo/Images.php'",
  45                             "fileUpload" : true,
  46                             "method" : "POST",
  47                             "style" : "margin:10px;",
  48                             "xtype" : "Form",
  49                             "labelWidth" : 140,
  50                             "timeout" : 300,
  51                             "$ xns" : "Roo.form",
  52                             "items" : [
  53                                 {
  54                                     "xtype" : "Hidden",
  55                                     "$ xns" : "Roo.form",
  56                                     "name" : "UPLOAD_IDENTIFIER"
  57                                 },
  58                                 {
  59                                     "xtype" : "Hidden",
  60                                     "value" : "32M",
  61                                     "$ xns" : "Roo.form",
  62                                     "name" : "post_max_size"
  63                                 },
  64                                 {
  65                                     "xtype" : "Hidden",
  66                                     "value" : "32M",
  67                                     "$ xns" : "Roo.form",
  68                                     "name" : "upload_max_filesize"
  69                                 },
  70                                 {
  71                                     "inputType" : "file",
  72                                     "fieldLabel" : "Upload Image or File",
  73                                     "xtype" : "TextField",
  74                                     "width" : 200,
  75                                     "$ xns" : "Roo.form",
  76                                     "name" : "imageUpload"
  77                                 },
  78                                 {
  79                                     "xtype" : "Hidden",
  80                                     "$ xns" : "Roo.form",
  81                                     "name" : "ontable"
  82                                 },
  83                                 {
  84                                     "xtype" : "Hidden",
  85                                     "$ xns" : "Roo.form",
  86                                     "name" : "onid"
  87                                 },
  88                                 {
  89                                     "xtype" : "Hidden",
  90                                     "$ xns" : "Roo.form",
  91                                     "name" : "id"
  92                                 },
  93                                 {
  94                                     "xtype" : "Hidden",
  95                                     "$ xns" : "Roo.form",
  96                                     "name" : "imgtype"
  97                                 }
  98                             ]
  99                         }
 100                     ]
 101                 },
 102                 {
 103                     "listeners" : {
 104                         "click" : "function (_self, e)\n{\n    _this.dialog.hide();\n}"
 105                     },
 106                     "text" : "Cancel",
 107                     "xtype" : "Button",
 108                     "$ xns" : "Roo",
 109                     "* prop" : "buttons[]"
 110                 },
 111                 {
 112                     "listeners" : {
 113                         "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        params: {\n            ts : Math.random()\n        } \n    });\n    _this.dialog.haveProgress = 0; // set to show..\n    _this.dialog.uploadProgress.defer(1000, _this.dialog);\n\n}"
 114                     },
 115                     "text" : "Upload",
 116                     "xtype" : "Button",
 117                     "$ xns" : "Roo",
 118                     "* prop" : "buttons[]"
 119                 }
 120             ]
 121         }
 122     ]
 123 }