UserList and Student List part1

frontend/src/Apps/StudentsList.vue

@@ -1,72 +1,17 @@
 <script setup>
   import i18n from "@/i18n.js"
   import { reactive  } from 'vue'
+  import { getStudents } from '../rest/Users.js'
 
-const users =[{
-  status: "Inscrit",
-  profilPicture:"/Clyde.png",
-  lastName:"Ghost",
-  firstName:"Clyde",
-  role:"student",
-  address: "Radiator Springs",
-  email:"ClydeGhost@gmail.com",
-  cursus:[
-  {
-  "id": 12,
-  "name": "Math pour l'info",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-  {
-  "id": 42,
-  "name": "Fonctionnement des ordinateurs",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-
-  ],
-  option:"IT",
-  degree:"BAC1",
-  password:"CeciEstUnMotDePasse123",},
-  {
-  status: "En attente",
-  profilPicture:"/Clyde.png",
-  lastName:"Ghost",
-  firstName:"Clyde",
-  role:"student",
-  address: "Radiator Springs",
-  email:"ClydeGhost@gmail.com",
-  cursus:[
-  {
-  "id": 12,
-  "name": "Math pour l'info",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-  {
-  "id": 42,
-  "name": "Fonctionnement des ordinateurs",
-  "credits": 11,
-  "faculty": "science",
-  "teacher": 42,
-  "Assistants": []},
-
-  ],
-  option:"IT",
-  degree:"BAC1",
-  password:"CeciEstUnMotDePasse123",
-  }]
-
+  const users = await getStudents();
+  console.log(users)
 </script> 
 <template>
   <div v-for="item in users">
     <div class="bodu">
       <div class="container">
         <div class="status"><a style="margin-left:30px">{{item.status}}</a></div>
-        <div class="option"><a>{{item.option}}</a></div>
+        <div class="option"><a>{{item.role}}</a></div>
         <div class="surname"><a>{{item.lastName}}</a></div>
         <div class="firstname"><a>{{item.firstName}}</a></div>
         <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>

frontend/src/Apps/UsersList.vue

@@ -5,13 +5,14 @@
   import { getAllUsers } from '../rest/Users.js'
 
   const users = await getAllUsers();
-
+  
+  console.log(users);
 </script> 
 <template>
   <div v-for="item in users">
     <div class="bodu">
       <div class="container">
-        <div class="role"><a style="margin-left:30px">{{i18n(item.role).toUpperCase()}}</a></div>
+        <div class="role"><a style="margin-left:30px">{{i18n(item.role)}}</a></div>
         <div class="surname"><a>{{item.lastName}}</a></div>
         <div class="firstname"><a>{{item.firstName}}</a></div>
         <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>

frontend/src/rest/Users.js

@@ -112,12 +112,12 @@ export async function getAllUsers(){
  * - role
  */
 export async function getTeachers(){
-	return restGet("/users/teacher")
+	return restGet("/teachers")
 }
 
 
 export async function getStudents(){
-  return restGet("/users/student")
+  return restGet("/students")
 }
 /**
  * Get informations about yourself