#563 - Adding arrows up and down to indicate the state of the cc and bcc fields

1 files changed, 12 insertions, 0 deletions

diff --git a/web-ui/app/js/mail_view/ui/compose_box.js b/web-ui/app/js/mail_view/ui/compose_box.js
index 48a7c23f..993cf880 100644
--- a/web-ui/app/js/mail_view/ui/compose_box.js
+++ b/web-ui/app/js/mail_view/ui/compose_box.js
@@ -73,12 +73,24 @@ define(
         this.trigger(events.dispatchers.rightPane.openNoMessageSelected);
       };
 
+      this.toggleRecipientsArrows = function () {
+        if ($('#cc-bcc-collapse').hasClass('fa-angle-down')) {
+          $('#cc-bcc-collapse').removeClass('fa-angle-down');
+          $('#cc-bcc-collapse').addClass('fa-angle-up');
+        } else {
+          $('#cc-bcc-collapse').removeClass('fa-angle-up');
+          $('#cc-bcc-collapse').addClass('fa-angle-down');
+        }
+      };
+
+
       this.after('initialize', function () {
         this.renderComposeBox();
 
         this.select('toBox').focus();
         this.on(document, events.mail.deleted, this.mailDeleted);
         this.on(document, events.mail.sent, this.showNoMessageSelected);
+        this.on($('#cc-bcc-collapse'), 'click', this.toggleRecipientsArrows);
       });
     }
   }