diff options
author | NavaL <mnandri@thoughtworks.com> | 2016-01-05 15:10:33 +0100 |
---|---|---|
committer | NavaL <mnandri@thoughtworks.com> | 2016-01-05 19:45:38 +0100 |
commit | 0ca01a8a8e2cd9201f43fa840a30a0822215bfef (patch) | |
tree | 2cb37ab0055f39a2d3ef384cceb6a75f5b47e977 /web-ui/app/js/mail_view/data/attachment_list.js | |
parent | 29bfdd509d88aef16873207683302bec22bfe5a9 (diff) |
separated attachment list UI as a component and the corresponding attachment list payload as a mixin
Issue #548
Diffstat (limited to 'web-ui/app/js/mail_view/data/attachment_list.js')
-rw-r--r-- | web-ui/app/js/mail_view/data/attachment_list.js | 53 |
1 files changed, 3 insertions, 50 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 7ea2f9d9..9193e37a 100644 --- a/web-ui/app/js/mail_view/data/attachment_list.js +++ b/web-ui/app/js/mail_view/data/attachment_list.js @@ -17,72 +17,25 @@ define( [ - 'flight/lib/component', 'page/events' ], - function (defineComponent, events) { + function (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); + this.on(document, events.mail.appendAttachment, this.addAttachment); }); } - return defineComponent(attachmentList); + return attachmentList; });
\ No newline at end of file |