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

Changs

Browse Source
This commit is contained in:
PascalMarchesseault
2024-03-16 12:21:55 -04:00
parent a1c5e10635
commit 38cb28d820
1 changed files with 105 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/views/main/CreatorFolio.vue
View File

@@ -32,7 +32,7 @@
<RouterLink :to="{ name: 'home' }"> <RouterLink :to="{ name: 'home' }">
<v-btn size="x-large" <v-btn size="x-large"
style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);" style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
elevation="0"> elevation="0">
<v-icon left class="icon-size" style="margin-left: -95%;">mdi-home</v-icon> <v-icon left class="icon-size" style="margin-left: -95%;">mdi-home</v-icon>
<div style="margin-left: 10%;"> Accueil</div> <div style="margin-left: 10%;"> Accueil</div>
@@ -42,16 +42,16 @@
<RouterLink :to="{ name: 'contact' }"> <RouterLink :to="{ name: 'contact' }">
<v-btn size="x-large" <v-btn size="x-large"
style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);" style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
elevation="0"> elevation="0">
<v-icon left class="icon-size" style="margin-left: -1%;">mdi-account-plus</v-icon> <v-icon left class="icon-size" style="margin-left: -3%;">mdi-account-plus</v-icon>
<div style="margin-left: 10%;">Ajouter des amis</div> <div style="margin-left: 6%;">Ajouter des amis</div>
</v-btn> </v-btn>
</RouterLink> </RouterLink>
<RouterLink :to="{ name: 'creatorfolio' }"> <RouterLink :to="{ name: 'creatorfolio' }">
<v-btn size="x-large" <v-btn size="x-large"
style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.03);" style="background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
elevation="0"> elevation="0">
<v-icon left class="icon-size" style="margin-left: -79%;">mdi-newspaper</v-icon> <v-icon left class="icon-size" style="margin-left: -79%;">mdi-newspaper</v-icon>
<div style="margin-left: 10%;">Contenu</div> <div style="margin-left: 10%;">Contenu</div>
@@ -59,94 +59,121 @@
</RouterLink> </RouterLink>
<v-container class="elevation-4" <v-dialog transition="dialog-top-transition" width="auto">
style="margin-top: 25%; border-radius: 25px; height: 700px; background-color: #a40e79;"> <template v-slot:activator="{ props: activatorProps }">
<v-container style="font-size: 1.4rem; border-radius: 25px; height: 665px; background-color:#f4f4f4;"> <v-btn v-bind="activatorProps" text="Transition from Top" block size="x-large"
style="margin-left: -8%; background-color: #f4f4f4; min-width: 370px; max-width: 370px; transform: scale(1.3);"
<H1 style="margin-bottom: 10%; text-align: center; font-size: 2rem;">PORTEFEUILLE</H1> elevation="0">
<v-icon color="black">mdi-wallet</v-icon>
<v-row> <div style="margin-left: 10%;" @click="isActive.value = false">PORTEFEUILLE</div>
<v-col cols="8">
<h1>Dons reçus :</h1>
</v-col>
<v-col>
0
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Argent reçu :</h1>
</v-col>
<v-col>
0$
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Argent retiré :</h1>
</v-col>
<v-col>
0$
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Transaction # :</h1>
</v-col>
<v-col>
0
</v-col>
</v-row>
<v-row style="margin-bottom: 3%; margin-left: 3%;" align="center" justify="center">
<v-btn style="margin-right: 3%;" class="round-btn" @click="previous">
<v-icon>mdi-chevron-left</v-icon>
</v-btn> </v-btn>
</template>
<template v-slot:default="{ isActive }">
<v-card style="border-radius: 30px;">
<div class="text-center" style=" margin-top: 2%; margin-bottom: 2%;">
<v-icon left size="48">mdi-wallet</v-icon>
<v-toolbar title="PORTEFEUILLE"
style="color: white; width: 750px; background-color: #a30e79; margin-bottom: -6%;"></v-toolbar>
</div>
<v-card-text class="text-h1 pa-12">
<v-row>
<v-col> <v-col>
<h1 style="text-align: center; margin-top: 7%;">Messages</h1> <v-row>
<v-col cols="7">
<h1 style="margin-bottom: 4%; font-size: 1.3rem;">Balance actuelle</h1>
<h1 style="margin-bottom: 4%; font-size: 1.3rem;">Montant reçu</h1>
<h1 style="margin-bottom: 4%; font-size: 1.3rem;">Dernier don</h1>
</v-col> </v-col>
<v-col> <v-col>
<v-btn class="round-btn" @click="next"> <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
<v-icon>mdi-chevron-right</v-icon> <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
</v-btn> <h1 style="margin-bottom: 4%; font-size: 1.3rem;">2024-10-04</h1>
<p></p>
</v-col> </v-col>
</v-row> </v-row>
<v-container style="background-color: #a40e79; border-radius: 25px; height: 260px;"> </v-col>
<p
style="color: white; height: 260px; border-radius: 25px; text-align: justify; margin: 0% ;">
Tu es le meilleur <v-col>
</p> <v-row>
</v-container> <v-col cols="8">
<h1 style="margin-bottom: 4%; font-size: 1.2rem;">Dons</h1>
<h1 style="margin-bottom: 4%; font-size: 1.2rem;">Montant retiré</h1>
</v-col>
<v-col>
<h1 style="margin-bottom: 4%; font-size: 1.2rem;">0</h1>
<h1 style="margin-bottom: 4%; font-size: 1.2rem;">0$</h1>
<p></p>
</v-col>
</v-row>
</v-col>
</v-row>
</v-card-text>
<v-card-actions class="justify-center">
<v-btn text="Fermer" @click="isActive.value = false"></v-btn>
</v-card-actions>
</v-card>
<v-card style="border-radius: 25pxo; margin-top: 3%; height: 30px;">
<v-row>
<v-col style="margin-right: -2%;" cols="1"
class="text-truncate text-center font-weight-bold">T#</v-col>
<v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
class="text-truncate text-center font-weight-bold">$</v-col>
<v-col cols="2" class="text-truncate text-center font-weight-bold">Date</v-col>
<v-col cols="3" class="text-truncate text-center font-weight-bold"
style="margin-right: 2%; background-color: #fbccee">Name</v-col>
<v-col cols="5" class="text-truncate text-center font-weight-bold">message</v-col>
</v-row>
</v-card>
<v-card style=" border-radius: 25pxo; margin-top: .5%; max-height: 450px;">
<v-row>
<v-col style="margin-right: -2%;" cols="1" class="text-truncate">1</v-col>
<v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
class="text-truncate">10$</v-col>
<v-col cols="2" class="text-truncate">20-10-2025</v-col>
<v-col cols="3" class="text-truncate"
style="margin-right: 2%; background-color: #fbccee">Pascal</v-col>
<v-col cols="5" class="text-truncate">Good Job</v-col>
</v-container> </v-row>
</v-container>
</v-card>
</template>
</v-dialog>
</v-container> </v-container>
@@ -283,8 +310,11 @@
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -4%; margin-right: -4%; margin-bottom: -5%;"> style="background-color: rgba(255, 255, 255, 0.1); margin-left: -4%; margin-right: -4%; margin-bottom: -5%;">
<v-container> <v-container>
<iframe width=100% height="650px" src="https://www.youtube.com/embed/CDlj1IUhBqg?si=ot1YPBMKbmviOXvD"> <iframe style="margin-left: 2.1%;" width=96% height="650px"
</iframe> src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
@@ -597,7 +627,7 @@ export default {
margin-left: 15%; margin-left: 15%;
margin-top: -7%; margin-top: -7%;
border: 4px solid white; border: 4px solid white;
z-index: 9999; z-index: 200;
} }