FINAL COMMIT

frontend/src/Apps/Profil.vue

@@ -6,19 +6,15 @@
   import i18n from "@/i18n.js"
   import { uploadProfilePicture } from '@/rest/uploads.js'
 
-  const user = await getSelf();
-  console.log(user);
+  const user = ref(await getSelf());
   const UserCurriculum = ref(""); 
   const curricula = ref (await getAllCurriculums());
-  console.log(curricula)
-  console.log(user.role === "Teacher")
-  if(user.role === "Student"){
+  if(user.value.role === "Student"){
     UserCurriculum.value = await getSelfCurriculum();
   }
 
   if(user.role === "Teacher"){
     UserCurriculum.value = await getCourses("Teacher");
-    console.log(UserCurriculum.value)
   }
   const modif = ref(false);
   const curric = ref(false);
@@ -27,7 +23,7 @@
   const pattern = {
     profilPictureUrl:null,
     email:null,
-    adress:null,
+    address:null,
     password:null,
   };
   
@@ -46,17 +42,38 @@
     inputs=Object.assign({},list); 
   }
   
-  function ChangeInfos(){
-    for (const [key, value] in Object.entries(toModify)){
-      if(value !== null){
-        alterSelf({key:value});
-      }
+  async function ChangeInfos(){
+    for (let element in toModify){
+         if (element =="email" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{email : toModify[element]});
+        }      
+
+        if (element =="profilPictureUrl" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{ profilPictureUrl : toModify[element]});
+        }
+        else if(element == "address" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{address : toModify[element]});
+        }
+        else if(element == "password" && (toModify[element] !== null)){
+          await  alterSelf(user.value.regNo,{password : toModify[element]});
+        }
     }
-    toModify= Object.assign({}, pattern);
+      toModify= Object.assign({},pattern);
+        user.value = await getSelf()
+
+   } 
+  
+  function setModify(item){
+     toModify.address = item.address;
+     toModify.profilPictureUrl = item.profilPictureUrl;
+     toModify.email= item.email;
+     toModify.password= item.password;
   }
+
   
   async function unRegister(){
-   disconnect();
+   deleteUser(user.value.regNo);
+   disconnect()
    setTimeout(() => {
       window.location.href="#/home";
       }, "500");
@@ -64,7 +81,7 @@
   }
 
   function getPP(){
-    if(user.profilePictureUrl === null){
+    if(user.value.profilePictureUrl === null){
       return "/Clyde.png"
     }
     return user.profilePictureUrl
@@ -93,7 +110,7 @@
             Role:  {{i18n((user.role))}} 
           </div>
           <div>
-            <button @click="modif=!modif"> {{i18n("profile.modify.data")}} </button>
+            <button @click="modif=!modif; setModify(user)"> {{i18n("profile.modify.data")}} </button>
           </div>
           <div v-if="(user.role==='Student')">
             <button @click="reg=!reg">{{i18n("profile.reRegister")}}</button>
@@ -110,23 +127,23 @@
           </div>
           <div>
             E-mail:  
-            <input type="mail" v-model="personnalInfos.email" />
+            <input type="mail" v-model="toModify.email" />
           </div>
           <div>
             {{i18n("profile.address")}}:
-            <input type="text" v-model="personnalInfos.id">
+            <input type="text" v-model="toModify.id">
           </div>
           <div>
             {{i18n("login.password")}}:
-            <input type="password" v-model="personnalInfos.password">
+            <input type="password" v-model="toModify.password">
           </div>
           <div>
             {{i18n("login.cPassword")}}:
-            <input type="password" v-model="personnalInfos.passwordConfirm">
+            <input type="password" v-model="toModify.passwordConfirm">
           </div>
           <div>
             <button @click=" modif=!modif; ChangeInfos();">{{i18n("courses.confirm")}}</button>
-            <button @click="modif=!modif; resetInputs(toModify,pattern);console.log(pattern)" style="float:right;">{{i18n("courses.back")}}</button>
+            <button @click="modif=!modif; resetInputs(toModify,pattern);" style="float:right;">{{i18n("courses.back")}}</button>
           </div>
         </div>
         <div v-else-if="curric" class="infosContainer">
@@ -162,7 +179,7 @@
 
           <div>
             <button @click=" reg=!reg;">{{i18n("courses.confirm")}}</button>
-            <button @click=" reg=!reg; resetInputs(personnalInfos,patternInfos);console.log(pattern)" style="float:right;">{{i18n("courses.back")}}</button>
+            <button @click=" reg=!reg; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
           </div>
         </div>