New update that allow to use multiple masks in the same input

README.md

@@ -2,7 +2,7 @@
 
 ***
 
-Way simple Angular directive to apply mask to input fields
+Way simple Angular directive to apply mask to input fields also with dynamic/multiple masks to the same field, which means that you can have different masks for different lengths of numbers
 
 Mask format uses 0 
 Example: 0000-0000-0000-0000
@@ -13,6 +13,13 @@ Directive will look for attribute angular-mask on input
 <input name="test" maxlengh="19" angular-mask="0000-0000-0000-0000" />
 ```
 
+### Multiple masks
+```HTML
+<input name="test" maxlengh="19" angular-mask="(00)00000-0000|(00)0000-0000" />
+```
+Use | to separate masks
+
+
+#### Install via bower
 
-## Demo
-Do you want to see this directive in action? Visit http://wender.com.br/angular/angular-simple-mask.html
+    bower install angular-input-mask --save

bower.json

@@ -1,8 +1,8 @@
 {
   "name": "angular-simple-input-mask",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "./src/angular-simple-mask.js",
   "dependencies": {
-    "angular": "1.0.8"
+    "angular": "^1.0.8"
   }
 }

src/angular-simple-mask.js

@@ -1,40 +1,48 @@
 'use strict';
 
 angular.module('angularMask', [])
-  .directive('angularMask', function() {
-  return {
-    restrict : 'A',
-    link: function($scope, el, attrs) {
-      var format = attrs.angularMask;
+    .directive('angularMask', function() {
+      return {
+        restrict : 'A',
+        link: function($scope, el, attrs) {
+          var format = attrs.angularMask,
+              arrFormat = format.split('|');
 
-      function mask(el, format) {
-        var text = el;
-        var value = text.value;
-        var newValue = "";
-        for (var vId = 0, mId = 0 ; mId < format.length ; ) {
-          if (mId >= value.length){
-            break;
+          if(arrFormat.length > 1){
+            arrFormat.sort(function(a, b){
+              return a.length - b.length;
+            });
           }
-          if (format[mId] == '0' && value[vId].match(/[0-9]/) === null) {
-            break;
-          }
-          while (format[mId].match(/[0\*]/) === null) {
-            if (value[vId] == format[mId]){
-              break;
+          function mask(o) {
+            var value = o.value.replace(/\D/g,'');
+            if(arrFormat.length > 1){
+              for(var a in arrFormat){
+                if(value.replace(/\D/g,'').length <= arrFormat[a].replace(/\D/g,'').length){
+                  format = arrFormat[a];
+                  break;
+                }
+              }
+            }
+            var newValue = '';
+            for(var nmI = 0, mI = 0; mI < format.length;){
+              if(format[mI].match(/\D/)){
+                newValue+=format[mI];
+              }else{
+                if(value[nmI] != undefined){
+                  newValue+=value[nmI];
+                  nmI++;
+                }else{
+                  break;
+                }
+              }
+              mI++;
             }
-            newValue += format[mId++];
+            o.value = newValue;
           }
-          newValue += value[vId++];
-          mId++;
+          el.bind('keyup keydown', function(e) {
+            var keyList = [8,37,39,46];
+            if(keyList.indexOf(e.keyCode) == -1)mask(this);
+          });
         }
-        text.value = newValue;
-      }
-
-      el.bind('keyup keydown', function(e) {
-        var _format = format;
-        var _el = el[0];
-        mask(_el,_format);
-      });
-    }
-  };
-});
+      };
+    });