Removed unused Security and AccountManagement from profile
This commit is contained in:
@@ -19,9 +19,7 @@
|
||||
"profilemenu": {
|
||||
"manageyouraccount": "Manage your Hutopy account",
|
||||
"creator": "Creator",
|
||||
"user": "User",
|
||||
"accountmanagement": "Account Management",
|
||||
"security": "security"
|
||||
"user": "User"
|
||||
},
|
||||
"header": {
|
||||
"myprofile": "My profile",
|
||||
|
||||
@@ -19,9 +19,7 @@
|
||||
"profilemenu": {
|
||||
"manageyouraccount": "Gérer votre compte Hutopy",
|
||||
"creator": "Créateur",
|
||||
"user": "utilisateur",
|
||||
"accountmanagement": "Gestion de comptes",
|
||||
"security": "Sécurité"
|
||||
"user": "utilisateur"
|
||||
},
|
||||
"header": {
|
||||
"myprofile": "Mon profil",
|
||||
|
||||
@@ -32,16 +32,6 @@
|
||||
{{ $t('profilemenu.user') }}
|
||||
</v-btn>
|
||||
|
||||
<v-btn variant="text" @click="currentComponent = 'ManageAccount'">
|
||||
<v-icon class="mr-2">mdi-account</v-icon>
|
||||
{{ $t('profilemenu.accountmanagement') }}
|
||||
</v-btn>
|
||||
|
||||
<v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
|
||||
<v-icon class="mr-2">mdi-security</v-icon>
|
||||
{{ $t('profilemenu.security') }}
|
||||
</v-btn>
|
||||
|
||||
</div>
|
||||
<button @click="scrollRightFunc"
|
||||
class="rounded p-1 absolute right-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl">
|
||||
@@ -55,18 +45,12 @@
|
||||
|
||||
<!-- Mid Content -->
|
||||
<div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
|
||||
<template v-if="currentComponent === 'ManageAccount'">
|
||||
<manage-account></manage-account>
|
||||
</template>
|
||||
<template v-else-if="currentComponent === 'CreatorPage'">
|
||||
<template v-if="currentComponent === 'CreatorPage'">
|
||||
<creator-page></creator-page>
|
||||
</template>
|
||||
<template v-else-if="currentComponent === 'AccountPage'">
|
||||
<account-page></account-page>
|
||||
</template>
|
||||
<template v-else-if="currentComponent === 'AccountSecurity'">
|
||||
<account-security></account-security>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -74,10 +58,8 @@
|
||||
|
||||
<script setup>
|
||||
import {ref, onMounted} from "vue";
|
||||
import ManageAccount from "@/views/profile/management/ManageAccount.vue";
|
||||
import CreatorPage from "@/views/profile/creators/CreatorPage.vue";
|
||||
import AccountPage from "@/views/profile/account/AccountPage.vue";
|
||||
import AccountSecurity from "@/views/profile/security/AccountSecurity.vue";
|
||||
import {useRoute} from "vue-router";
|
||||
|
||||
|
||||
|
||||
@@ -1,76 +0,0 @@
|
||||
<template>
|
||||
<div class="flex flex-col items-center w-full">
|
||||
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2 text">mdi-account</v-icon>{{$t('accountmanagement.accountmanagement')}}</h1>
|
||||
|
||||
<div class="border rounded-2xl w-full max-w-[800px]">
|
||||
<div class="py-5 uppercase ml-4">{{$t('accountmanagement.accounts')}}</div>
|
||||
|
||||
<div class="flex flex-col w-full">
|
||||
<button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
|
||||
<span class="min-w-32 text-left">{{$t('accountmanagement.pageid')}}</span>
|
||||
<span class="value">Nom de la page / utilisateur </span>
|
||||
<span class="flex-none">
|
||||
<img
|
||||
:src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
|
||||
alt="Profile Image"
|
||||
class="ml-2 rounded-full"
|
||||
width="48"
|
||||
height="48">
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
|
||||
<span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addaccount')}}</span>
|
||||
|
||||
<span class="flex-none text-fuchsia-800">
|
||||
<v-icon>mdi-plus-circle</v-icon>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border rounded-2xl w-full max-w-[800px] mt-10">
|
||||
<div class="py-5 uppercase ml-4">{{$t('accountmanagement.authoritygranted')}}</div>
|
||||
|
||||
<div class="flex flex-col w-full">
|
||||
<button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
|
||||
<span class="min-w-32 text-left">{{$t('accountmanagement.pageid')}}</span>
|
||||
<span class="value">Nom de utilisateur </span>
|
||||
<span class="flex-none">
|
||||
<img
|
||||
:src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
|
||||
alt="Profile Image"
|
||||
class="ml-2 rounded-full"
|
||||
width="48"
|
||||
height="48">
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
|
||||
<span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addaccount')}}</span>
|
||||
|
||||
<span class="flex-none text-fuchsia-800">
|
||||
<v-icon>mdi-plus-circle</v-icon>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.HoverBtn:hover {
|
||||
@apply bg-[#A6147D] text-white;
|
||||
@apply hover:opacity-90; /* Réduire l'opacité au survol */
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,93 +0,0 @@
|
||||
<template>
|
||||
<div class="flex flex-col items-center w-full">
|
||||
<h1 class="uppercase pb-5 text-2xl"> <v-icon class="mr-2">mdi-security</v-icon>{{$t('security.title')}}</h1>
|
||||
|
||||
<div class="border rounded-2xl w-full max-w-[800px]">
|
||||
<div class="py-5 uppercase ml-4">{{$t('security.howtoconnect')}}</div>
|
||||
|
||||
<div class="flex flex-col w-full">
|
||||
<button
|
||||
@click="openModal('ModalPassword')"
|
||||
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
|
||||
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
|
||||
<span class="flex-auto text-left pr-6">{{$t('security.password')}}</span>
|
||||
<span class="flex-none">
|
||||
<v-icon>mdi-chevron-right</v-icon>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
@click="openModal('ModalRecoveryByEmailInfo')"
|
||||
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
|
||||
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
|
||||
<span class="flex-auto text-left pr-6">{{$t('security.recoverybyemail')}}</span>
|
||||
<span class="flex-none">
|
||||
<v-icon>mdi-chevron-right</v-icon>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<button
|
||||
@click="openModal('ModalRecoveryByPhoneInfo')"
|
||||
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
|
||||
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
|
||||
<span class="flex-auto text-left pr-6">{{$t('security.recoverybymobile')}}</span>
|
||||
<span class="flex-none">
|
||||
<v-icon>mdi-chevron-right</v-icon>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<v-dialog v-model="dialog" max-width="600px">
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
<component :is="currentComponent"></component>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-dialog>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import ModalPassword from './ModalPassword.vue';
|
||||
import ModalRecoveryByEmailInfo from './ModalRecoveryByEmailInfo.vue';
|
||||
import ModalRecoveryByPhoneInfo from './ModalRecoveryByPhoneInfo.vue';
|
||||
|
||||
|
||||
const dialog = ref(false);
|
||||
const currentComponent = ref('');
|
||||
|
||||
const componentsMap = {
|
||||
ModalPassword,
|
||||
ModalRecoveryByEmailInfo,
|
||||
ModalRecoveryByPhoneInfo,
|
||||
|
||||
};
|
||||
|
||||
const openModal = (component) => {
|
||||
currentComponent.value = componentsMap[component];
|
||||
dialog.value = true;
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.HoverBtn:hover {
|
||||
@apply bg-[#A6147D] text-white;
|
||||
@apply hover:opacity-90; /* Réduire l'opacité au survol */
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,44 +0,0 @@
|
||||
<template>
|
||||
<div class="pb-5 text-2xl">Changer le mot de passe</div>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="currentPassword"
|
||||
label="Mot de passe courant"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="newPassword"
|
||||
label="Nouveau mot de passe"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="confirmPassword"
|
||||
label="Confirmer le mot de passe"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<div class="flex justify-end space-x-4">
|
||||
<v-btn variant="plain" >Annuler</v-btn>
|
||||
<v-btn color="#A6147D" >Enregistrer</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
|
||||
const currentPassword = ref('');
|
||||
const newPassword = ref('');
|
||||
const confirmPassword = ref('');
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@@ -1,31 +0,0 @@
|
||||
<template>
|
||||
<div class="pb-5 text-2xl">Récupération par E-mail</div>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="currentPassword"
|
||||
label="Mot de passe"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="newEmail"
|
||||
label="Nouveau E-mail"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<div class="flex justify-end space-x-4">
|
||||
<v-btn variant="plain" >Annuler</v-btn>
|
||||
<v-btn color="#A6147D" >Enregistrer</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
const currentPassword = ref('');
|
||||
const newEmail = ref('');
|
||||
</script>
|
||||
|
||||
@@ -1,31 +0,0 @@
|
||||
<template>
|
||||
<div class="pb-5 text-2xl">Récupération par mobile</div>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="currentPassword"
|
||||
label="Mot de passe"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
v-model="newEmail"
|
||||
label="Nouveau numéro"
|
||||
type="password"
|
||||
outlined
|
||||
></v-text-field>
|
||||
|
||||
<div class="flex justify-end space-x-4">
|
||||
<v-btn variant="plain" >Annuler</v-btn>
|
||||
<v-btn color="#A6147D" >Enregistrer</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
const currentPassword = ref('');
|
||||
const newEmail = ref('');
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user