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,12 +8,12 @@ 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" />
 		</div>
-		
+
 		<div>
 			<label for="nickname">{{ t ('pwa.nickname') }}:</label>
 			<input type="text" id="nickname" v-model="home">
@@ -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,14 +31,14 @@ 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>
 			<label for="bday">{{ t ('pwa.bday') }}:</label>
 			<input type="date" id="bday" v-model="home">
 		</div>
-		
+
         <div>
 			<label for="nbrHome">{{ t ('pwa.nbrHome') }}:</label>
 			<input type="tel" id="nbrHome" v-model="home" placeholder="+32(0)15738490" >
@@ -49,16 +49,16 @@ const {t} = useI18n({useScope: 'local'});
 				<ul>
 					<li><label for="street">{{ t ('pwa.street') }}:</label></li>
 					<input type="text" id="street"	v-model="home">
-					
+
 					<li><label for="locality">{{ t ('pwa.locality') }}:</label></li>
 					<input type="text" id="locality" v-model="home">
-					
+
 					<li><label for="pcode">{{ t ('pwa.pcode') }}:</label></li>
 					<input type="text" id="pcode" v-model="home">
-					
+
 					<li><label for="ctry">{{ t ('pwa.ctry') }}:</label></li>
 					<input type="text" id="ctry" v-model="home">
-				</ul>	
+				</ul>
 		</div>
     </div>
 
@@ -92,19 +92,19 @@ const {t} = useI18n({useScope: 'local'});
 				<ul>
 					<li><label for="street">{{ t ('pwa.street') }}:</label></li>
 					<input type="text" id="street" v-model="work">
-					
+
 					<li><label for="locality">{{ t ('pwa.locality') }}:</label></li>
 					<input type="text" id="locality" v-model="work">
-					
+
 					<li><label for="pcode">{{ t ('pwa.pcode') }}:</label></li>
 					<input type="text" id="pcode" v-model="work">
-					
+
 					<li><label for="ctry">{{ t ('pwa.ctry') }}:</label></li>
 					<input type="text" id="ctry" v-model="work">
 				</ul>
 		</div>
-				
-		 <button type="submit" value="Submit">{{ t ('pwa.save') }}</button>
+
+		 <button type="submit" @click="persist">{{ t ('pwa.save') }}</button>
     </div>
 
 	<br>
@@ -123,12 +123,12 @@ const {t} = useI18n({useScope: 'local'});
     </template>
 
     <script>
-	/*const profil = new Vue ({	// vue n'est pas définie
+/*	const profil = new Vue ({	// vue n'est pas définie
   		el: '#profil',
   		data: {
     	home: null,
 		work: null
-    
+
   		},
   		methods:{
     		checkForm: function (e) {
@@ -138,14 +138,14 @@ const {t} = useI18n({useScope: 'local'});
       	e.preventDefault();
     	}
   		}
-		}); */
+		});*/
 
 
-		/*export default {  //home n'est pas déclarer
+		export default {
             name: 'profil',
 			setup() {
-            home = "",
-            work = ""
+          home = " ",
+          work = " "
 			},
 			mounted() {
 			if (localStorage.home) {
@@ -153,7 +153,7 @@ const {t} = useI18n({useScope: 'local'});
 				}
 			if (localStorage.work) {
 			this.work = localStorage.work;
-				}	
+				}
 			},
 			 methods: {
 				persist() {
@@ -162,8 +162,13 @@ const {t} = useI18n({useScope: 'local'});
 				console.log('ok');
 					}
 				}
-			}; */
-	
+        computed: {
+          profil() {
+          return this.$contact.getters.getProfil;
+          }
+        }
+			};
+
     </script>
 
 	<style scoped>
@@ -185,4 +190,4 @@ const {t} = useI18n({useScope: 'local'});
 	</style>
 
 <i18n lang="json" locale="en" src="./locale/en.json"/>
-<i18n lang="json" locale="fr" src="./locale/fr.json"/>
+<i18n lang="json" locale="fr" src="./locale/fr.json"/>

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,12 +1,16 @@
 {
+  "menu": {
+      "profile": "Profile",
+      "contacts list": "contacts list",
+    },
     "pwa": {
-        "profile": "Profile",
+        "profile form": "Profile Form",
         "avatar": "Avatar",
         "nickname": "Nickname",
         "emailHome": "Personal Email",
         "personalInfo": "Personal information",
         "name": "Full name",
-        "bday": "Date of birth", 
+        "bday": "Date of birth",
         "nbrHome": "Phone number",
         "home": "Personal Address",
         "street": "Street",
@@ -23,4 +27,4 @@
         "save": "Save",
         "comments": "About / Comments"
     }
-}
+}

src/components/contact/locale/fr.json

@@ -1,13 +1,16 @@
 {
+  "menu": {
+      "profile ": "Profil",
+      "contacts list": "Liste des contacts",
+    },
     "pwa": {
-        
-        "profile": "Profil",
+        "profile form": "Formulaire de Profil",
         "avatar": "Avatar",
         "nickname": "Pseudonyme",
         "emailHome": "Email Personnelle",
         "personalInfo": "Informations Personnelles",
         "name": "Nom complet",
-        "bday": "Date de naissance", 
+        "bday": "Date de naissance",
         "nbrHome" : "Numéro de téléphone",
         "home": "Adresse Personnelle",
         "street": "Rue",
@@ -24,4 +27,4 @@
         "save": "Enregistrer",
         "comments": "À propos / Commentaires"
     }
-}
+}

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');