Added $validationOptions to fix issue #25

Added $validationOptions to set debounce  globally

Author: ghiscoding

app.js

@@ -48,13 +48,17 @@ myApp.controller('Ctrl', ['$location', '$route', '$scope', '$translate', functio
 // -- Controller to use Angular-Validation Directive
 // -----------------------------------------------
 myApp.controller('CtrlValidationDirective', ['$scope', 'validationService', function ($scope, validationService) {
+  $scope.$validationOptions = { debounce: 4500 };
+
   $scope.submitForm = function() {
     if(new validationService().checkFormValidity($scope.form1)) {
       alert('All good, proceed with submit...');
     }
   }
   $scope.showValidationSummary = function () {
-    $scope.displayValidationSummary = true;
+    $translate('SHOW_VALIDATION_SUMMARY').then(function() {
+      $scope.displayValidationSummary = true;
+    });
   }
 }]);
 
@@ -67,7 +71,9 @@ myApp.controller('Ctrl2forms', ['$scope', 'validationService', function ($scope,
     }
   }
   $scope.showValidationSummary = function () {
-    $scope.displayValidationSummary = true;
+    $translate('SHOW_VALIDATION_SUMMARY').then(function() {
+      $scope.displayValidationSummary = true;
+    });
   }
 }]);
 
@@ -121,7 +127,9 @@ myApp.controller('CtrlValidationService', ['$scope', '$translate', 'validationSe
   };
 
   $scope.showValidationSummary = function () {
-    $scope.displayValidationSummary = true;
+    $translate('SHOW_VALIDATION_SUMMARY').then(function() {
+      $scope.displayValidationSummary = true;
+    });
   }
 
   $scope.submitForm = function() {

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ghiscoding.angular-validation",
-  "version": "1.3.16",
+  "version": "1.3.17",
   "authors": [
     "Ghislain B."
   ],

changelog.txt

@@ -17,4 +17,5 @@ Angular-Validation change logs
 1.3.13 (2015-04-06) Fixed $translate delay issue when using external JSON files
 1.3.14 (2015-04-07) Merge pull request #19 Added norwegian translation and changes to allow user to remove invalid validators.
 1.3.15 (2015-04-08) Fixed #23 If multiple forms exist in the app the errors in 1 form affect validation in the other
-1.3.16 (2015-04-09) Accept Merge #3 Fixed removeFromValidationSummary to also remove from 'local' array
+1.3.16 (2015-04-09) Accept Merge #3 Fixed removeFromValidationSummary to also remove from 'local' array
+1.3.17 (2015-04-11) Added global `$scope.$validationOptions` object, for now only has the `debounce` property that be used by both the Directive and Service.

dist/angular-validation.min.js

@@ -1,6 +1,6 @@
 {
   "name": "ghiscoding.angular-validation",
-  "version": "1.3.16",
+  "version": "1.3.17",
   "author": "Ghislain B.",
   "description": "Angular-Validation Directive and Service (ghiscoding)",
   "main": "app.js",

package.json

@@ -1,5 +1,5 @@
 #Angular Validation (Directive / Service)
-`Version: 1.3.16`
+`Version: 1.3.17`
 ### Form validation after user inactivity of default 1sec. (customizable timeout)
 
 Forms Validation with Angular made easy! Angular-Validation is an angular directive/service with locales (languages) with a very simple approach of defining your `validation=""` directly within your element to validate (input, textarea, etc) and...that's it!!! The directive/service will take care of the rest!
@@ -16,6 +16,8 @@ Huge rewrite to have a better code separation and also adding support to Service
 
 [Validation summary](#validation-summary) was also recently added to easily show all validation errors that are still active on the form and you can also use 2 ways of dealing with the [Submit](#submit) button.
 
+For more explanations, see the question answered: [Why Use It?](#whyuseit)
+
 <a name="plunker"></a>
 ## Live Demo
 [Plunker](http://plnkr.co/jADq7H)
@@ -29,6 +31,7 @@ Huge rewrite to have a better code separation and also adding support to Service
 * [Demo - Plunker](#plunker)
 * [Dependencies](#dependencies)
 * [Form Submit and Validation](#submit)
+* [Global Options](#global-options)
 * [Install (bower)](#install)
 * [Include it in your app project](#project)
 * [Locales (languages)](#locales)
@@ -37,6 +40,27 @@ Huge rewrite to have a better code separation and also adding support to Service
 * [Some Working Examples (Directive)](#examples-directive)
 * [Some Working Examples (Service)](#examples-service)
 * [Validation summary](#validation-summary)
+* [Why Use It?](#whyuseit)
+
+<a name="whyuseit"></a>
+Why use angular-validation?
+-----
+Angular-validation was develop with DRY (Don't Repeat Yourself) and simplicity in mind.
+You can transform this:
+```html
+<input type="text" name="username" ng-model="user.username"
+  ng-minlength="3" ng-maxlength="8" required />
+<div ng-show="form.$submitted || form.user.$touched">
+  <span ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
+  <span ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
+</div>
+```
+into this:
+```html
+<input type="text" name="username" ng-model="user.username"
+  validation="min_len:3|max_len:8|required"  />
+```
+The Angular-Validation will create by itself the necessary error message. Now imagine your form with 10 inputs, using the Angular-Validation will end up using 10 lines of code, while on the other hand using the default of Angular will give you 30 lines of code... so what are you waiting for? Use Angular-Validation!!! :)
 
 <a name="install"></a>
 Install
@@ -98,6 +122,8 @@ Angular-Validation requires the element which will use validation to have an htm
 Let's start with a simple example and then let's get down to real business.
 
 P.S. For real live sample, see the [live plunker demo](#plunker) or download the Github project and run the `index.html` (on the exception of Chrome who doesn't want to run http outside of webserver) while the actual form with validation is inside `templates/testingFormDirective.html` for a better separation.
+
+*To define the debounce globally (for all form elements), you could use `$scope.$validationOptions = { debounce: 1500 };` or set it on each element `<input debounce="1500"/>*
 ```html
 <!-- example 1 -->
 <!-- change the debounce or typing-limit (timer in ms of inactivity) after which will trigger the validation check -->
@@ -186,6 +212,15 @@ P.S. For real live sample, see the [live demo](#plunker) or download the Github
   };
 
 ```
+<a name="global-options"></a>
+## Global Options
+To change default options, you can change the `$scope.$validationOptions`, for now only the `debounce` property is used but this might expend in the future.
+To define the debounce globally (for all form elements), you could use `$scope.$validationOptions = { debounce: 1500 };` or set it on each element `<input debounce="1500"/>
+```javascript
+myApp.controller('Ctrl', function ($scope) {
+  $scope.$validationOptions = { debounce: 1500 }; // set the debounce globally
+});
+```
 
 <a name="submit"></a>
 ## Form Submit and Validation
@@ -461,4 +496,5 @@ License
 * [1.3.13](https://github.com/ghiscoding/angular-validation/commit/d0440bdd7fc2816e03d28ad3a9c3bd7bee8ac519) `2015-04-06` Fixed $translate delay issue when using external JSON files
 * [1.3.14](https://github.com/ghiscoding/angular-validation/pull/19) `2015-04-07` Merge pull request #19 Added norwegian translation and changes to allow user to remove invalid validators
 * [1.3.15](https://github.com/ghiscoding/angular-validation/commit/24037e4b2e22658e7e2011c022ba4cca26f391d9) `2015-04-08` Fixed #23 If multiple forms exist in the app the errors in 1 form affect validation in the other
-* [1.3.16]() `2015-04-09` Accept Merge #3 Fixed removeFromValidationSummary to also remove from 'local' array
+* [1.3.16](https://github.com/ghiscoding/angular-validation/commit/6c419d45bdb00341416d91199003d827259bd5da) `2015-04-09` Accept Merge #3 Fixed removeFromValidationSummary to also remove from 'local' array
+* [1.3.17]() `2015-04-11` Added global `$scope.$validationOptions` [Global Options](#global-options) object, for now only has the `debounce` property that be used by both the Directive and Service.

readme.md

@@ -11,7 +11,7 @@
  */
 angular
 	.module('ghiscoding.validation')
-	.factory('validationCommon', ['$filter', '$timeout', '$translate', 'validationRules', function ($filter, $timeout, $translate, validationRules) {
+	.factory('validationCommon', ['$q', '$timeout', '$translate', 'validationRules', function ($q, $timeout, $translate, validationRules) {
     // global variables of our object
     var bFieldRequired = false;   // by default we'll consider our field not required, if validation attribute calls it, then we'll start validating
     var INACTIVITY_LIMIT = 1000;  // constant of maximum user inactivity time limit, this is the default cosntant but can be variable through typingLimit variable
@@ -26,8 +26,6 @@ angular
     var validators = [];          // Array of all Form Validators
     var validatorAttrs = {};      // Current Validator attributes
     var validationSummary = [];   // Array Validation Error Summary
-    var validationSummaries = {}; // Validation Error Summaries separated by Form (could be multiple forms)
-    var $translate = $filter('translate');
 
     // service constructor
     var validationCommon = function(scope, elm, attrs, ctrl) {
@@ -79,6 +77,8 @@ angular
         self.typingLimit = parseInt(self.validatorAttrs.debounce, 10);
       }else if(self.validatorAttrs.hasOwnProperty('typingLimit')) {
         self.typingLimit = parseInt(self.validatorAttrs.typingLimit, 10);
+      }else if(!!self.scope.$validationOptions && self.scope.$validationOptions.hasOwnProperty('debounce')) {
+        self.typingLimit = parseInt(self.scope.$validationOptions.debounce, 10);
       }
 
       // We first need to see if the validation holds a custom user regex, if it does treat it first
@@ -204,7 +204,7 @@ angular
       }
 
       // user might have passed a message to be translated
-      var errorMsg = (!!attrs && !!attrs.translate) ? $translate(message) : message;
+      var errorMsg = (!!attrs && !!attrs.translate) ? $translate.instant(message) : message;
 
       // get the name attribute of current element, make sure to strip dirty characters, for example remove a <input name="options[]"/>, we need to strip the "[]"
       var elmInputName = elmName.replace(/[|&;$%@"<>()+,\[\]\{\}]/g, '');
@@ -308,7 +308,7 @@ angular
           } else {
             // before running Regex test, we'll make sure that an input of type="number" doesn't hold invalid keyboard chars, if true skip Regex
             if(typeof strValue === "string" && strValue === "" && self.elm.prop('type').toUpperCase() === "NUMBER") {
-              message = $translate("INVALID_KEY_CHAR");
+              message = $translate.instant("INVALID_KEY_CHAR");
               isValid = false;
             }else {
               // run the Regex test through each iteration, if required (\S+) and is null then it's invalid automatically
@@ -330,7 +330,7 @@ angular
           message += ' ';
           message += (!!self.validators[j].altText && self.validators[j].altText.length > 0)
             ? self.validators[j].altText.replace("alt=", "")
-            : $translate(self.validators[j].message);
+            : $translate.instant(self.validators[j].message);
 
           // replace any error message param(s) that were possibly passed
           if(typeof self.validators[j].params !== "undefined") {
@@ -349,13 +349,13 @@ angular
       message = message.trim();
 
       // only log the invalid message in the $validationSummary
-      addToValidationSummary(self, $translate(message));
+      addToValidationSummary(self, $translate.instant(message));
 
       // change the Form element object boolean flag from the `formElements` variable
       var formElmObj = getFormElementByName(self.elm.attr('name'));
       if(!!formElmObj) {
         formElmObj.isValid = isValid;
-        formElmObj.message = $translate(message);
+        formElmObj.message = $translate.instant(message);
       }
 
       // error Display