Create basic crudlist for managing efforttypes

aleksis/apps/maka/frontend/components/Empty.vue

-<template>
-  <div class="d-flex justify-center align-center flex-column text-center">
-    <h1 class="text-h2" :v-text="appName"></h1>
-  </div>
-</template>
-
-<script>
-import gqlAppName from "./appName.graphql";
-
-export default {
-  name: "Empty",
-  data() {
-    return {
-      appName: null,
-    };
-  },
-  apollo: {
-    appName: gqlAppName,
-  },
-};
-</script>
-
-<style scoped>
-</style>

aleksis/apps/maka/frontend/components/appName.graphql

-{
-  appName
-}

aleksis/apps/maka/frontend/components/effort_types/EffortTypes.vue

+<script setup>
+import ColorField from "aleksis.core/components/generic/forms/ColorField.vue";
+import InlineCRUDList from "aleksis.core/components/generic/InlineCRUDList.vue";
+</script>
+
+<template>
+  <v-container>
+    <inline-c-r-u-d-list
+      :headers="headers"
+      :i18n-key="i18nKey"
+      create-item-i18n-key="maka.effort_types.create"
+      :gql-query="gqlQuery"
+      :gql-create-mutation="gqlCreateMutation"
+      :gql-patch-mutation="gqlPatchMutation"
+      :gql-delete-mutation="gqlDeleteMutation"
+      :default-item="defaultItem"
+      :get-create-data="transformItem"
+      :get-patch-data="transformItem"
+    >
+      <!-- eslint-disable-next-line vue/valid-v-slot -->
+      <template #name.field="{ attrs, on }">
+        <div aria-required="true">
+          <v-text-field
+            v-bind="attrs"
+            v-on="on"
+            :rules="$rules().required.build()"
+          />
+        </div>
+      </template>
+
+      <template #color="{ item }">
+        <v-chip :color="item.color" outlined v-if="item.color">
+          {{ item.color }}
+        </v-chip>
+        <span v-else>–</span>
+      </template>
+      <!-- eslint-disable-next-line vue/valid-v-slot -->
+      <template #color.field="{ attrs, on }">
+        <color-field v-bind="attrs" v-on="on" />
+      </template>
+
+      <template #default="{ item }">
+        <v-switch
+          :input-value="item.default"
+          disabled
+          inset
+          :false-value="false"
+          :true-value="true"
+        />
+      </template>
+      <!-- eslint-disable-next-line vue/valid-v-slot -->
+      <template #default.field="{ attrs, on }">
+        <v-switch
+          v-bind="attrs"
+          v-on="on"
+          inset
+          :false-value="false"
+          :true-value="true"
+          :hint="$t('maka.effort_types.default_helptext')"
+          persistent-hint
+        />
+      </template>
+    </inline-c-r-u-d-list>
+  </v-container>
+</template>
+
+<script>
+import formRulesMixin from "aleksis.core/mixins/formRulesMixin.js";
+import {
+  effortTypes,
+  createEffortTypes,
+  deleteEffortTypes,
+  updateEffortTypes,
+} from "./effort_types.graphql";
+
+export default {
+  name: "EffortTypes",
+  mixins: [formRulesMixin],
+  data() {
+    return {
+      headers: [
+        {
+          text: this.$t("maka.effort_types.name"),
+          value: "name",
+        },
+        {
+          text: this.$t("maka.effort_types.color"),
+          value: "color",
+        },
+        {
+          text: this.$t("maka.effort_types.icon"),
+          value: "icon",
+        },
+        {
+          text: this.$t("maka.effort_types.default"),
+          value: "default",
+        },
+      ],
+      i18nKey: "maka.effort_types",
+      gqlQuery: effortTypes,
+      gqlCreateMutation: createEffortTypes,
+      gqlPatchMutation: updateEffortTypes,
+      gqlDeleteMutation: deleteEffortTypes,
+      defaultItem: {
+        name: "",
+        color: "",
+        icon: null,
+        default: false,
+      },
+    };
+  },
+  methods: {
+    transformItem(item) {
+      return {
+        ...item,
+        icon: item.icon ? item.icon : "A_",
+      };
+    }
+  },
+};
+</script>
\ No newline at end of file

aleksis/apps/maka/frontend/components/effort_types/effort_types.graphql

+query effortTypes($orderBy: [String], $filters: JSONString) {
+  items: effortTypes(orderBy: $orderBy, filters: $filters) {
+    id
+    name
+    color
+    icon
+    default
+    canEdit
+    canDelete
+  }
+}
+
+mutation createEffortTypes($input: [BatchCreateEffortTypeInput]!) {
+  createEffortTypes(input: $input) {
+    items: effortTypes {
+      id
+      name
+      color
+      icon
+      default
+      canEdit
+      canDelete
+    }
+  }
+}
+
+mutation deleteEffortTypes($ids: [ID]!) {
+  deleteEffortTypes(ids: $ids) {
+    deletionCount
+  }
+}
+
+mutation updateEffortTypes($input: [BatchPatchEffortTypeInput]!) {
+  updateEffortTypes(input: $input) {
+    items: effortTypes {
+      id
+      name
+      color
+      icon
+      default
+      canEdit
+      canDelete
+    }
+  }
+}
\ No newline at end of file

aleksis/apps/maka/frontend/index.js

@@ -4,20 +4,34 @@ export default {
   meta: {
     inMenu: true,
     titleKey: "maka.menu_title",
-    icon: "",
+    icon: "mdi-star-box-outline",
+    iconActive: "mdi-star-box",
     validators: [
       hasPersonValidator
     ]
   },
   children: [
     {
-      path: "empty",
-      component: () => import("./components/Empty.vue"),
-      name: "maka.empty",
+      path: "grades",
+      component: () => import("./components/grade_management/GradeManagement.vue"),
+      name: "maka.gradeManagement",
       meta: {
         inMenu: true,
-        titleKey: "maka.menu_title",
-        icon: "",
+        titleKey: "maka.grades.menu_title",
+        icon: "mdi-star-settings-outline",
+        iconActive: "mdi-star-settings",
+        permission: "",
+      },
+    },
+    {
+      path: "types",
+      component: () => import("./components/effort_types/EffortTypes.vue"),
+      name: "maka.effortTypes",
+      meta: {
+        inMenu: true,
+        titleKey: "maka.effort_types.menu_title",
+        icon: "mdi-folder-star-multiple-outline",
+        iconActive: "mdi-folder-star-multiple",
         permission: "",
       },
     },