Added Crop, Compression and Inline parameter support

Author: lucor

src/image-engine-angular.js

@@ -4,7 +4,7 @@
  * An AngularJS directive for ImageEngine
  * Homepage: https://github.com/WURFL/ImageEngine-angular
  * Authors: Luca Corbo (https://github.com/lucor)
- * (c) 2014 - 2016 ScientiaMobile, Inc.
+ * (c) 2014 - 2017 ScientiaMobile, Inc.
  * License: MIT
  */
 
@@ -48,17 +48,20 @@ angular.module('image-engine-angular', [])
                 pc: '@',
                 m: '@',
                 f: '@',
-                r: '@'
+                r: '@',
+                cr: '@',
+                cmpr: '@',
+                in: '@'
             },
             template: function (element, attributes) {
                 return '<div class="img-eng"><img ng-src="{{imgeng_link}}"/></div>';
             },
             link: function (scope, element, attributes) {
                 scope.imgeng_link = '';
 
-                var allowedAttributes = ['w', 'h', 'pc', 'm', 'f', 'r'];
+                var allowedAttributes = ['w', 'h', 'pc', 'm', 'f', 'r', 'cr', 'cmpr', 'in'];
 
-                scope.$watchCollection('[src, w, h, pc, m, f, r]', function (values, oldValues) {
+                scope.$watchCollection('[src, w, h, pc, m, f, r, cr, cmpr, in]', function (values, oldValues) {
 
                     var src = values.shift();
                     if (!src) {

test/unit/directiveSpec.js

@@ -85,4 +85,13 @@ describe("Unit: Testing angular directive for ImageEngine", function() {
         expect(elt.html()).to.be.equal('<div class="img-eng"><img ng-src="//token.imgeng.in/http://test.com/image2.jpg" src="//token.imgeng.in/http://test.com/image2.jpg"></div>');
     });
 
+    it('should ignore invalid attribute', function () {
+        var elt = angular.element('<img-eng src="http://test.com/image.jpg" w="200" in="true" a="invalid"></img-eng>');
+        compile(elt)(scope);
+        scope.$digest();
+
+        expect(elt.html()).to.be.a('string');
+        expect(elt.html()).to.be.equal('<div class="img-eng"><img ng-src="//token.imgeng.in/w_200/in_true/http://test.com/image.jpg" src="//token.imgeng.in/w_200/in_true/http://test.com/image.jpg"></div>');
+    });
+
 });