mirror of https://github.com/rancher/ui.git
parent
2fa6790d3d
commit
e8db3dddef
|
|
@ -7,7 +7,7 @@ export default Ember.Component.extend(ModalBase, {
|
||||||
classNames: ['generic', 'medium-modal', 'add-new-payment'],
|
classNames: ['generic', 'medium-modal', 'add-new-payment'],
|
||||||
creditCard: null,
|
creditCard: null,
|
||||||
errors: null,
|
errors: null,
|
||||||
customer: null,
|
// customer: null,
|
||||||
suToken: null,
|
suToken: null,
|
||||||
init() {
|
init() {
|
||||||
this._super(...arguments);
|
this._super(...arguments);
|
||||||
|
|
@ -17,22 +17,22 @@ export default Ember.Component.extend(ModalBase, {
|
||||||
expiry: null,
|
expiry: null,
|
||||||
cvc: null,
|
cvc: null,
|
||||||
});
|
});
|
||||||
this.set('customer', {
|
// this.set('customer', {
|
||||||
name: null,
|
// name: null,
|
||||||
address_line1: null,
|
// address_line1: null,
|
||||||
address_line2: null,
|
// address_line2: null,
|
||||||
address_city: null,
|
// address_city: null,
|
||||||
address_state: null,
|
// address_state: null,
|
||||||
address_zip: null,
|
// address_zip: null,
|
||||||
address_country: null,
|
// address_country: null,
|
||||||
});
|
// });
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
validate() {
|
validate() {
|
||||||
// stripe card validate
|
// stripe card validate
|
||||||
var stripe = this.get('stripe');
|
var stripe = this.get('stripe');
|
||||||
var card = this.get('creditCard');
|
var card = this.get('creditCard');
|
||||||
var customer = this.get('customer');
|
// var customer = this.get('customer');
|
||||||
var errors = [];
|
var errors = [];
|
||||||
var intl = this.get('intl');
|
var intl = this.get('intl');
|
||||||
|
|
||||||
|
|
@ -48,24 +48,24 @@ export default Ember.Component.extend(ModalBase, {
|
||||||
errors.push(intl.t('modalAddPayment.errors.cvc'));
|
errors.push(intl.t('modalAddPayment.errors.cvc'));
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( (customer.address_line1||'').trim().length === 0 )
|
// if ( (customer.address_line1||'').trim().length === 0 )
|
||||||
{
|
// {
|
||||||
errors.push(intl.t('modalAddPayment.errors.street'));
|
// errors.push(intl.t('modalAddPayment.errors.street'));
|
||||||
}
|
// }
|
||||||
|
|
||||||
if ( (customer.address_city||'').trim().length === 0 )
|
// if ( (customer.address_city||'').trim().length === 0 )
|
||||||
{
|
// {
|
||||||
errors.push(intl.t('modalAddPayment.errors.city'));
|
// errors.push(intl.t('modalAddPayment.errors.city'));
|
||||||
}
|
// }
|
||||||
|
|
||||||
if ( (customer.address_state||'').trim().length === 0 )
|
// if ( (customer.address_state||'').trim().length === 0 )
|
||||||
{
|
// {
|
||||||
errors.push(intl.t('modalAddPayment.errors.state'));
|
// errors.push(intl.t('modalAddPayment.errors.state'));
|
||||||
}
|
// }
|
||||||
if ( (customer.address_zip||'').trim().length === 0 )
|
// if ( (customer.address_zip||'').trim().length === 0 )
|
||||||
{
|
// {
|
||||||
errors.push(intl.t('modalAddPayment.errors.zip'));
|
// errors.push(intl.t('modalAddPayment.errors.zip'));
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (errors.length) {
|
if (errors.length) {
|
||||||
this.set('errors', errors);
|
this.set('errors', errors);
|
||||||
|
|
@ -76,7 +76,7 @@ export default Ember.Component.extend(ModalBase, {
|
||||||
createCustomer() {
|
createCustomer() {
|
||||||
var stripe = this.get('stripe');
|
var stripe = this.get('stripe');
|
||||||
var card = this.get('creditCard');
|
var card = this.get('creditCard');
|
||||||
var customer = this.get('customer');
|
// var customer = this.get('customer');
|
||||||
var cardOut = {};
|
var cardOut = {};
|
||||||
|
|
||||||
// card.js returns the expiry in a single string, stripe expects the expiry in two (month and year)
|
// card.js returns the expiry in a single string, stripe expects the expiry in two (month and year)
|
||||||
|
|
@ -90,8 +90,7 @@ export default Ember.Component.extend(ModalBase, {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.$().extend(cardOut, customer);
|
// this.$().extend(cardOut, customer);
|
||||||
debugger;
|
|
||||||
stripe.card.createToken(cardOut).then((response) => {
|
stripe.card.createToken(cardOut).then((response) => {
|
||||||
// you get access to your newly created token here
|
// you get access to your newly created token here
|
||||||
cardOut.token = response.id;
|
cardOut.token = response.id;
|
||||||
|
|
|
||||||
|
|
@ -29,46 +29,46 @@
|
||||||
{{input type="text" name="name" value=creditCard.name classNames="form-control" placeholder=(t 'modalAddPayment.form.name.placeholder')}}
|
{{input type="text" name="name" value=creditCard.name classNames="form-control" placeholder=(t 'modalAddPayment.form.name.placeholder')}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row inline-form">
|
<!-- <div class="row inline-form"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.addressLine1.label'}}*</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.addressLine1.label'}}*</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_line1 classNames="form-control" placeholder=(t 'modalAddPayment.form.address.addressLine1.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_line1 classNames="form-control" placeholder=(t 'modalAddPayment.form.address.addressLine1.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
<div class="row inline-form">
|
<!-- <div class="row inline-form"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.addressLine2.label'}}</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.addressLine2.label'}}</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_line2 classNames="form-control" placeholder=(t 'modalAddPayment.form.address.addressLine2.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_line2 classNames="form-control" placeholder=(t 'modalAddPayment.form.address.addressLine2.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
<div class="row inline-form">
|
<!-- <div class="row inline-form"> -->
|
||||||
<div class="col span-3">
|
<!-- <div class="col span-3"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.city.label'}}*</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.city.label'}}*</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_city classNames="form-control" placeholder=(t 'modalAddPayment.form.address.city.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_city classNames="form-control" placeholder=(t 'modalAddPayment.form.address.city.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
<div class="col span-3">
|
<!-- <div class="col span-3"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.state.label'}}*</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.state.label'}}*</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_state classNames="form-control" placeholder=(t 'modalAddPayment.form.address.state.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_state classNames="form-control" placeholder=(t 'modalAddPayment.form.address.state.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
<div class="col span-3">
|
<!-- <div class="col span-3"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.zip.label'}}*</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.zip.label'}}*</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_zip classNames="form-control" placeholder=(t 'modalAddPayment.form.address.zip.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_zip classNames="form-control" placeholder=(t 'modalAddPayment.form.address.zip.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
<div class="row inline-form">
|
<!-- <div class="row inline-form"> -->
|
||||||
<div class="col span-4">
|
<!-- <div class="col span-4"> -->
|
||||||
<label>{{t 'modalAddPayment.form.address.country.label'}}</label>
|
<!-- <label>{{t 'modalAddPayment.form.address.country.label'}}</label> -->
|
||||||
<div class="">
|
<!-- <div class=""> -->
|
||||||
{{input type="text" name="" value=customer.address_country classNames="form-control" placeholder=(t 'modalAddPayment.form.address.country.placeholder')}}
|
<!-- {{input type="text" name="" value=customer.address_country classNames="form-control" placeholder=(t 'modalAddPayment.form.address.country.placeholder')}} -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</div>
|
<!-- </div> -->
|
||||||
</form>
|
</form>
|
||||||
<div class="footer-actions">
|
<div class="footer-actions">
|
||||||
{{#if canValidate}}
|
{{#if canValidate}}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
module.exports = function(app/*, options*/) {
|
||||||
|
var bodyParser = require('body-parser');
|
||||||
|
var config = require('../../config/environment')().APP;
|
||||||
|
var request = require('request');
|
||||||
|
|
||||||
|
var rancherApiUrl = `${config.apiServer}${config.apiEndpoint}`;
|
||||||
|
var tablePrefix = process.env.DB_TABLE_PREFIX || '';
|
||||||
|
|
||||||
|
app.use(bodyParser.json()); // for parsing application/json
|
||||||
|
|
||||||
|
|
||||||
|
app.use('/customer', function(req, res) {
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
Loading…
Reference in New Issue