Reworking, patching and cleaning the extension

frontend/src/Apps/Inscription/CourseList.vue

@@ -5,13 +5,16 @@ 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 {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 courseslist = ref(await getcurriculum(selectedCurriculum.value.curriculumId))
 const list = ref(true)
 
@@ -31,8 +34,13 @@ const exemptReq = reactive({
   justifDocument : "",
 })
 
-async function getExemptions(){
-
+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>
 
@@ -49,20 +57,29 @@ async function getExemptions(){
           <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">Ask exemption</button></div>
+          <div v-else class="askexemption" style="font-size: 50%">Exempted</div>
         </div>
       </div>
     </div>
+    <div>
+      <button @click="windowState = 0">Back</button>
+    </div>
   </div>
-  <div v-else>
+  <div v-if="list === false" class="infosContainer">
       <p>Please upload the justification document for the exemption </p>
+    <div>
     <label class="browser">
       <input  type="file" @change="ppData.value = $event.target.files" accept="image/*" ref="filepath">
     </label>
-    <button style="width:15%; margin-top: 5%;" @click="postExemptionRequest(ppData.value, 'JustificationDocument');">
+    </div>
+    <button style="margin-top: 3%" @click="postExemptionRequest(ppData.value, 'JustificationDocument');">
       Submit exemption request
     </button>
   </div>
+  <div v-if="list === false">
+    <button @click="list=!list">Back</button>
+  </div>
 </template>
 
 <style scoped>
@@ -139,5 +156,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>