Removed unused Security and AccountManagement from profile

src/locales/en.json

@@ -19,9 +19,7 @@
   "profilemenu": {
     "manageyouraccount": "Manage your Hutopy account",
     "creator": "Creator",
-    "user": "User",
+    "user": "User"
-    "accountmanagement": "Account Management",
-    "security": "security"
   },
   "header": {
     "myprofile": "My profile",

src/locales/fr.json

@@ -19,9 +19,7 @@
   "profilemenu": {
     "manageyouraccount": "Gérer votre compte Hutopy",
     "creator": "Créateur",
-    "user": "utilisateur",
+    "user": "utilisateur"
-    "accountmanagement": "Gestion de comptes",
-    "security": "Sécurité"
   },
   "header": {
     "myprofile": "Mon profil",

src/views/profile/ProfilePage.vue

@@ -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'">
+      <template v-if="currentComponent === 'CreatorPage'">
-        <manage-account></manage-account>
-      </template>
-      <template v-else-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";
 
 

src/views/profile/management/ManageAccount.vue

@@ -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>
-
-

src/views/profile/security/AccountSecurity.vue

@@ -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>
-
-

src/views/profile/security/ModalPassword.vue

@@ -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>

src/views/profile/security/ModalRecoveryByEmailInfo.vue

@@ -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>
-

src/views/profile/security/ModalRecoveryByPhoneInfo.vue

@@ -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>
-