External validation changes

Author: jonsamwell

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-auto-validate",
-  "version": "1.19.4",
+  "version": "1.19.6",
   "description": "An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors",
   "main": "dist/jcs-auto-validate.js",
   "keywords": [

dist/jcs-auto-validate.js

@@ -1,5 +1,5 @@
 /*
- * angular-auto-validate - v1.19.4 - 2016-06-16
+ * angular-auto-validate - v1.19.6 - 2016-06-17
  * https://github.com/jonsamwell/angular-auto-validate
  * Copyright (c) 2016 Jon Samwell (http://www.jonsamwell.com)
  */
@@ -1535,8 +1535,7 @@ angular.module('jcs-autoValidate').config(['$provide',
 
               ngModelCtrl.setExternalValidation = function (errorMsgKey, errorMessage, addToModelErrors) {
                 if (addToModelErrors) {
-                  var collection = ngModelCtrl.$error || ngModelCtrl.$errors;
-                  collection[errorMsgKey] = false;
+                  ngModelCtrl.$setValidity(errorMsgKey, false);
                 }
 
                 ngModelCtrl.externalErrors = ngModelCtrl.externalErrors || {};
@@ -1546,6 +1545,7 @@ angular.module('jcs-autoValidate').config(['$provide',
 
               ngModelCtrl.removeExternalValidation = function (errorMsgKey, addToModelErrors) {
                 if (addToModelErrors) {
+                  ngModelCtrl.$setValidity(errorMsgKey, true);
                   var collection = ngModelCtrl.$error || ngModelCtrl.$errors;
                   delete collection[errorMsgKey];
                 }
@@ -1561,11 +1561,11 @@ angular.module('jcs-autoValidate').config(['$provide',
                 if (ngModelCtrl.externalErrors) {
                   var errorCollection = ngModelCtrl.$error || ngModelCtrl.$errors;
                   angular.forEach(ngModelCtrl.externalErrors, function (value, key) {
+                    ngModelCtrl.$setValidity(key, true);
                     delete errorCollection[key];
                   });
 
                   ngModelCtrl.externalErrors = {};
-
                   validationManager.resetElement(element);
                 }
               };

dist/jcs-auto-validate.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-auto-validate",
-  "version": "1.19.4",
+  "version": "1.19.6",
   "description": "An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors",
   "main": "angular-auto-validate.min.js",
   "scripts": {

package.json

@@ -63,8 +63,7 @@ angular.module('jcs-autoValidate').config(['$provide',
 
               ngModelCtrl.setExternalValidation = function (errorMsgKey, errorMessage, addToModelErrors) {
                 if (addToModelErrors) {
-                  var collection = ngModelCtrl.$error || ngModelCtrl.$errors;
-                  collection[errorMsgKey] = false;
+                  ngModelCtrl.$setValidity(errorMsgKey, false);
                 }
 
                 ngModelCtrl.externalErrors = ngModelCtrl.externalErrors || {};
@@ -74,6 +73,7 @@ angular.module('jcs-autoValidate').config(['$provide',
 
               ngModelCtrl.removeExternalValidation = function (errorMsgKey, addToModelErrors) {
                 if (addToModelErrors) {
+                  ngModelCtrl.$setValidity(errorMsgKey, true);
                   var collection = ngModelCtrl.$error || ngModelCtrl.$errors;
                   delete collection[errorMsgKey];
                 }
@@ -89,11 +89,11 @@ angular.module('jcs-autoValidate').config(['$provide',
                 if (ngModelCtrl.externalErrors) {
                   var errorCollection = ngModelCtrl.$error || ngModelCtrl.$errors;
                   angular.forEach(ngModelCtrl.externalErrors, function (value, key) {
+                    ngModelCtrl.$setValidity(key, true);
                     delete errorCollection[key];
                   });
 
                   ngModelCtrl.externalErrors = {};
-
                   validationManager.resetElement(element);
                 }
               };

src/config/ngModelDecorator.js

@@ -167,8 +167,7 @@
           ngModelController = element.controller('ngModel');
           ngModelController.setExternalValidation(errorKey, 'msgKey', true);
 
-
-          expect(ngModelController.$error[errorKey]).to.equal(false);
+          expect(ngModelController.$error[errorKey]).to.equal(true);
           expect(ngModelController.externalErrors[errorKey]).to.equal(false);
         });
       });
@@ -192,7 +191,7 @@
           ngModelController.setExternalValidation(errorKey, 'msgKey', true);
 
 
-          expect(ngModelController.$error[errorKey]).to.equal(false);
+          expect(ngModelController.$error[errorKey]).to.equal(true);
           expect(ngModelController.externalErrors[errorKey]).to.equal(false);
 
           ngModelController.removeExternalValidation(errorKey, true);
@@ -220,7 +219,7 @@
           ngModelController = element.controller('ngModel');
           ngModelController.setExternalValidation(errorKey, 'msgKey', true);
 
-          expect(ngModelController.$error[errorKey]).to.equal(false);
+          expect(ngModelController.$error[errorKey]).to.equal(true);
           expect(ngModelController.externalErrors[errorKey]).to.equal(false);
 
           ngModelController.removeAllExternalValidation();

tests/config/ngModelDecorator.spec.js

@@ -148,6 +148,7 @@ <h1>Not Required</h1>
     <script type="text/javascript" src="../src/services/debounce.js"></script>
     <script type="text/javascript" src="../src/services/defaultErrorMessageResolver.js"></script>
     <script type="text/javascript" src="../src/services/foundation5ElementModifier.js"></script>
+    <script type="text/javascript" src="../src/services/foundation6ElementModifier.js"></script>
     <script type="text/javascript" src="../src/services/validationManager.js"></script>
     <script type="text/javascript" src="../src/config/ngSubmitDecorator.js"></script>
     <script type="text/javascript" src="../src/config/ngModelDecorator.js"></script>
@@ -191,7 +192,7 @@ <h1>Not Required</h1>
                 };
 
                 $scope.setExternalError = function (frm) {
-                    frm.setExternalValidation('firstname', undefined, 'hello joe');
+                    frm.setExternalValidation('firstname', "customError", 'hello joe', true);
                 };
 
                 $scope.toggleBS3Icons();
@@ -313,4 +314,4 @@ <h1>Not Required</h1>
     }(angular));
     </script>
 </body>
-</html>
+</html>