summaryrefslogtreecommitdiff
path: root/web-ui/app/js/mail_view/ui/recipients/recipients.js
diff options
context:
space:
mode:
authorZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
committerZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
commitb14833fbb56bcd5bff0750c16fd9214009b955be (patch)
treea1ec621dd5f76d756ac59b72a763a34a2c189387 /web-ui/app/js/mail_view/ui/recipients/recipients.js
parent688a8b42e8ab7c6d4529b6dda66f40eead07ad02 (diff)
[refactor] move app dir into public dir
Diffstat (limited to 'web-ui/app/js/mail_view/ui/recipients/recipients.js')
-rw-r--r--web-ui/app/js/mail_view/ui/recipients/recipients.js193
1 files changed, 0 insertions, 193 deletions
diff --git a/web-ui/app/js/mail_view/ui/recipients/recipients.js b/web-ui/app/js/mail_view/ui/recipients/recipients.js
deleted file mode 100644
index 2caa8d14..00000000
--- a/web-ui/app/js/mail_view/ui/recipients/recipients.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/*
- * Copyright (c) 2014 ThoughtWorks, Inc.
- *
- * Pixelated is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * Pixelated is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
- */
-
-define(
- [
- 'flight/lib/component',
- 'views/templates',
- 'page/events',
- 'helpers/iterator',
- 'mail_view/ui/recipients/recipients_input',
- 'mail_view/ui/recipients/recipient',
- 'mail_view/ui/recipients/recipients_iterator'
- ],
- function (defineComponent, templates, events, Iterator, RecipientsInput, Recipient, RecipientsIterator) {
- 'use strict';
-
- return defineComponent(recipients);
-
- function recipients() {
- this.defaultAttrs({
- navigationHandler: '.recipients-navigation-handler',
- recipientsList: '.recipients-list'
- });
-
- function getAddresses(recipients) {
- return _.flatten(_.map(recipients, function (e) { return e.attr.address;}));
- }
-
- function moveLeft() { this.attr.iterator.moveLeft(); }
- function moveRight() { this.attr.iterator.moveRight(); }
- function deleteCurrentRecipient() {
- this.attr.iterator.deleteCurrent();
- this.addressesUpdated();
- }
-
- function editCurrentRecipient(event, recipient) {
- var mailAddr = this.attr.iterator.current().getMailAddress();
- this.attr.iterator.deleteCurrent();
- this.attr.input.$node.val(mailAddr).focus();
- this.unselectAllRecipients();
- this.addressesUpdated();
- }
-
- this.clickToEditRecipient = function(event, recipient) {
- this.attr.iterator = null;
- var mailAddr = recipient.getMailAddress();
-
- var position = this.getRecipientPosition(recipient);
- this.attr.recipients.splice(position, 1);
- recipient.destroy();
-
- this.addressesUpdated();
- this.unselectAllRecipients();
- this.attr.input.$node.val(mailAddr).focus();
- };
-
- this.getRecipientPosition = function(recipient) {
- return recipient.$node.closest('.recipients-area').find('.fixed-recipient').index(recipient.$node);
- };
-
- this.unselectAllRecipients = function() {
- this.$node.find('.recipient-value.selected').removeClass('selected');
- };
-
- var SPECIAL_KEYS_ACTIONS = {
- 8: deleteCurrentRecipient,
- 46: deleteCurrentRecipient,
- 32: editCurrentRecipient,
- 13: editCurrentRecipient,
- 37: moveLeft,
- 39: moveRight
- };
-
- this.addRecipient = function(recipient) {
- var newRecipient = Recipient.prototype.renderAndPrepend(this.$node.find(this.attr.recipientsList), recipient);
- this.attr.recipients.push(newRecipient);
- };
-
- this.recipientEntered = function (event, recipient) {
- this.addRecipient(recipient);
- this.addressesUpdated();
- };
-
- this.invalidRecipientEntered = function(event, recipient) {
- recipient.invalidAddress = true;
- this.addRecipient(recipient);
- };
-
- this.deleteRecipient = function (event, recipient) {
- this.attr.iterator = null;
- var position = this.getRecipientPosition(recipient);
-
- this.attr.recipients.splice(position, 1);
- recipient.destroy();
-
- this.addressesUpdated();
- };
-
- this.deleteLastRecipient = function () {
- this.attr.recipients.pop().destroy();
- this.addressesUpdated();
- };
-
- this.enterNavigationMode = function () {
- this.attr.iterator = new RecipientsIterator({
- elements: this.attr.recipients,
- exitInput: this.attr.input.$node
- });
-
- this.attr.iterator.current().doSelect();
- this.attr.input.$node.blur();
- this.select('navigationHandler').focus();
- };
-
- this.leaveNavigationMode = function () {
- if(this.attr.iterator) { this.attr.iterator.current().unselect(); }
- this.attr.iterator = null;
- };
-
- this.selectLastRecipient = function () {
- if (this.attr.recipients.length === 0) { return; }
- this.enterNavigationMode();
- };
-
- this.attachInput = function () {
- this.attr.input = RecipientsInput.prototype.attachAndReturn(this.$node.find('input[type=text]'), this.attr.name);
- };
-
- this.processSpecialKey = function (event) {
- if(SPECIAL_KEYS_ACTIONS.hasOwnProperty(event.which)) { SPECIAL_KEYS_ACTIONS[event.which].apply(this); }
- };
-
- this.initializeAddresses = function () {
- _.each(_.flatten(this.attr.addresses), function (address) {
- this.addRecipient({ address: address, name: this.attr.name });
- }.bind(this));
- };
-
- this.addressesUpdated = function() {
- this.trigger(document, events.ui.recipients.updated, {recipientsName: this.attr.name, newRecipients: getAddresses(this.attr.recipients)});
- };
-
- this.doCompleteRecipients = function () {
- var address = this.attr.input.$node.val();
- if (!_.isEmpty(address)) {
- var recipient = Recipient.prototype.renderAndPrepend(this.$node, { name: this.attr.name, address: address });
- this.attr.recipients.push(recipient);
- this.attr.input.$node.val('');
- }
-
- this.trigger(document, events.ui.recipients.updated, {
- recipientsName: this.attr.name,
- newRecipients: getAddresses(this.attr.recipients),
- skipSaveDraft: true
- });
-
- };
-
- this.after('initialize', function () {
- this.attr.recipients = [];
- this.attachInput();
- this.initializeAddresses();
-
- this.on(events.ui.recipients.deleteRecipient, this.deleteRecipient);
- this.on(events.ui.recipients.deleteLast, this.deleteLastRecipient);
- this.on(events.ui.recipients.selectLast, this.selectLastRecipient);
- this.on(events.ui.recipients.entered, this.recipientEntered);
- this.on(events.ui.recipients.enteredInvalid, this.invalidRecipientEntered);
- this.on(events.ui.recipients.clickToEdit, this.clickToEditRecipient);
-
- this.on(document, events.ui.recipients.doCompleteInput, this.doCompleteRecipients);
-
- this.on(this.attr.input.$node, 'focus', this.leaveNavigationMode);
- this.on(this.select('navigationHandler'), 'keydown', this.processSpecialKey);
-
- this.on(document, events.dispatchers.rightPane.clear, this.teardown);
- });
- }
- });