_strings : {
'ef797d5638c2e1c6b6225b2247541ea5' :"Upload Image or File:",
'd9787032e54a7facd5c7b1db2ae61c7b' :"Image Manager",
+ '53ab4599d0106e32d015649175a70d7b' :"<i class=\"fa fa-filter\"></i> Filter",
'37c1097cf82226d511586ecd99ed97cf' :"search for image",
'cdb6b6bab1fd18b9dbfe3fb84a5d34ae' :"<i class=\"fa fa-search\"></i>",
'5350277f16d9998c57fa7e1d17be2a76' :"<i class=\"fa fa-upload\"></i> Upload Image",
'708ea0e601087e73c4764d5086e3ea3c' :"File Name:",
'e0a53da57dd79cca5d3b6a7c42e463ef' :"File Type:",
'3f986fa4066f6bded1376eb69de18da2' :"File Size:",
+ '179d4ab94c43ccb7cd6d2b3d82c7fe1f' :"Show images for this email",
'd3d2e617335f08df83599665eef8a418' :"Close",
'84378f54966381befd040dafbdc221d6' :"<i class=\"fa fa-plus\"></i> Add into the email",
'361bacb1a72a350ee34e2f31a6a91dab' :"Alignment:",
- 'f48f7c7bccb5e29c83d87984c49ad8d4' :"Show image for this email",
+ '2cd3a1900dd0060540b418b2a60f6eec' :"Show all images",
'ed807858fcb68abdd180481f1fcba5c5' :"<i class=\"fa fa-trash\"></i> Delete",
'031fa343a28d221a25d2bcd942437174' :"Alternate Text:",
'48ccf48dcf2218a413ce473262f21a0c' :"Width: ",
'imageUpload_fieldLabel' : 'ef797d5638c2e1c6b6225b2247541ea5' /* Upload Image or File: */ ,
'width_fieldLabel' : '48ccf48dcf2218a413ce473262f21a0c' /* Width: */ ,
'filesize_fieldLabel' : '3f986fa4066f6bded1376eb69de18da2' /* File Size: */ ,
- 'descript_fieldLabel' : '031fa343a28d221a25d2bcd942437174' /* Alternate Text: */
+ 'descript_fieldLabel' : 'd0042a700e9bdf79689d63ee6846dc0e' /* Description: */
},
dialog : false,
xtype : 'Modal',
cls : 'modal-body-enable-overflow-y pman-badmin-image-manager',
fitwindow : true,
- haveProgress : false,
title : _this._strings['d9787032e54a7facd5c7b1db2ae61c7b'] /* Image Manager */,
- uploadComplete : false,
- uploadProgress : function()
- {
- Roo.log('uploadProgress');
-
- var dlg = this;
- if (!dlg.haveProgress) {
- Roo.MessageBox.progress("Uploading", "Uploading");
- }
-
- if (dlg.haveProgress == 2) {
- // it's been closed elsewhere..
- return;
- }
- if (dlg.uploadComplete) {
- Roo.MessageBox.hide();
- return;
- }
-
- dlg.haveProgress = 1;
-
- var uid = _this.form.findField('UPLOAD_IDENTIFIER').getValue();
-
- new Pman.Request({
- url : baseURL + '/Core/UploadProgress.php',
- params: {
- id : uid
-
- },
- method: 'GET',
- success : function(res){
- var data = res.data;
- if (dlg.haveProgress == 2) {
- return;
- }
-
- if (dlg.uploadComplete) {
- Roo.MessageBox.hide();
- return;
- }
-
- if (data){
- Roo.MessageBox.updateProgress(data.bytes_uploaded/data.bytes_total,
- Math.floor((data.bytes_total - data.bytes_uploaded)/1000) + 'k remaining'
- );
- } else {
- Roo.MessageBox.updateProgress(1,
- "Upload Complete - processing"
- );
- return;
- }
- dlg.uploadProgress.defer(2000,dlg);
- },
- failure: function(data) {
- }
- })
-
- },
listeners : {
resize : function (_self)
{
items : [
{
xtype : 'Column',
- sm : 8,
+ md : 12,
+ listeners : {
+ render : function (_self)
+ {
+ _this.masonryBlock = this;
+ }
+ },
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
listeners : {
actioncomplete : function(_self,action)
{
- _this.dialog.uploadComplete = true;
-
- _this.dialog.haveProgress = 2;
-
- Roo.MessageBox.hide();
-
if (action.type == 'setdata') {
+ _this.showType = 'public';
+
this.url = _this.data._url ? baseURL + _this.data._url : baseURL + '/Roo/Images.php';
this.el.dom.action = this.url;
},
actionfailed : function (_self, action)
{
- _this.dialog.uploadComplete = true;
-
- _this.dialog.haveProgress = 2;
-
if (action.type == 'submit') {
Roo.log("Upload error");
Roo.log(action);
_this.uploadDL.inputEl().on("change",function(){
- _this.form.findField('onid').setValue(_this.showTypeBtn.isActive() ? _this.data.onid : 0);
+ _this.form.findField('onid').setValue((_this.showType == 'private') ? _this.data.onid : 0);
_this.form.doAction('submit');
-
- //_this.dialog.uploadProgress.defer(1000, _this.dialog);
});
},
{
xtype : 'Container',
+ cls : 'col-md-12',
listeners : {
render : function (_self)
{
{
xtype : 'Column',
md : 8,
+ sm : 12,
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
{
xtype : 'Button',
- html : _this._strings['f48f7c7bccb5e29c83d87984c49ad8d4'] /* Show image for this email */,
- pressed : false,
- style : 'float:left;',
- listeners : {
- render : function (_self)
+ html : _this._strings['53ab4599d0106e32d015649175a70d7b'] /* <i class="fa fa-filter"></i> Filter */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ menu : {
+ xtype : 'Menu',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
{
- _this.showTypeBtn = this;
+ xtype : 'MenuItem',
+ html : _this._strings['179d4ab94c43ccb7cd6d2b3d82c7fe1f'] /* Show images for this email */,
+ isContainer : false,
+ preventDefault : true,
+ listeners : {
+ click : function (_self, e)
+ {
+ _this.showType = 'private';
+
+ _this.masonry.load();
+ }
+ },
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
},
- toggle : function (b, e, pressed)
{
- _this.showTypeBtn.setText(!pressed ? 'Show all images' : 'Show image for this email');
-
- _this.masonry.load();
+ xtype : 'MenuItem',
+ html : _this._strings['2cd3a1900dd0060540b418b2a60f6eec'] /* Show all images */,
+ isContainer : false,
+ preventDefault : true,
+ listeners : {
+ click : function (_self, e)
+ {
+ _this.showType = 'public';
+
+ _this.masonry.load();
+ }
+ },
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
}
- },
- xns : Roo.bootstrap,
- '|xns' : 'Roo.bootstrap'
+ ]
+ }
},
{
xtype : 'Input',
placeholder : _this._strings['37c1097cf82226d511586ecd99ed97cf'] /* search for image */,
- style : 'float:left; width: 300px; margin-left: 15px;',
+ style : 'width: 200px; margin-left: 15px;display: inline-block; margin-bottom: 0px; vertical-align: middle;',
listeners : {
render : function (_self)
{
xtype : 'Column',
cls : 'text-right',
md : 4,
+ sm : 12,
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
{
xtype : 'Button',
html : _this._strings['5350277f16d9998c57fa7e1d17be2a76'] /* <i class="fa fa-upload"></i> Upload Image */,
+ size : 'sm',
weight : 'primary',
listeners : {
click : function (_self, e)
{
xtype : 'Button',
html : _this._strings['ed807858fcb68abdd180481f1fcba5c5'] /* <i class="fa fa-trash"></i> Delete */,
+ size : 'sm',
style : 'margin-left: 15px;',
weight : 'default',
listeners : {
_this.masonry.clearAll();
+ var params = {
+ ontable : 'core_email',
+ 'search[filename]' : _this.searchBox.getValue()
+ };
+
+ if(_this.showType == 'private'){
+ params.onid = _this.data.onid;
+ }
+
new Pman.Request({
url: baseURL + '/Roo/Images',
method: 'GET',
- params: {
- ontable : 'core_email',
- onid : _this.showTypeBtn.isActive() ? _this.data.onid : 0,
- 'search[filename]' : _this.searchBox.getValue()
- },
+ params: params,
success: function(ret) {
if(!ret.data.length){
active: false,
activeClass: 'active',
preventDefault: true,
- bgimage : baseURL + '/Images/' + r.id + '/' + r.filename,
+ bgimage : baseURL + '/Images/' + r.id + '/' + r.filename.replace('%', '-'),
imageObj: r,
listeners : {
click : function (_self)
_this.setting_form.hide();
_this.detail_form.hide();
-
+
+ _this.deleteBtn.hide();
+
+ _this.masonryBlock.el.removeClass(['col-md-12','col-md-8']).addClass('col-md-12');
+
if(!this.isSelected()){
return;
}
+ _this.masonryBlock.el.removeClass(['col-md-12','col-md-8']).addClass('col-md-8');
+
if(_this.masonry.getSelected().length == 1){
_this.deleteBtn.show();
}
_this.setting_form.setValues(rr.data);
_this.setting_form.findField('align').setValue("left");
- _this.thumb.setSrc(baseURL + '/Images/' + rr.data.id + '/' + rr.data.filename);
_self.imageObj = rr.data;
}
},
{
xtype : 'Column',
- sm : 4,
+ md : 4,
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
if(_this.callback){
- var data = Roo.apply(b[0].imageObj, {
+ var data = {
+ id : brick.imageObj.id,
+ filename : brick.imageObj.filename,
+ width : _this.setting_form.findField('width').getValue(),
+ height : _this.setting_form.findField('height').getValue(),
+ descript : _this.setting_form.findField('descript').getValue(),
align : _this.setting_form.findField('align').getValue()
- });
+ };
_this.callback.call(_this, data);
- /*
- _this.callback({
- id : brick.image_id,
- filename : brick.image_filename,
- height : _this.setting_form.findField('height').getValue(),
- width : _this.setting_form.findField('width').getValue(),
- alt : _this.setting_form.findField('alt').getValue(),
- align : _this.setting_form.findField('align').getValue()
- });
- */
}
}
},
}
]
},
- {
- xtype : 'Img',
- alt : '*Please select an image in the media library',
- border : 'thumbnail',
- style : 'width: 100%; margin-bottom:15px; display: none;',
- listeners : {
- render : function (_self)
- {
- _this.thumb = this;
-
- //any default image?
-
- }
- },
- xns : Roo.bootstrap,
- '|xns' : 'Roo.bootstrap'
- },
{
xtype : 'Input',
inputType : 'hidden',
},
{
xtype : 'Row',
- cls : 'form-group-button_row',
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
{
xtype : 'Column',
+ cls : 'text-center',
md : 12,
- style : 'text-align: center',
+ style : 'margin-top:15px;',
xns : Roo.bootstrap,
'|xns' : 'Roo.bootstrap',
items : [
]
}
]
- },
- {
- xtype : 'Row',
- xns : Roo.bootstrap,
- '|xns' : 'Roo.bootstrap',
- items : [
- {
- xtype : 'Column',
- md : 12,
- xns : Roo.bootstrap,
- '|xns' : 'Roo.bootstrap',
- items : [
- {
- xtype : 'Input',
- cls : 'row-style',
- fieldLabel : _this._strings['031fa343a28d221a25d2bcd942437174'] /* Alternate Text: */,
- labelWidth : 4,
- name : 'descript',
- xns : Roo.bootstrap,
- '|xns' : 'Roo.bootstrap'
- }
- ]
- }
- ]
}
]
}