Allow disabling editing of headers

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

@@ -133,7 +133,7 @@
                         gqlCreateMutation: gqlCreateMutation,
                         gqlPatchMutation: gqlPatchMutation,
                         isCreate: true,
-                        fields: headers,
+                        fields: editableHeaders,
                         createItemI18nKey: createItemI18nKey,
                     }'
 
@@ -155,7 +155,7 @@
                     :gql-create-mutation="gqlCreateMutation"
                     :gql-patch-mutation="gqlPatchMutation"
                     :isCreate="true"
-                    :fields="headers"
+                    :fields="editableHeaders"
                     :create-item-i18n-key="createItemI18nKey"
                     @cancel="cancelCreate"
                     @save="handleCreateDone"
@@ -170,7 +170,7 @@
                     </template>
 
                     <template
-                      v-for="header in headers"
+                      v-for="header in editableHeaders"
                       #[formFieldSlotName(header)]="{ item, isCreate, on, attrs }"
                     >
                       <slot
@@ -204,7 +204,7 @@
           v-slot:[tableItemSlotName(header)]="{ item }"
         >
           <v-scroll-x-transition mode="out-in">
-            <span key="value" v-if="!editMode">
+            <span key="value" v-if="!editMode || header.disableEdit">
               <slot :name="header.value" :item="item">{{
                 item[header.value]
               }}</slot>
@@ -334,6 +334,9 @@ export default {
         ] : [])
         .filter((header) => this.hiddenColumns.indexOf(header.value) === -1);
     },
+    editableHeaders() {
+      return this.headers.filter((header) => !header.disableEdit);
+    },
     elevationClass() {
       return this.elevated ? "elevation-2" : "";
     },