').append($att);
$attachments.append($container);
if (!id) {
var $loading = $('' + this.translate('Uploading...') + '');
$container.append($loading);
$att.on('ready', function () {
$loading.html(this.translate('Ready'));
}.bind(this));
} else {
$att.attr('data-id', id);
}
return $att;
},
uploadFiles: function (files) {
var uploadedCount = 0;
var totalCount = 0;
this.getModelFactory().create('Attachment', function (model) {
var canceledList = [];
var fileList = [];
for (var i = 0; i < files.length; i++) {
fileList.push(files[i]);
}
fileList.forEach(function (file) {
var $att = this.addAttachmentBox(file.name, file.type);
$att.find('.remove-attachment').on('click.uploading', function () {
canceledList.push(attachment.cid);
totalCount--;
});
var attachment = model.clone();
var fileReader = new FileReader();
fileReader.onload = function (e) {
$.ajax({
type: 'POST',
url: 'Attachment/action/upload',
data: e.target.result,
contentType: 'multipart/encrypted',
timeout: 0,
}).done(function (data) {
attachment.id = data.attachmentId;
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.once('sync', function () {
if (canceledList.indexOf(attachment.cid) === -1) {
$att.trigger('ready');
this.pushAttachment(attachment);
$att.attr('data-id', attachment.id);
uploadedCount++;
if (uploadedCount == totalCount) {
afterAttachmentsUploaded.call(this);
}
}
}, this);
attachment.save();
}.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));
}
},
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)) {
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.translate(this.name, 'fields', this.model.name));
this.showValidationMessage(msg);
return true;
}
}
},
fetch: function () {
return {};
},
});
});