adding list of user PROTO

frontend/src/Apps/Profil.vue

@@ -1,12 +1,13 @@
 <script setup>
-  import {reactive, ref} from 'vue'
+  import {reactive, ref } from 'vue'
   import {getUser} from '../rest/Users.js'
   import i18n from "@/i18n.js"
+  import { uploadProfilePicture } from '@/rest/uploads.js'
  /* 
   const user = getUser(); 
 */
  const user =reactive({
-  profilPicture:"../assets/clyde.png",
+  profilePicture:"../assets/Clyde.png",
   lastName:"Ghost",
   firstName:"Clyde",
   role:"student",
@@ -66,6 +67,9 @@ const modif = ref(false);
 
 const toModify = Object.assign({}, user);
 
+function getPP(){
+  return user.profilePicture
+}
 </script>
 
 
@@ -74,7 +78,8 @@ const toModify = Object.assign({}, user);
   <div class="body">
   <div class="container">
     <div class="profilPic">
-      <img class="subContainter" src="../assets/Clyde.png">
+      <img class="subContainter" :src=getPP()>
+
     </div>
       <div class="globalInfos">
         <div v-if="modif==false" class="infosContainer" >
@@ -102,7 +107,7 @@ const toModify = Object.assign({}, user);
         <div v-else class="infosContainer">
           <div>
             {{i18n("profile.picture")}}:
-            <input type="file">
+            <input type="file" @change="user.profilPicture = uploadProfilePicture($event.target.files);" accept="image/*">
           </div>
           <div>
             E-mail: