From daa662d21f2beedce77f49e59e2314fabe5e300d Mon Sep 17 00:00:00 2001
From: Duda Dornelles <ddornell@thoughtworks.com>
Date: Fri, 13 Feb 2015 15:44:34 -0200
Subject: Adding color indicator to show if mail will get encrypted

---
 web-ui/app/js/mail_view/ui/recipients/recipient.js | 6 +++---
 web-ui/app/scss/_mixins.scss                       | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'web-ui/app')

diff --git a/web-ui/app/js/mail_view/ui/recipients/recipient.js b/web-ui/app/js/mail_view/ui/recipients/recipient.js
index 603447d6..f8909fe1 100644
--- a/web-ui/app/js/mail_view/ui/recipients/recipient.js
+++ b/web-ui/app/js/mail_view/ui/recipients/recipient.js
@@ -53,11 +53,11 @@ define(
         this.$node.addClass('discorver-encryption');
         var p = $.getJSON('/keys?search=' + this.attr.address).promise();
         p.done(function () {
-          this.$node.addClass('encrypted');
+          this.$node.find('.recipient-value').addClass('encrypted');
           this.$node.removeClass('discorver-encryption');
         }.bind(this));
-        p.fail(function () {
-          this.$node.addClass('not-encrypted');
+          p.fail(function () {
+            this.$node.find('.recipient-value').addClass('not-encrypted');
           this.$node.removeClass('discorver-encryption');
         }.bind(this));
       };
diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index 4233e4d0..ddce49a7 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -191,6 +191,12 @@
         &.selected {
           border: 1px solid #666666;
         }
+        &.encrypted {
+          border-bottom-color: limegreen;
+        }
+        &.not-encrypted {
+          border-bottom-color: orangered;
+        }
         background-color: #F5F5F5;
         border: 1px solid #D9D9D9;
         border-radius: 2px;
-- 
cgit v1.2.3