diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue index ca114d9..2bee566 100644 --- a/src/layouts/DefaultLayout.vue +++ b/src/layouts/DefaultLayout.vue @@ -35,7 +35,16 @@ - Déconnecter + + + mdi-account-details +

Mon profil

+
+
+
+ + + Déconnecter @@ -80,9 +89,15 @@ + + + + + - @@ -135,7 +150,6 @@ Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation - @@ -146,7 +160,10 @@ Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation import MyUserModel from "@/models/myUserModel.js"; import { useClient } from "@/plugins/api.js"; import { onBeforeMount, ref } from 'vue'; +import { useRouter } from 'vue-router'; + const client = useClient(); +const router = useRouter(); const drawer = ref(false); const currentUserName = ref("INVITÉ"); @@ -172,7 +189,9 @@ onBeforeMount(async () => { function logout() { localStorage.removeItem('jwt'); - window.location.reload(); + currentUser = null; + currentUserName.value = "INVITÉ"; + router.push('/'); } function openWalletDialog() { diff --git a/src/layouts/FooterLayout.vue b/src/layouts/FooterLayout.vue index 3780b7d..8d7c16b 100644 --- a/src/layouts/FooterLayout.vue +++ b/src/layouts/FooterLayout.vue @@ -70,7 +70,7 @@ const links = [ 'Conditions générales', 'Politique de Contenu', 'À Propos', - 'Transactions' + 'Frais' ]; const linkRoutes = { @@ -80,7 +80,7 @@ const linkRoutes = { 'Conditions générales': { name: 'termsandconditions' }, 'Politique de Contenu': { name: 'contentpolicy' }, 'À Propos': { name: 'about' }, - 'Transactions': { name: 'transactions' } + 'Frais': { name: 'frais' } }; // If broken link, redirect to home page. diff --git a/src/layouts/MainPage.vue b/src/layouts/MainPage.vue new file mode 100644 index 0000000..077bd39 --- /dev/null +++ b/src/layouts/MainPage.vue @@ -0,0 +1,964 @@ + + + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index c11b7cc..ab2d6ce 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -3,159 +3,156 @@ import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue' import About from '@/views/tos/About.vue' import ContentPolicy from '@/views/tos/ContentPolicy.vue' import FAQ from '@/views/tos/FAQ.vue' +import Frais from '@/views/tos/Frais.vue' import GuideForCreators from '@/views/tos/GuideForCreators.vue' import HelpAndContact from '@/views/tos/HelpAndContact.vue' import TermsAndConditions from '@/views/tos/TermsAndConditions.vue' -import Transactions from '@/views/tos/Transactions.vue' import { createRouter, createWebHistory } from 'vue-router' +import MainPage from '../layouts/MainPage.vue' import LoginView from '../views/LoginView.vue' import PaymentCompleted from '../views/PayementCompleted.vue' import SignupView from '../views/SignupView.vue' -import UserBrowser from '../views/UsersBrowser.vue' import ContactView from '../views/main/ContactView.vue' import CreatorFolio from '../views/main/CreatorFolio.vue' import HomeView from '../views/main/HomeView.vue' +import UserBrowser from '../views/main/UsersBrowser.vue' import YourProfile from '../views/main/YourProfile.vue' import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue' import Hutopy from '../views/manualusers/HutopyProfile.vue' import Leffet from '../views/manualusers/LeffetProfile.vue' import MathieuCaron from '../views/manualusers/MathieuCaron.vue' +const routes = [ + { + path: '/', + name: 'main', + component: HomeView + }, + { + path: '/creatorfolio', + name: 'creatorfolio', + component: CreatorFolio + }, + { + path: '/paymentcompleted', + name: 'PayementCompleted', + component: PaymentCompleted + }, + { + path: '/yourprofile', + name: 'yourprofile', + component: YourProfile + }, + { + path: '/contact', + name: 'contact', + component: ContactView + }, + { + path: '/signup', + name: 'signup', + component: SignupView + }, + { + path: '/login', + name: 'login', + component: LoginView + }, + { + path: '/home', + name: 'home', + component: HomeView + }, + { + path: '/helpandcontact', + name: 'helpandcontact', + component: HelpAndContact + }, + { + path: '/termsandconditions', + name: 'termsandconditions', + component: TermsAndConditions + }, + { + path: '/contentpolicy', + name: 'contentpolicy', + component: ContentPolicy + }, + { + path: '/faq', + name: 'FAQ', + component: FAQ + }, + { + path: '/guideforcreators', + name: 'guideforcreators', + component: GuideForCreators + }, + { + path: '/about', + name: 'about', + component: About + }, + { + path: '/frais', + name: 'frais', + component: Frais + }, + { + path: '/Hutopy', + name: 'Hutopy', + component: Hutopy + }, + { + path: '/Leffet', + name: 'Leffet', + component: Leffet + }, + { + path: '/userbrowser', + name: 'userbrowser', + component: UserBrowser + }, + { + path: '/chloebeaugrand', + name: 'chloebeaugrand', + component: ChloeBeaugrand + }, + { + path: '/guillaumeaime', + name: 'guillaumeaime', + component: GuillaumeAime + }, + { + path: '/mathieucaron', + name: 'mathieucaron', + component: MathieuCaron + }, + { + path: '/arps', + name: 'arps', + component: ARPS + }, + { + path: '/:username', + name: 'user-profile', + component: MainPage + }, + + { + path: '/creatorFolio', + name: 'creatorFolio', + component: CreatorFolio + } +] + const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), - routes: [ - { - path: '/', - name: 'main', - component: HomeView - }, - { - path: '/creatorfolio', - name: 'creatorfolio', - component: CreatorFolio - }, - - { - path: '/paymentcompleted', - name: 'PayementCompleted', - component: PaymentCompleted - }, - { - path: '/yourprofile', - name: 'yourprofile', - component: YourProfile - }, - { - path: '/contact', - name: 'contact', - component: ContactView - }, - { - path: '/signup', - name: 'signup', - component: SignupView - }, - { - path: '/login', - name: 'login', - component: LoginView - }, - { - path: '/home', - name: 'home', - component: HomeView - }, - { - path: '/helpandcontact', - name: 'helpandcontact', - component: HelpAndContact - }, - { - path: '/termsandconditions', - name: 'termsandconditions', - component: TermsAndConditions - }, - { - path: '/contentpolicy', - name: 'contentpolicy', - component: ContentPolicy - }, - { - path: '/faq', - name: 'FAQ', - component: FAQ - }, - { - path: '/guideforcreators', - name: 'guideforcreators', - component: GuideForCreators - }, - - { - path: '/about', - name: 'about', - component: About - }, - - { - path: '/transactions', - name: 'transactions', - component: Transactions - }, - - { - path: '/Hutopy', - name: 'Hutopy', - component: Hutopy - }, - - { - path: '/Leffet', - name: 'Leffet', - component: Leffet - }, - - { - path: '/userbrowser', - name: 'userbrowser', - component: UserBrowser - }, - - { - path: '/chloebeaugrand', - name: 'chloebeaugrand', - component: ChloeBeaugrand - }, - - { - path: '/guillaumeaime', - name: 'guillaumeaime', - component: GuillaumeAime - }, - - { - path: '/mathieucaron', - name: 'mathieucaron', - component: MathieuCaron - }, - - { - path: '/arps', - name: 'arps', - component: ARPS - }, - - { - path: '/guillaumeaime', - name: 'guillaumeaime', - component: GuillaumeAime - }, - - - ], + routes, scrollBehavior(to, from, savedPosition) { return { top: 0 }; } + }) export default router diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue index 16d145e..5a485ec 100644 --- a/src/views/main/CreatorFolio.vue +++ b/src/views/main/CreatorFolio.vue @@ -109,7 +109,7 @@ - + @@ -129,90 +129,6 @@ - - - - - - - - - @@ -223,268 +139,154 @@ - - - - - - - - - - - - - - - - - - - + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - - - - + + + + + + + - - - - - - -

- MON PREMIER BALADO

-
+ + + + + + + + +

+ MON PREMIER BALADO

+
- -
+
-
- - -
- - - - - - -

- 24-04-2024 -

-
-
- - -

C’est un honneur de vous - présenter - mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront - particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la suite, je - partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à travers - le - Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de mon - agence - créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page - personnelle, - "Guillaume aime", où je partage tout ce qui me passionne.

- - - -
-
-
-
-
- - - -
-
-
-
- - - - - - - - - -

- NOUVELLE BOUTIQUE À SAINT-HYACINTHE

- -
+ +
+ + - - - -
- - - - - - -

- 24-04-2024 -

-
-
+ + + +

+ 24-04-2024 +

+
+
-

J’ai découvert une nouvelle - boutique - à St-Hyacinthe qui embrasse exactement ma philosophie derrière la page Guillaume Aime: faire découvrir - le - savoir-faire québécois ! - - J’y ai croisé Carl Vaillancourt, copropriétaire de l’entreprise Espace Karibou au Centre-ville - Saint-Hyacinthe ainsi que mon ami Marc-Olivier Hébert de la Fondation L'effet. - - Je vous invite à découvrir cette boutique sur la rue Cascade à St-Hyacinthe. Bravo à Karianne Hamel et - Carl - pour ce projet!

+

C’est un honneur de vous + présenter + mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront + particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la + suite, + je + partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à + travers + le + Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de + mon + agence + créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page + personnelle, + "Guillaume aime", où je partage tout ce qui me passionne.

- -
-
+ +
+
+
+
+
+ + + +
-
-
- - - -
-
- -
- - - - - - - - -

- C'EST PARTI POUR 2024!

-
- -
- -
- - -
- - - - - - -

- 22-04-2024 -

-
-
- -

C'est parti pour 2024 ! De - retour au - travail officiellement ce matin afin d'aider les entreprises de la région à rayonner ! Mettre en - lumière les - entrepreneurs et leur unicité, c'est ma passion ! Si jamais tu as besoin d'aide dans ce domaine, - n'hésite - pas à me contacter.

- - -
-
-
-
-
- - - -
-
-
-
- - + + + + - + diff --git a/src/views/UsersBrowser.vue b/src/views/main/UsersBrowser.vue similarity index 99% rename from src/views/UsersBrowser.vue rename to src/views/main/UsersBrowser.vue index c5f623b..176d552 100644 --- a/src/views/UsersBrowser.vue +++ b/src/views/main/UsersBrowser.vue @@ -236,7 +236,7 @@ import DefaultLayout from '@/layouts/DefaultLayout.vue'; import FooterLayout from '@/layouts/FooterLayout.vue'; import { ref } from 'vue'; -import StripePayment from './StripePayment.vue'; +import StripePayment from '../StripePayment.vue'; let imageSrc = '/images/usersmedia/HutopyProfile/banners/banner01.png'; let profilePicture = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png'; let name = 'Hutopy' diff --git a/src/views/main/YourProfile.vue b/src/views/main/YourProfile.vue index 18f59f1..df2e6f4 100644 --- a/src/views/main/YourProfile.vue +++ b/src/views/main/YourProfile.vue @@ -3,82 +3,102 @@ - + + - - + - mdi-pencil + mdi-pencil - - - - - - - - - - - - - - - - mdi-pencil - - - + + + + + + + + + mdi-pencil + - -

{{ userName }}

-

Informations personnelles

+

+ {{ userName }} +

+

+ {{ firstName }} {{ lastName }} +

- - - - - + + + + - - + Retour - Éditer - + {{ isEditing ? 'Sauvegarder' : 'Éditer' }} - -
+ -