From def7452a60f829303b83e86741c32e79a0fae58f Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Sun, 23 Feb 2020 01:29:18 +0100 Subject: [PATCH] :sparkles: (payment) add payment test to about page --- public/index.html | 1 + src/components/Payment.vue | 62 ++++++++++++++++++++++++++++++++++++ src/messages/fr.ts | 2 +- src/models/IPayment.ts | 33 +++++++++++++++++++ src/models/IPaymentIntent.ts | 3 ++ src/shims-vue.d.ts | 1 + src/views/About.vue | 5 ++- 7 files changed, 105 insertions(+), 2 deletions(-) create mode 100644 src/components/Payment.vue create mode 100644 src/models/IPayment.ts create mode 100644 src/models/IPaymentIntent.ts diff --git a/public/index.html b/public/index.html index 40677ff..aad093c 100644 --- a/public/index.html +++ b/public/index.html @@ -30,6 +30,7 @@ name="keywords" content="budget,friends,family,vacation,holidays,shopping" /> + diff --git a/src/components/Payment.vue b/src/components/Payment.vue new file mode 100644 index 0000000..7434c4f --- /dev/null +++ b/src/components/Payment.vue @@ -0,0 +1,62 @@ + + + diff --git a/src/messages/fr.ts b/src/messages/fr.ts index e213cc5..be53fbe 100644 --- a/src/messages/fr.ts +++ b/src/messages/fr.ts @@ -35,7 +35,7 @@ export default { }, about: { description: ` - Vaquant est une application pour réaliser + Vaquant est une application qui réalise des balances équitables de vos budgets entre amis lors de vos colocations, vacances, séjours, voyages, etc.` diff --git a/src/models/IPayment.ts b/src/models/IPayment.ts new file mode 100644 index 0000000..4052a83 --- /dev/null +++ b/src/models/IPayment.ts @@ -0,0 +1,33 @@ +export default interface IPayment { + token: { + id: string + object: string + card: { + id: string + object: 'token' + address_city: string | null + address_country: string | null + address_line1: string | null + address_line1_check: string | null + address_line2: string | null + address_state: string | null + address_zip: string + address_zip_check: string + brand: string + country: string + cvc_check: string + dynamic_last4: string | null + exp_month: number + exp_year: number + funding: string + last4: string + name: string | null + tokenization_method: string | null + } + client_ip: string + created: number + livemode: boolean + type: string + used: boolean + } +} diff --git a/src/models/IPaymentIntent.ts b/src/models/IPaymentIntent.ts new file mode 100644 index 0000000..df20f74 --- /dev/null +++ b/src/models/IPaymentIntent.ts @@ -0,0 +1,3 @@ +export default interface IPaymentIntent { + clientSecret: string +} diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts index 613554e..9576d67 100644 --- a/src/shims-vue.d.ts +++ b/src/shims-vue.d.ts @@ -9,3 +9,4 @@ declare module 'crypto-js/aes' declare module 'crypto-js/enc-utf8' declare module '@xkeshi/vue-qrcode' declare module 'font-color-contrast' +declare module 'vue-stripe-elements-plus' diff --git a/src/views/About.vue b/src/views/About.vue index 394e8be..170bc7e 100644 --- a/src/views/About.vue +++ b/src/views/About.vue @@ -1,5 +1,6 @@