Introduce a courseCRUDMixin with fields, gql* and defaultItem

aleksis/apps/cursus/frontend/components/Course.vue

@@ -11,7 +11,7 @@ import SubjectField from "./SubjectField.vue";
 
 <template>
   <inline-c-r-u-d-list
-    :headers="headers"
+    :headers="fields"
     :i18n-key="i18nKey"
     create-item-i18n-key="cursus.course.create"
     :gql-query="gqlQuery"
@@ -136,6 +136,7 @@ import SubjectField from "./SubjectField.vue";
 </template>
 
 <script>
+import courseCRUDMixin from "../mixins/courseCRUDMixin.js";
 import courseBundleFieldsMixin from "../mixins/courseBundleFieldsMixin.js";
 
 import {
@@ -151,44 +152,9 @@ import { gqlGroups, gqlPersons } from "./helper.graphql";
 
 export default {
   name: "Course",
-  mixins: [courseBundleFieldsMixin],
+  mixins: [courseCRUDMixin, courseBundleFieldsMixin],
   data() {
     return {
-      headers: [
-        {
-          text: this.$t("cursus.course.fields.name"),
-          value: "name",
-        },
-        {
-          text: this.$t("cursus.course.fields.subject"),
-          value: "subject",
-          orderKey: "subject__name",
-        },
-        {
-          text: this.$t("cursus.course.fields.groups"),
-          value: "groups",
-        },
-        {
-          text: this.$t("cursus.course.fields.teachers"),
-          value: "teachers",
-        },
-        {
-          text: this.$t("cursus.course.fields.lesson_quota"),
-          value: "lessonQuota",
-        },
-      ],
-      i18nKey: "cursus.course",
-      gqlQuery: courses,
-      gqlCreateMutation: createCourses,
-      gqlPatchMutation: updateCourses,
-      gqlDeleteMutation: deleteCourses,
-      defaultItem: {
-        name: "",
-        subject: null,
-        teachers: [],
-        groups: [],
-        lessonQuota: null,
-      },
       rules: {
         name: [
           (name) =>

aleksis/apps/cursus/frontend/mixins/courseCRUDMixin.js

+import {
+  courses,
+  createCourses,
+  deleteCourses,
+  updateCourses,
+} from "../components/course.graphql";
+
+export default {
+  data() {
+    return {
+      fields: [
+        {
+          text: this.$t("cursus.course.fields.name"),
+          value: "name",
+        },
+        {
+          text: this.$t("cursus.course.fields.subject"),
+          value: "subject",
+          orderKey: "subject__name",
+        },
+        {
+          text: this.$t("cursus.course.fields.groups"),
+          value: "groups",
+        },
+        {
+          text: this.$t("cursus.course.fields.teachers"),
+          value: "teachers",
+        },
+        {
+          text: this.$t("cursus.course.fields.lesson_quota"),
+          value: "lessonQuota",
+        },
+      ],
+      i18nKey: "cursus.course",
+      gqlQuery: courses,
+      gqlCreateMutation: createCourses,
+      gqlPatchMutation: updateCourses,
+      gqlDeleteMutation: deleteCourses,
+      defaultItem: {
+        name: "",
+        subject: null,
+        teachers: [],
+        groups: [],
+        lessonQuota: null,
+      },
+    };
+  },
+};