AngularJS directives to handle notification and form validation.

1) Checking enough amount at real-time when typing value.
2) Common notifications disappear after 5 seconds.

js/controllers/send.js

@@ -13,11 +13,6 @@ angular.module('copay.send').controller('SendController',
         return;
       }
 
-      if ($rootScope.availableBalance <= form.amount.$modelValue) {
-        $rootScope.flashMessage = { message: 'You have not enough amount to send', type: 'error'};
-        return;
-      }
-
       var address = form.address.$modelValue;
       var amount = (form.amount.$modelValue * 100000000).toString(); // satoshi to string
 

js/directives.js

@@ -19,5 +19,44 @@ angular.module('copay')
         ctrl.$formatters.unshift(validator);
       }
     };
-  }]);
+  }])
+  .directive('notification', ['$rootScope', function($rootScope){
+    return {
+      restrict: 'A',
+      link: function(scope, element, attrs, ctrl) {
+        setTimeout(function(){
+          scope.$apply(function() {
+            $rootScope.flashMessage = {};
+          });
+        }, 5000);
+      }
+    };
+  }])
+  .directive('enoughAmount', ['$rootScope', function($rootScope){
+    return {
+      require: 'ngModel',
+      link: function(scope, element, attrs, ctrl) {
+        var val = function(value) {
+          var vStr = new String(value);
+          var vNum = Number(vStr);
+          if (typeof vNum == "number" && vNum > 0) {
+            if ($rootScope.availableBalance <= vNum) {
+              ctrl.$setValidity('enoughAmount', false);
+              $rootScope.notEnoughAmount = 'Insufficient funds!';
+            }
+            else {
+              ctrl.$setValidity('enoughAmount', true);
+              $rootScope.notEnoughAmount = null;
+            }
+          } else {
+            $rootScope.notEnoughAmount = null;
+          }
+          return value;
+        }
+        ctrl.$parsers.unshift(val);
+        ctrl.$formatters.unshift(val);
+      }
+    };
+  }])
+;