TransfereProjet

src/NervTN.vue

@@ -1,7 +1,7 @@
 <script setup>
 import ReloadPWA from './components/ReloadPWA.vue';
 import NavMessage from './components/message/NavMessage.vue';
-import NavContact from './components/message/NavContact.vue';
+import NavContact from './components/contact/NavContact.vue';
 import {useI18n} from 'vue-i18n';
 
 const {t} = useI18n({useScope: 'local'});

src/components/contact/Profile.vue

@@ -8,7 +8,7 @@ const {t} = useI18n({useScope: 'local'});
 <form id="profil" method="POST" v-on:submit="checkForm">
 
     <div title="👤">
-		<h1>👤 {{ t ('pwa.profile') }}</h1>
+		<h1>👤 {{ t ('pwa.profile form') }}</h1>
       	<div>
 			<label for="avatar">{{ t ('pwa.avatar') }}</label>
 			<input type="file" id="avatar" />
@@ -21,7 +21,7 @@ const {t} = useI18n({useScope: 'local'});
 
 		<div>
 			<label for="emailHome">{{ t ('pwa.emailHome') }}:</label>
-			<input type="email" id="emailHome" v-model="home" placeholder="john.Doe@email.com" required>
+			<input type="email" id="emailHome" v-model="home" placeholder="john.Doe@email.com" aria-required="true">
 		</div>
     </div>
 
@@ -31,7 +31,7 @@ const {t} = useI18n({useScope: 'local'});
 		<h1>📇 {{ t ('pwa.personalInfo') }}</h1>
       	<div>
 			<label for="name">{{ t ('pwa.name') }}:</label>
-			<input type="text" id="name" v-model="home" pattern="{a-zA-Z}{4,25}" placeholder="John Doe" required>
+			<input type="text" id="name" v-model="home" pattern="{a-zA-Z}{4,25}" placeholder="John Doe" aria-required="true">
 		</div>
 
 		<div>
@@ -104,7 +104,7 @@ const {t} = useI18n({useScope: 'local'});
 				</ul>
 		</div>
 
-		 <button type="submit" value="Submit">{{ t ('pwa.save') }}</button>
+		 <button type="submit" @click="persist">{{ t ('pwa.save') }}</button>
     </div>
 
 	<br>
@@ -141,7 +141,7 @@ const {t} = useI18n({useScope: 'local'});
 		});*/
 
 
-		/*export default {  //home n'est pas déclarer
+		export default {
             name: 'profil',
 			setup() {
           home = " ",
@@ -162,7 +162,12 @@ const {t} = useI18n({useScope: 'local'});
 				console.log('ok');
 					}
 				}
-			}; */
+        computed: {
+          profil() {
+          return this.$contact.getters.getProfil;
+          }
+        }
+			};
 
     </script>
 

src/components/contact/contact-routes.js

@@ -1,7 +1,6 @@
 /* jshint -W097 */ // don't warn about "use strict"
 "use strict";
 /*Ne fonctionne pas */
-const router = new VueRouter({
   routes: [
     { path: '/navContact', component:NavContact ,
       children: [

src/components/contact/locale/en.json

@@ -1,6 +1,10 @@
 {
-    "pwa": {
+  "menu": {
       "profile": "Profile",
+      "contacts list": "contacts list",
+    },
+    "pwa": {
+        "profile form": "Profile Form",
         "avatar": "Avatar",
         "nickname": "Nickname",
         "emailHome": "Personal Email",

src/components/contact/locale/fr.json

@@ -1,7 +1,10 @@
 {
-    "pwa": {
-        
+  "menu": {
       "profile ": "Profil",
+      "contacts list": "Liste des contacts",
+    },
+    "pwa": {
+        "profile form": "Formulaire de Profil",
         "avatar": "Avatar",
         "nickname": "Pseudonyme",
         "emailHome": "Email Personnelle",

src/components/message/NavMessage.vue

@@ -12,7 +12,6 @@ const {t} = useI18n({useScope: 'local'});
         <li><router-link to="/navMessage/videoConferencing">🎥 {{ t('menu.video conferencing') }}</router-link></li>
     </ul>
 
-
 </template>
 
 <style scoped>

src/components/message/locale/en.json

@@ -1,7 +1,5 @@
 {
     "menu": {
-        "profile": "Profile",
-        "contacts list": "contacts list",
         "correspondence": "Correspondence",
         "chat": "Chat",
         "video conferencing": "Video conferencing"
@@ -11,5 +9,4 @@
         "send": "Send"
     }
 
-
 }

src/components/message/locale/fr.json

@@ -1,7 +1,5 @@
 {
     "menu": {
-        "profile ": "Profil",
-        "contacts list": "Liste des contacts",
         "correspondence": "Correspondence",
         "chat": "Chat",
         "video conferencing": "Visioconférence"

src/nervtn-routes.js

@@ -8,7 +8,7 @@ const Dashboard = () => import('./components/Dashboard.vue');
 const NavMessage = () => import('./components/message/NavMessage.vue');
 const Chat = () => import('./components/message/Chat.vue');
 const Correspondance = () => import('./components/message/Correspondance.vue');
-const NavContact = () => import('./components/message/NavContact.vue');
+const NavContact = () => import('./components/contact/NavContact.vue');
 const Profile = () => import('./components/contact/Profile.vue');
 const ContactsList = () => import('./components/contact/ContactsList.vue');