').append($att);
$attachments.append($container);
if (!id) {
var $loading = $('');
$container.append($loading);
$att.on('ready', function () {
$loading.html(this.translate('Ready'));
}.bind(this));
} else {
$att.attr('data-id', id);
}
return $att;
},
showValidationMessage: function (msg, selector) {
var $label = this.$el.find('label');
var title = $label.attr('title');
$label.attr('title', '');
Dep.prototype.showValidationMessage.call(this, msg, selector);
$label.attr('title', title);
},
uploadFiles: function (files) {
var uploadedCount = 0;
var totalCount = 0;
var exceedsMaxFileSize = false;
var maxFileSize = this.params.maxFileSize || 0;
var appMaxUploadSize = this.getHelper().getAppParam('maxUploadSize') || 0;
if (!maxFileSize || maxFileSize > appMaxUploadSize) {
maxFileSize = appMaxUploadSize;
}
if (maxFileSize) {
for (var i = 0; i < files.length; i++) {
var file = files[i];
if (file.size > maxFileSize * 1024 * 1024) {
exceedsMaxFileSize = true;
}
}
}
if (exceedsMaxFileSize) {
var msg = this.translate('fieldMaxFileSizeError', 'messages')
.replace('{field}', this.getLabelText())
.replace('{max}', maxFileSize);
this.showValidationMessage(msg, 'label');
return;
}
this.isUploading = true;
this.getModelFactory().create('Attachment', function (model) {
var canceledList = [];
var fileList = [];
for (var i = 0; i < files.length; i++) {
fileList.push(files[i]);
totalCount++;
}
fileList.forEach(function (file) {
var $attachmentBox = this.addAttachmentBox(file.name, file.type);
$attachmentBox.find('.remove-attachment').on('click.uploading', function () {
canceledList.push(attachment.cid);
totalCount--;
if (uploadedCount == totalCount) {
this.isUploading = false;
if (totalCount) {
this.afterAttachmentsUploaded.call(this);
}
}
}.bind(this));
var attachment = model.clone();
var fileReader = new FileReader();
fileReader.onload = function (e) {
attachment.set('name', file.name);
attachment.set('type', file.type || 'text/plain');
attachment.set('role', 'Attachment');
attachment.set('size', file.size);
attachment.set('parentType', this.model.name);
attachment.set('file', e.target.result);
attachment.set('field', this.name);
attachment.save({}, {timeout: 0}).then(function () {
if (canceledList.indexOf(attachment.cid) === -1) {
$attachmentBox.trigger('ready');
this.pushAttachment(attachment);
$attachmentBox.attr('data-id', attachment.id);
uploadedCount++;
if (uploadedCount == totalCount && this.isUploading) {
this.isUploading = false;
this.afterAttachmentsUploaded.call(this);
}
}
}.bind(this)).fail(function () {
$attachmentBox.remove();
totalCount--;
if (!totalCount) {
this.isUploading = false;
this.$el.find('.uploading-message').remove();
}
if (uploadedCount == totalCount && this.isUploading) {
this.isUploading = false;
this.afterAttachmentsUploaded.call(this);
}
}.bind(this));
}.bind(this);
fileReader.readAsDataURL(file);
}, this);
}.bind(this));
},
afterAttachmentsUploaded: function () {
},
afterRender: function () {
if (this.mode == 'edit') {
this.$attachments = this.$el.find('div.attachments');
var ids = this.model.get(this.idsName) || [];
var hameHash = this.model.get(this.nameHashName);
var typeHash = this.model.get(this.typeHashName) || {};
ids.forEach(function (id) {
if (hameHash) {
var name = hameHash[id];
var type = typeHash[id] || null;
this.addAttachmentBox(name, type, id);
}
}, this);
this.$el.off('drop');
this.$el.off('dragover');
this.$el.off('dragleave');
this.$el.on('drop', function (e) {
e.preventDefault();
e.stopPropagation();
var e = e.originalEvent;
if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {
this.uploadFiles(e.dataTransfer.files);
}
}.bind(this));
this.$el.get(0).addEventListener('dragover', function (e) {
e.preventDefault();
}.bind(this));
this.$el.get(0).addEventListener('dragleave', function (e) {
e.preventDefault();
}.bind(this));
}
if (this.mode == 'search') {
var type = this.$el.find('select.search-type').val();
this.handleSearchType(type);
}
if (this.mode === 'detail') {
if (this.previewSize === 'large') {
this.handleResize();
this.resizeIsBeingListened = true;
$(window).on('resize.' + this.cid, function () {
this.handleResize();
}.bind(this));
}
}
},
isTypeIsImage: function (type) {
switch (type) {
case 'image/png':
case 'image/jpeg':
case 'image/gif':
return true;
}
return false
},
getDetailPreview: function (name, type, id) {
name = Handlebars.Utils.escapeExpression(name);
var preview = name;
if (this.isTypeIsImage(type)) {
preview = '+')
';
}
return preview;
},
getValueForDisplay: function () {
if (this.mode == 'detail' || this.mode == 'list') {
var nameHash = this.nameHash;
var typeHash = this.model.get(this.typeHashName) || {};
var previews = [];
var names = [];
for (var id in nameHash) {
var type = typeHash[id] || false;
var name = nameHash[id];
if (
this.showPreviews
&&
~this.previewTypeList.indexOf(type)
&&
(this.mode === 'detail' || this.mode === 'list' && this.showPreviewsInListMode)
) {
previews.push('');
continue;
}
var line = '';
names.push(line);
}
var string = previews.join('') + names.join('');
return string;
}
},
insertFromSource: function (source) {
var viewName =
this.getMetadata().get(['clientDefs', 'Attachment', 'sourceDefs', source, 'insertModalView']) ||
this.getMetadata().get(['clientDefs', source, 'modalViews', 'select']) ||
'views/modals/select-records';
if (viewName) {
this.notify('Loading...');
var filters = null;
if (('getSelectFilters' + source) in this) {
filters = this['getSelectFilters' + source]();
if (this.model.get('parentId') && this.model.get('parentType') === 'Account') {
if (this.getMetadata().get(['entityDefs', source, 'fields', 'account', 'type']) === 'link') {
filters = {
account: {
type: 'equals',
field: 'accountId',
value: this.model.get('parentId'),
valueName: this.model.get('parentName')
}
};
}
}
}
var boolFilterList = this.getMetadata().get(['clientDefs', 'Attachment', 'sourceDefs', source, 'boolFilterList']);
if (('getSelectBoolFilterList' + source) in this) {
boolFilterList = this['getSelectBoolFilterList' + source]();
}
var primaryFilterName = this.getMetadata().get(['clientDefs', 'Attachment', 'sourceDefs', source, 'primaryFilter']);
if (('getSelectPrimaryFilterName' + source) in this) {
primaryFilterName = this['getSelectPrimaryFilterName' + source]();
}
this.createView('insertFromSource', viewName, {
scope: source,
createButton: false,
filters: filters,
boolFilterList: boolFilterList,
primaryFilterName: primaryFilterName,
multiple: true
}, function (view) {
view.render();
this.notify(false);
this.listenToOnce(view, 'select', function (modelList) {
if (Object.prototype.toString.call(modelList) !== '[object Array]') {
modelList = [modelList];
}
modelList.forEach(function (model) {
if (model.name === 'Attachment') {
this.pushAttachment(model);
} else {
this.ajaxPostRequest(source + '/action/getAttachmentList', {
id: model.id
}).done(function (attachmentList) {
attachmentList.forEach(function (item) {
this.getModelFactory().create('Attachment', function (attachment) {
attachment.set(item);
this.pushAttachment(attachment, true);
}, this);
}, this);
}.bind(this));
}
}, this);
});
}, this);
return;
}
},
validateRequired: function () {
if (this.isRequired()) {
if ((this.model.get(this.idsName) || []).length == 0) {
var msg = this.translate('fieldIsRequired', 'messages').replace('{field}', this.getLabelText());
this.showValidationMessage(msg, 'label');
return true;
}
}
},
validateReady: function () {
if (this.isUploading) {
var msg = this.translate('fieldIsUploading', 'messages').replace('{field}', this.getLabelText());
this.showValidationMessage(msg, 'label');
return true;
}
},
fetch: function () {
var data = {};
data[this.idsName] = this.model.get(this.idsName) || [];
return data;
},
handleSearchType: function (type) {
this.$el.find('div.link-group-container').addClass('hidden');
},
fetchSearch: function () {
var type = this.$el.find('select.search-type').val();
if (type === 'isEmpty') {
var data = {
type: 'isNotLinked',
data: {
type: type
}
};
return data;
} else if (type === 'isNotEmpty') {
var data = {
type: 'isLinked',
data: {
type: type
}
};
return data;
}
}
});
});