Show error and success messages after creating an object

aleksis/core/frontend/components/generic/InlineCRUDList.vue

@@ -41,7 +41,8 @@
               :gql-patch-mutation="gqlPatchMutation"
               :isCreate="true"
               :fields="headers"
-              @save="$apollo.queries.items.refetch()"
+              @save="handleCreateDone"
+              @error="handleError"
             >
               <template #activator="{ props }">
                 <create-button
@@ -173,6 +174,11 @@ export default {
       required: false,
       default: "actions.create"
     },
+    createSuccessMessageKey: {
+      type: String,
+      required: false,
+      default: "The object was created successfully",
+    },
     gqlQuery: {
       type: Object,
       required: true,
@@ -345,7 +351,10 @@ export default {
     handleDeleteDone() {
       this.itemToDelete = null;
     },
-
+    handleCreateDone() {
+      this.$apollo.queries.items.refetch();
+      this.handleSuccess(this.createSuccessMessageKey)
+    }
   },
 }
 </script>

aleksis/core/frontend/components/generic/dialogs/DialogObjectForm.vue

@@ -131,7 +131,7 @@ export default {
         this.$emit("save");
       }).catch((error) => {
         console.error(error);
-        this.error = true;
+        this.$emit("error", error);
       }).finally(() => {
         this.loading = false;
         this.dialog = false;

aleksis/core/frontend/messages/en.json

@@ -252,7 +252,8 @@
   },
   "forms": {
     "errors": {
-      "required": "This field is required."
+      "required": "This field is required.",
+      "invalid_date": "This is not a valid date."
     }
   }
 }