again links

frontend/src/Apps/ManageCourses.vue

@@ -1,7 +1,7 @@
 <script setup>
   import i18n from "@/i18n.js"
   import {ref} from 'vue'
-  import { getCourses } from "@/rest/courses.js"
+  import { getCourses,deleteCourse,alterCourse,createCourse } from "@/rest/courses.js"
   import { getTeachers } from "@/rest/Users.js"
 
   const curriculum = await getCourses()
@@ -19,8 +19,6 @@
 
   //Juste pour montrer le Create Mode
   const pattern = {
-
-  "id": 0,
   "name": null,
   "credits": null,
   "faculty": null,
@@ -30,45 +28,26 @@
 
   let toAdd = Object.assign({}, pattern);
 
-  function addToCourse (){
-  if (curriculum.length>0){
-    toAdd.id=(curriculum[curriculum.length-1].id)-1;}
-    else{
-    toAdd.id=0;
-    }
-    let isnull= false;
-    for(const [key, value] of Object.entries(toAdd)){
-      if(value === null){
-        isnull=true;
+  function addToCourse(){
+    if (curriculum.length>0){
+      let isnull= false;
+      for(const [key, value] of Object.entries(toAdd)){
+        if(value === null){
+          isnull=true;
+        }
       }
-    }
-      if (!isnull){
-      curriculum.push(toAdd);
-      }
-      toAdd= Object.assign({},pattern);
-    } 
-  
-
+        if (!isnull){
+        createCourse(toAdd.name,toAdd.credits,toAdd.faculty,toAdd.teacher,toAdd.Assistants);
+        }
+        toAdd= Object.assign({},pattern);
+      }  
+}
   //Juste pour montrer le Delete Mode
   let toRemove;
 
-  function removeCourse() {
-  console.log("ok");
-  console.log(toRemove);
-  let rem=-1;
-  for(const [key, value] of Object.entries(curriculum)){
-    console.log(key);
-    console.log(value)
-    if(value.name === toRemove){
-         rem = key;
-        break;
-      }
-    }
-    console.log(rem)
-  if (rem > -1){
-    curriculum.splice(rem, 1);}
-  console.log(curriculum);
-  }
+  function removeCourse(course) {
+     deleteCourse(course.id)
+        }
 
 </script>
 <template>
@@ -122,7 +101,7 @@
           {{i18n("login.cPassword")}} : 
         <input>
         </div>
-        <button class="delete" @click="deleteMod=!deleteMod;removeCourse();"> {{i18n("courses.deleteCourse")}} </button>
+        <button class="delete" @click="deleteMod=!deleteMod;removeCourse(toRemove);"> {{i18n("courses.deleteCourse")}} </button>
         <button style="float:right;" @click="deleteMod=!deleteMod"> {{i18n("courses.back")}}</button>
       </form>
     </div>