New attributes: error and allowed

src/angular-bootstrap-file-field.js

@@ -3,12 +3,12 @@
  * angular-bootstrap-file
  * https://github.com/itslenny/angular-bootstrap-file-field
  *
- * Version: 0.1.3 - 02/21/2015
+ * Version: 0.1.4 - 02/03/2016
  * License: MIT
  */
 
 angular.module('bootstrap.fileField',[])
-.directive('fileField', function() {
+.directive('fileField', [ '$parse', function($parse) {
   return {
     require:'ngModel',
     restrict: 'E',
@@ -18,20 +18,63 @@ angular.module('bootstrap.fileField',[])
             element.addClass('btn');
         }
 
+        // Allowed variavle for manage allowed property
+
+        var allowed = attrs.allowed ? JSON.parse(attrs.allowed) : null;
+
+        // Error variable for manage error property
+
+        var error = attrs.error ? $parse(attrs.error) : null;
+
         var fileField = element.find('input');
 
         fileField.bind('change', function(event){
             scope.$evalAsync(function () {
-              ngModel.$setViewValue(event.target.files[0]);
-              if(attrs.preview){
-                var reader = new FileReader();
-                reader.onload = function (e) {
+
+              // Variable for verify allowed extensions
+
+              var passed = false;
+
+              if(!allowed){ passed = true; }
+
+              else {
+
+                if(!Array.isArray(allowed)){ throw 'Allowed property must be an array'; }
+
+                allowed.forEach(function(type){
+
+                  var patt = new RegExp('.*\.' + type);
+                  if(patt.exec(event.target.files[0].name)){
+                    passed = true;
+                  }
+
+                });
+
+              }
+
+              if(passed){
+                scope.$evalAsync(function(){
+                    error.assign(scope, undefined);
+                  });
+                ngModel.$setViewValue(event.target.files[0]);
+                if(attrs.preview){
+                  var reader = new FileReader();
+                  reader.onload = function (e) {
                     scope.$evalAsync(function(){
-                        scope[attrs.preview]=e.target.result;
+                      scope[attrs.preview]=e.target.result;
                     });
-                };
-                reader.readAsDataURL(event.target.files[0]);
+                  };
+                  reader.readAsDataURL(event.target.files[0]);
+                }
+
+              }else{
+                if(error){
+                  scope.$evalAsync(function(){
+                    error.assign(scope, 'Only ' + allowed +  ' files are allowed');
+                  });
+                }
               }
+
             });
         });
         fileField.bind('click',function(e){
@@ -46,4 +89,4 @@ angular.module('bootstrap.fileField',[])
     replace:true,
     transclude:true
   };
-});
+}]);