From 7f8330cb62e40a6b93c11d7c1e548800adb7c52a Mon Sep 17 00:00:00 2001
From: Rimian Perkins <hello@rimian.com.au>
Date: Mon, 6 Mar 2017 11:12:22 +1100
Subject: [PATCH] add spinner and use button template

---
 .../javascripts/discourse/components/stripe-card.js.es6  | 8 +++++---
 .../discourse/templates/components/stripe-card.hbs       | 9 ++++++++-
 plugin.rb                                                | 2 +-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/assets/javascripts/discourse/components/stripe-card.js.es6 b/assets/javascripts/discourse/components/stripe-card.js.es6
index 4514e2e..78a98b2 100644
--- a/assets/javascripts/discourse/components/stripe-card.js.es6
+++ b/assets/javascripts/discourse/components/stripe-card.js.es6
@@ -6,6 +6,7 @@ export default Ember.Component.extend({
   result: null,
   amount: null,
   stripe: null,
+  transactionInProgress: null,
 
   init() {
     this._super();
@@ -32,17 +33,18 @@ export default Ember.Component.extend({
         self.set('result', null);
 
         if (result.error) {
-          console.log('error yo');
+          console.log(result.error);
         }
         else {
+          self.set('transactionInProgress', true);
+
           var params = {
             stripeToken: result.token.id,
             amount: self.get('amount') * 100
           };
 
-          console.log(params);
-
           ajax('/charges', { data: params, method: 'post' }).then(data => {
+            self.set('transactionInProgress', false);
             self.set('result', (data.status == 'succeeded' ? true : null));
           }).catch((data) => {
             console.log('catch', data);
diff --git a/assets/javascripts/discourse/templates/components/stripe-card.hbs b/assets/javascripts/discourse/templates/components/stripe-card.hbs
index 5983439..a982f1c 100644
--- a/assets/javascripts/discourse/templates/components/stripe-card.hbs
+++ b/assets/javascripts/discourse/templates/components/stripe-card.hbs
@@ -14,7 +14,14 @@
 
   <div class="control-group save-button">
     <div class="controls">
-      <button {{action "submitStripeCard"}} class="btn btn-primary">{{i18n 'discourse_donations.submit'}}</button>
+      {{#d-button action="submitStripeCard" class="btn btn-primary btn-payment"}}
+        {{i18n 'discourse_donations.submit'}}
+      {{/d-button}}
+
+      {{#if transactionInProgress}}
+        {{loading-spinner size="small"}}
+      {{/if}}
+
       {{#if result}}
         <span>{{i18n 'discourse_donations.success'}}</span>
       {{/if}}
diff --git a/plugin.rb b/plugin.rb
index 8a092c3..4423d22 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -1,6 +1,6 @@
 # name: discourse-donations
 # about: Integrating Discourse with Stripe for donations
-# version: 1.7.1
+# version: 1.7.2
 # url: https://github.com/choiceaustralia/discourse-donations
 # authors: Rimian Perkins