chore: helper function that also shows a toast message upon successfu…

…l creation #407

frontend/src/assets/lang/app/en.json

@@ -222,6 +222,7 @@
             "success": "Success",
             "error": "Error",
             "unknown": "An unknown error has occurred.",
+            "create": "The {type} has successfully been created",
             "courses": {
                 "enrollment": {
                     "success": "You have been successfully enrolled for the course '{0}'.",

frontend/src/assets/lang/app/nl.json

@@ -219,6 +219,7 @@
             "success": "Succes",
             "error": "Fout",
             "unknown": "Er is een onbekende fout opgetreden.",
+            "create": "De {type} werd succesvol aangemaakt",
             "courses": {
                 "enrollment": {
                     "success": "Je bent succesvol ingeschreven voor het vak '{0}'.",

frontend/src/composables/services/helpers.ts

@@ -54,6 +54,26 @@ export async function create<T>(
     }
 }
 
+export async function createToast<T>(
+    type: string,
+    endpoint: string,
+    data: any,
+    ref: Ref<T | null>,
+    fromJson: (data: any) => T,
+    contentType: string = 'application/json'
+): Promise<void> {
+    const { t } = i18n.global;
+    const { addSuccessMessage } = useMessagesStore();
+
+    try {
+        await create<T>(endpoint, data, ref, fromJson, contentType)
+        addSuccessMessage(t('toasts.messages.success'), t('toasts.messages.create', { type: type }));
+    } catch (e) {
+        throw e
+    }
+}
+
+
 /**
  * Patch an item given its ID.
  *