Add some billing details

README.md

@@ -4,7 +4,7 @@
 
 Accept payments from visitors to your [Discourse](https://www.discourse.org/) application. Integrates with [Stripe](https://stripe.com).
 
-This is a newer version of https://github.com/rimian/discourse-donations. Many thanks to Chris Beach and Angus McLeod who helped on that project.
+This is a newer version of https://github.com/rimian/discourse-donations.
 
 ## Installation
 
@@ -28,3 +28,7 @@ Test with these credit card numbers:
 ## Warranty
 
 This software comes without warranties or conditions of any kind.
+
+## Credits
+
+Many thanks to Chris Beach and Angus McLeod who helped on the previous version of this plugin.

assets/javascripts/discourse/components/stripe-card.js.es6

@@ -43,7 +43,9 @@ export default Ember.Component.extend({
 
   actions: {
     submitStripeCard() {
-      this.stripe.createPaymentMethod("card", this.card).then(
+      const paymentOptions = { billing_details: this.get("billing") };
+
+      this.stripe.createPaymentMethod("card", this.card, paymentOptions).then(
         result => {
           if (result.error) {
             this.set("cardError", result.error.message);

assets/javascripts/discourse/controllers/patrons-show.js.es6

@@ -0,0 +1,9 @@
+import DiscourseURL from "discourse/lib/url";
+
+export default Ember.Controller.extend({
+  actions: {
+    goBack() {
+      return DiscourseURL.redirectTo("/patrons");
+    }
+  }
+});

assets/javascripts/discourse/routes/patrons.js.es6

@@ -1 +1,9 @@
-export default Discourse.Route.extend({});
+export default Discourse.Route.extend({
+  model() {
+    return Ember.Object.create({
+      name: "",
+      email: "",
+      phone: ""
+    });
+  }
+});

assets/javascripts/discourse/templates/components/donation-form.hbs

@@ -44,13 +44,40 @@
             {{combo-box valueAttribute="value" content=amounts value=amount}}
           </div>
         </div>
+
+        <div class="display-row">
+          <div class="field">
+            {{i18n 'discourse_patrons.billing.name'}}
+          </div>
+          <div class="value">
+            {{input value=billing.name}}
+          </div>
+        </div>
+        <div class="display-row">
+          <div class="field">
+            {{i18n 'discourse_patrons.billing.email'}}
+          </div>
+          <div class="value">
+            {{input value=billing.email}}
+          </div>
+        </div>
+        <div class="display-row">
+          <div class="field">
+            {{i18n 'discourse_patrons.billing.phone'}}
+          </div>
+          <div class="value">
+            {{input value=billing.phone}}
+          </div>
+        </div>
       </div>
+
     </div>
     <div class="section-column">
       <div style>
         {{stripe-card
           amount=amount
           currency=currency
+          billing=billing
           handleConfirmStripeCard=(action "handleConfirmStripeCard")
         }}
       </div>

assets/javascripts/discourse/templates/patrons/index.hbs

@@ -7,6 +7,7 @@
 
 <div class="donations-page-payment">
   {{donation-form
+    billing=model
     paymentSuccessHandler=(action "paymentSuccessHandler")
     stripePaymentHandler=(action "stripePaymentHandler")
   }}

assets/javascripts/discourse/templates/patrons/show.hbs

@@ -5,3 +5,7 @@
 <div class="donations-page-description">
   {{cook-text siteSettings.discourse_patrons_success_page}}
 </div>
+
+{{#d-button action="goBack" class="btn btn-primary"}}
+  {{i18n 'discourse_patrons.button.success'}}
+{{/d-button}}

config/locales/client.en.yml

@@ -21,9 +21,11 @@ en:
       payment_information: Credit card information
       submit: Make payment $
       confirm: Confirm payment $
-      invoice: "invoice"
+      billing:
-      invoice_prefix: "You gave"
+        name: Full name
-      receipt: "Receipt sent to {{email}}."
+        email: Email
       confirmation:
         amount: Amount $
         last4: Card number
+      buttons:
+        success: Go back