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

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 Roo.namespace('Pman.Dialog');
   6
   7 Pman.Dialog.Image = {
   8
   9  _strings : {
  10   'eb5d45750c7ab13aa8e6bacc80315a30' :"32M",
  11   '2859a4ae58ae4e25abdfc530f814e42f' :"Upload an Image or File",
  12   '1243daf593fa297e07ab03bf06d925af' :"Searching...",
  13   'ea4788705e6873b424c65e91c2846b19' :"Cancel",
  14   '8e16a71b3d8217eb80b39b7d8dec4296' :"Image Type",
  15   'dff0c70e4c11953e4e3ee1cf268fb96d' :"Select image type",
  16   '91412465ea9169dfd901dd5e7c96dd99' :"Upload",
  17   'ea72bacd2fdfa818907bb9559e6905a1' :"Upload Image or File"
  18  },
  19  _named_strings : {
  20   'imgtype_name_fieldLabel' : '8e16a71b3d8217eb80b39b7d8dec4296' /* Image Type */ ,
  21   'imgtype_name_loadingText' : '1243daf593fa297e07ab03bf06d925af' /* Searching... */ ,
  22   'imgtype_name_emptyText' : 'dff0c70e4c11953e4e3ee1cf268fb96d' /* Select image type */ ,
  23   'upload_max_filesize_value' : 'eb5d45750c7ab13aa8e6bacc80315a30' /* 32M */ ,
  24   'imgtype_name_qtip' : 'dff0c70e4c11953e4e3ee1cf268fb96d' /* Select image type */ ,
  25   'post_max_size_value' : 'eb5d45750c7ab13aa8e6bacc80315a30' /* 32M */ ,
  26   'imageUpload_fieldLabel' : 'ea72bacd2fdfa818907bb9559e6905a1' /* Upload Image or File */
  27  },
  28
  29  dialog : false,
  30  callback:  false,
  31
  32  show : function(data, cb)
  33  {
  34   if (!this.dialog) {
  35    this.create();
  36   }
  37
  38   this.callback = cb;
  39   this.data = data;
  40   this.dialog.show(this.data._el);
  41   if (this.form) {
  42    this.form.reset();
  43    this.form.setValues(data);
  44    this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });
  45   }
  46
  47  },
  48
  49  create : function()
  50  {
  51    var _this = this;
  52    this.dialog = Roo.factory({
  53     xtype : 'LayoutDialog',
  54     closable : false,
  55     collapsible : false,
  56     haveProgress : false,
  57     height : 140,
  58     modal : true,
  59     resizable : false,
  60     shadow : true,
  61     title : _this._strings['2859a4ae58ae4e25abdfc530f814e42f'] /* Upload an Image or File */,
  62     uploadComplete : false,
  63     uploadProgress : function()
  64     {
  65         var dlg = this;
  66        if (!dlg.haveProgress) {
  67             Roo.MessageBox.progress("Uploading", "Uploading");
  68         }
  69
  70         if (dlg.haveProgress == 2) {
  71             // it's been closed elsewhere..
  72             return;
  73         }
  74         if (dlg.uploadComplete) {
  75             Roo.MessageBox.hide();
  76             return;
  77         }
  78
  79         dlg.haveProgress = 1;
  80
  81         var uid = _this.form.findField('UPLOAD_IDENTIFIER').getValue();
  82         new Pman.Request({
  83             url : baseURL + '/Core/UploadProgress.php',
  84             params: {
  85                 id : uid
  86             },
  87             method: 'GET',
  88             success : function(res){
  89                 //console.log(data);
  90                 var data = res.data;
  91                 if (dlg.haveProgress == 2) {
  92                     // it's been closed elsewhere..
  93                     return;
  94                 }
  95
  96                 if (dlg.uploadComplete) {
  97                     Roo.MessageBox.hide();
  98                     return;
  99                 }
 100
 101                 if (data){
 102                     Roo.MessageBox.updateProgress(data.bytes_uploaded/data.bytes_total,
 103                         Math.floor((data.bytes_total - data.bytes_uploaded)/1000) + 'k remaining'
 104                     );
 105                 } else {
 106                     Roo.MessageBox.updateProgress(1,
 107                         "Upload Complete - processing"
 108                     );
 109                     return;
 110                 }
 111                 dlg.uploadProgress.defer(2000,dlg);
 112             },
 113             failure: function(data) {
 114               //  console.log('fail');
 115              //   console.log(data);
 116             }
 117         })
 118
 119     },
 120     width : 500,
 121     listeners : {
 122      show : function (_self)
 123       {
 124
 125           // this does not really work - escape on the borders works..
 126           // resize to fit.. if we have styled stuff...
 127
 128
 129
 130
 131           var d = this;
 132
 133           var pad =     d.el.getSize().height - (d.header.getSize().height +
 134               d.footer.getSize().height +
 135               d.layout.getRegion('center').getPanel(0).el.getSize().height
 136               );
 137
 138           var height = (
 139               pad +
 140               d.header.getSize().height +
 141               d.footer.getSize().height +
 142               d.layout.getRegion('center').getPanel(0).el.child('div').getSize().height
 143           );
 144           this.resizeTo(d.el.getSize().width, height);
 145
 146           if (this.keylistener) {
 147               return;
 148           }
 149           this.keylistener = this.addKeyListener(27, this.hide, this);
 150
 151       }
 152     },
 153     xns : Roo,
 154     '|xns' : 'Roo',
 155     center : {
 156      xtype : 'LayoutRegion',
 157      xns : Roo,
 158      '|xns' : 'Roo'
 159     },
 160     buttons : [
 161      {
 162       xtype : 'Button',
 163       text : _this._strings['ea4788705e6873b424c65e91c2846b19'] /* Cancel */,
 164       listeners : {
 165        click : function (_self, e)
 166         {
 167             _this.dialog.hide();
 168         }
 169       },
 170       xns : Roo,
 171       '|xns' : 'Roo'
 172      },
 173      {
 174       xtype : 'Button',
 175       text : _this._strings['91412465ea9169dfd901dd5e7c96dd99'] /* Upload */,
 176       listeners : {
 177        click : function (_self, e)
 178         {
 179             // do some checks?
 180
 181             //_this.dialog.el.mask("Sending");
 182             _this.dialog.uploadComplete = false;
 183             _this.form.doAction('submit', {
 184                 params: {
 185                     ts : Math.random()
 186                 }
 187             });
 188             _this.dialog.haveProgress = 0; // set to show..
 189             _this.dialog.uploadProgress.defer(1000, _this.dialog);
 190
 191         }
 192       },
 193       xns : Roo,
 194       '|xns' : 'Roo'
 195      }
 196     ],
 197     items  : [
 198      {
 199       xtype : 'ContentPanel',
 200       autoScroll : true,
 201       fitContainer : true,
 202       fitToFrame : true,
 203       region : 'center',
 204       xns : Roo,
 205       '|xns' : 'Roo',
 206       items  : [
 207        {
 208         xtype : 'Form',
 209         fileUpload : true,
 210         labelWidth : 140,
 211         method : 'POST',
 212         style : 'margin:10px;',
 213         timeout : 300,
 214         url : baseURL + '/Roo/Images.php',
 215         listeners : {
 216          actioncomplete : function(_self,act)
 217           {
 218               _this.dialog.uploadComplete = true;
 219               _this.dialog.haveProgress = 2;
 220               Roo.MessageBox.hide(); // force hiding
 221               //_this.dialog.el.unmask();
 222
 223               if (act.type == 'setdata') {
 224
 225                   _this.form.findField('imgtype').hide();
 226
 227                   _this.dialog.setHeight(140);
 228
 229                   if(_this.data._show_image_type){
 230                       _this.form.findField('imgtype').show();
 231                       _this.dialog.setHeight(160);
 232                   }
 233
 234                   this.url = _this.data._url ? _this.data._url : baseURL + '/Roo/Images.php';
 235                   this.el.dom.action = this.url;
 236                   if (typeof(_this.data.timeout) != 'undefined') {
 237                       this.timeout = _this.data.timeout;
 238                   }
 239
 240                   this.findField('UPLOAD_IDENTIFIER').setValue(
 241                       (new Date() * 1) + '' + Math.random());
 242
 243                   return;
 244               }
 245
 246
 247               if (act.type == 'load') {
 248                 // should this happen?
 249                   _this.data = act.result.data;
 250                  // _this.loaded();
 251                   return;
 252               }
 253
 254
 255               if (act.type == 'submit') { // only submitted here if we are
 256                   _this.dialog.hide();
 257                   Roo.log("Upload success");
 258                   Roo.log(act);
 259                   //console.log(act);
 260                   if (_this.callback) {
 261                       _this.callback.call(this, act.result.data, act.result.extra);
 262                   }
 263                   return;
 264               }
 265
 266
 267
 268           },
 269          actionfailed : function (_self, act)
 270           {
 271
 272
 273               _this.dialog.uploadComplete = true;
 274              // _this.dialog.el.unmask();
 275               // error msg???
 276                _this.dialog.haveProgress = 2;
 277               if (act.type == 'submit') {
 278                   Roo.log("Upload error");
 279                   Roo.log(act);
 280
 281                   try {
 282                       Roo.MessageBox.alert("Error", act.result.errorMsg.split(/\n/).join('<BR/>'));
 283                   } catch(e) {
 284                     //  Roo.log(e);
 285                       Roo.MessageBox.alert("Error", "Saving failed = fix errors and try again");
 286                   }
 287                   return;
 288               }
 289
 290               // what about load failing..
 291               Roo.MessageBox.alert("Error", "Error loading details");
 292           },
 293          rendered : function (form)
 294           {
 295               _this.form= form;
 296           }
 297         },
 298         xns : Roo.form,
 299         '|xns' : 'Roo.form',
 300         items  : [
 301          {
 302           xtype : 'Hidden',
 303           name : 'UPLOAD_IDENTIFIER',
 304           xns : Roo.form,
 305           '|xns' : 'Roo.form'
 306          },
 307          {
 308           xtype : 'Hidden',
 309           name : 'post_max_size',
 310           value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'] /* 32M */,
 311           xns : Roo.form,
 312           '|xns' : 'Roo.form'
 313          },
 314          {
 315           xtype : 'Hidden',
 316           name : 'upload_max_filesize',
 317           value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'] /* 32M */,
 318           xns : Roo.form,
 319           '|xns' : 'Roo.form'
 320          },
 321          {
 322           xtype : 'TextField',
 323           fieldLabel : _this._strings['ea72bacd2fdfa818907bb9559e6905a1'] /* Upload Image or File */,
 324           inputType : 'file',
 325           name : 'imageUpload',
 326           width : 200,
 327           xns : Roo.form,
 328           '|xns' : 'Roo.form'
 329          },
 330          {
 331           xtype : 'ComboBox',
 332           actionMode : 'fieldEl',
 333           allowBlank : true,
 334           alwaysQuery : true,
 335           displayField : 'display_name',
 336           emptyText : _this._strings['dff0c70e4c11953e4e3ee1cf268fb96d'] /* Select image type */,
 337           fieldLabel : _this._strings['8e16a71b3d8217eb80b39b7d8dec4296'] /* Image Type */,
 338           forceSelection : true,
 339           hiddenName : 'imgtype',
 340           listWidth : 400,
 341           loadingText : _this._strings['1243daf593fa297e07ab03bf06d925af'] /* Searching... */,
 342           minChars : 2,
 343           name : 'imgtype_name',
 344           pageSize : 20,
 345           qtip : _this._strings['dff0c70e4c11953e4e3ee1cf268fb96d'] /* Select image type */,
 346           queryParam : 'query[search]',
 347           selectOnFocus : true,
 348           tpl : '<div class=\"x-grid-cell-text x-btn button\"><b>{display_name}</b> {name}</div>',
 349           triggerAction : 'all',
 350           typeAhead : true,
 351           valueField : 'name',
 352           width : 250,
 353           xns : Roo.form,
 354           '|xns' : 'Roo.form',
 355           store : {
 356            xtype : 'Store',
 357            remoteSort : true,
 358            sortInfo : { direction : 'ASC', field: 'name' },
 359            listeners : {
 360             beforeload : function (_self, o){
 361                  o.params = o.params || {};
 362
 363                  o.params.etype = 'ImageType';
 364
 365                  o.params.active = 1;
 366              }
 367            },
 368            xns : Roo.data,
 369            '|xns' : 'Roo.data',
 370            proxy : {
 371             xtype : 'HttpProxy',
 372             method : 'GET',
 373             url : baseURL + '/Roo/Core_enum',
 374             xns : Roo.data,
 375             '|xns' : 'Roo.data'
 376            },
 377            reader : {
 378             xtype : 'JsonReader',
 379             fields : [{"name":"id","type":"int"},{"name":"name","type":"string"}],
 380             id : 'id',
 381             root : 'data',
 382             totalProperty : 'total',
 383             xns : Roo.data,
 384             '|xns' : 'Roo.data'
 385            }
 386           }
 387          },
 388          {
 389           xtype : 'Hidden',
 390           name : 'ontable',
 391           xns : Roo.form,
 392           '|xns' : 'Roo.form'
 393          },
 394          {
 395           xtype : 'Hidden',
 396           name : 'onid',
 397           xns : Roo.form,
 398           '|xns' : 'Roo.form'
 399          },
 400          {
 401           xtype : 'Hidden',
 402           name : 'id',
 403           xns : Roo.form,
 404           '|xns' : 'Roo.form'
 405          }
 406         ]
 407        }
 408       ]
 409      }
 410     ]
 411    });
 412  }
 413 };