X-Git-Url: http://git.roojs.org/?p=Pman.Core;a=blobdiff_plain;f=Pman.Dialog.Image.js;h=50a667bffbc4cd05c5d0f65b4eb082c389042d9b;hp=4e35cf6efa45e7176688cfc5af6c779c4bc17489;hb=a1a3ecba68d2fedabc8203e88b40759401d7472d;hpb=dcb9699e0646ffcf90c6ccc5590a335fd494bbd1 diff --git a/Pman.Dialog.Image.js b/Pman.Dialog.Image.js index 4e35cf6e..50a667bf 100644 --- a/Pman.Dialog.Image.js +++ b/Pman.Dialog.Image.js @@ -9,8 +9,21 @@ Pman.Dialog.Image = { _strings : { 'eb5d45750c7ab13aa8e6bacc80315a30' :"32M", '2859a4ae58ae4e25abdfc530f814e42f' :"Upload an Image or File", + '1243daf593fa297e07ab03bf06d925af' :"Searching...", 'ea4788705e6873b424c65e91c2846b19' :"Cancel", - '91412465ea9169dfd901dd5e7c96dd99' :"Upload" + '8e16a71b3d8217eb80b39b7d8dec4296' :"Image Type", + 'dff0c70e4c11953e4e3ee1cf268fb96d' :"Select image type", + '91412465ea9169dfd901dd5e7c96dd99' :"Upload", + 'ea72bacd2fdfa818907bb9559e6905a1' :"Upload Image or File" + }, + _named_strings : { + 'imgtype_name_fieldLabel' : '8e16a71b3d8217eb80b39b7d8dec4296' /* Image Type */ , + 'imgtype_name_loadingText' : '1243daf593fa297e07ab03bf06d925af' /* Searching... */ , + 'imgtype_name_emptyText' : 'dff0c70e4c11953e4e3ee1cf268fb96d' /* Select image type */ , + 'upload_max_filesize_value' : 'eb5d45750c7ab13aa8e6bacc80315a30' /* 32M */ , + 'imgtype_name_qtip' : 'dff0c70e4c11953e4e3ee1cf268fb96d' /* Select image type */ , + 'post_max_size_value' : 'eb5d45750c7ab13aa8e6bacc80315a30' /* 32M */ , + 'imageUpload_fieldLabel' : 'ea72bacd2fdfa818907bb9559e6905a1' /* Upload Image or File */ }, dialog : false, @@ -37,12 +50,7 @@ Pman.Dialog.Image = { { var _this = this; this.dialog = Roo.factory({ - center : { - '|xns' : 'Roo', - xns : Roo, - xtype : 'LayoutRegion' - }, - '|xns' : 'Roo', + xtype : 'LayoutDialog', closable : false, collapsible : false, haveProgress : false, @@ -50,7 +58,7 @@ Pman.Dialog.Image = { modal : true, resizable : false, shadow : true, - title : _this._strings['2859a4ae58ae4e25abdfc530f814e42f'], + title : _this._strings['2859a4ae58ae4e25abdfc530f814e42f'] /* Upload an Image or File */, uploadComplete : false, uploadProgress : function() { @@ -110,45 +118,6 @@ Pman.Dialog.Image = { }, width : 500, - xns : Roo, - xtype : 'LayoutDialog', - buttons : [ - { - '|xns' : 'Roo', - text : _this._strings['ea4788705e6873b424c65e91c2846b19'], - xns : Roo, - xtype : 'Button', - listeners : { - click : function (_self, e) - { - _this.dialog.hide(); - } - } - }, -{ - '|xns' : 'Roo', - text : _this._strings['91412465ea9169dfd901dd5e7c96dd99'], - xns : Roo, - xtype : 'Button', - listeners : { - click : function (_self, e) - { - // do some checks? - - //_this.dialog.el.mask("Sending"); - _this.dialog.uploadComplete = false; - _this.form.doAction('submit', { - params: { - ts : Math.random() - } - }); - _this.dialog.haveProgress = 0; // set to show.. - _this.dialog.uploadProgress.defer(1000, _this.dialog); - - } - } - } - ], listeners : { show : function (_self) { @@ -181,24 +150,67 @@ Pman.Dialog.Image = { } }, - items : [ + xns : Roo, + '|xns' : 'Roo', + center : { + xtype : 'LayoutRegion', + xns : Roo, + '|xns' : 'Roo' + }, + buttons : [ { - '|xns' : 'Roo', + xtype : 'Button', + text : _this._strings['ea4788705e6873b424c65e91c2846b19'] /* Cancel */, + listeners : { + click : function (_self, e) + { + _this.dialog.hide(); + } + }, + xns : Roo, + '|xns' : 'Roo' + }, + { + xtype : 'Button', + text : _this._strings['91412465ea9169dfd901dd5e7c96dd99'] /* Upload */, + listeners : { + click : function (_self, e) + { + // do some checks? + + //_this.dialog.el.mask("Sending"); + _this.dialog.uploadComplete = false; + _this.form.doAction('submit', { + params: { + ts : Math.random() + } + }); + _this.dialog.haveProgress = 0; // set to show.. + _this.dialog.uploadProgress.defer(1000, _this.dialog); + + } + }, + xns : Roo, + '|xns' : 'Roo' + } + ], + items : [ + { + xtype : 'ContentPanel', + fitContainer : true, fitToFrame : true, region : 'center', xns : Roo, - xtype : 'ContentPanel', - items : [ + '|xns' : 'Roo', + items : [ { - '|xns' : 'Roo.form', + xtype : 'Form', fileUpload : true, labelWidth : 140, method : 'POST', style : 'margin:10px;', timeout : 300, url : baseURL + '/Roo/Images.php', - xns : Roo.form, - xtype : 'Form', listeners : { actioncomplete : function(_self,act) { @@ -208,6 +220,16 @@ Pman.Dialog.Image = { //_this.dialog.el.unmask(); if (act.type == 'setdata') { + + _this.form.findField('imgtype').hide(); + + _this.dialog.resizeTo(500, 140); + + if(_this.data._show_image_type){ + _this.form.findField('imgtype').show(); + _this.dialog.resizeTo(500, 170); + } + this.url = _this.data._url ? _this.data._url : baseURL + '/Roo/Images.php'; this.el.dom.action = this.url; if (typeof(_this.data.timeout) != 'undefined') { @@ -239,7 +261,7 @@ Pman.Dialog.Image = { } return; } - + }, @@ -272,68 +294,119 @@ Pman.Dialog.Image = { _this.form= form; } }, - items : [ + xns : Roo.form, + '|xns' : 'Roo.form', + items : [ { - '|xns' : 'Roo.form', + xtype : 'Hidden', name : 'UPLOAD_IDENTIFIER', xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' }, { - '|xns' : 'Roo.form', + xtype : 'Hidden', name : 'post_max_size', - value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'], + value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'] /* 32M */, xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' }, { - '|xns' : 'Roo.form', + xtype : 'Hidden', name : 'upload_max_filesize', - value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'], + value : _this._strings['eb5d45750c7ab13aa8e6bacc80315a30'] /* 32M */, xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' }, { - '|xns' : 'Roo.form', - fieldLabel : 'Upload Image or File', + xtype : 'TextField', + fieldLabel : _this._strings['ea72bacd2fdfa818907bb9559e6905a1'] /* Upload Image or File */, inputType : 'file', name : 'imageUpload', width : 200, xns : Roo.form, - xtype : 'TextField' + '|xns' : 'Roo.form' }, { + xtype : 'ComboBox', + actionMode : 'fieldEl', + allowBlank : true, + alwaysQuery : true, + displayField : 'display_name', + emptyText : _this._strings['dff0c70e4c11953e4e3ee1cf268fb96d'] /* Select image type */, + fieldLabel : _this._strings['8e16a71b3d8217eb80b39b7d8dec4296'] /* Image Type */, + forceSelection : true, + hiddenName : 'imgtype', + listWidth : 400, + loadingText : _this._strings['1243daf593fa297e07ab03bf06d925af'] /* Searching... */, + minChars : 2, + name : 'imgtype_name', + pageSize : 20, + qtip : _this._strings['dff0c70e4c11953e4e3ee1cf268fb96d'] /* Select image type */, + queryParam : 'query[search]', + selectOnFocus : true, + tpl : '
{display_name} {name}
', + triggerAction : 'all', + typeAhead : true, + valueField : 'name', + width : 250, + xns : Roo.form, '|xns' : 'Roo.form', + store : { + xtype : 'Store', + remoteSort : true, + sortInfo : { direction : 'ASC', field: 'name' }, + listeners : { + beforeload : function (_self, o){ + o.params = o.params || {}; + + o.params.etype = 'ImageType'; + + o.params.active = 1; + } + }, + xns : Roo.data, + '|xns' : 'Roo.data', + proxy : { + xtype : 'HttpProxy', + method : 'GET', + url : baseURL + '/Roo/Core_enum', + xns : Roo.data, + '|xns' : 'Roo.data' + }, + reader : { + xtype : 'JsonReader', + fields : [{"name":"id","type":"int"},{"name":"name","type":"string"}], + id : 'id', + root : 'data', + totalProperty : 'total', + xns : Roo.data, + '|xns' : 'Roo.data' + } + } + }, + { + xtype : 'Hidden', name : 'ontable', xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' }, { - '|xns' : 'Roo.form', + xtype : 'Hidden', name : 'onid', xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' }, { - '|xns' : 'Roo.form', + xtype : 'Hidden', name : 'id', xns : Roo.form, - xtype : 'Hidden' - }, - { - '|xns' : 'Roo.form', - name : 'imgtype', - xns : Roo.form, - xtype : 'Hidden' + '|xns' : 'Roo.form' } ] - } ] - } ] - }); } };