├── README.md
├── bower.json
└── stripe-angular.js


/README.md:
--------------------------------------------------------------------------------
 1 | # Stripe Angular [![Bower version](https://badge.fury.io/bo/stripe-angular.svg)](http://badge.fury.io/bo/stripe-angular)
 2 | Angular directives to deal with [Stripe](https://stripe.com/).
 3 | 
 4 | ## Setup
 5 | 1) Install `stripe-angular` with bower
 6 | ```
 7 | bower install stripe-angular
 8 | ```
 9 | 
10 | 2) Include `stripe.js` and this module in your page
11 | ```html
12 | <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
13 | <script type="text/javascript" src="lib/stripe-angular/stripe-angular.js"></script>
14 | <!-- the path above may vary depending on how you brought this module into your project -->
15 | ```
16 | 
17 | 3) Set your Stripe `publishable API key`
18 | ```js
19 | angular.module('myApp', ['stripe'])
20 | .config(function() {
21 |   Stripe.setPublishableKey('your-publishable-key');
22 | })
23 | ```
24 | 
25 | ## Directives
26 | List of available directives (only one at the moment :grin: ):
27 | 
28 | ### `stripe:form`
29 | It abstracts what you would be doing manually as described in [https://stripe.com/docs/tutorials/forms](https://stripe.com/docs/tutorials/forms) to create a `single-use token`.
30 | 
31 | ```html
32 | <form stripe:form="saveCustomer">
33 |   <fieldset>
34 |     <input type="text" size="20" data-stripe="number"/>
35 |     <input type="text" size="4" data-stripe="cvc"/>
36 |     <input type="text" size="2" data-stripe="exp-month"/>
37 |     <input type="text" size="4" data-stripe="exp-year"/>
38 |   </fieldset>
39 |   <button type="submit">Save</button>
40 | </form>
41 | ```
42 | 
43 | The `saveCustomer` function or whatever function you set as a value for the `stripe:form` attribute is the form's response handler - the Stripe API docs refer to this as the `stripeResponseHandler`.
44 | 
45 | You can now do whatever you want with the response, like sending the `single-use token` to your server to [complete a charge or save the payment details for later](https://stripe.com/docs/tutorials/charges).
46 | 
47 | ```js
48 | angular.module('myApp', ['stripe'])
49 | .controller('IndexController', function($scope, $http) {
50 |   $scope.saveCustomer = function(status, response) {
51 |     $http.post('/save_customer', { token: response.id });
52 |   };
53 | });
54 | ```
55 | 
56 | ## License
57 | This is licensed under the feel-free-to-do-whatever-you-want-to-do license.
58 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "stripe-angular",
 3 |   "main": "stripe-angular.js",
 4 |   "version": "1.0.2",
 5 |   "homepage": "https://github.com/gtramontina/stripe-angular",
 6 |   "description": "Angular directives to deal with Stripe.",
 7 |   "keywords": [
 8 |     "angular",
 9 |     "ng",
10 |     "stripe"
11 |   ],
12 |   "ignore": [ "README.md" ],
13 |   "authors": [
14 |     "Guilherme J. Tramontina <guilherme.tramontina@gmail.com>"
15 |   ],
16 |   "license": "unlicense"
17 | }
18 | 


--------------------------------------------------------------------------------
/stripe-angular.js:
--------------------------------------------------------------------------------
 1 | angular.module('stripe', []).directive('stripeForm', ['$window',
 2 | function($window) {
 3 | 
 4 |   var directive = { restrict: 'A' };
 5 |   directive.link = function(scope, element, attributes) {
 6 |     var form = angular.element(element);
 7 |     form.bind('submit', function() {
 8 |       var button = form.find('button');
 9 |       button.prop('disabled', true);
10 |       $window.Stripe.createToken(form[0], function() {
11 |         button.prop('disabled', false);
12 |         var args = arguments;
13 |         scope.$apply(function() {
14 |           scope.$eval(attributes.stripeForm).apply(scope, args);
15 |         });
16 |       });
17 |     });
18 |   };
19 |   return directive;
20 | 
21 | }]);
22 | 


--------------------------------------------------------------------------------