Merge remote-tracking branch 'origin/master'

2024-04-21 23:34:19 +02:00
parent 1a266cdfbd 32810a9b01
commit 4d007534b3
118 changed files with 8650 additions and 930 deletions
--- a/frontend/src/Apps/Forums.vue
+++ b/frontend/src/Apps/Forums.vue
@ -0,0 +1,215 @@
+<!----------------------------------------------------
+	File: Forums.vue 
+	Author: Anthony Debucquoy 
+	Scope: Extension messagerie
+	Description: Forum des étudiants
+----------------------------------------------------->
+
+<script setup>
+import { ref, reactive } from 'vue'
+import i18n from '@/i18n.js'
+import { getCourses, getUserActualCourses } from '@/rest/courses.js'
+import { ForumsOfCurrentCourse, getForumsOfCourse, createForum } from '@/rest/forum.js'
+import { PostsOfCurrentForum, getPostsOfForum, createPost } from '@/rest/forum.js'
+import { fetchedPost, fetchPost, sendAnswer } from '@/rest/forum.js'
+import { getSelf } from '@/rest/Users.js'
+
+const Role = (await getSelf()).role;
+const courses = Role === 'Admin' || Role === 'Secretary' || Role === 'Teacher' ? await reactive(getCourses(Role)) : await reactive(getUserActualCourses());
+const selectedCourse = ref();
+const selectedForum = ref();
+
+const addForumName = ref("");
+const addPost = ref(false);
+const addPostSubject = ref("");
+const addPostContent = ref("");
+
+</script>
+
+<template>
+	<div id="app">
+		<div id="ForumSelector">
+			<select id="cours" value="" v-model="selectedCourse"  @change="getForumsOfCourse(selectedCourse)">
+				<option v-for="course in courses" :value="course.courseID">{{course.title}}</option>
+			</select>
+
+			<select id="forum" value="" v-model="selectedForum"  @change="getPostsOfForum(selectedForum !== 'create' ? selectedForum : null)" v-if="ForumsOfCurrentCourse != null">
+				<option v-for="forum in ForumsOfCurrentCourse" :value=forum.id>{{forum.name}}</option>
+				<option v-if="(Role === 'Admin' || Role === 'Teacher') && ForumsOfCurrentCourse != null" value="create">{{ i18n("forum.create") }}</option>
+			</select>
+		</div>
+		<div id="PostSelector" v-if="PostsOfCurrentForum != null">
+			<div @click="fetchPost(post.id)" class="postItem" v-for="post in PostsOfCurrentForum" :key="post.id">{{ post.subject }}</div>
+			<button v-if="Role === 'Admin' || Role === 'Teacher' "  id="createPost" @click="addPost = true">+</button>
+		</div>
+		<div id="PostViewer" v-if="fetchedPost != null">
+			<div id="Post">
+				<h1>{{ fetchedPost.subject }}</h1>
+				{{fetchedPost.content}}
+			</div>
+			<div id="Messages">
+				<p v-for="msg in fetchedPost.answers">{{msg.author.firtName}} {{msg.author.lastName}} - {{msg.content}}</p>
+				<input v-if=!fetchedPost.locked type="text" placeholder="response" @keyup.enter="sendAnswer(fetchedPost.id, $event.target.value); $event.target.value = ''"/>
+			</div>
+		</div>
+	</div>
+	<div class=popup v-if="selectedForum === 'create' || addPost" @click.self="selectedForum = ''; addPost = false" >
+
+		<!-- Popup to add forum -->
+		<div id="addForumForm" v-if="selectedForum === 'create'" @keyup.enter="createForum(selectedCourse, addForumName); selectedForum = '';">
+			<label>{{ i18n("forum.create.name") }}</label>
+			<input type="text" placeholder="Name" v-model=addForumName  />
+		</div>
+
+		<!-- Popup to add Post -->
+		<div id="addPostForm" v-if=addPost>
+			<label>{{ i18n("forum.post.create.name") }}</label>
+			<input type="text" placeholder="subject" v-model=addPostSubject @keyup.enter="createPost(selectedForum, addPostSubject, addPostContent); addPost = false;"/>
+			<textarea v-model="addPostContent" placeholder=content></textarea>
+			<input type="submit" value="send" @click="createPost(selectedForum, addPostSubject, addPostContent); addPost = false;">
+		</div>
+
+	</div>
+</template>
+
+<style scoped>
+
+.popup{
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+	background-color: #00000022;
+	z-index: 9;
+}
+
+#addForumForm{
+	position: relative;
+	width: 30%;
+	left: calc(50% - 30% / 2);
+	top: calc(50% - 10% / 2);
+	border-radius: 10px;
+	height: 10%;
+	background-color: white;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 10px;
+}
+
+#addPostForm{
+	position: relative;
+	width: 30%;
+	left: calc(50% - 30% / 2);
+	top: calc(50% - 50% / 2);
+	border-radius: 10px;
+	height: 50%;
+	background-color: white;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	gap: 10px;
+}
+
+#app{
+	display: grid;
+	width: 100%;
+	height: 100%;
+	grid-template: 5em auto / 25% 75%;
+}
+
+#ForumSelector{
+	background-color: #FFFFFF0E;
+	grid-column: 1 / 3;
+	border-radius: 100px;
+	margin: 10px;
+	display: flex;
+	justify-content: space-around;
+}
+
+#ForumSelector select{
+	background-color: #ffa000;
+	border: none;
+	margin: 10px;
+	border-radius: 10px;
+	width: 200px;
+	text-align: center;
+}
+
+#PostSelector button{
+	background-color: green;
+	color: white;
+	border: none;
+	height: 4vh;
+	margin: 5px;
+	border-radius: 0 30px 30px 0;
+	align-items: center;
+	justify-content: center;
+}
+
+#PostSelector{
+	background-color: #FFFFFF0E;
+	border-radius: 0 25px 25px 0;
+	margin: 10px 0 10px 10px;
+	overflow: hidden;
+	padding: 10px;
+
+	display: flex;
+	flex-direction: column;
+
+}
+
+.postItem{
+	color: darkorange;
+	display: flex;
+	font-family: sans-serif;
+	font-weight: bold;
+	height: 4vh;
+	margin: 5px;
+	border-radius: 0 30px 30px 0;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid darkorange;
+}
+
+.postItem:hover{
+	background-color: gray;
+}
+
+#PostViewer{
+	background-color: #FFFFFF0E;
+	border-radius: 25px;
+	margin: 10px;
+
+	max-height: 100%;
+
+	overflow: scroll;
+}
+
+#Post{
+	padding: 25px;
+	color: white;
+}
+
+#Post > h1{
+	text-align: center;
+	text-decoration: underline;
+}
+
+#Messages{
+	padding: 25px;
+	border-top: 3px dotted white;
+
+}
+
+#Messages > p {
+
+	background-color: orange;
+}
+
+</style>
+
--- a/frontend/src/Apps/Inscription/AboutChangeCurriculum.vue
+++ b/frontend/src/Apps/Inscription/AboutChangeCurriculum.vue
@ -0,0 +1,121 @@
+<script setup>
+
+import {
+  editChangeCurrReq, editChangeCurrReqTeacherState,
+  getChangeCurrReqById,
+} from "@/rest/requests.js";
+import i18n from "@/i18n.js";
+import {getSelf} from "@/rest/Users.js";
+import {ref} from "vue";
+import AboutStudent from "@/Apps/Inscription/AboutStudent.vue";
+
+const props = defineProps(["reqId"])
+const req = ref(await getChangeCurrReqById(props.reqId))
+
+const user = await getSelf()
+//0 liste, 1 profil
+const localwindowstate = ref(0);
+
+const tag = req.value.user.regNo
+
+const windowState = defineModel("windowState")
+
+async function uploadandrefreshChangeRequest(state){
+    await editChangeCurrReq(req.value.id, state);
+}
+
+async function editChangeCurrReqTeacherApproval(state){
+    await editChangeCurrReqTeacherState(req.value.id, state)
+}
+</script>
+
+
+<template>
+  <div class="body" v-if="localwindowstate === 0">
+    <div class="container">
+      <div class="globalInfos">
+        <div class="infosContainer">
+          <div>
+            {{i18n("firstname/name")}} : {{req.user.firstName}} {{req.user.lastName}}
+          </div>
+          <div>
+            {{i18n("regNo")}} : {{req.user.regNo}}
+          </div>
+          <div v-if="req.actualCurriculum !== null">
+            {{i18n("From")}} : Bac {{req.actualCurriculum.year}} {{req.actualCurriculum.option}}
+            {{i18n("To")}} : Bac {{req.destinationCurriculum.year}} {{req.destinationCurriculum.option}}
+          </div>
+          <div v-else>
+            {{i18n("WantedCursus")}} : Bac {{req.destinationCurriculum.year}} {{req.destinationCurriculum.option}}
+          </div>
+          <div>
+            <button @click="localwindowstate++"> {{ i18n("seeprofile") }} </button>
+          </div>
+          <div>
+            <button v-if="req.state === 'Pending'" @click="req.state='Accepted';uploadandrefreshChangeRequest('Accepted')">{{ i18n("request.accept") }}</button>
+            <button v-if="req.state === 'Pending'" @click="req.state='Refused';uploadandrefreshChangeRequest('Refused')" style="margin-left: 2%;">{{i18n("request.refuse")}}</button>
+          </div>
+          <div v-if="user.role === 'Teacher' || user.role === 'Admin'">
+            <button v-if="req.teacherApprovalState === 'Pending'" @click="req.teacherApprovalState='Accepted';editChangeCurrReqTeacherApproval('Accepted')">{{i18n("acceptequiv")}}</button>
+            <button v-if="req.teacherApprovalState === 'Pending'" @click="req.teacherApprovalState='Refused';editChangeCurrReqTeacherApproval('Refused')">{{i18n("refuseequiv")}}</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div v-if="localwindowstate === 0" style="margin-left: 23%">
+    <button @click="windowState = 0" style="margin-left: 10%">{{ i18n("courses.back") }}</button>
+  </div>
+  <div v-if="localwindowstate === 1">
+    <AboutStudent :target="tag"></AboutStudent>
+    <button @click="localwindowstate--;" style="margin-left: 10%">{{ i18n("courses.back") }}</button>
+  </div>
+</template>
+
+<style scoped>
+.container{
+  min-width:675px;
+  display:grid;
+  grid-template-columns:10vw 50vw;
+  grid-template-rows:200px auto;
+  column-gap:2.7%;
+  row-gap:45px;
+  grid-template-areas:
+  "profilPic globalInfos"
+  "minfos minfos";
+}
+
+.globalInfos {
+  grid-area:globalInfos;
+  align-self :center;
+
+}
+
+.body {
+  min-width:960px;
+  width:100%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin-top:7%;
+}
+
+.infosContainer {
+  min-width:350px;
+  padding-bottom:50px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+}
+
+button{
+  border:none;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
+}
+</style>
--- a/frontend/src/Apps/Inscription/AboutExemption.vue
+++ b/frontend/src/Apps/Inscription/AboutExemption.vue
@ -0,0 +1,108 @@
+<script setup>
+
+import {
+  editExempReqState,
+  getExempReq,
+} from "@/rest/requests.js";
+import i18n from "@/i18n.js";
+import {ref} from "vue";
+import AboutStudent from "@/Apps/Inscription/AboutStudent.vue";
+
+const props = defineProps(["reqId"])
+
+const req = ref(await getExempReq(props.reqId))
+
+const profile = ref(false)
+
+const windowState = defineModel("windowState")
+
+async function editExemp(newstate){
+  await editExempReqState(req.value.id, newstate)
+}
+</script>
+
+
+<template>
+  <div class="body" v-if="profile === false">
+    <div class="container">
+      <div class="globalInfos">
+        <div class="infosContainer">
+          <div>
+            {{ i18n("firstname/name") }} : {{req.user.firstName}} {{req.user.lastName}}
+          </div>
+          <div>
+            {{ i18n("course") }}: {{req.course.title}}
+          </div>
+          <div>
+            {{ i18n("state") }} : {{req.state}}
+          </div>
+          <div>
+            <button @click="profile = !profile">{{ i18n("seeprofile") }}</button>
+          </div>
+          <div>
+            <button><a :href="req.justifDocument">{{ i18n("dljustifdoc") }}</a></button>
+          </div>
+          <div>
+            <button v-if="req.state === 'Pending'" @click="req.state='Accepted';editExemp('Accepted')">{{ i18n("request.accept") }}</button>
+            <button v-if="req.state === 'Pending'" @click="req.state='Refused';editExemp('Refused')" style="margin-left: 2%;">{{ i18n("request.refuse") }}</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div v-else>
+    <AboutStudent :target="req.user.regNo"></AboutStudent>
+    <button @click="profile=!profile" style="margin-left: 17%;margin-top: 3%">{{ i18n("backtoreq") }}</button>
+  </div>
+  <div>
+    <button v-if="profile===false" @click="windowState = 0" style="margin-left: 31%">{{ i18n("courses.back") }}</button>
+  </div>
+</template>
+
+<style scoped>
+.container{
+  min-width:675px;
+  display:grid;
+  grid-template-columns:10vw 50vw;
+  grid-template-rows:200px auto;
+  column-gap:2.7%;
+  row-gap:45px;
+  grid-template-areas:
+  "profilPic globalInfos"
+  "minfos minfos";
+}
+
+.globalInfos {
+  grid-area:globalInfos;
+  align-self :center;
+
+}
+
+.body {
+  min-width:960px;
+  width:100%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin-top:7%;
+}
+
+.infosContainer {
+  min-width:350px;
+  padding-bottom:50px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+}
+
+button{
+  border:none;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
+}
+</style>
--- a/frontend/src/Apps/Inscription/AboutRequest.vue
+++ b/frontend/src/Apps/Inscription/AboutRequest.vue
@ -1,21 +1,26 @@
 <script setup>
 import i18n from "@/i18n.js"
-import {getSelf, getUser} from '../../rest/Users.js'
-import {getcurriculum,getSomeonesCurriculumList} from "@/rest/curriculum.js";
+import {getSelf} from '../../rest/Users.js'
+import {getAllCurriculums, getcurriculum} from "@/rest/curriculum.js";
 import {getRegisters} from "@/rest/ServiceInscription.js";
-import {get} from "jsdom/lib/jsdom/named-properties-tracker.js";
 import {getExternalCurriculumByInscrReq} from "@/rest/externalCurriculum.js";
 import {ref} from "vue";
 import ExternalCurriculumList from "@/Apps/Inscription/ExternalCurriculumList.vue";
-import {editEquivalenceState} from "@/rest/requests.js";
+import {editEquivalenceState, imposeCurriculum} from "@/rest/requests.js";

+const curriculums = await getAllCurriculums()
 const props = defineProps(['target']);
 const request = await getRegisters(props.target);
 const cursus = await getcurriculum(request.curriculum);
 const user = await getSelf();
 const list = ref(false);
 const externalCurriculum = await getExternalCurriculumByInscrReq(request.id)
+const impose = ref(false)
+const imposeCurr = ref(0)
+const imposed = ref(false)

+//Get the parent page windowState to display the correct button
+const windowState = defineModel("windowState")
 function getPP(){
  if(request.profilePictureUrl === null){
    return "/Clyde.png"
@ -26,10 +31,14 @@ function getPP(){
 async function editEquivalence(id, newstate){
  await editEquivalenceState(id, newstate)
 }
+
+async function refreshCursus(){
+  cursus.value = await getcurriculum(request.curriculum)
+}
 </script>

 <template>
-  <div class="body" v-if="list == false">
+  <div class="body" v-if="list == false" style="margin-top: 10%;">
    <div class="container">
      <div class="profilPic">
        <img class="subContainter" :src=getPP()>
@ -37,36 +46,54 @@ async function editEquivalence(id, newstate){
      <div class = "globalInfos">
        <div class="infosContainer">
          <div>
-            FirstName/Name : {{request.firstName}} {{request.lastName}}
+            {{ i18n("firstname/name") }} : {{request.firstName}} {{request.lastName}}
          </div>
          <div>
-            E-mail: {{request.email}}
+            {{ i18n("login.guest.email") }}: {{request.email}}
          </div>
          <div>
-            Adresse : {{request.address}}
+            {{ i18n("login.guest.address") }} : {{request.address}}
          </div>
          <div>
-            Pays : {{request.country}}
+            {{ i18n("login.guest.country") }} : {{request.country}}
          </div>
          <div>
-            Date de naissance : {{request.birthDate}}
+            {{ i18n("login.guest.birthday") }} : {{request.birthDate.slice(0,10)}}
          </div>
          <div>
-            Cursus voulu : BAB {{cursus.year}} {{cursus.option}}
+            {{ i18n("WantedCursus") }} : BAB {{cursus.year}} {{cursus.option}}
          </div>
-          <div v-if="cursus.year > 1">
-            <button style="background-color:rgb(105,05,105);margin-left: 5%" @click="list=!list" v-if="(user.role == 'Teacher' || user.role == 'Admin')&& request.equivalenceState == 'Pending'">See external curriculums</button>
+          <div style="margin-top: 3%">
+            <button><a :href="request.identityCard">{{ i18n("dlidentitycard") }}</a></button>
+            <button style="margin-left: 3%" v-if="request.admissionDocUrl != null"><a :href="request.admissionDocUrl">{{ i18n("dladmissiondoc") }}</a></button>
+          </div>
+          <div>
+            <button style="background-color:rgb(105,05,105);margin-top: 3%" @click="list=!list" v-if="(user.role === 'Teacher' || user.role === 'Admin')">{{ i18n("seeextcur") }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
+  <div v-if="list == false" style="margin-left: 30%; margin-top: 5%">
+    <button @click="windowState = 0">{{ i18n("courses.back") }}</button>
+  </div>
  <div v-if="list==true">
-    <ExternalCurriculumList :ext-curr-list="externalCurriculum" :inscr-req-id="request.id"></ExternalCurriculumList>
+    <ExternalCurriculumList :ext-curr-list="externalCurriculum" :mode="0"></ExternalCurriculumList>
    <div style="margin-left: 15%;margin-top: 5%;">
-      <button style="margin-left: 2%" @click="list = false;editEquivalence(request.id, 'Accepted'); request.equivalenceState='Accepted'">Accept Equivalence</button>
-      <button style="margin-left: 2%" @click="list = false;editEquivalence(request.id, 'Refused'); request.equivalenceState='Refused'">Refuse Equivalence</button>
-      <button style="margin-left: 2%" @click="list=false">Return to profile</button>
+      <button style="margin-left: 2%" v-if="request.equivalenceState === 'Pending' && !impose" @click="list = false;editEquivalence(request.id, 'Accepted'); request.equivalenceState='Accepted'">{{i18n("acceptequiv")}}</button>
+      <button style="margin-left: 2%;margin-right: 3%" v-if="request.equivalenceState === 'Pending' && !impose" @click="list = false;editEquivalence(request.id, 'Refused'); request.equivalenceState='Refused'">{{i18n("refuseequiv")}}</button>
+      <div v-if="!imposed && request.equivalenceState !== 'Accepted'" style="margin-top: 3%;margin-left: 1%">
+        {{i18n("imposecurriculum")}}
+        <input type="checkbox" v-model="impose" v-if="!imposed">
+        <select v-if="impose" v-model="imposeCurr">
+          <option v-for="item in curriculums" :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+        </select>
+      </div>
+      <button v-if="impose && !imposed" style="margin-left: 2%" @click="imposeCurriculum(request.id, imposeCurr);request.equivalenceState='Accepted';imposed=true;">{{ i18n("impose") }}</button>
+      <div v-if="imposed">
+        {{ i18n("gotimposed") }}
+      </div>
+      <button style="margin-left: 2%" @click="list=false;refreshCursus()">{{ i18n("courses.back") }}</button>
    </div>
  </div>
 </template>
@ -123,10 +150,10 @@ async function editEquivalence(id, newstate){
 }

 button{
-  font-size:15px;
-  height:50px;
-  width:100px;
  border:none;
-  border-radius:20px;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
 }
 </style>
--- a/frontend/src/Apps/Inscription/AboutScholarship.vue
+++ b/frontend/src/Apps/Inscription/AboutScholarship.vue
@ -0,0 +1,131 @@
+<script setup>
+
+import {editScholarshipReq, getScholarshipReqById} from "@/rest/requests.js";
+import i18n from "@/i18n.js";
+import {reactive, ref} from "vue";
+
+const props = defineProps(["reqId"])
+const req = ref(await getScholarshipReqById(props.reqId))
+
+const user = req.value.user;
+
+const scholarshipData = reactive({
+  amount : 0,
+  id : req.value.id,
+  state : ""
+})
+
+function getPP(){
+  if(user.profilePictureUrl === null){
+    return "/Clyde.png"
+  }
+  return user.profilePictureUrl
+}
+
+async function uploadandrefreshScholarshipRequest(){
+  await editScholarshipReq(scholarshipData);
+  req.value = await getScholarshipReqById(props.reqId);
+}
+</script>
+
+
+<template>
+  <div class="body">
+    <div class="container">
+      <div class="profilPic">
+        <img class="subContainter" :src=getPP()>
+      </div>
+      <div class="globalInfos">
+        <div class="infosContainer">
+          <div>
+            {{ i18n("firstname/name") }} : {{user.firstName}} {{user.lastName}}
+          </div>
+          <div>
+            {{ i18n("login.guest.email") }}: {{user.email}}
+          </div>
+          <div>
+            {{ i18n("login.guest.address") }} : {{user.address}}
+          </div>
+          <div>
+            {{ i18n("login.guest.country") }} : {{user.country}}
+          </div>
+          <div>
+            {{ i18n("login.guest.birthday") }} : {{user.birthDate.slice(0,10)}}
+          </div>
+          <div>
+            <button><a :href="req.taxDocUrl">{{ i18n("dltaxdoc") }}</a></button>
+            <button style="margin-left: 2%"><a :href="req.residencyDocUrl">{{ i18n("dlresidency") }}</a></button>
+          </div>
+          <div v-if="req.state == 'Pending'" style="margin-top: 2%; margin-bottom: 2%;">
+            {{i18n("enteramount")}}
+            <input type="number" v-model="scholarshipData.amount">
+          </div>
+          <div>
+            <button v-if="req.state === 'Pending'" @click="scholarshipData.state='Accepted';uploadandrefreshScholarshipRequest()">{{i18n("request.accept")}}</button>
+            <button v-if="req.state === 'Pending'" @click="scholarshipData.state='Refused';uploadandrefreshScholarshipRequest()" style="margin-left: 2%;">{{i18n("request.refuse")}}</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.container{
+  min-width:675px;
+  display:grid;
+  grid-template-columns:10vw 50vw;
+  grid-template-rows:200px auto;
+  column-gap:2.7%;
+  row-gap:45px;
+  grid-template-areas:
+  "profilPic globalInfos"
+  "minfos minfos";
+}
+
+.profilPic{
+  width:100%;
+  grid-area:profilPic;
+}
+
+.globalInfos {
+  grid-area:globalInfos;
+  align-self :center;
+
+}
+
+.body {
+  min-width:960px;
+  width:100%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin-top:10%;
+}
+
+.subContainter{
+  width:100%;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+  border:4px solid black;
+}
+
+.infosContainer {
+  min-width:350px;
+  padding-bottom:50px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+}
+
+button{
+  border:none;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
+}
+</style>
--- a/frontend/src/Apps/Inscription/AboutStudent.vue
+++ b/frontend/src/Apps/Inscription/AboutStudent.vue
@ -1,6 +1,6 @@
 <script setup>
  import i18n from "@/i18n.js"
-  import {getUser} from '../../rest/Users.js'
+  import {getSelf, getUser} from '../../rest/Users.js'
  import {getSomeonesCurriculumList} from "@/rest/curriculum.js";
  import {ref} from "vue";
  import ExternalCurriculumList from "@/Apps/Inscription/ExternalCurriculumList.vue";
@ -12,23 +12,13 @@
  const externalcurrlist = await getExternalCurriculumByUser(user.regNo)
  const extercurrlist = ref(false)

+  const watchingUser = await getSelf()
  function getPP(){
    if(user.profilePictureUrl === null){
      return "/Clyde.png"
    }
    return user.profilePictureUrl
  }
-
-  //Cette function renvoie l'année académique concernée si on est dans l'année 2023-2024 elle renvoie 2023
-  //car dans la db l'année scolaire 2023-2024 est representée juste par 2023 (le même système s'applique pour chaque années on prend la borne inférieure
-  function getYear(){
-    let date = new Date();
-    if (date.getMonth() <= 6){
-      return date.getFullYear()-1
-    }
-    return date.getFullYear()
-  }
-
 </script>

 <template>
@ -40,47 +30,50 @@
      <div class = "globalInfos">
        <div class="infosContainer">
          <div>
-            FirstName/Name : {{user.firstName}} {{user.lastName}}
+            {{ i18n("firstname/name") }} : {{user.firstName}} {{user.lastName}}
          </div>
          <div>
-            E-mail: {{user.email}}
+            {{ i18n("login.guest.email") }}: {{user.email}}
          </div>
          <div>
-            Adresse : {{user.address}}
+            {{ i18n("login.guest.address") }} : {{user.address}}
          </div>
          <div>
-            Pays : {{user.country}}
+            {{ i18n("login.guest.country") }} : {{user.country}}
          </div>
          <div>
-            Date de naissance : {{user.birthDate}}
+            {{ i18n("login.guest.birthday") }} : {{user.birthDate}}
          </div>
          <div>
-            <button @click="extercurrlist=!extercurrlist">See external curriculums</button>
+            <button v-if="watchingUser.role === 'Admin' || watchingUser.role === 'InscriptionService' || watchingUser.role === 'Secretary' || watchingUser.regNo === user.regNo"><a :href="user.identityCard">{{i18n("dlidentitycard")}}</a></button>
+          </div>
+          <div>
+            <button @click="extercurrlist=!extercurrlist">{{i18n("seeextcur")}}</button>
          </div>
        </div>
      </div>
-      <div class="moreInfos">
+      <div class="moreInfos" style="margin-top: 15%">
        <div class = "oldcursus">
          <div class="listTitle">
-            Anciens Cursus
+            {{ i18n("oldcursus") }}
          </div>
          <div  class="listElement">
            <div class=" containerElement" v-for="item in UserCurriculum.curriculumList">
-              <div class="year" v-if="parseInt(item.dateyear) !== getYear()">Bac {{item.year}}</div>
-              <div class="option" v-if="parseInt(item.dateyear) !== getYear()">{{item.option}}</div>
-              <div class="dateyear" v-if="parseInt(item.dateyear) !== getYear()">Année {{item.dateyear}}-{{item.dateyear+1}}</div>
+              <div class="year" v-if="item.actual === false">Bac {{item.year}}</div>
+              <div class="option" v-if="item.actual === false">{{item.option}}</div>
+              <div class="dateyear" v-if="item.actual === false">{{ i18n("year") }} {{item.dateyear}}-{{item.dateyear+1}}</div>
            </div>
          </div>
        </div>
        <div class="newcursus">
          <div class="listTitle">
-            Cursus Actuel
+            {{ i18n("newcursus") }}
          </div>
          <div  class="listElement">
            <div class=" containerElement" v-for="item in UserCurriculum.curriculumList" >
-                <div class="year" v-if="parseInt(item.dateyear) === getYear()">Bac {{item.year}}</div>
-                <div class="option" v-if="parseInt(item.dateyear) === getYear()">{{item.option}}</div>
-                <div class="dateyear" v-if="parseInt(item.dateyear) === getYear()">Année {{item.dateyear}}-{{item.dateyear+1}}</div>
+                <div class="year" v-if="item.actual === true">Bac {{item.year}}</div>
+                <div class="option" v-if="item.actual === true">{{item.option}}</div>
+                <div class="dateyear" v-if="item.actual === true">{{ i18n("year") }} {{item.dateyear}}-{{item.dateyear+1}}</div>
            </div>
          </div>
        </div>
@ -88,12 +81,13 @@
    </div>
  </div>
  <div v-if="extercurrlist==true">
-      <ExternalCurriculumList :ext-curr-list="externalcurrlist"></ExternalCurriculumList>
+      <ExternalCurriculumList :ext-curr-list="externalcurrlist" :mode="1"></ExternalCurriculumList>
  </div>
 </template>


 <style scoped>
+
 .container{
  min-width:675px;
  display:grid;
@ -102,8 +96,7 @@
  column-gap:2.7%;
  row-gap:45px;
  grid-template-areas:
-  "profilPic globalInfos"
-  "minfos minfos";
+  "profilPic globalInfos";
 }

 .profilPic{
@ -143,12 +136,10 @@
 }

 .moreInfos {
-  display:grid;
-  grid-template-rows:200px auto;
+  display:inline-grid;
  column-gap:50px;
-  row-gap:45px;
  grid-template-areas:
-  "minfos minfos";
+  "oldcursus newcursus";
  grid-template-columns:600px 600px;
  align-items:center;
  justify-content:center;
@ -189,4 +180,12 @@
  column-gap:40px;
  padding-left: 25px;
 }
+
+button{
+  border:none;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
+}
 </style>
--- a/frontend/src/Apps/Inscription/AboutUnregister.vue
+++ b/frontend/src/Apps/Inscription/AboutUnregister.vue
@ -0,0 +1,85 @@
+<script setup>
+
+import {
+  editUnregReq,
+  getUnregisterbyId
+} from "@/rest/requests.js";
+import i18n from "@/i18n.js";
+import {ref} from "vue";
+
+const props = defineProps(["reqId"])
+const req = ref(await getUnregisterbyId(props.reqId))
+
+async function uploadandrefreshUnregRequest(state){
+  await editUnregReq(req.value.id, state)
+  req.value.state = state
+}
+</script>
+
+
+<template>
+  <div class="body">
+    <div class="container">
+      <div class="globalInfos">
+        <div class="infosContainer">
+          <div>
+            {{ i18n("firstname/name") }} : {{req.firstName}} {{req.lastName}}
+          </div>
+          <div>
+            {{ i18n("login.guest.email") }}: {{req.email}}
+          </div>
+          <div>
+            {{ i18n("regNo") }} : {{req.regNo}}
+          </div>
+          <div>
+            {{ i18n("reason") }}
+            <input type="text" v-model="req.reason" readonly/>
+          </div>
+          <div>
+            <button v-if="req.state === 'Pending'" @click="req.state='Accepted';uploadandrefreshUnregRequest('Accepted')">{{i18n("request.accept")}}</button>
+            <button v-if="req.state === 'Pending'" @click="req.state='Refused';uploadandrefreshUnregRequest('Refused')" style="margin-left: 2%;">{{i18n("request.refuse")}}</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.container{
+  min-width:675px;
+  display:grid;
+  grid-template-columns:10vw 50vw;
+  grid-template-rows:200px auto;
+  column-gap:2.7%;
+  row-gap:45px;
+  grid-template-areas:
+  "profilPic globalInfos"
+  "minfos minfos";
+}
+
+.globalInfos {
+  grid-area:globalInfos;
+  align-self :center;
+}
+
+.body {
+  min-width:960px;
+  width:100%;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin-top:7%;
+}
+
+.infosContainer {
+  min-width:350px;
+  padding-bottom:50px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+}
+</style>
--- a/frontend/src/Apps/Inscription/CourseList.vue
+++ b/frontend/src/Apps/Inscription/CourseList.vue
@ -2,16 +2,18 @@

 import {reactive, ref} from "vue";
 import i18n from "@/i18n.js";
-import {getCourse} from "@/rest/courses.js";
 import {getcurriculum} from "@/rest/curriculum.js";
-import {uploadFile, uploadProfilePicture} from "@/rest/uploads.js";
-import {createExemptionsRequest} from "@/rest/requests.js";
+import {uploadFile} from "@/rest/uploads.js";
+import {createExemptionsRequest, getExempByUser} from "@/rest/requests.js";
 import {getSelf} from "@/rest/Users.js";

 const props = defineProps(["cursuslist"])
 const selectedCurriculum = ref(props.cursuslist[0])
 const user = await getSelf()

+const windowState = defineModel("windowState")
+const exempList = await getExempByUser(user.regNo)
+const submitted = ref(false)
 const courseslist = ref(await getcurriculum(selectedCurriculum.value.curriculumId))
 const list = ref(true)

@ -30,11 +32,20 @@ const exemptReq = reactive({
  courseId : null,
  justifDocument : "",
 })
+
+function isExempted(course){
+  for (let i = 0; i < exempList.length; i++){
+    if (exempList[i].course.courseID === course.courseId && exempList[i].state === "Accepted"){
+      return true
+    }
+    return false
+  }
+}
 </script>

 <template style="margin-top:5%;">
  <div v-if="list == true">
-    <span>Selected Cursus :   </span>
+    <span>{{i18n("selectedcursus")}} :   </span>
    <select v-model="selectedCurriculum" @change="updateCourseList">
      <option v-for="item in props.cursuslist" :value="item">Bac {{item.year}} {{item.option}}</option>
    </select>
@ -45,19 +56,31 @@ const exemptReq = reactive({
          <div class="firstname">{{item.owner.firstName}}</div>
          <div class="lastname">{{item.owner.lastName}}</div>
          <div class="credits">credits : {{item.credits}}</div>
-          <div class="askexemption"><button style="background-color:rgb(105,0,0);" @click="list= !list;exemptReq.courseId=item.courseId">Ask exemption</button></div>
+          <div class="askexemption" v-if="!isExempted(item)"><button style="background-color:rgb(105,0,0);" @click="list= !list;exemptReq.courseId=item.courseID;">{{i18n("askexemp")}}</button></div>
+          <div v-else class="askexemption" style="font-size: 50%">{{ i18n("exemp") }}</div>
        </div>
      </div>
    </div>
+    <div>
+      <button @click="windowState = 0">{{ i18n("courses.back")}}</button>
+    </div>
  </div>
-  <div v-else>
-      <p>Please upload the justification document for the exemption </p>
-    <label class="browser">
-      <input  type="file" @change="ppData.value = $event.target.files" accept="image/*" ref="filepath">
+  <div v-if="list === false"  class="infosContainer">
+      <p v-if="!submitted">{{ i18n("uploadjustifdoc") }} </p>
+    <div>
+    <label class="browser" v-if="!submitted">
+      <input  type="file" @change="ppData.value = $event.target.files" ref="filepath">
    </label>
-    <button style="width:15%; margin-top: 5%;" @click="postExemptionRequest(ppData.value, 'JustificationDocument');">
-      Submit exemption request
+    </div>
+    <button style="margin-top: 3%" v-if="!submitted" @click="postExemptionRequest(ppData.value, 'JustificationDocument');submitted=!submitted">
+      {{ i18n("subexemreq") }}
    </button>
+    <div v-if="submitted">
+      {{i18n("reqsent")}}
+    </div>
+  </div>
+  <div v-if="list === false">
+    <button @click="list=!list;submitted=!submitted">{{ i18n("courses.back") }}</button>
  </div>
 </template>

@ -135,5 +158,15 @@ button{
  margin-top:10px;

 }
+
+.infosContainer {
+  padding-bottom:50px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+}
 </style>

--- a/frontend/src/Apps/Inscription/ExternalCurriculumList.vue
+++ b/frontend/src/Apps/Inscription/ExternalCurriculumList.vue
@ -1,25 +1,133 @@
 <script setup>
  import i18n from "@/i18n.js";
-  import {ref} from "vue";
+  import {reactive, ref} from "vue";
+  import {getSelf} from "@/rest/Users.js";
+  import {createExternalCurriculum, getExternalCurriculumByUser} from "@/rest/externalCurriculum.js";
+  import {uploadFile} from "@/rest/uploads.js";

-  const props = defineProps(["extCurrList"])
+  //mode 0 = externalcurr related to inscrreq, 1 = externalcurr related to user, 2 inscription procedure
+  const props = defineProps(["extCurrList", "mode"])

-  const extCurrList = ref(props.extCurrList)
-  console.log(extCurrList)
+  //Only usefull to pass the external curr array in the inscription procedure
+  const externalCurrTab = defineModel();
+
+  const extCurrList = ref({})
+  let extNum = 0
+  const User = ref({})
+
+  if (props.mode === 1){
+    User.value = await getSelf()
+  }
+
+
+  const list = ref(true)
+  const editmode = ref(false)
+  const notcompletedCheck = ref(false);
+
+  const externalCurr = reactive({
+    inscriptionRequestId : null,
+    school:null,
+    formation :null,
+    completion : "completed",
+    startYear : 0,
+    endYear: 0,
+    justifdocUrl : "",
+    userRegNo : null
+  })
+
+  if (props.mode === 1){
+    externalCurr.userRegNo = props.extCurrList[0].user.regNo
+  }else if(props.mode === 2){
+    extCurrList.value = externalCurrTab.value
+  }
+
+  if(props.mode !== 2){
+    extCurrList.value = props.extCurrList
+  }
+
+  function deleteExtCursus(extcursus){
+    externalCurrTab.value.splice(externalCurrTab.value.indexOf(extcursus),1)
+  }
+
+  async function postExternalCurr(){
+    if (props.mode === 1){
+      const temp = await uploadFile(externalCurr.justifdocUrl, "JustificationDocument")
+      await createExternalCurriculum(externalCurr.inscriptionRequestId, externalCurr.school, externalCurr.formation, externalCurr.completion, externalCurr.startYear, externalCurr.endYear, temp.url, externalCurr.userRegNo);
+      //We refresh the list
+      extCurrList.value = await getExternalCurriculumByUser(externalCurr.userRegNo);
+      list.value = !list.value;
+    }else if (props.mode === 2){
+      externalCurrTab.value.push({
+        inscriptionRequestId : externalCurr.inscriptionRequestId,
+          school:externalCurr.school,
+          formation :externalCurr.formation,
+          completion : externalCurr.completion,
+          startYear : externalCurr.startYear,
+          endYear: externalCurr.endYear,
+          justifdocUrl : externalCurr.justifdocUrl,
+          userRegNo : externalCurr.userRegNo
+      });
+      extCurrList.value = externalCurrTab.value
+      list.value = !list.value;
+    }
+  }
 </script>

 <template style="margin-top:5%;">
-  <div style="display:flex; justify-content:center; " v-for="item in extCurrList">
-    <div class="bodu">
-      <div class="container">
-        <div class="status"><a style="margin-left:30px">{{item.state}}</a></div>
-        <div class="school"><a>{{item.school}}</a></div>
-        <div class="formation"><a>{{item.formation}}</a></div>
-        <div class="completion"><a>{{item.completion}}</a></div>
-        <div class="download"><button>Download document</button></div>
+  <div v-if="list">
+    <div v-if="props.mode === 2||User.regNo === externalCurr.userRegNo" style="margin-left: 2%;margin-top: 2%">
+      <button @click="list = !list" style="margin-left:15%;">{{ i18n("addextcurr") }}</button>
+    </div>
+    <div style="display:flex; justify-content:center;" v-for="(item, index) in extCurrList">
+      <div class="bodu">
+        <div class="container">
+          <div class="status"><a style="margin-left:30px">{{item.state}}</a></div>
+          <div class="school"><a>{{item.school}}</a></div>
+          <div class="formation"><a>{{item.formation}}</a></div>
+          <div class="completion"><a>{{item.completion}}</a></div>
+          <div class="download" v-if="props.mode!==2"><button><a :href="item.justifdocUrl">{{ i18n("dldoc") }}</a></button></div>
+          <div class="edit" v-if="props.mode === 2"><button @click="list=!list;externalCurr.justifdocUrl=item.justifDocUrl; externalCurr.endYear = item.endYear; externalCurr.startYear = item.startYear; externalCurr.school = item.school;externalCurr.completion = item.completion;externalCurr.formation=item.formation;editmode=!editmode;extNum=index">{{i18n("edit")}}</button></div>
+          <div class="delete" v-if="props.mode === 2"><button @click="deleteExtCursus(item)">{{ i18n("delete") }}</button></div>
+        </div>
      </div>
    </div>
  </div>
+  <div v-else class="loginbox" style="margin-left: 35%; margin-top: 3%">
+    <form class="form">
+      <div class="inputBox">
+        <p>{{ i18n("school") }}</p>
+        <input type="text" v-model="externalCurr.school">
+      </div>
+      <div class="inputBox">
+        <p>Formation</p>
+        <input type="text" v-model="externalCurr.formation">
+      </div>
+      <div class="inputBox">
+        <p>{{i18n("checkifnotcompleted")}}</p>
+        <input v-model="notcompletedCheck" type="checkbox" id="checkboxformation">
+        <div v-if="notcompletedCheck">
+          <p>{{i18n("wichyearstop")}}</p>
+          <input type="text" v-model="externalCurr.completion">
+        </div>
+      </div>
+      <div class="inputBox">
+        <p>{{ i18n("startyear") }}</p>
+        <input type="number" v-model="externalCurr.startYear">
+      </div>
+      <div class="inputBox">
+        <p>{{ i18n("endyear") }}</p>
+        <input type="number" v-model="externalCurr.endYear">
+      </div>
+      <div class="inputBox">
+        <p>{{i18n("giveextcurdoc")}}</p>
+        <input type="file" @change="externalCurr.justifdocUrl = $event.target.files">
+      </div>
+      <div class="inputBox" style="margin-top: 3%; margin-bottom: 3%">
+        <input v-if="!editmode" type="submit" value="upload" @click="postExternalCurr()">
+        <input v-else type="submit" value="edit" @click="externalCurrTab[extNum] = {inscriptionRequestId : externalCurr.inscriptionRequestId,school:externalCurr.school,formation :externalCurr.formation,completion : externalCurr.completion,startYear : externalCurr.startYear,endYear: externalCurr.endYear,justifdocUrl : externalCurr.justifdocUrl,userRegNo : externalCurr.userRegNo};editmode=!editmode;list=!list">
+      </div>
+    </form>
+  </div>
 </template>

 <style scoped>
@ -28,9 +136,9 @@
  height:100px;
  font-size:30px;
  display:grid;
-  grid-template-columns:15% 10% 20% 15% 13.1%;
+  grid-template-columns:5% 10% 20% 15% 20% 10%;
  grid-template-areas:
-    "status school formation completion download";
+    "status school formation completion download edit delete";
  column-gap:10px;
 }

@ -40,6 +148,15 @@
  font-size: 70%;
 }

+.edit{
+  grid-area: edit;
+  align-self: center;
+}
+
+.delete{
+  grid-area: delete;
+  align-self: center;
+}
 .school{
  grid-area:school;
  align-self:center;
@ -61,18 +178,12 @@
  font-size: 70%;
 }

+
 .download{
  grid-area: download;
  align-self:center;
 }
-button{
-  font-size:15px;
-  height:50px;
-  width:75%;
-  border:none;
-  border-radius:20px;

-}

 .bodu {
  margin-top:2%;
@ -82,6 +193,49 @@ button{
  background-color:rgb(50,50,50);
 }

+.loginbox {
+  background-color: rgb(24,24,24);
+  width: 400px;
+  display:flex;
+  justify-content: center;
+  border-radius: 5%;
+  box-shadow:0 5px 25px #000000;
+}

+.form {
+  position:relative;
+  width:100%;
+  display: flex;
+  flex-direction: column;
+  align-items:center;
+  gap: 3%;
+}
+
+.inputBox input,select {
+  width:100%;
+  border: none;
+  margin-right: 12.5%;
+  padding-left: 2.5%;
+  padding-top:2.5%;
+  padding-bottom:2.5%;
+  outline:none;
+  border-radius: 10px;
+  font-size:1.35em;
+}
+
+.inputBox p{
+  position:relative;
+  z-index: 100;
+  font-family:sans-serif ;
+  color:rgb(239,60,168);
+}
+
+button{
+  border:none;
+  background-color:rgb(239, 60, 168);
+  border-radius:10px;
+  height:35px;
+  margin-top:10px;
+}
 </style>

--- a/frontend/src/Apps/Inscription/ManageRequests.vue
+++ b/frontend/src/Apps/Inscription/ManageRequests.vue
@ -1,18 +1,28 @@
 <script setup>
  import i18n from "@/i18n.js"
-  import {ref} from 'vue'
+  import {ref, watch} from 'vue'
  import {validateRegister, getAllRegisters } from '@/rest/ServiceInscription.js'
  import AboutRequest from "@/Apps/Inscription/AboutRequest.vue";
-  import {getAllExemptionsRequest, getAllScholarShipsRequest} from "@/rest/requests.js";
+  import {
+    getAllChangeCurrReq,
+    getAllExemptionsRequest,
+    getAllScholarShipsRequest,
+    getAllUnregisters
+  } from "@/rest/requests.js";
+  import AboutScholarship from "@/Apps/Inscription/AboutScholarship.vue";
+  import AboutUnregister from "@/Apps/Inscription/AboutUnregister.vue";
+  import AboutChangeCurriculum from "@/Apps/Inscription/AboutChangeCurriculum.vue";
+  import AboutExemption from "@/Apps/Inscription/AboutExemption.vue";
+  import {getSelf} from "@/rest/Users.js";

  const requests = ref(await getAllRegisters());
  let targetId = "";
-
-  const requestType = ref("inscription");
+  const user = await getSelf()
+  const requestType = ref(i18n("inscription"));
  const filterType = ref("None");

-  //0 = liste, 1 = détails, 2 = sure?
-  let windowsState = ref(0);
+  //0 = liste, 1 = détails, 2 = sure?, 3 = manage scholarship, 4 manage unregister, 5 = manage curriculum change, 6 = manage exemptions
+  const windowsState = ref(0);

  async function upPage(id,review){
    await validateRegister(id,review);
@ -21,34 +31,50 @@
  }

  async function loadRequests(){
-    if (requestType.value === "inscription"){
-      requests.value = await getAllRegisters();
-    }
-    if (requestType.value === "scholarship"){
-      requests.value = await getAllScholarShipsRequest();
-    }
-    if(requestType.value === "exemption"){
-      requests.value = await getAllExemptionsRequest();
+    switch (requestType.value){
+      case i18n("inscription"):
+        requests.value = await getAllRegisters();
+        break;
+      case i18n("scholarship"):
+        requests.value = await getAllScholarShipsRequest();
+        break;
+      case i18n("exemption"):
+        requests.value = await getAllExemptionsRequest();
+        break;
+      case i18n("unregister"):
+        requests.value = await getAllUnregisters();
+        break;
+      case i18n("curriculumch"):
+        requests.value = await getAllChangeCurrReq();
    }
  }
+
+  //When we come back to the list we need to reload the list
+  watch(windowsState, () => {
+    if (windowsState.value === 0){
+      loadRequests();
+    }
+  })
 </script>



 <template>
  <div v-if="windowsState === 1">
-    <AboutRequest :target="targetId"></AboutRequest>
+    <AboutRequest :target="targetId" v-model:window-state="windowsState"></AboutRequest>
  </div>
  <div v-if="windowsState === 0">
    <div style="margin-top: 2%;margin-left: 2%">
-      <span>Request type :   </span>
+      <span>{{ i18n("reqtype") }} :   </span>
      <select v-model="requestType" @change="loadRequests()">
-        <option>inscription</option>
-        <option>scholarship</option>
-        <option>exemption</option>
+        <option>{{ i18n("inscription") }}</option>
+        <option v-if="user.role === 'Admin' || user.role === 'InscriptionService'">{{ i18n("scholarship") }}</option>
+        <option v-if="user.role === 'Admin' || user.role === 'Teacher'">{{ i18n("exemption") }}</option>
+        <option v-if="user.role === 'Admin' || user.role === 'InscriptionService'">{{ i18n("unregister") }}</option>
+        <option>{{ i18n("curriculumch") }}</option>
      </select>
      <span style="margin-left: 5%">
-        Filter :
+        {{ i18n("filter") }}
        <select v-model="filterType">
          <option>None</option>
          <option>Pending</option>
@ -58,44 +84,75 @@
      </span>
    </div>
    <div style='display:flex; justify-content:center; min-width:1140px;' v-for="item of requests">
-      <div class="bodu" style="width: 95%" v-if="filterType == 'None' || filterType == item.state">
-        <div class="container" style="grid-template-columns:11% 15% 20% 10% 10% 9% 9%;grid-template-areas:'date state equivalencestate surname firstname accept refuse infos';" v-if="requestType === 'inscription'">
-          <!--
-            The condition below avoids an error occuring because loadRequests() finishes after the vue refresh
-            then submissionDate is undefined an it triggers an error in the console despite the fact that it is working
-            properly at the end.
-           -->
+      <div class="bodu" style="width: 95%" v-if="(filterType == 'None' || filterType == item.state) && requestType !== i18n('exemption')">
+        <div class="container" style="grid-template-columns:11% 15% 20% 10% 10% 9% 9%;grid-template-areas:'date state equivalencestate surname firstname accept refuse infos';" v-if="requestType === i18n('inscription')">
          <div class="date" v-if="item.submissionDate !== undefined">{{item.submissionDate.slice(0, 10)}}</div>
-          <div class="state" style="font-size: 80%">Approval : {{item.state}}</div>
-          <div class="equivalencestate" style="font-size: 80%">Teacher approval : {{item.equivalenceState}}</div>
+          <div class="state" style="font-size: 80%">{{ i18n("approval") }} {{item.state}}</div>
+          <div class="equivalencestate" style="font-size: 80%">{{ i18n("teacherapproval") }} {{item.equivalenceState}}</div>
          <div class="surname">{{item.lastName}}</div>
          <div class="firstname">{{item.firstName}}</div>
-          <div class="accept" v-if="item.state === 'Pending'"><button @click="windowsState=2;targetId=item.id;" style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
-          <div class="refuse" v-if="item.state === 'Pending'"><button @click="upPage(item.id,'Refused')" style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
+          <div class="accept" v-if="item.state === 'Pending' && (user.role === 'Admin' || user.role === 'InscriptionService')"><button @click="windowsState=2;targetId=item.id;" style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
+          <div class="refuse" v-if="item.state === 'Pending' && (user.role === 'Admin' || user.role === 'InscriptionService')"><button @click="upPage(item.id,'Refused')" style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
          <div class="infos"><button style="background-color:rgb(105,05,105);" @click="targetId=item.id;windowsState=1;">{{i18n("request.moreInfos")}}</button></div>
        </div>
-        <div class="container" style="grid-template-columns:25% 15% 15% 25% 14.2%;grid-template-areas:'date reqState studentfirstname studentlastname  infos';" v-if="requestType === 'scholarship'">
+        <div class="container" style="grid-template-columns:25% 15% 15% 25% 14.2%;grid-template-areas:'date reqState studentfirstname studentlastname  infos';" v-if="requestType === i18n('scholarship')">
          <div class="date" v-if="item.date !== undefined"> {{item.date.slice(0,10)}}</div>
          <div class="studentfirstname">{{item.user.firstName}}</div>
          <div class="studentlastname">{{item.user.lastName}}</div>
          <div class="reqState">{{item.state}}</div>
-          <div class="infos"><button>More infos</button></div>
+          <div class="infos" @click="windowsState = 3; targetId=item.id;"><button>{{ i18n("request.moreInfos") }}</button></div>
        </div>
-        <div class="container" style="grid-template-columns:17% 15% 12% 15% 25%;grid-template-areas:'date reqState studentfirstname studentlastname course infos';"v-if="requestType === 'exemption'">
+        <div class="container" v-if="requestType === i18n('unregister')" style="grid-template-columns:17% 15% 12% 15%;grid-template-areas:'date reqState regno studentfirstname studentlastname infos';">
+          <div class="date" v-if="item.date != undefined">{{item.date.slice(0,10)}}</div>
+          <div class="studentfirstname">{{item.firstName}}</div>
+          <div class="studentlastname">{{item.lastName}}</div>
+          <div class="regno">id : {{item.regNo}}</div>
+          <div class="reqState">{{item.state}}</div>
+          <div class="infos"><button @click="windowsState=4;targetId=item.id">{{ i18n("request.moreInfos") }}</button></div>
+        </div>
+        <div class="container" v-if="requestType === i18n('curriculumch')" style="grid-template-columns:17% 20% 15% 5%;grid-template-areas:'date reqState teacherApproval regno studentfirstname studentlastname infos';">
+          <div class="date" v-if="item.date != undefined">{{item.date.slice(0,10)}}</div>
+          <div class="studentfirstname">{{item.user.firstName}}</div>
+          <div class="studentlastname">{{item.user.lastName}}</div>
+          <div class="reqState">{{ i18n("approval")}}{{item.state}}</div>
+          <div class="teacherApproval">{{ i18n("teacherapproval") }} : {{item.teacherApprovalState}}</div>
+          <div class="infos"><button @click="windowsState=5;targetId=item.id">{{ i18n("request.moreInfos") }}</button></div>
+        </div>
+      </div>
+      <div class="bodu" v-if="(filterType == 'None' || filterType == item.state) && requestType === i18n('exemption') && (item.course.owner.regNo === user.regNo || user.role === 'Admin')">
+        <div class="container" style="grid-template-columns:17% 15% 12% 15% 25%;grid-template-areas:'date reqState studentfirstname studentlastname course infos';">
          <div class="date" v-if="item.date != undefined">{{item.date.slice(0,10)}}</div>
          <div class="studentfirstname">{{item.user.firstName}}</div>
          <div class="studentlastname">{{item.user.lastName}}</div>
          <div class="course">{{item.course.title}}</div>
          <div class="reqState">{{item.state}}</div>
-          <div class="infos"><button>More infos</button></div>
+          <div class="infos"><button @click="windowsState=6;targetId=item.id">{{ i18n("request.moreInfos") }}</button></div>
        </div>
      </div>
    </div>
  </div>
-  <div style='display:flex; justify-content:center; min-width:1140px;margin-top: 10%' v-if="windowsState === 2">
-    <p>Etes vous sur de vouloir accepter cette demande ?</p>
-    <button style="background-color:rgb(105,05,105);" @click="upPage(targetId,'Accepted');windowsState=0;">Valider</button>
-    <button style="background-color:rgb(105,05,105);" @click="windowsState=0;">Retour</button>
+  <div class="infosContainer" style='margin-left:15%;display:flex; justify-content:center; width: 70%;margin-top: 10%' v-if="windowsState === 2">
+    <p>{{ i18n("surreq") }}</p>
+    <div style="margin-left: 10%; margin-top: 1.5%; width: 30%">
+      <button style="background-color:rgb(105,05,105);margin-right: 2%" @click="upPage(targetId,'Accepted');windowsState=0;">{{ i18n("validate") }}</button>
+      <button style="background-color:rgb(105,05,105);" @click="windowsState=0;">{{ i18n("courses.back")}}</button>
+    </div>
+  </div>
+  <div v-if="windowsState === 3">
+    <AboutScholarship :req-id="targetId"></AboutScholarship>
+    <div>
+      <button style="margin-left: 31%; margin-top: 5%" @click="windowsState=0">{{ i18n("courses.back")}}</button>
+    </div>
+  </div>
+  <div v-if="windowsState === 4">
+    <AboutUnregister :req-id="targetId"></AboutUnregister>
+    <button @click="windowsState=0" style="margin-left: 31%">{{ i18n("courses.back")}}</button>
+  </div>
+  <div v-if="windowsState === 5">
+    <AboutChangeCurriculum :req-id="targetId" v-model:window-state="windowsState"></AboutChangeCurriculum>
+  </div>
+  <div v-if="windowsState === 6">
+    <AboutExemption :req-id="targetId" v-model:window-state="windowsState"></AboutExemption>
  </div>
 </template>

@ -112,6 +169,11 @@
    grid-area: equivalencestate;
    align-self: center;
  }
+
+  .teacherApproval{
+    grid-area: teacherApproval;
+    align-self: center;
+  }
  .studentfirstname{
    grid-area: studentfirstname;
    align-self: center;
@ -151,6 +213,10 @@
    align-self:center;
  }

+  .regno{
+    grid-area: regno;
+    align-self: center;
+  }
  .state{
    grid-area:state;
    margin-left:40px;
@ -174,12 +240,11 @@
  }

  button{
-    font-size:15px;
-     height:50px;
-     width:100px;
    border:none;
-    border-radius:20px;
-
+    background-color:rgb(239, 60, 168);
+    border-radius:10px;
+    height: 35px;
+    margin-top:10px;
  }

  .bodu {
@ -190,7 +255,15 @@
    background-color:rgb(50,50,50);
  }

-
+  .infosContainer {
+    padding-bottom:50px;
+    border:2px solid black;
+    font-size:25px;
+    color:white;
+    padding:20px;
+    background-color:rgb(50,50,50);
+    border-radius:20px;
+  }
 </style>


--- a/frontend/src/Apps/Inscription/PaymentInfo.vue
+++ b/frontend/src/Apps/Inscription/PaymentInfo.vue
@ -0,0 +1,77 @@
+<script setup>
+import i18n from "@/i18n.js";
+import {getAllPayments} from "@/rest/requests.js";
+
+const paymentsList = await getAllPayments()
+
+</script>
+
+<template style="margin-top:5%;">
+  <div style="display:flex; justify-content:center; " v-for="item in paymentsList">
+    <div class="bodu">
+      <div class="container">
+        <div class="regNo"><a style="margin-left:30px">{{ i18n("regNo") }} : {{item.studentRegNo}}</a></div>
+        <div class="client"><a>Client : {{item.client}}</a></div>
+        <div class="amount"><a>{{ i18n("amount")}} : {{item.amount}}€</a></div>
+        <div class="date" style="margin-left: 10%">{{item.date.slice(0,10)}}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.container{
+  color:white;
+  height:100px;
+  font-size:30px;
+  display:grid;
+  grid-template-columns:20% 25% 15% 17%;
+  grid-template-areas:
+    "date regNo client amount";
+  column-gap:10px;
+}
+
+.regNo {
+  grid-area:regNo;
+  align-self:center;
+  font-size: 70%;
+}
+
+.client{
+  grid-area:client;
+  align-self:center;
+  font-size: 70%;
+}
+
+.amount{
+  grid-area:amount;
+  align-self:center;
+  font-size: 70%;
+}
+
+.date{
+  grid-area:date;
+  align-self:center;
+  font-size: 70%;
+}
+
+button{
+  font-size:15px;
+  height:50px;
+  width:75%;
+  border:none;
+  border-radius:20px;
+
+}
+
+.bodu {
+  margin-top:2%;
+  width:66%;
+  border:2px solid black;
+  border-radius:9px;
+  background-color:rgb(50,50,50);
+}
+
+
+</style>
+
--- a/frontend/src/Apps/LessonRequests.vue
+++ b/frontend/src/Apps/LessonRequests.vue
@ -0,0 +1,218 @@
+
+<!----------------------------------------------------
+	File:  LessonRequests.vue
+	Author: William Karpinski
+	Scope: Extension Horaire
+	Description: Lesson Requests Management Page
+----------------------------------------------------->
+
+<script setup>
+import i18n from "@/i18n.js"
+import {ref} from 'vue'
+import {changeRequestState, getAllRequests} from "@/rest/LessonRequests.js";
+import {getLesson} from "@/rest/lessonSchedule.js";
+import {formatDate, getHoursMinutes} from "@/scheduleFunctions.js";
+
+const requests = ref(await getAllRequests());
+const AcceptMod = ref(false);
+const moreInfosMod = ref(false);
+const requestTypes = ["Create", "Modify", "Delete"]
+const editElementID = ref('');
+const chosenLocal = ref("");
+const locals = ["A0B1","A1B1","A2B1","A0B2"];
+const moreInfos = ref({});
+
+
+/*
+ * Change a request's state and refreshes the requests '
+ */
+
+async function upPage(id,review){
+  await changeRequestState(id, review) ;
+  requests.value = await getAllRequests();
+}
+
+/*
+ * Set correctly the variables after clicking on the ACCEPT button
+ */
+
+async function AcceptSetup(id,type){
+  if(type !== 2 ){
+    editElementID.value = id
+    AcceptMod.value = true;
+  }
+  else{
+    await upPage(id,{local: null,state:'Accepted'});
+  }
+}
+
+/*
+ * Set the infos to show when clicking MORE INFOS
+ */
+async function setMoreInfos(item){
+    
+    moreInfos.value = Object.assign({},{})
+    moreInfos.value["requestType"] = requestTypes[item.requestType]
+    if(item.requestType == 0 || item.requestType == 1){
+    moreInfos.value["day"] = item.lessonStart == null ? null : formatDate(new Date(item.lessonStart))
+    moreInfos.value["start"] = item.lessonStart == null ? null : getHoursMinutes(new Date(item.lessonStart))
+    moreInfos.value["end"] = item.lessonEnd == null ? null :  getHoursMinutes(new Date(item.lessonEnd))
+    moreInfos.value["lessonType"] = item.lessonType;
+    moreInfos.value["course"] = item["course"] == null ? null:item.course.title}
+  if (item.requestType==1 || item.requestType == 2){
+      let temp = await getLesson(item.lessonId);
+    if(item.requestType == 1 || item.requestType == 2){
+    moreInfos.value["course"] = temp.course.title;
+    moreInfos.value[item.requestType == 2 ? "day" : "old_day"] =  formatDate(new Date(temp.lessonStart));
+    moreInfos.value[item.requestType == 2 ? "start" : "old_start"] = getHoursMinutes(new Date(temp.lessonStart));
+    moreInfos.value[item.requestType == 2 ? "end":"old_end"] = getHoursMinutes(new Date(temp.lessonEnd));
+    moreInfos.value[item.requestType == 2 ? "lessonType":"old_type"] = temp.lessonType;
+  }}
+  editElementID.value = item.id ;
+  moreInfosMod.value =true;
+}
+</script>
+
+
+
+<template>
+
+    <div  class="body">
+    <div v-for="item of requests" :key="item.id" :style="{width:[moreInfosMod ? 95:70] + '%'}" class="center">
+
+      <button v-if="moreInfosMod && editElementID == item.id" @click="moreInfosMod = false; editElementID = ''; moreInfos='';">{{i18n("courses.back")}}</button>
+      <div v-if ="item.state === 'Pending'" class="listElement">
+      <div class="containerElement" v-if="editElementID !== item.id">
+          <div class="id">{{i18n(requestTypes[item.requestType].toString())}}</div>
+          <div class="surname">{{i18n(item.state.toString())}}</div>
+          <div class="firstname">{{item.user.lastName}}</div>
+          
+          <div class="infos">
+            <button @click=" setMoreInfos(item);" style="background-color:rgb(105,05,105);" >
+              {{i18n("request.moreInfos")}}
+            </button></div>
+          <div class="accept"><button @click="AcceptSetup(item.id,item.requestType);" style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
+          <div class="refuse"><button @click="upPage(item.id,{local: null,state:'Refused'})" style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
+        </div>
+
+      <div v-else class="containerElement" style="width:auto; height:auto;">
+          <div v-if="AcceptMod" style="margin-left:20%;">
+            Local:
+            <select v-model="chosenLocal">
+              <option v-for="item in locals">{{item}}</option>
+            </select>
+            <button @click="AcceptMod = false;upPage(item.id,{local: chosenLocal, state:'Accepted'})">{{i18n("request.accept")}}</button>
+          </div>
+          <template  v-if="moreInfosMod" v-for="(key,value) in moreInfos">
+
+            <div class="container" v-if="key != null" style="align-self:center;">
+              <div style="margin:0 auto 0 auto">
+                {{i18n(value.toString())}}:
+              {{key}}
+              </div>
+              </div>
+          </template>
+      </div>
+      </div>
+      </div>
+  </div>
+</template>
+
+<style scoped>
+
+
+.center{
+  margin:0 auto 0 auto;
+}
+
+
+.containerElement{
+   justify-content:center;
+   display:grid;
+    grid-template-columns:10% 14.2% 19% 14.2% 14.2% 14.2% 14.2%;
+  grid-template-areas:
+    "id type surname firstname infos accept refuse";
+   column-gap:10px;  }
+
+.container{
+  padding-left:50px;
+  font-size:.8em;
+  justify-content:center;
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-template-rows: repeat(auto-fill, 120px);
+  grid-row-gap: 1em;
+
+  grid-column-gap: 0.2em;
+
+}
+
+.listElement{
+  min-width:625px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+  margin-bottom:10px;
+
+}
+.infos {
+  grid-area:infos;
+  align-self:center;
+}
+
+.accept{
+  grid-area:accept;
+  align-self:center;
+}
+
+.refuse{
+  grid-area:refuse;
+  align-self:center;
+}
+
+.id{
+  grid-area:id;
+  margin-left:40px;
+  align-self:center;
+}
+
+
+.surname{
+  grid-area:surname;
+  align-self:center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow:ellipsis;
+}
+
+.firstname{
+  grid-area:firstname;
+  align-self:center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow:ellipsis;
+}
+
+button{
+  font-size:15px;
+  height:50px;
+  width:100px;
+  border:none;
+  border-radius:20px;
+
+}
+
+.body {
+  width:100%;
+  margin-top:3.5%;
+}
+button:hover{
+  opacity:0.8;
+}
+
+
+</style>
+
--- a/frontend/src/Apps/Login.vue
+++ b/frontend/src/Apps/Login.vue
@ -2,11 +2,12 @@
  import {reactive, ref } from 'vue'
  import i18n from '@/i18n.js'
  import {login, register, disconnect, isLogged} from '@/rest/Users.js'
-  import {getAllCurriculums, getcurriculum} from '@/rest/curriculum.js'
-  import { uploadProfilePicture } from '@/rest/uploads.js'
+  import {getAllCurriculums} from '@/rest/curriculum.js'
+  import {uploadFile, uploadProfilePicture} from '@/rest/uploads.js'
  import {toast} from 'vue3-toastify'
  import 'vue3-toastify/dist/index.css';
  import {createExternalCurriculum} from "@/rest/externalCurriculum.js";
+  import ExternalCurriculumList from "@/Apps/Inscription/ExternalCurriculumList.vue";

  const loginPage= ref(true)
  const page = ref(0)
@ -15,7 +16,7 @@
    surname:null,
    firstname:null,
    password:null,
-    birthday:null,
+    birthday:"1990-01-01",
    email:null,
    address:null,
    country:null,
@ -23,18 +24,6 @@
    equivalenceState: "Unrequired"
  })

-  const notcompletedCheck = ref(false);
-
-  const externalCurr = reactive({
-    inscriptionRequestId : null,
-    school:null,
-    formation :null,
-    completion : null,
-    startYear : null,
-    endYear: null,
-    justifdocUrl : null
-  })
-
  //Stores some externalCurriculums in order to upload them all at the confirmation of the registration request
  const externalCurrTab = ref([]);

@ -42,18 +31,19 @@
  const passwordConfirm=ref("")
 
  const imageSaved = ref(false)
-  let ppData = ""

-  //Contains the id of the newly created request (useful to link the student's formations informations to the request)
-  let requestId = ""

+  const ppData = ref({})
+  const idcardfile = ref({})
+  const justifcardfile = ref({})
+  const allfileshere = ref(0)
  const curricula= await getAllCurriculums();
  
  function goBackHome(){
    setTimeout(() => {
      window.location.href="#/home";
      }, "500");
- } 
+  }
  function verifyInputs(pass){
    if(pass==passwordConfirm.value){
      page.value++;
@ -69,11 +59,6 @@
  disconnect();
  window.location.reload();}

-  async function uploadPP(arg){
-    const data = await uploadProfilePicture(arg);
-    ppData = data.url;
-  }
-
  //This functions makes the distinction between a master cursus (year 4 or more) and a bachelor cursus (year 3 or less)
  function getCursusDisplay(cursus){
    if (cursus.year <= 3){
@ -83,31 +68,50 @@
    }
  }

-  async function getCurriculumYear(curriculumId){
-    const curriculum = await getcurriculum(curriculumId);
-    return parseInt(curriculum.year);
-  }
-
-
-
  //Post the register request and return the id of the newly created request and also post the external curriculum list in the database
  async function postRegisterReq(){
-    const val = await register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, outputs.curriculum, ppData, null, new Date(), outputs.equivalenceState);
+    //We upload the two files and we get their paths on the server
+    const identityCardFile = await uploadFile(idcardfile.value, "IdentityCard")
+    const justifFile = ref(null)
+
+
+    const profilepic = ref(null)
+    if (imageSaved){
+      profilepic.value = await uploadProfilePicture(ppData.value)
+    }
+
+
+    if (curricula[outputs.curriculum-1].requireCertificate){
+      justifFile.value = await uploadFile(justifcardfile.value, "JustificationDocument")
+    }
+
+    let justif;
+    if (justifFile.value !== null){
+      justif = justifFile.value.url
+    }else{
+      justif = null
+    }
+
+    const val = await register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, outputs.curriculum, profilepic.value.url, identityCardFile.url, new Date(), outputs.equivalenceState, justif);
+
    for (let item in externalCurrTab.value){
-      await createExternalCurriculum(val.id, externalCurrTab.value[item].school, externalCurrTab.value[item].formation, externalCurrTab.value[item].completion, externalCurrTab.value[item].startYear, externalCurrTab.value[item].endYear, externalCurrTab.value[item].justifdocUrl);
+      const temp = await uploadFile(externalCurrTab.value[item].justifdocUrl, "JustificationDocument")
+      await createExternalCurriculum(val.id, externalCurrTab.value[item].school, externalCurrTab.value[item].formation, externalCurrTab.value[item].completion, externalCurrTab.value[item].startYear, externalCurrTab.value[item].endYear, temp.url);
    }
  }

-
-  function deleteExtCursus(extcursus){
-    externalCurrTab.value.splice(externalCurrTab.value.indexOf(extcursus),1)
+  function everyfilehere(){
+    if(allfileshere.value === 2 || (allfileshere.value === 1 && curricula[outputs.curriculum-1].requireCertificate === false)){
+      return true
+    }else{
+      return false
+    }
  }
 </script>

-
 <template>
-    <div class="setup">
-        <div v-if="loginPage">
+    <div class="setup" v-if="page !== 4">
+      <div v-if="loginPage">
      <div class='loginBox' style="margin-top:30%;">
          <form @submit.prevent="login(outputs.email,outputs.password);goBackHome();"class="form">
            <h1 style="color:rgb(239,60,168); font-family: sans-serif;">
@ -125,7 +129,7 @@
              <a @click="loginPage=!loginPage">{{i18n("login.guest.register")}}</a>
            </div>
            <div class="inputBox" style="margin-bottom:35px;">
-              <input type="submit" v-model="submitValue">
+              <input v-model="submitValue" type="submit">
            </div>
          </form>
        </div>
@ -147,7 +151,7 @@
              </div>
              <div class="inputBox">
                <p>{{i18n("login.guest.birthday")}}</p>
-                <input type="date" v-model="outputs.birthday">
+                <input type="date" v-model="outputs.birthday" value="1990-01-05" min="1912-01-01" max="2024-01-01">
              </div>
              <div class="inputBox">
                 <p>{{i18n("login.guest.password")}}</p>
@ -159,7 +163,7 @@
              </div>
              
              <div class="switchpage">
-                <button @click="verifyInputs(outputs.password);">{{i18n("login.guest.nextpage")}}</button>
+                <button @click="verifyInputs(outputs.password);idcardfile={};justifcardfile={}">{{i18n("login.guest.nextpage")}}</button>

              </div>
              <div @click="(loginPage=!loginPage) && (page=0)" class="register">
@ -182,14 +186,7 @@
              <form class="inputBox" novalidate enctype="multipart/form-data">
              	<p>{{i18n("profile.picture").toUpperCase()}}</p>
              </form>
-              <label class="browser">
-                Parcourir . . .
-				        <input  type="file" :disabled="imageSaved" @change="ppData = uploadProfilePicture($event.target.files); imageSaved = true;" accept="image/*">
-              </label>
-              <form novalidate enctype="multipart/form-data" class="inputBox">
-              	<p>{{i18n("profile.picture").toUpperCase()}}</p>
-				        <input type="file" @change="uploadPP($event.target.files); imageSaved = true;" accept="image/*">
-              </form>
+				        <input  style="color:rgb(239,60,168);" type="file" name="picture" @change="ppData = $event.target.files;imageSaved=true" accept="image/*">
              <div class="inputBox">
                <p>{{i18n("Curriculum").toUpperCase()}}</p> 
                  <select v-model="outputs.curriculum">
@ -197,8 +194,7 @@
                  </select>
              </div>
              <p style="color:rgb(239,60,168);">
-                Si vous êtes déja inscrits dans cette université veuillez vous connecter a votre compte et utilisez les fonctions
-                changer de cursus/réinscription sinon continuez ici.
+                {{i18n("login.guest.disclaimer")}}
              </p>
              <div style="align-self:center;" class="inputBox">
                <button style="margin-top:25px;" @click="page++;">
@ -213,67 +209,35 @@
              </div>
            </div>
            <div v-if="page === 2">
-              <form novalidate enctype="multipart/form-data" class="inputBox">
-                Carte d'identité :
-              </form>
-              <button @click="page++">{{i18n("login.guest.nextpage")}}</button>
+              <p style="color:rgb(239,60,168);">{{i18n("login.guest.identityCard")}}</p>
+                <input style="color:rgb(239,60,168);margin-bottom: 3%" type="file" @change="idcardfile = $event.target.files;allfileshere = Math.min(allfileshere+1, 2)">
+              <div v-if="curricula[outputs.curriculum-1].requireCertificate === true" style="margin-top: 3%; margin-bottom: 4%">
+                <p style="color:rgb(239,60,168);">{{ i18n("login.guest.attestationdisclaimer") }}</p>
+                <div style="margin-top: 2%">
+                  <p style="color:rgb(239,60,168);">Attestation:</p>
+                    <input style=" color:rgb(239,60,168);" type="file" @change="justifcardfile = $event.target.files;allfileshere = Math.min(allfileshere+1, 2)">
+                </div>
+              </div>
+              <div v-if="everyfilehere()"><button @click="page++;" style="margin-top: 10%">{{i18n("login.guest.nextpage")}}</button></div>
+              <div v-else style="color: rgb(239,60,168); margin-top: 5%; margin-bottom: 5%">Please upload all the required files</div>
            </div>
            <div v-if="page === 3">
-              <p>
-                Vous avez séléctionné un cursus qui possède des prérequis veuillez ajouter vos formations antérieures
-                dans l'enseignement supérieur, votre dossier sera vérifié par un membre du service d'inscription.
+              <p style="color:rgb(239,60,168);margin-bottom: 5%">
+                {{i18n("login.guest.formationdisclaimer")}}
              </p>
-              <button @click="page++">Ajouter une formation</button>
-              <button @click="postRegisterReq();">Envoyer la demande d'inscription</button>
-            </div>
-            <div v-if="page===4">
-              <form @submit.prevent=""class="form">
-                <div class="inputBox">
-                  <p>Ecole</p>
-                  <input type="text" v-model="externalCurr.school">
-                </div>
-                <div class="inputBox">
-                  <p>Formation</p>
-                  <input type="text" v-model="externalCurr.formation">
-                </div>
-                <div class="inputBox">
-                  <p>Cochez la case si vous n'avez terminé cette formation</p>
-                  <input v-model="notcompletedCheck" type="checkbox" id="checkboxformation">
-                  <div v-if="notcompletedCheck">
-                    <p>En quelle année de la formation vous êtes vous arrété (exemple: 3ème) ?</p>
-                    <input type="text" v-model="externalCurr.completion">
-                  </div>
-                </div>
-                <div class="inputBox">
-                  <p>Année de début</p>
-                  <input type="text" v-model="externalCurr.startYear">
-                </div>
-                <div class="inputBox">
-                  <p>Année de fin</p>
-                  <input type="text" v-model="externalCurr.endYear">
-                </div>
-                <div class="inputBox" style="margin-bottom:35px;">
-                  <input type="submit" v-model="submitValue" @click="externalCurrTab.push({inscriptionReqId:null, school:externalCurr.school, formation:externalCurr.formation, completion:externalCurr.completion, startYear:externalCurr.startYear, endYear:externalCurr.endYear, justifdocUrl:externalCurr.justifdocUrl});console.log(externalCurrTab);page--;">
-                </div>
-              </form>
+              <button @click="page++">{{i18n("login.guest.managecareer")}}</button>
+              <button @click="postRegisterReq();page+=2">{{ i18n("login.guest.sendRegReq") }}</button>
            </div>
+           <div v-if="page===5" style="margin-left: 7%">
+             <p style="color: rgb(239,60,168);">{{i18n("reqsent")}}</p>
+           </div>
          </form>
         </div>
    </div>
  </div>
-  <div style="display:flex; justify-content:center; " v-for="item in externalCurrTab" v-if="page===3">
-    <div class="bodu">
-      <div class="container">
-        <div class="school"><a style="margin-left:30px;">{{item.school}}</a></div>
-        <div class="formation"><a>{{item.formation}}</a></div>
-        <div class="edit">
-          <button style="background-color:rgb(105,05,105);font-size:15px;height:50px;width:75%;border:none;border-radius:20px;" @click="externalCurr.school=item.school; externalCurr.completion=item.completion; externalCurr.formation=item.formation;externalCurr.endYear=item.endYear; externalCurr.startYear=item.startYear; externalCurr.justifdocUrl;page++;">Edit </button>
-        </div>
-        <div class="remove">
-          <button style="background-color:rgb(105,05,105);font-size:15px;height:50px;width:75%;border:none;border-radius:20px;" @click="deleteExtCursus(item)">Remove </button>
-        </div>
-      </div>
-    </div>
+  <div v-if="page===4">
+    <ExternalCurriculumList v-model="externalCurrTab" :mode="2"></ExternalCurriculumList>
+    <button style="margin-top: 2%;width: 5%; margin-left: 2%" @click="page--">{{i18n("courses.back")}}</button>
  </div>
 </template>

@ -295,7 +259,6 @@
  justify-content: center;
  border-radius: 5%;
  box-shadow:0 5px 25px #000000;
-  
 }
 .form {
  position:relative;
@ -325,8 +288,6 @@
  z-index: 100;
  font-family:sans-serif ; 
  color:rgb(239,60,168);
-  transition: 0.5;
-
 }

 .register{
@ -337,13 +298,7 @@
  cursor: pointer;
 }

-.bodu {
-  margin-top:2%;
-  width:50%;
-  border:2px solid black;
-  border-radius:9px;
-  background-color:rgb(50,50,50);
-}
+

 .switchpage{
  width:100px;
@ -354,8 +309,6 @@
  outline:none;
  border-radius: 4px;
  font-size:0.8em;
-  align-self: right;
-
 }

 input[type=submit],button,select{
@ -369,9 +322,6 @@ input[type=submit],button,select{

 }

-input[type=file]{
-  display:none;
-}

 .browser{
  display:inline-block;
@ -384,22 +334,8 @@ input[type=file]{
  background:#FFFFFF;
 }

-.container{
-  margin-top: 2%;
-  color:white;
-  height:60px;
-  font-size:30px;
-  display:grid;
-  grid-template-columns:30% 30% 20% 20%;
-  grid-template-areas:
-    "school formation completion edit remove";
-  column-gap:10px;
-}
-
 button:active ,.switchpage:active{
  opacity:0.8;

 }
-
-
 </style>
--- a/frontend/src/Apps/ManageCourses.vue
+++ b/frontend/src/Apps/ManageCourses.vue
@ -3,26 +3,27 @@
  import {reactive , ref} from 'vue'
  import { getCourses,deleteCourse,alterCourse,createCourse } from "@/rest/courses.js"
  import {getUser, getSelf, getTeachers } from "@/rest/Users.js"
+  import {addCourseToCurriculum, getAllCurriculums, getCurriculumsByCourse} from "@/rest/curriculum.js";
  
  
  const self = await getSelf();

  const curriculum = ref(await getCourses(self.role));
  const profList = await getTeachers();
-
+  const allCurriculums = ref(await getAllCurriculums());
+  const curriculumToAdd = ref();

  const createMod = ref(false)
  const deleteMod = ref(false)

  const editElementID = ref("")
+  const editAddCourse = ref("");

-  function editItem(id){
-    editElementID = id;
-  }

-  //Juste pour montrer le Create Mode
-    
+  const curriculumToAddId = ref()
+
  const pattern = {
+    "id":null,
    "title":null,
    "credits":null,
    "owner":null,
@ -35,21 +36,46 @@
    let isnull= false;
     
    for(const [key, value] of Object.entries(toAdd)){
-      console.log(toAdd.owner);
      if(value === null){
        isnull=true;
      }
      
    }
    if (!isnull){
-       await createCourse(toAdd.title,toAdd.credits,toAdd.owner);
+       await createCourse(toAdd.id,toAdd.title,toAdd.credits,toAdd.owner);
+
       toAdd= Object.assign({},pattern);

       curriculum.value = await getCourses(self.role);


    }}
-  
+  async function setAddToCurriculum(item){
+    let temp = [];
+    let courseCurriculum = await getCurriculumsByCourse(item.courseID);
+    let isIn = false;
+    for (let element in allCurriculums.value){
+      for (let item in courseCurriculum){
+        if((courseCurriculum[item].option == allCurriculums.value[element].option) && (courseCurriculum[item].year == allCurriculums.value[element].year) ){
+          isIn = true;
+          break;
+        }
+
+      }
+      if(!isIn){
+        temp.push(allCurriculums.value[element])
+      }
+      isIn = false;
+    }
+    curriculumToAdd.value = temp.slice();
+  }
+
+  async function addToCurriculum(item){
+    await addCourseToCurriculum(curriculumToAddId.value,item.courseID);
+    curriculumToAddId.value = null;
+    curriculumToAdd.value = null;
+    allCurriculums.value = await getAllCurriculums();
+  }
  function setModify(item){
     for(const el in profList){

@ -64,17 +90,14 @@

  async function patchCourse(course){
    for (let element in toModify){
-        console.log(toModify,1)
-        console.log(toModify[element],2)
-      
        if (element =="owner" && (toModify[element].regNo != course.owner.regNo)){
-          await alterCourse(course.courseId,{owner:toModify[element].regNo});
+          await alterCourse(course.courseID,{owner:toModify[element].regNo});
        }
        else if(element == "title" && (toModify[element] != course.title)){
-         await alterCourse(course.courseId,{title:toModify[element]});
+         await alterCourse(course.courseID,{title:toModify[element]});
        }
        else if(element == "credits" && (parseInt(toModify[element]) != course.credits)){
-         await alterCourse(course.courseId,{credits:parseInt(toModify[element])});
+         await alterCourse(course.courseID,{credits:parseInt(toModify[element])});
        }
    }
      toModify= Object.assign({},pattern);
@ -100,13 +123,18 @@
      <button class="create" @click="editElementID= '';createMod = true;">
        {{i18n("courses.createCourse")}}
      </button>
-      <button class="delete" @click="deleteMod=true" >
+      <button class="delete" @click="deleteMod=true">
        {{i18n("courses.deleteCourse")}}
      </button>
    </div>
    <div v-if="createMod">
      <form class="listElement" style="width:40%;margin-right:auto;margin-left:auto;">
-        
+        <div style="margin-bottom: 20px">
+          {{i18n("Curriculum")}}
+          <select v-model="toAdd.id">
+            <option v-for="element in allCurriculums" :value="element.curriculumId">{{element.option}}-{{element.year}}</option>
+          </select>
+        </div>
        <div style="margin-bottom:20px;">
         {{i18n("name")}} : 
        <input v-model="toAdd.title">
@ -140,32 +168,49 @@
    </div>

    <div v-if="!createMod && !deleteMod" v-for="item in curriculum" :key="item.title" style="width:50%;margin-left:auto; margin-right:auto;">
-      <div  v-if="editElementID !== item.title" style ="padding:15px 15px 15px 15px;">
-        <button   @click="editElementID = item.title; setModify(item); ">
+      <div  v-if="editElementID !== item.title && editAddCourse !== item.title" style ="padding:15px 15px 15px 15px;">
+        <button   @click="editElementID = item.title; editAddCourse = ''; setModify(item); ">
        {{i18n("courses.modify")}}
        </button>
+        <button v-if="self.role !== 'Teacher'"@click="editAddCourse = item.title; editElementID ='';setAddToCurriculum(item)">Add to a new Curriculum</button>
      </div>
-      <div v-else>
+      <div v-if="editElementID == item.title">
        <button @click="editElementID= '';patchCourse(item)"> {{i18n("courses.confirm")}} </button>
        <button @click="editElementID= '';"> {{i18n("courses.back")}} </button>
      </div>
-      <div  class="listElement" >
+      <div v-if="editAddCourse == item.title">
+        <button @click="editAddCourse= '';addToCurriculum(item)"> {{i18n("courses.confirm")}} </button>
+        <button @click="editAddCourse= '';"> {{i18n("courses.back")}} </button>
+      </div>
+      <div  class="listElement">

-      <div class="containerElement" v-if="editElementID !== item.title" >
+      <div class="containerElement" v-if="editElementID !== item.title && editAddCourse !== item.title" >

        <div class="name"> {{item.title}} </div>
        <div class="teacher">{{item.owner.lastName}}</div> 
        <div class="credits">{{i18n("Credits")}}:{{item.credits}}</div>  
      </div>
-      <div class="containerElement"v-else>
+
+        <div class="containerElement" v-if="editAddCourse == item.title" >
+          {{i18n("Curriculum")}}:
+          <select v-model="curriculumToAddId">
+            <option v-for="element in curriculumToAdd" :value="element.curriculumId">
+              {{element.option}}-{{element.year}}
+            </option>
+          </select>
+        </div>
+      <div class="containerElement" v-if="editElementID == item.title">
+
        <input style="max-width:200px;" class="name" v-model="toModify.title">
-        <select v-if="self.role === 'Secretary'" style="max-width:200px;" class="teacher" v-model="toModify.owner">
+        <select v-if="self.role != 'Secretary'" style="max-width:200px;" class="teacher" v-model="toModify.owner">
          <option v-for="(item,index) in profList" :value='item'>{{item.lastName}}</option>
        </select>
        <div v-else class="teacher">{{item.owner.lastName}}</div> 
-        <input v-if="self.role==='Secretary'"style="max-width:100px;"class="credits" v-model="toModify.credits">  
+        <input v-if="self.role !='Secretary'"style="max-width:100px;"class="credits" v-model="toModify.credits">  
        <div v-else class="credits">{{i18n("Credits")}}:{{item.credits}}</div>  
      </div>
+
+
    </div>
    </div>
  </div>
@ -177,17 +222,6 @@
    margin-top:3.5%;
  }

-.infosContainer {
-  min-width:350px;
-  padding-bottom:50px;
-  border:2px solid black;
-  font-size:25px;
-  color:white;
-  padding:20px;
-  background-color:rgb(50,50,50);
-  border-radius:20px;
-}
-
 .containerElement{ 
    justify-content:center;
    display:grid;
--- a/frontend/src/Apps/ManageOwnLessons.vue
+++ b/frontend/src/Apps/ManageOwnLessons.vue
@ -0,0 +1,277 @@
+<!----------------------------------------------------
+	File:  LessonRequests.vue
+	Author: William Karpinski
+	Scope: Extension Horaire
+	Description: Lessons Management Page for the teachers
+----------------------------------------------------->
+
+<script setup>
+import { ref } from 'vue'
+import i18n from '@/i18n.js'
+import {formatDate,invertedFormatDate,getHoursMinutes,sortByDate, createLessonEvent} from '../scheduleFunctions.js'
+import {getOwnedLessons} from "@/rest/lessonSchedule.js";
+import {getSelf} from "@/rest/Users.js";
+import {createRequest} from "@/rest/LessonRequests.js"
+import {getcurriculum} from "@/rest/curriculum.js";
+import {getAllSchedule} from "@/rest/scheduleRest.js";
+
+
+const curriculum = ref();
+const allSchedules = ref(await getAllSchedule());
+const schedule = ref(await getOwnedLessons());
+schedule.value.sort((a,b) => sortByDate(b,a))
+const createMod = ref(false);
+const user = await getSelf();
+const editElementID = ref();
+const requestType = ref(0);
+const currentDate = new Date();
+const types = ["TP","TD","Course","Exam"];
+const colors = {"TP":"rgb(36,175,255)","TD":"rgb(255,36,175)","Exam":"rgb(175,255,36)","Course":"rgb(255,36,175)"}
+const courses = ref();
+
+const maxDate = ref(invertedFormatDate(new Date([currentDate.getMonth()<7 ? currentDate.getFullYear() : (currentDate.getFullYear())+1],7,31)));
+
+const minDate = ref(invertedFormatDate((new Date()).setDate(currentDate.getDate()+1)))
+
+/*
+ * Checks if a lesson is in the future or not
+ */
+function inFuture(lesson){
+  let toCompare = new Date(lesson.lessonStart);
+  let current = new Date();
+  return (current < toCompare)
+}
+
+
+async function setCourses(){
+  courses.value = (await getcurriculum(curriculum.value.curriculumId)).courses
+}
+
+const pattern = {
+  "lessonId":null,
+  "course": null,
+  "day":null,
+  "lessonStart": null,
+  "lessonEnd": null,
+  "lessonType": null,
+}
+const patternRequest ={
+  "user": user.regNo,
+  "state": "Pending",
+  "requestType": 0,
+  "lessonId":null,
+  "lessonType":null,
+  "lessonStart":null,
+  "lessonEnd":null,
+  "color":null,
+  "course":0,}
+
+const toModify = ref(Object.assign({}, pattern));
+const requestBuffer = ref(Object.assign({},patternRequest));
+
+function setModify(lesson){
+  toModify.value.lessonId = editElementID.value;
+  toModify.value.day = invertedFormatDate(new Date(lesson.lessonStart));
+  toModify.value.lessonStart = getHoursMinutes(lesson.lessonStart);
+  toModify.value.lessonEnd = getHoursMinutes(lesson.lessonEnd);
+  toModify.value.lessonType = lesson.lessonType
+}
+
+function setCreate(){
+  toModify.value = ref(Object.assign({},pattern));
+  createMod.value = !createMod.value;
+}
+
+/*
+ * Constructs a request and posts it
+ */
+async function createLessonRequest(){
+  if(requestType.value === 0 || requestType.value === 1){
+    //modify
+    requestBuffer.value.color = colors[toModify.value.lessonType] ;
+    requestBuffer.value.requestType = requestType.value;
+    requestBuffer.value.course = toModify.value.course;
+    let start = createLessonEvent(toModify.value.day,toModify.value.lessonStart)
+    let end = createLessonEvent(toModify.value.day,toModify.value.lessonEnd)
+    for (let element in toModify.value){
+      if(element !== "day" && element !== "lessonStart" && element !== "lessonEnd"){
+        requestBuffer.value[element] = toModify.value[element];
+      }
+      if(element === "lessonStart"){
+        requestBuffer.value.lessonStart = start;
+      }
+      if(element === "lessonEnd"){
+       requestBuffer.value.lessonEnd = end;
+      }
+    }
+
+  }
+  else if(requestType.value === 2 || requestType.value === 1) {
+    //delete
+    requestBuffer.value.lessonId = editElementID;
+    requestBuffer.value.requestType = requestType.value;
+  }
+  await createRequest(requestBuffer.value);
+  editElementID.value = '';
+}
+
+/*
+ * Creates a request of a certain type
+ * 0 = CREATE REQUEST
+ * 1 = MODIFY REQUEST
+ * 2 = DELETE REQUEST
+ */
+async function askChanges(i){
+  requestType.value= i;
+  await createLessonRequest()
+}
+
+</script>
+
+<template>
+
+  <div class="body">
+    <div v-if="createMod">
+    <form class="listElement" style="width:40%; margin:0 auto 0 auto;">
+      <div style="margin-bottom:20px;">
+        {{i18n("schedule")}} :
+        <select @change="setCourses()"v-model="curriculum">
+          <option v-for="item in allSchedules" :value='item.curriculum'>{{item.curriculum.option}}-{{item.curriculum.year}}</option>
+        </select>
+      </div>
+      <div style="margin-bottom:20px;">
+        {{i18n("course")}}:
+        <select v-if="curriculum != null" v-model="toModify.course">
+          <option v-for="item in courses" :value='item.courseID'>{{item.title}}</option>
+        </select>
+      </div>
+      <div style="margin-bottom:20px;">
+        {{i18n("day")}}:
+        <input type="date" :min="minDate" :max="maxDate" v-model="toModify.day">
+      </div>
+      <div style="margin-bottom:20px;">
+        {{i18n("start")}}:
+        <input v-model="toModify.lessonStart" type="time" min="08:00" max="18:00" required />
+      </div>
+      <div style="margin-bottom:20px;">
+        {{i18n("end")}}:
+        <input v-model="toModify.lessonEnd" type="time" min="10:00" max="20:00" required />
+      </div>
+      <div style="margin-bottom:20px;">
+        Type:
+        <select v-model="toModify.lessonType">
+          <option v-for="item in types" :value='item'>{{i18n(item)}}</option>
+        </select>
+      </div>
+
+
+
+      <button class="create" @click="createMod=!createMod; askChanges(0);"> {{i18n("courses.confirm")}} </button>
+      <button style="float:right;" @click="createMod=!createMod">{{i18n("courses.back")}}</button>
+    </form>
+  </div>
+
+
+    
+    <button v-if="!createMod" @click="setCreate()" style="display:flex; margin:0 auto 0 auto;">{{i18n("schedule.askCreate")}}</button>
+    <div v-if="!createMod"v-for="element in schedule" style="width:50%;margin-left:auto; margin-right:auto;" >
+      <div  v-if="editElementID !== element.lessonID" style ="padding:15px 15px 15px 15px;">
+        <button  v-if="inFuture(element)" @click="editElementID = element.lessonID;setModify(element);">
+          {{i18n("schedule.askChanges")}}
+        </button>
+      </div>
+      <div v-else>
+        <button @click="askChanges(1);"> {{i18n("courses.confirm")}} </button>
+        <button @click="editElementID= '';"> {{i18n("courses.back")}} </button>
+      </div>
+      <div class="listElement">
+        <div  v-if="editElementID !== element.lessonID">
+          <div>
+            {{element.course.title}}
+          </div>
+          <div>{{formatDate(element.lessonStart)}}</div>
+          <div>{{getHoursMinutes(element.lessonStart)}}-{{getHoursMinutes(element.lessonEnd)}}
+          </div>
+          <div>{{element.local}}</div>
+          <div>{{i18n(element.lessonType)}}</div>
+        </div>
+
+        <div v-else>
+          <div>{{element.course.title}}</div>
+          <div style="margin-bottom:20px;">
+            {{i18n("day")}}:
+            <input type="date" :min="minDate" :max="maxDate" v-model="toModify.day">
+          </div>
+          <div style="margin-bottom:20px;">
+            {{i18n("start")}}:
+            <input v-model="toModify.lessonStart" type="time" min="8:00" max="20:00"/>
+          </div>
+          <div style="margin-bottom:20px;">
+            {{i18n("end")}}:
+            <input v-model="toModify.lessonEnd" type="time" min="10:00" max="20:00" required />
+          </div>
+          <div style="margin-bottom:20px;">
+            {{i18n("Type")}}:
+            <select v-model="toModify.lessonType">
+              <option v-for="item in types" :value='item'>{{i18n(item)}}</option>
+            </select>
+          </div>
+          <div style="margin-bottom:20px;">
+            Local:
+            {{element.local}}
+            <div  style="float:right;">
+              <button @click="askChanges(2)" class="delete"> {{i18n("schedule.askDeletion")}} </button>
+            </div>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+</template>
+
+<style scoped>
+.body {
+  width:100%;
+  margin-top:3.5%;
+}
+
+.listElement{
+  min-width:625px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+  margin-bottom:10px;
+
+}
+
+input, select{
+  padding:10px 10px 10px 10px;
+  font-size:25px;
+  cursor: pointer;
+  border:none;
+  border-radius:15px;
+}
+button{
+  font-size:15px;
+  height:auto;
+  width:100px;
+  border:none;
+  border-radius:20px;
+
+}
+
+.delete{
+  grid-area:delete;
+  background-color:rgb(200,0,0);
+}
+  button:hover{
+    opacity:0.8;
+  }
+
+</style>
--- a/frontend/src/Apps/ManageSchedule.vue
+++ b/frontend/src/Apps/ManageSchedule.vue
@ -0,0 +1,506 @@
+
+<!----------------------------------------------------
+	File:  LessonRequests.vue
+	Author: William Karpinski
+	Scope: Extension Horaire
+	Description: Lessons Management Page for the secretary
+----------------------------------------------------->
+
+<script setup>
+
+import { ref } from 'vue'
+import i18n from '@/i18n.js'
+import {formatDate,getHoursMinutes, invertedFormatDate, createLessonEvent} from '../scheduleFunctions.js'
+import {getAllSchedule, deleteLessonFromSchedule ,getSchedule, createSchedule} from "@/rest/scheduleRest.js";
+import {getLessons, createLesson, alterLesson, deleteLesson} from "@/rest/lessonSchedule.js"
+import {getTeachers} from "@/rest/Users.js"
+import {getcurriculum, getAllCurriculums} from "@/rest/curriculum.js"
+
+  const trueSchedule = ref()
+  const schedule = ref();
+  const lessonFinder = ref();
+  const curriculum = ref();
+  const allSchedules = ref(await getAllSchedule());
+  const filter = ref("null");
+  const subFilter = ref("null");
+  const filters = ["Type","Teacher","Course"];
+  const types = ["TP","TD","Course","Exam"];
+  const locals = ["A0B1","A1B1","A2B1","A0B2"]
+  const teachers = await getTeachers() ;
+  const allCurriculum = ref();
+  const courses = ref();
+
+  const createScheduleMod = ref(false);
+  const createMod = ref(false);
+  const deleteMod = ref(false);
+
+const colors = {"TP":"rgb(36,175,255)","TD":"rgb(255,36,175)","Exam":"rgb(175,255,36)","Course":"rgb(255,36,175)"}
+const currentDate = new Date();
+
+const editElementID = ref();
+
+const maxDate = ref(invertedFormatDate(new Date([currentDate.getMonth()<7 ? currentDate.getFullYear() : (currentDate.getFullYear())+1],7,31)));
+
+const minDate = ref(invertedFormatDate((new Date()).setDate(currentDate.getDate()+1)))
+
+
+  const pattern = {
+    "course": null,
+    "day":null,
+    "lessonStart": null,
+    "lessonEnd": null,
+    "lessonType": null,
+    "local": null,
+    "color": null,
+  }
+
+  const lessonCreator = {
+    "courseID" : null,
+    "lessonStart":null,
+    "lessonEnd":null,
+    "lessonType":null,
+    "local":null,
+    "color":null,
+  }
+
+  const patternModify = {
+    "day": null,
+    "lessonStart": null,
+    "lesssonEnd": null,
+    "local":null,
+    "lessonType":null,
+  }
+
+
+/*
+ * Sets up allCurriculum to contain only the curriculums that don't have any schedule
+ */
+async function setCurriculum(){
+  const temp = await getAllCurriculums();
+  let isIn = false;
+  let toReturn =[] ;
+  for (let element in temp){
+    for (let item in allSchedules.value){
+      console.log(allSchedules.value[item])
+      console.log(temp[element])
+      if((allSchedules.value[item].curriculum.option == temp[element].option) && (allSchedules.value[item].curriculum.year == temp[element].year)){
+
+            isIn = true;
+            break;
+      }
+    }
+    if(!isIn){
+      toReturn.push(temp[element])
+    }
+    isIn = false;
+  }
+  allCurriculum.value = toReturn.slice();
+}
+
+
+const toModify = ref(Object.assign({}, pattern));
+  const lessonBuffer = ref(Object.assign({}, pattern));
+  const lessonCreatorBuffer = ref(Object.assign({},lessonCreator));
+
+
+  function setModify(lesson){
+    toModify.value.day = invertedFormatDate(new Date(lesson.lessonStart));
+    toModify.value.lessonStart = getHoursMinutes(lesson.lessonStart);
+    toModify.value.lessonEnd = getHoursMinutes(lesson.lessonEnd);
+    toModify.value.local = lesson.local;
+    toModify.value.lessonType = lesson.lessonType;
+  }
+
+  function inFuture(lesson){
+    let toCompare = new Date(lesson.lessonStart);
+    let current = new Date();
+    return (current < toCompare)
+}
+
+async function setCourses(){
+  courses.value = (await getcurriculum(curriculum.value.curriculumId)).courses
+}
+
+/*
+ * Sort the lessons via a criteria
+ */
+  function sortSchedule(){
+    schedule.value =trueSchedule.value.lessons;
+    if(filter.value =="Teacher"){
+      schedule.value = sortByTeacher(schedule.value,subFilter.value);
+
+    }
+    else if(filter.value =="Type"){
+      schedule.value = sortByType(schedule.value,subFilter.value);
+    }
+    else if(filter.value =="Course"){
+      schedule.value = sortByCourse(schedule.value,subFilter.value);
+    }
+  }
+
+  function sortByType(lessons,type){
+    if(type == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].lessonType == type){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+  function sortByCourse(lessons,course){
+    if(course == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].course.courseID == course.courseID){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+  function sortByTeacher(lessons, teacher){
+    if(teacher == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].course.owner.regNo == teacher.regNo){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+  /*
+   * Change the schedule filter
+   */
+  async function changeSchedule(){
+      schedule.value =trueSchedule.value.lessons;
+      curriculum.value = trueSchedule.value.curriculum;
+          
+      courses.value = (await getcurriculum(curriculum.value.curriculumId)).courses;
+      filter.value = "null";
+      subFilter.value = "null"
+  }
+
+
+ async function newLesson(){
+    let isnull = false;
+    if (lessonBuffer.value.lessonType != null){
+      lessonBuffer.value.color = colors[lessonBuffer.value.lessonType];
+      for(let element in lessonBuffer.value){
+        if(lessonBuffer.value[element] == null){
+          isnull=true;
+          break;
+        }
+        }
+      if(!isnull){
+
+        let start = createLessonEvent(lessonBuffer.value.day,lessonBuffer.value.lessonStart)
+        let end = createLessonEvent(lessonBuffer.value.day,lessonBuffer.value.lessonEnd)
+
+        lessonCreatorBuffer.value.lessonStart = start;
+        lessonCreatorBuffer.value.lessonEnd = end;
+        lessonCreatorBuffer.value.color = lessonBuffer.value.color;
+        lessonCreatorBuffer.value.lessonType =lessonBuffer.value.lessonType;
+        lessonCreatorBuffer.value.local = lessonBuffer.value.local;
+        lessonCreatorBuffer.value.courseID = lessonBuffer.value.course.courseID;
+        
+       await createLesson(lessonCreatorBuffer.value);
+
+        lessonFinder.value = await getLessons();
+
+      }
+    }
+    lessonBuffer.value = Object.assign({}, pattern);
+    lessonFinder.value = null;
+    lessonCreatorBuffer.value = Object.assign({},lessonCreator)
+    trueSchedule.value = null;
+
+  }
+
+  /*
+    * Modify a lesson
+   */
+
+async function patchLesson(lesson){
+  
+  for (let element in toModify.value){
+      if (element =="lessonType" && (toModify.value[element] != lesson[element])){
+        await alterLesson(lesson.lessonID,{lessonType:toModify.value[element]});
+      }
+      if (element =="local" && (toModify.value[element] != lesson[element])){
+        await alterLesson(lesson.lessonID,{local:toModify.value[element]});
+      }
+      if (element =="lessonStart" && (toModify.value[element] != lesson[element])){
+        await alterLesson(lesson.lessonID,{lessonStart:createLessonEvent(toModify.value.day,toModify.value[element])
+});
+      }
+      if (element =="lessonEnd" && (toModify.value[element] != lesson[element])){
+        await alterLesson(lesson.lessonID,{lessonEnd:createLessonEvent(toModify.value.day,toModify.value[element])
+});
+      }
+      if(element == "day" && (toModify.value[element] != invertedFormatDate(new Date(lesson.lessonStart))) ){
+        
+       if(toModify.value.lessonStart == lesson.lessonStart){
+        await alterLesson(lesson.lessonID,{lessonStart:createLessonEvent(toModify.value.day,lesson.lessonStart)
+      });}
+       if(toModify.value.lessonEnd == lesson.lessonEnd){
+          await alterLesson(lesson.lessonID,{lessonStart:createLessonEvent(toModify.value.day,lesson.lessonStart)});
+      }
+    }
+       }
+    toModify.value= Object.assign({},patternModify);
+    trueSchedule.value = await getSchedule(trueSchedule.value.scheduleId);
+    schedule.value =trueSchedule.value.lessons;
+    editElementID.value= '';
+}
+
+
+
+  async function removeLesson() {
+      await deleteLessonFromSchedule(trueSchedule.value.scheduleId, editElementID.value)
+      await deleteLesson(editElementID.value);
+      trueSchedule.value = await getSchedule(trueSchedule.value.scheduleId);
+      schedule.value =trueSchedule.value.lessons;
+      editElementID.value= '';
+
+}
+/*
+ * Create a new Schedule
+ */
+  async function newSchedule(){
+    await createSchedule(curriculum.value);
+    allSchedules.value = await getAllSchedule();
+    setCurriculum();
+  }
+
+
+</script>
+<template>
+  <div class="body">
+    <div class="listTitle buttonGrid"v-if="!createMod && !createScheduleMod" >
+      <button class="create" @click="setCurriculum();createScheduleMod = true"> {{i18n("schedule.createSchedule")}}</button>
+      <button class="create" @click="createMod = true;">{{i18n("schedule.createLesson")}}</button>
+      <button class="delete" @click="deleteMod = !deleteMod;">{{!deleteMod ? i18n("schedule.deleteMod") : i18n("schedule.noDeleteMod")}}</button>
+
+    </div>
+    <div v-if="createMod">
+      <form class="listElement" style="width:40%; margin:0 auto 0 auto;">
+        <div style="margin-bottom:20px;">
+         {{i18n("schedule")}} :
+          <select @change="setCourses()"v-model="curriculum">
+            <option v-for="item in allSchedules" :value='item.curriculum'>{{item.curriculum.option}} - {{item.curriculum.year}}</option>
+          </select>
+        </div>
+        <div style="margin-bottom:20px;">
+          {{i18n("Course")}} :
+         <select v-if="curriculum != null" v-model="lessonBuffer.course">
+            <option v-for="item in courses" :value='item'>{{item.title}}</option>
+          </select>
+        </div>
+        <div style="margin-bottom:20px;">
+          {{i18n("day")}}:
+          <input type="date" :min="minDate" :max="maxDate" v-model="lessonBuffer.day">
+        </div>
+        <div style="margin-bottom:20px;">
+          {{i18n("start")}}:
+          <input v-model="lessonBuffer.lessonStart" type="time" min="08:00" max="18:00" required />
+        </div>
+        <div style="margin-bottom:20px;">
+          {{i18n("end")}}:
+          <input v-model="lessonBuffer.lessonEnd" type="time" min="10:00" max="20:00" required />
+        </div>
+        <div style="margin-bottom:20px;">
+          Type:
+          <select v-model="lessonBuffer.lessonType">
+           <option v-for="item in types" :value='item'>{{item}}</option>
+          </select>
+        </div>
+        <div style="margin-bottom:20px;">
+          Local: 
+          <select v-model="lessonBuffer.local">
+           <option v-for="item in locals" :value='item'>{{item}}</option>
+          </select>
+        </div>
+
+      <button class="create" @click="createMod=!createMod; newLesson();"> {{i18n("courses.confirm")}} </button>
+      <button style="float:right;" @click="createMod=!createMod">{{i18n("courses.back")}}</button>
+      </form>
+    </div>
+
+        <div v-if="createScheduleMod">
+        <form class="listElement" style="width:40%; margin:0 auto 0 auto;">
+          <div style="margin-bottom:20px;">
+            {{i18n("schedule")}} :
+            <select v-model="curriculum">
+              <option v-for="item in allCurriculum" :value='item'>{{item.option}} - {{item.year}}</option>
+            </select>
+          </div>
+          <button class="create" @click="createScheduleMod=!createScheduleMod ;newSchedule();"> {{i18n("courses.confirm")}} </button>
+          <button style="float:right;" @click="createScheduleMod=!createScheduleMod;">{{i18n("courses.back")}}</button>
+        </form>
+      </div>
+
+
+
+    <div v-if="!createMod && !createScheduleMod">
+      <select @change="changeSchedule()" v-model="trueSchedule">
+        <option v-for="item in allSchedules" :value='item'>{{item.curriculum.option}} - {{item.curriculum.year}}</option>
+      </select>
+      <select v-if="schedule != null" @change="subFilter = 'null'" v-model="filter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in filters" :value="item">{{i18n(item.toString())}}</option>
+      </select>
+      <select @change="sortSchedule()" v-if="filter == 'Teacher'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in teachers" :value=item>{{item.lastName}}</option>
+      </select>
+      <select @change="sortSchedule()"  v-if="filter == 'Course'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in courses" :value=item>{{item.title}}</option>
+      </select>
+      <select @change="sortSchedule()" v-if="filter == 'Type'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in types" :value='item'>{{item}}</option>
+      </select>
+
+    </div>
+    <div v-if="!createMod && !createScheduleMod" :key="element.lessonID" v-for="element in schedule" style="width:50%;margin-left:auto; margin-right:auto;" >
+        <div  v-if="editElementID !== element.lessonID" style ="padding:15px 15px 15px 15px;">
+        <button  v-if="inFuture(element)" @click="editElementID = element.lessonID;setModify(element);">
+        {{i18n("courses.modify")}}
+        </button>
+      </div>
+      <div v-else>
+        <button @click="patchLesson(element);"> {{i18n("courses.confirm")}} </button>
+        <button @click="editElementID= '';"> {{i18n("courses.back")}} </button>
+      </div>
+      <div class="listElement">
+        <div  v-if="editElementID != element.lessonID">
+          <div>
+          {{element.course.title}}
+          </div>
+          <div>{{formatDate(element.lessonStart)}}</div>
+          <div>{{getHoursMinutes(element.lessonStart)}}-{{getHoursMinutes(element.lessonEnd)}}
+          </div>
+          <div>{{element.local}}</div>
+          <div>{{element.lessonType}}</div>
+        </div>
+
+        <div v-else>
+         <div>{{element.course.title}}</div>
+        <div style="margin-bottom:20px;">
+          Day:
+          <input type="date" :min="minDate" :max="maxDate" v-model="toModify.day">
+        </div>
+        <div style="margin-bottom:20px;">
+          Start: 
+          <input v-model="toModify.lessonStart" type="time" min="8:00" max="20:00"/>
+        </div>
+        <div style="margin-bottom:20px;">
+          End: 
+          <input v-model="toModify.lessonEnd" type="time" min="10:00" max="20:00" required />
+        </div>
+        <div style="margin-bottom:20px;">
+          Type: 
+          <select v-model="toModify.lessonType">
+           <option v-for="item in types" :value='item'>{{item}}</option>
+          </select>
+        </div>
+        <div style="margin-bottom:20px;">
+          Local: 
+          <select v-model="toModify.local">
+           <option v-for="item in locals" :value='item'>{{item}}</option>
+          </select>
+        <div v-if="deleteMod" style="float:right;">
+            <button class="delete" @click="removeLesson(element);"> {{i18n("courses.deleteCourse")}} </button>
+        </div>
+        
+        </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.body {
+    width:100%;
+    margin-top:3.5%;
+  }
+
+.listElement{
+ min-width:625px;
+  border:2px solid black;
+  font-size:25px;
+  color:white;
+  padding:20px;
+  background-color:rgb(50,50,50);
+  border-radius:20px;
+  margin-bottom:10px;
+
+}
+
+  input, select{
+  padding:10px 10px 10px 10px; 
+  font-size:25px;
+  cursor: pointer;
+  border:none;
+  border-radius:15px;
+  }
+  button{
+    font-size:15px;
+     height:50px;
+     width:100px;
+    border:none;
+    border-radius:20px;
+
+  }
+
+  .buttonGrid{
+    display:grid;
+    grid-template-columns: auto auto;
+    column-gap:50px;
+    grid-template-areas:
+      "create delete";
+  }
+
+  .create{
+    grid-area:create;
+    
+    background-color:rgb(0,200,0);
+
+  }
+
+  .delete{
+    grid-area:delete;
+    background-color:rgb(200,0,0);
+  }
+
+  .listTitle{
+    min-width:380px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width:25%;
+    margin-left:auto;
+    margin-right:auto;
+    border:2px solid black;
+    font-size:25px;
+    color:white;
+    padding:20px;
+    background-color:rgb(50,50,50);
+    border-radius:20px;
+    margin-bottom:10px;
+
+    button:hover{
+      opacity:0.8;
+    }
+}
+</style>
--- a/frontend/src/Apps/Profil.vue
+++ b/frontend/src/Apps/Profil.vue
@ -1,19 +1,23 @@
 <script setup>
  import {reactive, ref } from 'vue'
-  import {getSelf,alterSelf,disconnect,deleteUser} from '../rest/Users.js'
-  import {getSelfCurriculum, getAllCurriculums, getSomeonesCurriculumList} from '../rest/curriculum.js'
+  import {getSelf,alterSelf} from '../rest/Users.js'
+  import {getAllCurriculums, getSomeonesCurriculumList, getcurriculum} from '../rest/curriculum.js'
  import {getCourses} from "../rest/courses.js"
  import i18n from "@/i18n.js"
  import {uploadFile, uploadProfilePicture} from '@/rest/uploads.js'
  import CourseList from "@/Apps/Inscription/CourseList.vue";
  import {editMinerval, getCurrentMinerval} from "@/rest/minerval.js";
  import {postPayment} from "@/rest/payment.js";
-  import {addUninscReq, createScholarshipRequest} from "@/rest/requests.js";
+  import {addUninscReq, createScholarshipRequest, postChangeCurrReq} from "@/rest/requests.js";
+  import ExternalCurriculumList from "@/Apps/Inscription/ExternalCurriculumList.vue";
+  import {getExternalCurriculumByUser} from "@/rest/externalCurriculum.js";

  const user = ref(await getSelf());
  const UserCurriculum = ref(""); 
  const curricula = ref (await getAllCurriculums());
  const minerv = ref({});
+  const extcurrlist = ref(await getExternalCurriculumByUser(user.value.regNo))
+
  if(user.value.role === "Student"){
    minerv.value = ref(await getCurrentMinerval(user.value.regNo));
    UserCurriculum.value = await getSomeonesCurriculumList(user.value.regNo);
@ -22,17 +26,15 @@
  if(user.role === "Teacher"){
    UserCurriculum.value = await getCourses("Teacher");
  }
-  const modif = ref(false);
-  const curric = ref(false);
-  const reg = ref(false);
-  const courseslist = ref(false);
-  const minerval = ref(false);
-  const paymentPage = ref(false);
-  const scholarship = ref(false);
-  const scholarshipinfos = ref(false);
-  const uninscr = ref(false);
+
  const sure = ref(0);

+  //0 base, 1 modif, 2 curriculum, 3 register, 4 courselist, 5 minerval, 6 payment, 7 scholarship, 8 scholarshipinfos, 9 unregister, 10 sure, 11 aboutunregister, 12 manage external curriculums
+  const windowState = ref(0);
+
+  const isChecked = ref(false);
+  const reRegState = ref(0);
+
  const pattern = {
    profilPictureUrl:null,
    email:null,
@ -67,32 +69,41 @@
    residencyDocUrl : ""
  })

+  const changecurrdata = reactive({
+    userId : user.value.regNo,
+    actualcursus:null,
+    newcursus:1
+  })
+
  //Used to post a uninscription request
  const uninscriptionData = reactive({
    reason : null,
-    userId : user.value.regNo
+    userId : user.value.regNo,
+    curriculumId:null
  })
  const paymentAmount = ref(0);
  let toModify= Object.assign({}, pattern);
  let personnalInfos =  Object.assign({}, patternInfos);
-  
+
+  //Used to store the year of the new cursus selected in change cursus feature
+  const selectedYear = ref(0);
  function resetInputs(inputs,list){
    inputs=Object.assign({},list); 
  }
  
  async function ChangeInfos(){
    for (let element in toModify){
-         if (element =="email" && (toModify[element] !== null)){
+         if (element ==="email" && (toModify[element] !== null)){
          await  alterSelf(user.value.regNo,{email : toModify[element]});
        }      

-        if (element =="profilPictureUrl" && (toModify[element] !== null)){
+        if (element ==="profilPictureUrl" && (toModify[element] !== null)){
          await  alterSelf(user.value.regNo,{ profilPictureUrl : toModify[element]});
        }
-        else if(element == "address" && (toModify[element] !== null)){
+        else if(element === "address" && (toModify[element] !== null)){
          await  alterSelf(user.value.regNo,{address : toModify[element]});
        }
-        else if(element == "password" && (toModify[element] !== null)){
+        else if(element === "password" && (toModify[element] !== null)){
          await  alterSelf(user.value.regNo,{password : toModify[element]});
        }
    }
@ -108,36 +119,21 @@
     toModify.password= item.password;
  }

-  
-  async function unRegister(){
-   deleteUser(user.value.regNo);
-   disconnect()
-   setTimeout(() => {
-      window.location.href="#/home";
-      }, "500");
-    
-  }
-
  function getPP(){
    if(user.value.profilePictureUrl === null){
      return "/Clyde.png"
    }
-    return user.profilePictureUrl
+    return user.value.profilePictureUrl
  }

-  function getYear(){
-    let date = new Date();
-    if (date.getMonth() <= 6){
-      return date.getFullYear()-1
-    }
-    return date.getFullYear()
+  async function refreshExtCurrList(){
+    extcurrlist.value = await getExternalCurriculumByUser(user.value.regNo)
  }
-
  //This function travels through the student cursus array and extract the current cursus of the student
  function getActualCurriculumList(){
    let actualCurriculumList = [];
    for (let i = 0; i < UserCurriculum.value.curriculumList.length; i++){
-      if (UserCurriculum.value.curriculumList[i].dateyear === getYear()){
+      if (UserCurriculum.value.curriculumList[i].actual === true){
        actualCurriculumList.push(UserCurriculum.value.curriculumList[i]);
      }
    }
@ -155,96 +151,139 @@

    await createScholarshipRequest(scholarshipData)
  }
+
+  //1 = previous 0 = next
+  function getCurriculumsNextYear(){
+    const currlist = getActualCurriculumList()
+    let list = []
+
+    for (let i = 0; i < currlist.length; i++){
+      for (let j = 0; j < curricula.value.length; j++){
+        if (curricula.value[j].option === currlist[i].option && curricula.value[j].year === currlist[i].year + 1){
+          list.push(curricula.value[j])
+        }
+      }
+    }
+    return list
+  }
+
+  async function getActualCurr(curr){
+    const cursus = await getcurriculum(curr);
+    for (let i = 0; i < curricula.value.length; i++){
+      if (curricula.value[i].option === cursus.option && curricula.value[i].year === cursus.year - 1){
+        changecurrdata.actualcursus = curricula.value[i].curriculumId;
+      }
+    }
+  }
+
 </script>

 <template>
-  <div class="body">
-  <div class="container" v-if="courseslist == false">
-    <div class="profilPic">
+  <div class="body" v-if="windowState !== 12 && windowState!==4">
+  <div class="container">
+    <div class="profilPic" v-if="windowState===0">
      <img class="subContainter" :src=getPP()>
    </div>
      <div class="globalInfos">
-        <div v-if="modif==false && curric==false && reg==false && minerval==false && paymentPage == false && scholarship==false && uninscr == false" class="infosContainer">
+        <div v-if="windowState === 0" class="infosContainer">
          <div>
            {{user.firstName}} {{user.lastName}}   
          </div>
          <div>
-            E-mail: {{user.email}}      
+            {{ i18n("login.guest.email") }}: {{user.email}}
          </div>
          <div v-if="user.role==='Student'">
-            {{user.option}} {{i18n(user.role)}} 
+            {{ i18n("regNo") }} :  {{user.regNo}}
          </div>
          <div v-else>
-            Role:  {{i18n((user.role))}} 
+            {{ i18n("role") }}:  {{i18n((user.role))}}
          </div>
          <div>
-            <button @click="modif=!modif; setModify(user)"> {{i18n("profile.modify.data")}} </button>
+            <button @click="windowState=1; setModify(user)"> {{i18n("profile.modify.data")}} </button>
          </div>
          <div v-if="(user.role==='Student')">
-            <button @click="reg=!reg">{{i18n("profile.reRegister")}}</button>
-            <button @click="uninscr = !uninscr" style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
+            <button @click="windowState=9" style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
          </div>
          <div v-if="(user.role==='Student')">
-            <button @click="curric=!curric">{{i18n("profile.change.curriculum")}}</button>
+            <button @click="windowState=2">{{i18n("profile.change.curriculum")}}</button>
+            <button @click="windowState=12;refreshExtCurrList();" style="margin-left: 2%">{{ i18n("manageextcur") }}</button>
          </div>
          <div v-if="(user.role==='Student')">
-            <button @click="courseslist=!courseslist">Manage Courses</button>
-            <button @click="minerval = !minerval" style="margin-left: 2%">Manage minerval</button>
+            <button @click="windowState=4">{{ i18n("managecourse") }}</button>
+            <button @click="windowState=5" style="margin-left: 2%">{{ i18n("manageminerval") }}</button>
          </div>
        </div>
-        <div v-else-if="uninscr" class="infosContainer">
-            <div v-if="sure != 2">Please enter the reason you leave the university</div>
-            <textarea v-if="sure != 2" v-model="uninscriptionData.reason"></textarea>
-            <div v-if="sure != 2">
-              <button @click="sure++">Submit</button>
+        <div v-else-if="windowState === 9" class="infosContainer">
+            <div v-if="sure !== 2">{{ i18n("enterreason") }}</div>
+            <textarea v-if="sure !== 2" v-model="uninscriptionData.reason"></textarea>
+            <div v-if="sure !== 2">
+              {{i18n("onlycursus")}}
+            <input type="checkbox" v-model="isChecked">
+            </div>
+            <div v-if="sure !== 2 && isChecked">
+              {{ i18n("plsselectcurs") }}
+              <select v-model="uninscriptionData.curriculumId">
+                <option v-for="item in getActualCurriculumList()" :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+              </select>
+            </div>
+            <div v-if="sure !== 2">
+              <button @click="sure++">{{ i18n("login.guest.submit") }}</button>
            </div>
            <div v-if="sure==1">
-              Are you sure that you want to unregister ?
-              <button @click="addUninscReq(uninscriptionData.userId, uninscriptionData.reason);sure++">Yes</button>
-              <button @click="sure=0">No</button>
+              {{ i18n("sureunreg") }}
+              <button @click="addUninscReq(uninscriptionData.userId, uninscriptionData.reason, uninscriptionData.curriculumId);sure++">{{i18n("yes")}}</button>
+              <button @click="sure=0">{{ i18n("no") }}</button>
            </div>
-            <p v-if="sure==2">You request has been send !</p>
+            <p v-if="sure==2">{{ i18n("reqsend") }}</p>
        </div>
-        <div v-else-if="minerval" class="infosContainer">
-          <div v-if="minerv.value.toPay != 0">
-            Payment : {{minerv.value.toPay}}€ left to pay
+        <div v-if="windowState === 9">
+          <button @click="windowState=0">{{i18n("courses.back")}}</button>
+        </div>
+        <div v-else-if="windowState === 5" class="infosContainer">
+          <div v-if="minerv.value.toPay > 0">
+            {{ i18n("payment") }} : {{minerv.value.toPay}}€ {{ i18n("lefttopay") }}
            <div v-if="minerv.value.paidAmount <= 50">
-              <button @click="minerval = !minerval; paymentPage = !paymentPage; paymentAmount = 50">Pay deposit (50€)</button>
+              <button @click="windowState=6; paymentAmount = 50">{{ i18n("paydeposit") }} (50€)</button>
            </div>
            <div>
-              <button @click="minerval = !minerval; paymentPage = !paymentPage; paymentAmount = minerv.value.toPay">Pay all the rest ({{minerv.value.toPay}}€)</button>
+              <button @click="windowState=6; paymentAmount = minerv.value.toPay">{{ i18n("payrest") }} ({{minerv.value.toPay}}€)</button>
            </div>
          </div>
          <div v-else>
-            Payment : School fees have already been paid this year
+            {{ i18n("alreadypaid") }}
          </div>
          <div>
-            <button @click="scholarship=!scholarship; minerval=!minerval">Ask for a scholarship</button>
+            <button @click="windowState=7" v-if="minerv.value.toPay <= 0">{{ i18n("askscholarship") }}</button>
          </div>
        </div>
-        <div v-else-if="scholarship && !scholarshipinfos" class="infosContainer">
-          <p>Please upload the required documents</p>
+        <div v-if="windowState === 5">
+          <button @click="windowState=0">{{ i18n("courses.back") }}</button>
+        </div>
+        <div v-else-if="windowState === 7" class="infosContainer">
+          <p>{{i18n("uploaddocs")}}</p>
          <div>
-            Tax justification document :
+            {{ i18n("taxjustdoc") }}
            <input type="file" @change="scholarshipData.taxDocUrl = $event.target.files">
          </div>
          <div>
-            Residency justification document :
+            {{i18n("residencydoc")}}
            <input type="file" style="margin-top:2%" @change="scholarshipData.residencyDocUrl = $event.target.files">
          </div>
-          <button style="margin-top: 5%" @click="scholarshipinfos = !scholarshipinfos;postScholarshipRequest(scholarshipData.taxDocUrl, 'JustificationDocument',scholarshipData.residencyDocUrl, 'JustificationDocument');">Submit scholarship request</button>
+          <button style="margin-top: 5%" @click="windowState=8;postScholarshipRequest(scholarshipData.taxDocUrl, 'JustificationDocument',scholarshipData.residencyDocUrl, 'JustificationDocument');">{{i18n("login.guest.submit")}}</button>
        </div>
-        <div v-else-if="scholarship && scholarshipinfos" class="infosContainer">
+        <div v-if="windowState === 7">
+          <button @click="windowState = 5">{{ i18n("courses.back") }}</button>
+        </div>
+        <div v-else-if="windowState === 8" class="infosContainer">
          <div>
-            Your request has been sent to the inscription service you will get notified when
-            the request is reviewed.
+            {{i18n("reqsent")}}
          </div>
-          <button @click="scholarshipinfos=!scholarshipinfos; scholarship=!scholarship">
-            Go back to profile
+          <button @click="windowState = 0">
+            {{ i18n("backprofile") }}
          </button>
        </div>
-        <div v-else-if="paymentPage" class="infosContainer">
-          Proceed to payment of {{paymentAmount}}€
+        <div v-else-if="windowState === 6" class="infosContainer">
+          {{ i18n("procpayment") }} {{paymentAmount}}€
          <div style="margin-top: 1%">
            Client:
            <input type="text" v-model="paymentData.client">
@ -258,20 +297,20 @@
            <input type="date" v-model="paymentData.expDate">
          </div>
          <div style="margin-top: 1%">
-            <button @click="paymentPage=!paymentPage;minerval=!minerval;paymentData.amount=paymentAmount;paymentData.date=new Date();postPayment(paymentData);minerv.value.toPay -= paymentAmount; minerv.value.paidAmount += paymentAmount; editMinerval(minerv.value)">Process Payment</button>
+            <button @click="windowState=5;paymentData.amount=paymentAmount;paymentData.date=new Date();postPayment(paymentData);minerv.value.toPay -= paymentAmount; minerv.value.paidAmount += paymentAmount; editMinerval(minerv.value)">{{i18n("procpaybutton")}}</button>
          </div>
          <div>
-            <button @click="minerval = !minerval; paymentPage = !paymentPage;">Back</button>
+            <button @click="windowState = 5">{{ i18n("courses.back") }}</button>
          </div>
        </div>
-        <div v-else-if="modif" class="infosContainer">
+        <div v-else-if="windowState === 1" class="infosContainer">
          <div>
            {{i18n("profile.picture")}}:
            <input type="file" @change="user.profilPicture = uploadProfilePicture($event.target.files);" accept="image/*">
          </div>
          <div>
-            E-mail:  
-            <input type="mail" v-model="toModify.email" />
+            {{ i18n("login.guest.email")}}
+            <input type="email" v-model="toModify.email" />
          </div>
          <div>
            {{i18n("profile.address")}}:
@ -286,79 +325,85 @@
            <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);" style="float:right;">{{i18n("courses.back")}}</button>
+            <button @click="windowState = 0; ChangeInfos();">{{i18n("courses.confirm")}}</button>
+            <button @click="windowState = 0; resetInputs(toModify,pattern);" style="float:right;">{{i18n("courses.back")}}</button>
          </div>
        </div>
-        <div v-else-if="curric" class="infosContainer">
-          <div style="height:40px;">
-            {{i18n("Curriculum")}}:  
-            <select v-model="curriculum" >
-              <option v-for="item in curricula" style="font-size:20px;" :value="item">{{item.option}}</option>        
+        <div v-else-if="windowState === 2" class="infosContainer">
+          <div>
+            {{ i18n("iwouldlike") }}
+            <select v-model="reRegState">
+              <option :value="1">{{ i18n("rereg") }}</option>
+              <option :value="2">{{ i18n("reregsup") }}</option>
+              <option :value="3">{{ i18n("chcur") }}</option>
            </select>
          </div>
-
-          <div>
-            <button @click=" curric=!curric;">{{i18n("courses.confirm")}}</button>
-            <button @click="curric=!curric; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
+          <div style="height:40px;" v-if="reRegState === 3">
+            {{i18n("Curriculum")}}:
+            <select v-model="changecurrdata.actualcursus" style="margin-right: 3%">
+              <option v-for="item in getActualCurriculumList()" style="font-size:20px;" :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+            </select>
+            {{ i18n("newcurr") }} :
+            <select v-model="changecurrdata.newcursus">
+              <option v-for="item in curricula"  :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+            </select>
          </div>
-        </div>
-        <div v-else-if="reg" class="infosContainer">
-          <div>
-            E-mail:  
-            <input type="mail" v-model="toModify.email" />
+          <div style="height:40px;" v-if="reRegState === 2">
+            {{ i18n("newcurr") }} :
+            <select v-model="changecurrdata.newcursus">
+              <option v-for="item in curricula"  :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+            </select>
+          </div>
+          <div style="height:40px;" v-if="reRegState === 1">
+            {{ i18n("newcurr") }} :
+            <select v-model="changecurrdata.newcursus" @change="getActualCurr(changecurrdata.newcursus);">
+              <option v-for="item in getCurriculumsNextYear()" :value="item.curriculumId">Bac {{item.year}} {{item.option}}</option>
+            </select>
+          </div>
+          <div v-if="curricula[changecurrdata.newcursus-1].year > 1 && reRegState !== 1">
+            {{i18n("cursusprereq")}}
          </div>
          <div>
-            ID :
-            <input type="text" v-model="toModify.id">
-          </div>
-          <div>
-            {{i18n("login.password")}}:
-            <input type="password" v-model="toModify.password">
-          </div>
-          <div>
-            {{i18n("login.cPassword")}}:
-            <input type="password" id="confirm">
-          </div>
-
-          <div>
-            <button @click=" reg=!reg;">{{i18n("courses.confirm")}}</button>
-            <button @click=" reg=!reg; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
+            <button @click=" windowState = 0;postChangeCurrReq(changecurrdata);changecurrdata.actualcursus=null;changecurrdata.newcursus=1">{{i18n("courses.confirm")}}</button>
+            <button @click="windowState = 0; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
          </div>
        </div>
      </div>
-      <div v-if="user.role == 'Student' && modif==false && curric==false && reg==false && minerval==false && scholarship == false && uninscr == false" class="moreInfos">
+      <div v-if="windowState === 0" class="moreInfos">
        <div class = "oldcursus">
            <div class="listTitle">
-              Anciens Cursus
+              {{ i18n("oldcursus") }}
            </div>
            <div  class="listElement">
              <div class=" containerElement" v-for="item in UserCurriculum.curriculumList">
-                <div class="year" v-if="parseInt(item.dateyear) !== getYear()">Bac {{item.year}}</div>
-                <div class="option" v-if="parseInt(item.dateyear) !== getYear()">{{item.option}}</div>
-                <div class="dateyear" v-if="parseInt(item.dateyear) !== getYear()">Année {{item.dateyear}}-{{item.dateyear+1}}</div>
+                <div class="year" v-if="item.actual === false">Bac {{item.year}}</div>
+                <div class="option" v-if="item.actual === false">{{item.option}}</div>
+                <div class="dateyear" v-if="item.actual === false">{{ i18n("year") }} {{item.dateyear}}-{{item.dateyear+1}}</div>
              </div>
            </div>
          </div>
          <div class="actualcursus">
            <div class="listTitle">
-              Cursus Actuel
+              {{ i18n("newcurr") }}
            </div>
            <div  class="listElement">
              <div class=" containerElement" v-for="item in UserCurriculum.curriculumList" >
-                <div class="year" v-if="parseInt(item.dateyear) === getYear()">Bac {{item.year}}</div>
-                <div class="option" v-if="parseInt(item.dateyear) === getYear()">{{item.option}}</div>
-                <div class="dateyear" v-if="parseInt(item.dateyear) === getYear()">Année {{item.dateyear}}-{{item.dateyear+1}}</div>
+                <div class="year" v-if="item.actual === true">Bac {{item.year}}</div>
+                <div class="option" v-if="item.actual === true">{{item.option}}</div>
+                <div class="dateyear" v-if="item.actual === true">{{ i18n("year") }} {{item.dateyear}}-{{item.dateyear+1}}</div>
              </div>
            </div>
          </div>
      </div>
  </div>
-    <div v-if="courseslist === true" style="width: 80%">
-      <CourseList :cursuslist="getActualCurriculumList()"/>
-      <button style="width: 10%; margin-top: 5%" @click="courseslist = false">Return to profile</button>
-    </div>
 </div>
+  <div v-if="windowState===4" style="width: 80%; margin-top: 3%; margin-left: 10%">
+    <CourseList :cursuslist="getActualCurriculumList()" v-model:window-state="windowState"/>
+  </div>
+  <div v-if="windowState === 12">
+    <ExternalCurriculumList :ext-curr-list="extcurrlist" :mode="1"></ExternalCurriculumList>
+    <button @click="windowState = 0;refreshExtCurrList()" style="margin-left: 17%;margin-top: 3%">{{ i18n("backprofile") }}</button>
+  </div>
 </template>
 <style scoped>

@ -439,21 +484,6 @@
    
  }

-  .name {
-    grid-area:name;
-    align-self:center;
-  }
-
-  .teacher{
-    grid-area:teacher;
-    align-self:center;
-  }
-
-  .credits{
-    grid-area:credits;
-    align-self:center;
-  }
-

 .listElement{
  border:2px solid black;
@ -483,7 +513,6 @@ button{
  border-radius:10px;
  height:35px;
  margin-top:10px;
-
 }

 button:hover{
--- a/frontend/src/Apps/Schedule.vue
+++ b/frontend/src/Apps/Schedule.vue
@ -0,0 +1,802 @@
+
+<!----------------------------------------------------
+	File:  Schedule.vue
+	Author: William Karpinski
+	Scope: Extension Horaire
+	Description: Schedules Page accessed by everyone
+----------------------------------------------------->
+
+<script setup>
+  import { ref } from 'vue'
+  import {getDifferenceTime,lastDateOfMonth,formatDate,getFirstDay,sortByDate,weekFromList,sundayToTheEnd,getMarginTop,getHoursMinutes, monthFromList, durationCourse} from '../scheduleFunctions.js'
+  import {getAllSchedule} from "@/rest/scheduleRest.js";
+  import {getOnesLessons, getOwnedLessons } from "@/rest/lessonSchedule.js"
+  import {isLogged, getSelf,getTeachers} from "@/rest/Users.js"
+  import {getUserActualCourses} from "@/rest/courses.js";
+  import {getcurriculum} from "@/rest/curriculum.js";
+  import i18n from "../i18n.js";
+
+  const trueSchedule = ref()
+  const log = await isLogged();
+  const schedule = ref();
+  const importedJSON = ref();  
+  const jsonSchedule = ref();
+  const jsonMod = ref(false);
+  const curriculum = ref();
+  const shift = ref(getFirstDay(new Date()).getDay());
+  let value = 1;
+  let done = false;
+  const len = ref(lastDateOfMonth(new Date()));
+  const scheduleByWeek = ref();
+  const month = ref();
+  const mondayOfWeek =ref(getMonday(new Date()))
+  const currentDate = ref(new Date())
+  const allSchedules = await getAllSchedule();
+  let counter = 0;
+  const ownSchedule = ref();
+  const filter = ref("null");
+  const subFilter = ref("null");
+  const focus = ref();
+  const focusLessons = ref();
+  let user;
+  
+  if(log){
+    user = await getSelf();
+    if(user.role == "Teacher" || user.role == "Student"){
+
+      if(user.role == "Teacher"){
+         ownSchedule.value  = await getOwnedLessons(); 
+      }
+
+      if(user.role == "Student"){
+        let test =   await getUserActualCourses();
+        console.log(test);
+        ownSchedule.value = await getOnesLessons();}
+
+      schedule.value = ownSchedule.value;
+
+      schedule.value.sort((a,b) => sortByDate(a,b));
+      scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,new Date().getMonth());
+      
+    }
+
+  }
+
+  const display =ref("Week");
+  const format = ref("Grid");
+  const filters = ["Type","Teacher","Course"];
+  const types = ["TP","TD","Course","Exam"];
+  const teachers = await getTeachers() ;
+  const courses = ref();
+
+
+  if(curriculum.value != null){
+    courses.value = curriculum.value.courses;
+  }
+  const days = ["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];
+  const months = ["january","february","march","april",'may',"june","july","august","september","october","november","december"]
+  const firstDayOfMonth = ref(getFirstDay(new Date()))
+  const monthDone = ref(false);
+  function getMonday(d) {
+    d = new Date(d);
+    d.setHours(0,0,0);
+    var day = d.getDay(),
+    diff = d.getDate() - day + (day == 0 ? -6 : 1);
+    return new Date(d.setDate(diff));
+  }
+
+  function getAnyDays(d){
+    var day = new Date(mondayOfWeek.value);
+    day.setDate(day.getDate() + d );
+    return day;
+  }
+  
+
+  function verifUser(){
+    if(log)
+      return (user.role == "Student" || user.role == "Teacher");
+    return false
+  }
+  function displayOwnSchedule(){
+    schedule.value = ownSchedule.value;
+    scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth());
+      value = 1;
+      counter=0;
+      done = false;
+
+  }
+
+  /*
+   * Create a JSON from a schedule
+   */
+  function createJSON(){
+    const json = {"data":[]};
+    for(let element in schedule.value){
+      let item = {};
+      item["title"] = schedule.value[element].course.title + "\n" + schedule.value[element].course.owner.lastName+ "\n" + schedule.value[element].local 
+      item["start"] = schedule.value[element].lessonStart;
+      item["end"] = schedule.value[element].lessonEnd;
+      item["color"] = schedule.value[element].color;
+      json.data.push(item)
+    }
+    return json
+  }
+
+  /*
+   * Export a JSON
+   */
+
+  function exportJSON(){
+    let json = createJSON();
+    const data = JSON.stringify(json);
+    const blob = new Blob([data], {type:"application/json"});
+    const a = document.createElement('a');
+          a.href = URL.createObjectURL(blob);
+          a.download = "Schedule.json";
+          a.click();
+
+  }
+
+  /*
+   * Used to convert a JSON imported to an object
+   */
+    function onFileChange(e) {
+     let files = e.target.files || e.dataTransfer.files;
+     if (!files.length) return;
+      readFile(files[0]);
+   }
+   function readFile(file) {
+     let reader = new FileReader();
+     reader.onload = e => {
+       let json = JSON.parse(e.target.result);
+      importedJSON.value = json
+     createScheduleFromJSON();
+      jsonMod.value= true;
+     };
+     reader.readAsText(file);
+       
+   
+   }
+  
+  function createScheduleFromJSON(){
+    let jsonBrut = importedJSON.value;
+    let toEventList = [];
+    for(let element in jsonBrut["data"]){
+      let temp = {}
+      temp["title"] = jsonBrut["data"][element].title;
+      temp["lessonStart"] = jsonBrut["data"][element].start;
+      temp["lessonEnd"] = jsonBrut["data"][element].end;
+      temp["color"] = jsonBrut["data"][element].color;
+      toEventList.push(temp);
+    }
+    jsonSchedule.value = toEventList;
+    scheduleByWeek.value = sundayToTheEnd(weekFromList(jsonSchedule.value,mondayOfWeek.value));
+    month.value = monthFromList(jsonSchedule.value,new Date().getMonth());
+  }
+
+  /*
+   * Display the JSON on the schedule
+   */
+  function switchToJSON(){
+    jsonMod.value = true;
+    scheduleByWeek.value = sundayToTheEnd(weekFromList(jsonSchedule.value,mondayOfWeek.value));
+    month.value = monthFromList(jsonSchedule.value,new Date().getMonth());
+
+  }
+
+
+
+  /*
+   * used to focus on a lesson when we click on it
+   */
+  function lessonFocus(element){
+    if(!jsonMod.value){
+    focus.value = element;
+    var lessonsList = [];
+    for (let element in schedule.value){
+      if (schedule.value[element].course.courseID == focus.value.course.courseID){
+        lessonsList.push(schedule.value[element]);  
+      }
+    }
+      focusLessons.value = lessonsList;}
+  }
+
+  /*
+   * convert the current date to a DATE object
+   */
+  function dateOfMonth(i){
+
+    return new Date(currentDate.value.getFullYear(),currentDate.value.getMonth(),i);
+  }
+
+  function sortSchedule(){
+    schedule.value =trueSchedule.value.lessons;
+    if(filter.value =="Teacher"){
+      schedule.value = sortByTeacher(schedule.value,subFilter.value);
+      scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth());
+      value = 1;
+      counter=0;
+
+
+    }
+    else if(filter.value =="Type"){
+      schedule.value = sortByType(schedule.value,subFilter.value);
+      scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth());
+      value = 1;
+      counter=0;
+
+
+
+    }
+    else if(filter.value =="Course"){
+      schedule.value = sortByCourse(schedule.value,subFilter.value);
+      scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth());
+      value = 1;
+      counter=0;
+    }
+
+    if(focus.value != null){
+      lessonFocus(focus.value)
+    }
+  }
+
+  function sortByType(lessons,type){
+    if(type == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].lessonType == type){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+
+  
+
+  function sortByCourse(lessons,course){
+    if(course == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].course.courseID == course.courseID){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+  function sortByTeacher(lessons, teacher){
+    if(teacher == null){
+      return lessons;
+    }
+    const matrix = [];
+    for (let element in lessons){
+      if(lessons[element].course.owner.regNo == teacher.regNo){
+        matrix.push(lessons[element])
+      }
+    }
+    return matrix
+  }
+
+  /*
+   * Change the schedule filter
+   */
+  async function changeSchedule(){
+      schedule.value =trueSchedule.value.lessons;
+      curriculum.value = trueSchedule.value.curriculum;
+          
+      scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value,mondayOfWeek.value));
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth());
+      value = 1;
+      counter=0;
+      done = false;
+      courses.value = (await getcurriculum(curriculum.value.curriculumId)).courses;
+      filter.value = "null";
+      subFilter.value = "null"
+      focus.value = null;
+      focusLessons.value = null;
+      jsonMod.value = false;
+  }
+  /*
+   * change the week to display
+   */
+  function changeWeek(i){
+    const temp = getAnyDays(i);
+    mondayOfWeek.value = temp;
+    if(scheduleByWeek.value != null)
+      if(jsonMod.value){
+        scheduleByWeek.value = sundayToTheEnd(weekFromList(jsonSchedule.value, mondayOfWeek.value))}
+      else{
+        scheduleByWeek.value = sundayToTheEnd(weekFromList(schedule.value, mondayOfWeek.value))}
+      
+  }
+
+  /*
+   * change the month to display
+   */
+  function changeMonth(i){
+    const temp = currentDate.value;
+    currentDate.value = new Date( ( 0< temp.getMonth()+i < 13 ? temp.getFullYear() : temp.getFullYear()+i), (0< temp.getMonth()+i <13 ? temp.getMonth()+i :  12 ),1);
+    shift.value= getFirstDay(currentDate.value).getDay();
+    len.value= lastDateOfMonth(currentDate.value);
+    value = 1;
+    counter = 0;
+    done=false;
+    if(month.value != null){
+      if(jsonMod.value){
+        month.value = monthFromList(jsonSchedule.value,currentDate.value.getMonth())}
+      }
+    else{
+      month.value = monthFromList(schedule.value,currentDate.value.getMonth())}
+  
+  }
+
+  /*
+   * used to display correctly the dates of a month
+   */
+
+  function isAValue(){
+    if(value-shift.value<0 ){
+      counter++;
+      value++;
+      return false;
+    }
+    if(value-shift.value<len.value){
+      value++;
+      counter++;
+      return true;}
+    
+    if(value-shift.value==len.value){
+      done = true;
+      counter++;
+       
+      
+      if(counter> 35){
+        counter=1;
+        value = 2;
+        done = false;
+        return true; }
+      return false;
+    }
+  }
+
+
+
+</script>
+<template>
+  <div class="grid">
+    <div class="schedule" v-if="format == 'Grid'">
+    <template v-if="display=='Week'">
+      <table class="table">
+        <tr style="background-color:rgb(24,24,24)">
+          <th>
+            <button @click="changeWeek(-7)">{{i18n("schedule.previous")}}</button>
+            <button @click="changeWeek(7)">{{i18n("schedule.next")}}</button>
+            <button @click="mondayOfWeek = getMonday(new Date()); 
+                scheduleByWeek != null ? scheduleByWeek = sundayToTheEnd(weekFromList(schedule.value, mondayOfWeek)) : null;">{{i18n("schedule.current")}}</button>
+            
+          </th>
+          <th class="header" v-for='d,index in 7' >
+            <p class="childHeader">
+            {{i18n(days[index])}}
+            </p>
+            <p class="childHeader">
+              {{formatDate(getAnyDays(index))}}
+            </p>
+          </th>
+          
+
+        </tr>
+        <tr v-for="(n,index) in 12">
+          <th class="hour">{{8 + index}}:00-{{9+index}}:00</th>
+            <td v-for="m in 7"></td>
+        </tr>
+        </table>
+      <div v-if="scheduleByWeek != null " class="courseGrid">
+        <div class="dayCourse" v-for="element in scheduleByWeek">
+          <template v-for="i,index in element.length">
+              <div class="course" @click.native="lessonFocus(element[index])" v-bind:style="{background:element[index].color,
+
+              height:((getDifferenceTime(element[index].lessonEnd,element[index].lessonStart)/7.2)-0.5)+'%', top:((getMarginTop(element, index, index-1)/7.20))+'%'}">      
+              <div class="hourStart">
+                {{getHoursMinutes(element[index].lessonStart)}}
+
+              </div>
+              <div class="infos">
+                <p class="childInfos" >{{jsonMod ? element[index].title : element[index].course.title}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element[index].local}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element[index].lessonType}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element[index].course.owner.lastName}}</p>
+
+              </div> 
+              <div class="hourEnd">
+                {{getHoursMinutes(element[index].lessonEnd)}}
+              </div>
+           </div>
+          </template>
+        </div>
+      </div>
+      </template>
+
+      <template v-else>
+        <table class="table">
+          <tr style="background-color:rgb(24,24,24); height:8.33%;">
+            <th colspan="7" class="header">
+              <div>{{i18n(months[currentDate.getMonth()])}} {{currentDate.getFullYear()}}</div>
+            <button style="position:absolute; top:0; left:0;" @click="changeMonth(-1)">{{i18n("schedule.previous")}}</button>
+            <button  style="position:absolute; bottom:0; left:0;"@click="changeMonth(1)">{{i18n("schedule.next")}}</button>
+
+            </th>
+
+          </tr>
+          <tr style="background-color:rgb(24,24,24); height:8.33%;" >
+          <th class="header"  v-for='d,index in 7' >
+            {{i18n(days[index])}}
+          </th>
+          </tr>
+          <tr v-for="n in 5" style="height:16.67%;">
+            <td v-for="m,i in 7" style="height:16.67%; position:relative;">
+              <div v-if="isAValue()" style="top:0; right:2%; border-radius:20%;color:rgb(200,200,200) ; position:absolute;z-index:50;">{{value-shift}}</div>          
+              <div v-if="month != null" style="overflow-y:scroll; height:100%;" >
+              <template v-for="element in month[value-shift]">
+                  <div v-if="!done"class="course" @click.native="lessonFocus(element)" v-bind:style="{background:element.color, height:100+'%'}">
+                  
+              <div class="hourStart">
+                {{getHoursMinutes(element.lessonStart)}}
+              </div>
+              <div class="infos">
+                <p class="childInfos" >{{jsonMod ? element.title : element.course.title}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element.local}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element.lessonType}}</p>
+                <p class="childInfos"v-if="!jsonMod">{{element.course.owner.lastName}}</p>
+
+              </div> 
+              <div class="hourEnd">
+                {{getHoursMinutes(element.lessonEnd)}}
+              </div>
+              </div>
+              </template>
+              </div>
+            </td>
+        </tr> 
+        </table>
+      </template>
+    </div>
+    <div class="schedule" v-else>
+      
+      <div v-if="display == 'Week'">
+        <button @click="changeWeek(-7)">Previous</button>
+      <button @click="changeWeek(7)">Next</button>
+      <button @click="mondayOfWeek = getMonday(new Date()); 
+                scheduleByWeek != null ? scheduleByWeek = sundayToTheEnd(weekFromList(schedule.value, mondayOfWeek)) : null;">Current</button>
+            
+
+        <template  v-for="i,index in 7">
+          <div class="body" style="background-color:#181818;">{{i18n(days[index])}} {{formatDate(getAnyDays(index))}}
+</div>
+          <template v-if="scheduleByWeek != null">
+          <div class="body" style="background-color:#353535;" >
+          <div  class="containerList"v-for="n,j in scheduleByWeek[index].length"  @click.native="lessonFocus(scheduleByWeek[index][j])" >    
+            <div class="colorList" v-bind:style="{background:scheduleByWeek[index][j].color}"></div>
+            <div class="hoursList">{{ getHoursMinutes(scheduleByWeek[index][j].lessonStart)}}-{{getHoursMinutes(scheduleByWeek[index][j].lessonEnd)}}</div>
+            <div class="titleList">{{scheduleByWeek[index][j].course.title}}</div>
+            <div class="teacherList">{{scheduleByWeek[index][j].course.owner.lastName}}</div>
+            <div class="localList">{{scheduleByWeek[index][j].local}}</div>
+            <div class="typeList">{{scheduleByWeek[index][j].lessonType}}</div>
+          </div>
+          </div>
+          </template>
+        </template>
+      </div>
+
+
+
+      <div v-if="display == 'Month'">
+        <button @click="changeMonth(-1)">Previous</button>
+        <button @click="changeMonth(1)">Next</button>
+        <div class="body" >{{i18n(months[currentDate.getMonth()])}} {{currentDate.getFullYear()}}</div>
+        
+        <template   v-for="i,index in lastDateOfMonth(currentDate.getMonth())-1">
+          <div class="body" style="background-color:#181818;">{{ dateOfMonth(i).getDay()-1== -1 ? i18n(days[6]) : i18n(days[dateOfMonth(i).getDay()-1]) }} {{formatDate(dateOfMonth(i))}}
+</div>
+          <template v-if="scheduleByWeek != null">
+          <div  class="body" style="background-color:#353535;" >
+          <div  class="containerList"  v-for="n,j in month[i].length" @click.native="lessonFocus( month[i][j])">    
+            <div class="colorList" v-bind:style="{background:month[i][j].color}"></div>
+            <div class="hoursList">{{ getHoursMinutes(month[i][j].lessonStart)}}-{{getHoursMinutes(month[i][j].lessonEnd)}}</div>
+            <div class="titleList">{{month[i][j].course.title}}</div>
+            <div class="teacherList">{{month[i][j].course.owner.lastName}}</div>
+            <div class="localList">{{month[i][j].local}}</div>
+            <div class="typeList">{{month[i][j].lessonType}}</div>
+          </div>
+          </div>
+          </template>
+          </template>
+
+
+
+      </div>
+    </div>
+
+    <div class="options">
+      <div class="settings">
+      <div class="body"  style="background-color:rgb(50,50,50);margin:5% 0 5% 0;">{{i18n("schedule.settings")}}</div>
+      <select @change="changeSchedule()" v-model="trueSchedule">
+        <option v-for="item in allSchedules" :value='item'>{{item.curriculum.option}}-{{item.curriculum.year}}</option>
+      </select>
+      <button v-if="display=='Week'" @click="display='Month'">{{i18n("Week")}}</button>
+      <button v-if="display=='Month'" @click="display='Week'; value=1;">{{i18("Month")}}</button>
+      <button v-if="format == 'Grid'" @click="format ='List'">{{i18n("Grid")}}</button>
+      <button v-if="format == 'List'" @click ="format = 'Grid'">{{i18n("List")}}</button>
+      <button v-if="verifUser()" @click="jsonMod=false ;displayOwnSchedule();">{{i18n("OwnSchedule")}}</button>
+      <button v-if="importedJSON != null" @click="switchToJSON()">{{i18n("SwitchToJSON")}}</button>
+
+      <select v-if="schedule != null && !jsonMod" @change="subFilter = 'null'" v-model="filter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in filters" :value="item">{{i18n(item)}}</option>
+      </select>
+      <select @change="sortSchedule()" v-if="filter == 'Teacher'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in teachers" :value=item>{{item.lastName}}</option>
+      </select>
+      <select @change="sortSchedule()"  v-if="filter == 'Course'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in courses" :value=item>{{item.title}}</option>
+      </select>
+      <select @change="sortSchedule()" v-if="filter == 'Type'" v-model="subFilter">
+        <option :value ="null">No Filter</option>
+        <option v-for="item in types" :value='item'>{{i18n(item)}}</option>
+      </select>
+        <button @click="exportJSON()" >Export JSON</button>
+        
+      <div style="color:white;">IMPORT JSON</div>
+      <input type="file" @change="onFileChange" accept="application/JSON" ></input>
+        
+
+      </div>
+      <div v-if="focus != null && !jsonMod" class="moreInfos">
+        <div class="body" style="background-color:rgb(50,50,50); height:10%; font-size:2em;" >{{i18n("request.moreInfos")}}</div>
+        <div class="body" :style="{background:focus.color,height:auto,fontSize:1.2+'em', alignItems:center}">
+          {{focus.course.title}}</div>
+
+        <div class="body"  style="background-color:rgb(50,50,50);">{{i18n("schedule.teachers")}}</div>
+        <div class="body" style="background-color:#484848;">
+          <div>{{focus.course.owner.lastName}}</div>
+          <div v-for="element in focus.course.assistants">
+            {{element.lastName}}
+          </div>
+        </div>
+        <div class="body"  style="background-color:rgb(50,50,50);">{{i18n("schedule.courses")}}</div>
+       <div class="body" style="background-color:#484848;"v-for="lesson in focusLessons">
+          {{ getHoursMinutes(lesson.lessonStart)}}-{{getHoursMinutes(lesson.lessonEnd)}}
+          {{ lesson.local}}
+          {{i18n(lesson.lessonType.toString())}}
+        </div>  
+
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+  .grid{
+    min-width:1400px;
+    display:grid;
+    margin-top:2%;
+    align-items:center;
+    justify-content:center;
+    grid-template-columns:72% 14.5%;
+    column-gap:2vw;
+    overflow:hidden;
+    grid-template-areas:"schedule options";
+  }
+  .schedule{
+    min-width:900px;
+    position:relative; 
+    overflow-y:scroll;
+    border-radius:20px;
+    grid-area:schedule;
+    width:100%;
+    height:85vh;
+    background-color:rgba(255,255,255,0.1);    
+  }
+  .options{
+    display:grid;
+    border-radius:20px;
+    grid-area:options;
+    background-color:rgba(255,255,255,0.1);
+    width:100%;
+    height:85vh;
+    min-width:240px;
+
+    grid-template-rows:40% 60%;
+  }
+
+  .settings{
+    display:flex;
+    flex-direction:column;
+    width:80%;
+    margin:0 auto 0 auto;
+  }
+  
+
+  .settings select,.settings button{
+    margin-top:2%;
+    width:100%;
+  }
+
+  .moreInfos{
+    width:90%;
+    display:flex;
+    flex-direction:column;
+    margin:0 auto 0 auto;
+    overflow-y:scroll;
+    overflow-x:hidden;
+  }
+
+  .table{
+    width:100%;
+    height:100%;
+    border-spacing:0;
+    border-collapse:separate;
+    border-radius: 20px;
+    border: 2px solid black
+  }
+  
+  .hour{
+    background-color:rgb(72,72,72)
+
+  }
+  
+  .header{
+    width:12.5%;
+    color:#FFFFFF;
+    position:relative;
+  }
+
+
+  .childHeader{
+    margin-top:0;
+    margin-bottom:0;
+    max-height:14.28%
+
+  }
+  table th:not(:last-child),
+  table td:not(:last-child) {
+  border-right: 1px solid black;
+  }
+  
+  table tr:not(:last-child)>td,
+  table tr:not(:last-child)>th
+  {
+    border-bottom:1px solid black;
+  }
+  
+  .courseGrid{
+    top:13.75%;   
+    left:12.5%;
+    position:absolute;
+    width:87.5%;
+    height:86.25%; 
+    display:grid;
+    grid-template-columns:repeat(7,1fr);
+      }
+  
+  
+  .course{
+    position:relative;
+    border: 1px solid black;
+    border-radius:10px;
+    width:90%;
+    margin-left:auto;
+    margin-right:auto;
+    display:grid;
+    grid-template-rows:1fr 1fr 1fr;
+    }
+  
+  .dayCourse{
+    display:block; 
+  }
+
+  .infos{
+    height:100%;
+    width:100%;
+    font-size:0.75em;
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center;
+    position:absolute;
+  }
+  
+  .childInfos{
+    text-align:center;
+    margin-top:0%;
+    margin-bottom:0%;
+    overflow:hidden;
+  }
+
+  .hourStart{
+    background-color:rgb(200,200,200);
+    border-radius:5px;
+    position:absolute;
+    top:2%;
+    left:2%;
+    font-size:0.75em;
+    
+    border: 1px solid black;
+  }
+
+  .hourEnd{
+    background-color:rgb(200,200,200);
+    border-radius:3px;
+    position:absolute;
+    bottom:2%;
+    left:2%;
+    font-size:0.7em;
+  }
+    
+  .containerList{
+    color:white;
+    height:100px;
+    font-size:20px;
+    display:grid;
+    grid-template-columns:5vw auto auto auto auto auto;
+    grid-template-areas:
+    "color hours title teacher local type"; 
+    
+  }
+
+  .colorList{
+    grid-area:color;
+    align-self:center;
+    
+    width:75%;
+    height:75%;
+    border:1px solid black;
+    border-radius:20%;
+  }
+  
+  .hoursList{
+    grid-area:hours;
+    align-self:center;
+  }
+
+
+  .titleList{
+    grid-area:title;
+    align-self:center;
+  }
+
+  .teacherList {
+    grid-area:teacher;
+    align-self:center;
+  }
+  .localList{
+    grid-area:local;
+    align-self:center;
+  }
+
+  .typeList{
+    grid-area:type;
+    align-self:center;
+  }
+.body {
+    color:white;
+    margin-top:2%;
+    width:98%;
+    border:2px solid black;
+    border-radius:9px;
+    text-align:center;
+  }
+
+
+</style>
--- a/frontend/src/Apps/StudentsList.vue
+++ b/frontend/src/Apps/StudentsList.vue
@ -12,7 +12,7 @@
 <template style="margin-top:5%;">
  <div v-if="list === false">
    <AboutStudent :target=targetRegNo />
-    <button style="background-color:rgb(105,05,105);width:5%; margin-left: 10%;" @click="list = true;">Back</button>
+    <button style="background-color:rgb(105,05,105);width:5%; margin-left: 10%;" @click="list = true;">{{ i18n("courses.back") }}</button>
  </div>
  <div style="display:flex; justify-content:center; " v-for="item in users" v-if="list === true">
    <div class="bodu">