define( [ 'flight/lib/component', 'views/templates', 'mixins/with_mail_edit_base', 'page/events', 'mail_view/data/mail_builder' ], function (defineComponent, templates, withMailEditBase, events, mailBuilder) { 'use strict'; return defineComponent(composeBox, withMailEditBase); function composeBox() { this.defaultAttrs({ 'closeButton': '.close-mail-button' }); this.showNoMessageSelected = function() { this.trigger(events.dispatchers.rightPane.openNoMessageSelected); }; this.buildMail = function(tag) { return this.builtMail(tag).build(); }; this.builtMail = function(tag) { return mailBuilder.newMail(this.attr.ident) .subject(this.select('subjectBox').val()) .to(this.attr.recipientValues.to) .cc(this.attr.recipientValues.cc) .bcc(this.attr.recipientValues.bcc) .body(this.select('bodyBox').val()) .tag(tag); }; this.renderComposeBox = function() { this.render(templates.compose.box, {}); this.select('recipientsFields').show(); this.on(this.select('closeButton'), 'click', this.showNoMessageSelected); this.enableAutoSave(); }; this.mailDeleted = function(event, data) { if (_.contains(_.pluck(data.mails, 'ident'), this.attr.ident)) { this.trigger(events.dispatchers.rightPane.openNoMessageSelected); } }; this.after('initialize', function () { this.renderComposeBox(); this.select('subjectBox').focus(); this.on(this.select('cancelButton'), 'click', this.showNoMessageSelected); this.on(document, events.mail.deleted, this.mailDeleted); this.on(document, events.mail.sent, this.showNoMessageSelected); }); } } );