Merge pull request #25 from tjokimie/support-size

Support size

Author: vepasto

README.md

@@ -50,13 +50,14 @@ Angular.JS wrapper for Google's No CAPTCHA reCAPTCHA. See demo at [http://codedi
 
 ## no-captcha element parameters
 
-| Param                | Type                   | Details                                                            |
-|----------------------|------------------------|--------------------------------------------------------------------|
-| g-recaptcha-response | Expression             | Bind reCAPTCHA response token                                      |
-| theme                | String {light \| dark} | Optional. The color theme of the widget. Can be set also in config |
-| site-key             | String                 | Optional. Your site key. Can be set also in config                 |
-| control              | Expression             | Optional. Object where reset-function will be injected             |
-| expired-callback     | Expression             | Optional. Callback for expired event                               |
+| Param                | Type                       | Details                                                            |
+|----------------------|----------------------------|--------------------------------------------------------------------|
+| g-recaptcha-response | Expression                 | Bind reCAPTCHA response token                                      |
+| theme                | String {light \| dark}     | Optional. The color theme of the widget. Can be set also in config |
+| size                 | String {normal \| compact} | Optional. The size of the widget. Can be set also in config        |
+| site-key             | String                     | Optional. Your site key. Can be set also in config                 |
+| control              | Expression                 | Optional. Object where reset-function will be injected             |
+| expired-callback     | Expression                 | Optional. Callback for expired event                               |
 
 ## Example
 

src/angular-no-captcha.js

@@ -24,20 +24,26 @@ angular
     }])
   .provider('noCAPTCHA', function noCaptchaProvider(){
     var siteKey,
+      size,
       theme;
 
     this.setSiteKey = function (_siteKey){
       siteKey = _siteKey;
     };
 
+    this.setSize = function (_size){
+      size = _size;
+    };
+
     this.setTheme = function (_theme){
       theme = _theme;
     };
 
     this.$get = [function noCaptchaFactory(){
       return {
         theme: theme,
-        siteKey: siteKey
+        siteKey: siteKey,
+        size: size
       }
     }];
   })
@@ -74,6 +80,7 @@ angular
         scope: {
           gRecaptchaResponse: '=',
           siteKey: '@',
+          size: '@',
           theme: '@',
           control: '=?',
           expiredCallback: '=?'
@@ -88,6 +95,7 @@ angular
 
           grecaptchaCreateParameters = {
             sitekey: scope.siteKey || noCaptcha.siteKey,
+            size: scope.size || noCaptcha.size,
             theme: scope.theme || noCaptcha.theme,
             callback: function (r){
               scope.$apply(function (){

tests/no-captcha.provider.test.mocha.js

@@ -25,6 +25,18 @@ describe('noCAPTCHA provider', function() {
     }]));
   });
 
+  describe('set site size', function() {
+    var testSize = 'compact';
+
+    beforeEach(function() {
+      noCAPTCHAProvider.setSize(testSize);
+    });
+
+    it('should remember the value', inject(['noCAPTCHA', function(noCAPTCHA) {
+      expect(noCAPTCHA.size).to.equal(testSize);
+    }]));
+  });
+
   describe('set theme', function() {
     var theme = 'dark';