Implement mutation in absence-creation-dialog

aleksis/apps/alsijil/frontend/components/coursebook/absences/AbsenceCreationDialog.vue

@@ -69,6 +69,7 @@ import AbsenceCreationSummary from "./AbsenceCreationSummary.vue";
 import CreateButton from "aleksis.core/components/generic/buttons/CreateButton.vue";
 import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue";
 import SaveButton from "aleksis.core/components/generic/buttons/SaveButton.vue";
+import { createAbsences } from "./absenceCreation.graphql";
 
 export default {
   name: "AbsenceCreationDialog",
@@ -99,9 +100,30 @@ export default {
       this.form = true;
     },
     confirm() {
-      // TODO: Send mutation (shown in absence-creation-summary)
-      //       Clear form fields
-      popup = false;
+      this.$apollo.mutate( {
+        mutation: createAbsences,
+        variables: {
+          persons: this.persons.map((p) => p.id),
+          start: this.startDate,
+          end: this.endDate,
+          comment: this.comment,
+          reason: this.absenceReason,
+        },
+      })
+        .then(() => {
+          this.persons = [];
+          this.startDate = "";
+          this.endDate = "";
+          this.comment = "";
+          this.absenceReason = "";
+          this.popup = false;
+          //          $toastSuccess("TODO");
+        })
+        .catch((error) => {
+          popup = false;
+          this.handleError(error);
+        });
+      // finally for loading
     },
   },
 };