refactor

src/components/Dialogs/AddStudentsToCourseDialog.vue

@@ -58,6 +58,17 @@ export default {
     courseId: Number,
   },
   methods: {
+    async fetchDebounced() {
+      this.course = await CourseService.getCourse(this.courseId);
+      const result = await CourseService.getCourseRegistrationsById(
+        this.course.id
+      );
+      this.course.registrations = result.registrations;
+      console.log(
+        "updated add students to course dialog registrations is now " +
+          this.course.registrations.length
+      );
+    },
     availableSeatsInCourse,
     canAddStudentsToCourse,
     async addSelectedUsersToSelectedCourses() {
@@ -108,11 +119,7 @@ export default {
     },
   },
   async created() {
-    this.course = await CourseService.getCourse(this.courseId);
-    const result = await CourseService.getCourseRegistrationsById(
-      this.course.id
-    );
-    this.course.registrations = result.registrations;
+    this.fetchDebounced();
   },
 };
 </script>

src/components/Training/TrainingAttendance.vue

@@ -232,6 +232,7 @@ export default {
         this.$store.commit(SET_ERROR_MESSAGE, errorMessage);
       }
       this.fetchDebounced();
+      this.$emit("removed-student");
     },
     sendEmailToStudents() {
       const userEmails = this.selectedUsers.map((item) => item.user.email);

src/views/TrainingDetails.vue

@@ -21,6 +21,7 @@
               Add Student
             </v-btn>
             <AddStudentsToCourseDialog
+              ref="addStudentsToCourseDialog"
               :show-dialog="state.isAddingStudent"
               :course-id="Number.parseInt($route.params.trainingId)"
               v-on:close-dialog="closeAddStudentDialog"
@@ -306,6 +307,7 @@
           v-if="trainingCourse.id"
           :trainingCourse="trainingCourse"
           :reload="trigger"
+          v-on:removed-student="fetchDebounced"
         />
       </v-skeleton-loader>
     </v-container>
@@ -493,6 +495,7 @@ export default {
       // delay new call
       this.fetchData();
       this.$refs.trainingAttendance.fetchDebounced();
+      this.$refs.addStudentsToCourseDialog.fetchDebounced();
     },
     async updateCourse() {
       this.loading = true;
@@ -517,27 +520,6 @@ export default {
     cancelUpdateCourse() {
       this.state.isEditingCourse = false;
     },
-    async addStudent(student) {
-      if (!student) {
-        student = this.studentToAdd;
-      }
-      this.state.isAddingBusy = true;
-      try {
-        await TrainingService.addStudents(
-          this.currentTrainingCourse.id,
-          student
-        );
-        this.studentToAdd = student;
-        this.trigger = this.trigger + 1;
-      } catch (error) {
-        console.error("addStudent error!!: ", error);
-        this.$store.commit(SET_ERROR_MESSAGE, error);
-      } finally {
-        this.state.isAddingBusy = false;
-        this.state.isAddingStudent = false;
-        this.$refs.userSelect && this.$refs.userSelect.clear();
-      }
-    },
   },
 };
 </script>