diff options
author | NavaL <mnandri@thoughtworks.com> | 2015-12-27 15:58:24 +0100 |
---|---|---|
committer | NavaL <mnandri@thoughtworks.com> | 2015-12-29 19:03:43 +0100 |
commit | 98082de00c79e764ee489397de9ec818f51f0dba (patch) | |
tree | 531709e46643003553d57226ee77740a26d5b18f /web-ui/app/js/mail_view/data | |
parent | 5dca3fda432c12cd63ab4c8011aa2ea74ce1a771 (diff) |
refactoring: moved upload logic out of the attachment icon
Issue #548
Diffstat (limited to 'web-ui/app/js/mail_view/data')
-rw-r--r-- | web-ui/app/js/mail_view/data/attachment_list.js | 52 |
1 files changed, 50 insertions, 2 deletions
diff --git a/web-ui/app/js/mail_view/data/attachment_list.js b/web-ui/app/js/mail_view/data/attachment_list.js index af48b059..7ea2f9d9 100644 --- a/web-ui/app/js/mail_view/data/attachment_list.js +++ b/web-ui/app/js/mail_view/data/attachment_list.js @@ -17,24 +17,72 @@ define( [ + 'flight/lib/component', 'page/events' ], - function (events) { + function (defineComponent, events) { 'use strict'; function attachmentList() { this.defaultAttrs({ + inputFileUpload: '#fileupload', + attachmentListItem: '#attachment-list-item', + progressBar: '#progress .progress-bar', + attachmentBaseUrl: '/attachment', attachments: [] }); this.addAttachment = function (event, data) { this.attr.attachments.push(data); + this.renderAttachmentListView(data); + }; + + this.renderAttachmentListView = function (data) { + var item = this.buildAttachmentListItem(data); + this.select('attachmentListItem').html(item); + }; + + function humanReadable(bytes) { + var e = Math.floor(Math.log(bytes) / Math.log(1024)); + return (bytes / Math.pow(1024, e)).toFixed(2) + ' ' + ' KMGTP'.charAt(e) + 'b'; + } + + this.buildAttachmentListItem = function (data) { + return '<a href="' + this.attr.attachmentBaseUrl + '/' + data.attachment_id + '?filename=' + + data.filename + '&encoding=base64">' + data.filename + ' (' + humanReadable(data.filesize) + ')' + + '</a>'; + }; + + function addJqueryFileUploadConfig(self) { + self.select('inputFileUpload').fileupload({ + url: self.attr.attachmentBaseUrl, + dataType: 'json', + done: function (e, response) { + var data = response.result; + self.trigger(document, events.mail.uploadedAttachment, data); + }, + progressall: function (e, data) { + var progressRate = parseInt(data.loaded / data.total * 100, 10); + self.select('progressBar').css('width', progressRate + '%'); + } + }).bind('fileuploadstart', function (e) { + self.trigger(document, events.mail.uploadingAttachment); + }).bind('fileuploadadd', function (e) { + $('.attachmentsAreaWrap').show(); + }); + } + + this.startUpload = function () { + addJqueryFileUploadConfig(this); + this.select('inputFileUpload').click(); }; this.after('initialize', function () { this.on(document, events.mail.uploadedAttachment, this.addAttachment); + this.on(document, events.mail.startUploadAttachment, this.startUpload); }); } - return attachmentList; + + return defineComponent(attachmentList); });
\ No newline at end of file |