From b79ce07cda3269a527563db532dca6acdea9fc17 Mon Sep 17 00:00:00 2001
From: Jeppe Bundgaard <jb@truckwash.dk>
Date: Thu, 12 Feb 2026 12:34:26 +0100
Subject: [PATCH] Add editable column for subuser grants and implement
 permission nodes selector component

---
 .../selectors/SubuserGrantPermissionNodes.vue | 29 +++++++++++++++++++
 .../superuser/tables/SubuserGrantsTable.vue   |  5 ++++
 .../SessionUser/Objects/SubuserGrants.vue     |  5 ++++
 3 files changed, 39 insertions(+)
 create mode 100644 src/components/displays/selectors/SubuserGrantPermissionNodes.vue

diff --git a/src/components/displays/selectors/SubuserGrantPermissionNodes.vue b/src/components/displays/selectors/SubuserGrantPermissionNodes.vue
new file mode 100644
index 00000000..0902e3a5
--- /dev/null
+++ b/src/components/displays/selectors/SubuserGrantPermissionNodes.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { SessionUser } from "@/components/session/token/SessionUser.vue";
+import { SubuserGrants } from "@/components/session/token/SessionUser/Objects/SubuserGrants.vue";
+import { ref, defineProps, defineEmits, onMounted } from "vue";
+
+
+type PermissionNode = {
+  "key": "BOOKINGS_DELETE",
+  "name": "Delete Bookings",
+  "description": "Allows the user to delete existing bookings",
+  "type": "DELETE",
+  "default": false
+}
+type PermissionNodeGroup = {
+  "group": "Bookings",
+  "description": "Bookings management permissions",
+  "nodes": PermissionNode[]
+}
+const permissionNodes = ref<PermissionNodeGroup[]>([]);
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/displays/superuser/tables/SubuserGrantsTable.vue b/src/components/displays/superuser/tables/SubuserGrantsTable.vue
index a72ec449..a33871f2 100644
--- a/src/components/displays/superuser/tables/SubuserGrantsTable.vue
+++ b/src/components/displays/superuser/tables/SubuserGrantsTable.vue
@@ -1,6 +1,7 @@
 <script setup>
 import ActionSettingsWheelButton from "@/components/displays/buttons/ActionSettingsWheelButton.vue";
 import ActionSettingsWheelItem from "@/components/displays/buttons/ActionSettingsWheelItem.vue";
+import EditableTableColumn from "@/components/displays/buttons/EditableTableColumn.vue";
 
 defineProps(['objects']);
 
@@ -30,6 +31,10 @@ const formatDateTime = (dateString) => {
         <td>{{ grant.id }}</td>
         <td>{{ grant.subuser }}</td>
         <td>{{ grant.billing_customer_number }}</td>
+        <editable-table-column
+          :object="grant"
+          column="enabled"
+        />
         <td>
           <span class="tag" :class="grant.enabled ? 'is-success' : 'is-danger'">
             {{ grant.enabled ? 'Ja' : 'Nej' }}
diff --git a/src/components/session/token/SessionUser/Objects/SubuserGrants.vue b/src/components/session/token/SessionUser/Objects/SubuserGrants.vue
index 5e083d67..fcd473f6 100644
--- a/src/components/session/token/SessionUser/Objects/SubuserGrants.vue
+++ b/src/components/session/token/SessionUser/Objects/SubuserGrants.vue
@@ -89,6 +89,11 @@ export const SubuserGrants = {
       }
     },
   },
+  functions: {
+    getPermissionNodes: async () => {
+      return ObjectsGlobal.get.objects("/subusers/permission-nodes");
+    }
+  },
   get: {
     all: async () => {
       return ObjectsGlobal.get.objects(SubuserGrants.meta.endpoint);