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

Merged PR 24: #25 Using script setup instead and clean up unused variable

Browse Source 
#25 Using script setup instead and clean up unused variable

Related work items: #25
This commit is contained in:
Dominic Villemure
2024-04-09 03:52:51 +00:00
parent a761dc8f6a dd1e702061
commit 4b1989587c
1 changed files with 113 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -112,54 +112,22 @@
<v-img src="../../../images/hutopy.png" alt="Description de l'image"
style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
<v-list dense class="main-background">
<v-list-item-group>
<router-link v-for="(item, index) in navigationItems" :key="index" :to="item.link">
<v-list-item v-for="item in navigationItems">
<router-link :to="item.link">
<v-btn text class="d-flex align-start align-center main-background" elevation="0"
outlined="false">
<v-icon left class="mr-4">{{ item.icon }}</v-icon>
{{ item.text }}
</v-btn>
</router-link>
</v-list-item-group>
</v-list>
</v-col>
<!-- Tools -->
<v-col cols="12" class="px-0">
<v-list dense class="d-flex align-start align-center main-background">
<v-list-item-group>
<router-link v-for="(item, index) in tools" :key="index" :to="item.link">
<v-btn text class="btn-custom" elevation="0" outlined="false">
<v-icon left class="mr-4">{{ item.icon }}</v-icon>
{{ item.text }}
</v-btn>
</router-link>
</v-list-item-group>
</v-list>
</v-col>
<!-- Log-out -->
<v-col cols="12" class="px-0 logout-button">
<v-btn text class="d-flex align-start main-background align-center" elevation="0" outlined="false">
<v-icon left class="mr-4">mdi-logout</v-icon>
Déconnexion
</v-btn>
</v-col>
</v-container>
</v-col>
</v-row>
<v-row style="height: 1400px;"></v-row>
<!-- Wallet -->
<v-row>
</v-list-item>
<v-list-item>
<v-dialog transition="dialog-top-transition" width="auto">
<template v-slot:activator="{ props: activatorProps }">
<v-btn v-bind="activatorProps" text class="text-left" block size="x-large"
style="margin-left: -20%; background-color: #f4f4f4; transform: scale(1.3);" elevation="0">
<v-icon color="black">mdi-wallet</v-icon>
<div @click="isActive.value = false">PORTEFEUILLE</div>
<v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background" elevation="0"
outlined="false">
<v-icon left class="mr-4">mdi-wallet</v-icon>
<p @click="isActive.value = false">Bourse</p>
</v-btn>
</template>
@@ -238,7 +206,24 @@
</v-card>
</template>
</v-dialog>
</v-list-item>
</v-list>
</v-col>
<!-- Log-out -->
<v-col cols="12" class="px-0 logout-button">
<v-btn text class="d-flex align-start main-background align-center" elevation="0" outlined="false">
<v-icon left class="mr-4">mdi-logout</v-icon>
Déconnexion
</v-btn>
</v-col>
</v-container>
</v-col>
</v-row>
<v-row style="height: 1400px;"></v-row>
</v-col>
</v-col>
@@ -475,44 +460,31 @@
import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue';
import StripePayment from '../StripePayment.vue';
</script>
<script>
export default {
data() {
return {
imageSrc: '../../../images/guillaimeaime3x.png',
profilePicture: '../../../images/guillaume.png',
name: 'Guillaume Mousseau',
title: 'Créateur de contenus',
facebookLink: 'www.facebook.com',
instagramLink: 'www.instagram.com',
xLink: 'x.com',
tiktokLink: 'tiktok.com',
drawer: false,
drawerbottom: false,
items: [
{ title: 'Item 1' },
{ title: 'Item 2' },
{ title: 'Item 3' },
],
navigationItems: [
let imageSrc = '../../../images/guillaimeaime3x.png';
let profilePicture = '../../../images/guillaume.png';
let name = 'Guillaume Mousseau'
let title = 'Créateur de contenus'
let drawerbottom = false
let navigationItems = [
{ icon: 'mdi-home', text: 'Accueil', link: 'home' },
{ icon: 'mdi-account-group', text: 'Amis', link: '/contact' },
{ icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
],
tools: [
];
let tools = [
{ icon: 'mdi-wallet', text: 'Bourse', link: '/portefeuille' },
]
};
},
};
]
let items = [
{icon: "icon", text: "text"},
{icon: "icon2", text: "text2"},
]
</script>
<style scoped>
.Hutopy-menu-sticky {
position: sticky;