From 2021ea979c992595c0c652480187dbfd9dbd9a83 Mon Sep 17 00:00:00 2001
From: Matias Alejo Garcia <ematiu@gmail.com>
Date: Wed, 17 Dec 2014 10:37:11 -0300
Subject: [PATCH] WIP: password directive

---
 js/directives.js         |  5 +----
 views/createProfile.html | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/js/directives.js b/js/directives.js
index a83fd7d1c..afbdf8cf3 100644
--- a/js/directives.js
+++ b/js/directives.js
@@ -250,10 +250,7 @@ angular.module('copayApp.directives')
         scope.$watch(attrs.ngModel, function(newValue, oldValue) {
           if (newValue && newValue !== '') {
             var info = evaluateMeter(newValue);
-            element.css({
-              'border-color': info.color
-            });
-            scope[attrs.checkStrength] = info.message;
+            scope[attrs.checkStrength] = info;
           }
         });
       }
diff --git a/views/createProfile.html b/views/createProfile.html
index 7503a48e9..4a1af88ce 100644
--- a/views/createProfile.html
+++ b/views/createProfile.html
@@ -148,10 +148,21 @@
 
       <form ng-show="createStep == 'pass'" name="passForm" ng-submit="createProfile(passForm)" novalidate>
         <div class="input">
-          <input id="password" type="password" ng-model="$parent.password" class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength" tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="top">
+          <input id="password" type="password" ng-model="$parent.password" class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength" >
           <i class="icon-locked"></i>
         </div>
 
+    <div class="box-notification" ng-show="passwordStrength">
+      <div class="box-icon" style="background-color:{{passwordStrength.color}}">
+        <i class="fi-x size-24"></i>
+        <i class="fi-x size-24"></i>
+      </div>
+      <span class="size-14" >
+        Password Strength: {{passwordStrength.message}}
+      </span>
+    </div>
+
+
         <div class="input">
           <input type="password" ng-model="repeatpassword" class="input form-control" name="repeatpassword" placeholder="{{'Repeat password'|translate}}" match="password" required>
           <i class="icon-locked"></i>