validate billing

This commit is contained in:
Rimian Perkins
2019-09-12 17:47:08 +10:00
parent b60244e809
commit ba73e688f2
5 changed files with 48 additions and 4 deletions
@@ -41,9 +41,21 @@ export default Ember.Component.extend({
});
},
validateBilling() {
const billing = this.get('billing');
const deleteEmpty = (key) => {
if(Ember.isEmpty(billing.get(key))) {
billing.set(key, undefined);
}
}
['name', 'phone', 'email'].forEach((key) => deleteEmpty(key));
},
actions: {
submitStripeCard() {
const paymentOptions = { billing_details: this.get("billing") };
this.validateBilling();
const paymentOptions = { billing_details: this.get('billing') };
this.stripe.createPaymentMethod("card", this.card, paymentOptions).then(
result => {
@@ -34,13 +34,14 @@
<div class="section-column">
<h3>{{i18n 'discourse_patrons.payment.your_information'}}</h3>
<div class="user-controls discource-patrons-fields">
<div class="user-controls discourse-patrons-fields discourse-patrons-billing">
<div class="display-row">
<div class="field">
{{i18n 'discourse_patrons.billing.name'}}
</div>
<div class="value">
{{input value=billing.name}}
<div class="desc">{{i18n 'discourse_patrons.payment.optional'}}</div>
</div>
</div>
<div class="display-row">
@@ -49,6 +50,7 @@
</div>
<div class="value">
{{input type="email" value=billing.email}}
<div class="desc">{{i18n 'discourse_patrons.payment.optional'}}</div>
</div>
</div>
<div class="display-row">
@@ -57,6 +59,7 @@
</div>
<div class="value">
{{input value=billing.phone}}
<div class="desc">{{i18n 'discourse_patrons.payment.optional'}}</div>
</div>
</div>
</div>
@@ -65,7 +68,7 @@
<div class="section-column">
<h3>{{i18n 'discourse_patrons.payment.payment_information'}}</h3>
<div class="user-controls discource-patrons-fields">
<div class="user-controls discourse-patrons-fields">
<div class="display-row">
<div class="field">
{{i18n 'discourse_patrons.amount'}}