jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Paymentcompleted

Browse Source
This commit is contained in:
PascalMarchesseault
2024-05-14 23:45:55 -04:00
parent 83695b663c
commit 590c81650d
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/PayementCompleted.vue
View File

@@ -5,24 +5,20 @@
<DefaultLayout></DefaultLayout> <DefaultLayout></DefaultLayout>
<v-container> <v-container>
<div class="margin-top-mobile"> <div class="margin-top-mobile">
<v-row style="margin-top: 8%; margin-bottom: 2%" class="d-flex justify-center align-center"> <v-row style="margin-top: 4%; margin-bottom: 2%" class="d-flex justify-center align-center">
<v-col cols="12" xxl="3" xl="4" lg="6" md="7" sm="9"> <v-card class="custom-dialog" <v-col cols="12" xxl="4" xl="4" lg="5" md="7" sm="9"> <v-card class="custom-dialog"
style="background-color: white;"> style="background-color: white;">
<v-container> <v-container>
<!-- Title Card --> <!-- Title Card -->
<v-card-text style="font-weight: 600; margin-top: 25px; margin-bottom: 25px; font-size: 2.5rem;" <v-card-text style="font-weight: 600; margin-top: 20px; margin-bottom: 20px; font-size: 2rem;"
class="text-center"> class="text-center">
Paiement complété Paiement complété
</v-card-text> </v-card-text>
<v-text-field v-model="email" label="Email"></v-text-field>
<v-btn @click="getReceipt">Reçu</v-btn>
<v-row justify="center"> <v-row justify="center">
<!-- Icon Check --> <!-- Icon Check -->
<v-col cols="12" class="text-center"> <v-col cols="12" class="text-center">
<v-icon color=#a30e79 size="250">mdi-check-circle</v-icon> <v-icon color=#a30e79 size="150">mdi-check-circle</v-icon>
</v-col> </v-col>
</v-row> </v-row>
<!-- Informations --> <!-- Informations -->
@@ -31,17 +27,23 @@
<v-card-text style="font-size: 1.2rem; text-align: center;"> <v-card-text style="font-size: 1.2rem; text-align: center;">
Merci de supporter Merci de supporter
</v-card-text> </v-card-text>
<v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center;"> <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center; margin-bottom: 10px;">
{{ creatorName }} {{ creatorName }}
</v-card-text> </v-card-text>
</v-col> </v-col>
</v-row> </v-row>
<!-- Ok btn --> <!-- Ok btn -->
<v-row> <v-row>
<v-row style="margin-left: 30px; margin-right: 30px; margin-bottom: 10px;">
<v-text-field variant="underlined" style=" opacity: 0.80; margin-right: 10px;" v-model="email"
label="Email"></v-text-field>
<v-btn variant="plain" style="margin-top: 10px;" @click="getReceipt">Reçu</v-btn>
</v-row>
<v-col cols="12"> <v-col cols="12">
<v-card-actions class="justify-center"> <v-card-actions class="justify-center">
<v-btn color="white" outlined elevation="2" <v-btn color="white" outlined elevation="2"
style="font-size: 2rem; width: 250px; height: 50px; margin-bottom: 25px; background-color: #a30e79;" style="font-size: 2rem; width: 175px; height: 45px; margin-bottom: 25px; background-color: #a30e79;"
@click="router.push({ path: `/${creatorUserName}` })">Ok</v-btn> @click="router.push({ path: `/${creatorUserName}` })">Ok</v-btn>
</v-card-actions> </v-card-actions>
</v-col> </v-col>
@@ -66,9 +68,9 @@
<script async setup> <script async setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue'; import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue'; import FooterLayout from '@/layouts/FooterLayout.vue';
import { useRouter } from 'vue-router';
import { useClient } from '@/plugins/api.js'; import { useClient } from '@/plugins/api.js';
import { onBeforeMount, ref } from 'vue'; import { onBeforeMount, ref } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter() const router = useRouter()
const client = useClient(); const client = useClient();