From 551b578b21ae568170e7a5f1ae52adee62d00fed Mon Sep 17 00:00:00 2001
From: Rimian Perkins <hello@rimian.com.au>
Date: Thu, 23 Feb 2017 12:48:06 +1100
Subject: [PATCH] add the amount as a combo-box

---
 .../discourse/components/stripe-card.js.es6      |  6 +++++-
 .../templates/components/stripe-card.hbs         | 16 ++++++++++------
 config/locales/client.en.yml                     |  3 ++-
 plugin.rb                                        |  2 +-
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/assets/javascripts/discourse/components/stripe-card.js.es6 b/assets/javascripts/discourse/components/stripe-card.js.es6
index bf8f80f..b8f5a6d 100644
--- a/assets/javascripts/discourse/components/stripe-card.js.es6
+++ b/assets/javascripts/discourse/components/stripe-card.js.es6
@@ -2,6 +2,8 @@ import { ajax } from 'discourse/lib/ajax';
 
 export default Ember.Component.extend({
   result: null,
+  paymentAmounts: [5, 10],
+  amount: null,
   stripe: Stripe('pk_test_b8RmhzlL8QPizJRqOrKF3JEV'),
 
   card: function() {
@@ -28,9 +30,11 @@ export default Ember.Component.extend({
         else {
           var params = {
             stripeToken: result.token.id,
-            amount: 1235
+            amount: self.get('amount') * 100
           };
 
+          console.log(params);
+
           ajax('/charges', { data: params, method: 'post' }).then(data => {
             self.set('result', (data.status == 'succeeded' ? true : null));
           }).catch((data) => {
diff --git a/assets/javascripts/discourse/templates/components/stripe-card.hbs b/assets/javascripts/discourse/templates/components/stripe-card.hbs
index e33716d..15b111f 100644
--- a/assets/javascripts/discourse/templates/components/stripe-card.hbs
+++ b/assets/javascripts/discourse/templates/components/stripe-card.hbs
@@ -1,5 +1,12 @@
 <form id="payment-form" class="form-horizontal">
 
+  <div class="control-group" style="width: 550px;">
+    <label class="control-label" for="card-element">{{i18n 'discourse_payments.amount'}}</label>
+    <div class="controls controls-dropdown">
+      {{combo-box valueAttribute="value" content=paymentAmounts value=amount}}
+    </div>
+  </div>
+
   <div class="control-group" style="width: 550px;">
     <label class="control-label" for="card-element">{{i18n 'discourse_payments.card'}}</label>
     <div id="card-element" class="controls"></div>
@@ -8,12 +15,9 @@
   <div class="control-group save-button">
     <div class="controls">
       <button {{action "submitStripeCard"}} class="btn btn-primary">{{i18n 'discourse_payments.submit'}}</button>
+      {{#if result}}
+        <span>{{i18n 'discourse_payments.success'}}</span>
+      {{/if}}
     </div>
   </div>
-
-  {{#if result}}
-    <div class="control-group">
-      <span>{{i18n 'discourse_payments.success'}}</span>
-    </div>
-  {{/if}}
 </form>
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index fe1490a..48de9f9 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2,6 +2,7 @@ en:
   js:
     discourse_payments:
       title: Donate
+      amount: Amount
       card: Credit or debit card
-      success: Payment Successful
+      success: Payment Successful!
       submit: Make Payment
diff --git a/plugin.rb b/plugin.rb
index 24a053d..df456df 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -1,6 +1,6 @@
 # name: discourse-payments
 # about: Integrating Discourse with Stripe
-# version: 1.4.0
+# version: 1.5.0
 # url: https://github.com/choiceaustralia/discourse-payments
 # authors: Rimian Perkins