feat: add TODOs for user abilities checks in various pages within namespace

nicosammito · nicosammito · commit 08f577d9c093 · 2025-12-07T21:50:44.000+01:00
diff --git a/src/packages/ce/src/dashboard/member/MemberAddPage.tsx b/src/packages/ce/src/dashboard/member/MemberAddPage.tsx
@@ -62,6 +62,8 @@ export const MemberAddPage: React.FC = () => {
         }
     })
 
+    //TODO: user abilities for add user as member within namespace
+
     return <Flex mih={"100%"} miw={"100%"} align={"center"} justify={"center"}>
         <Col xs={4}>
             <Text size={"xl"} hierarchy={"primary"} display={"block"}>
diff --git a/src/packages/ce/src/dashboard/member/MembersView.tsx b/src/packages/ce/src/dashboard/member/MembersView.tsx
@@ -2,8 +2,7 @@
 
 import React from "react";
 import {useParams} from "next/navigation";
-import {Button, DNamespaceMemberList, Flex, Spacing, Text, TextInput, useService, useStore} from "@code0-tech/pictor";
-import {IconSearch} from "@tabler/icons-react";
+import {Button, DNamespaceMemberList, Flex, Spacing, Text, useService, useStore} from "@code0-tech/pictor";
 import Link from "next/link";
 import {MemberService} from "@edition/member/Member.service";
 
@@ -32,6 +31,8 @@ export const MembersView: React.FC = () => {
         }} namespaceId={`gid://sagittarius/Namespace/${namespaceId}`}/>
     }, [namespaceId, memberStore])
 
+    //TODO: user abilities for add user as member within namespace
+
     return <>
 
         <Flex align={"center"} justify={"space-between"}>
diff --git a/src/packages/ce/src/dashboard/namespace/NamespaceProjectsCreatePage.tsx b/src/packages/ce/src/dashboard/namespace/NamespaceProjectsCreatePage.tsx
@@ -17,6 +17,8 @@ export const NamespaceProjectsCreatePage: React.FC = () => {
     const namespaceIndex = params?.namespaceId as string
     const namespaceId: Namespace['id'] = `gid://sagittarius/Namespace/${namespaceIndex as unknown as number}`
 
+    //TODO: user abilities for project creation within namespace
+
     const [inputs, validate] = useForm({
         initialValues: {
             name: null,
diff --git a/src/packages/ce/src/dashboard/namespace/NamespaceProjectsView.tsx b/src/packages/ce/src/dashboard/namespace/NamespaceProjectsView.tsx
@@ -2,8 +2,7 @@
 
 
 import React from "react";
-import {Button, DNamespaceProjectList, Flex, Spacing, Text, TextInput} from "@code0-tech/pictor";
-import {IconSearch} from "@tabler/icons-react";
+import {Button, DNamespaceProjectList, Flex, Spacing, Text} from "@code0-tech/pictor";
 import Link from "next/link";
 import {useParams} from "next/navigation";
 
@@ -16,6 +15,8 @@ export const NamespaceProjectsView: React.FC = () => {
         return <DNamespaceProjectList namespaceId={`gid://sagittarius/Namespace/${namespaceId}`}/>
     }, [namespaceId])
 
+    //TODO: user abilities for project creation within namespace
+
     return <>
 
         <Flex align={"center"} justify={"space-between"}>
diff --git a/src/packages/ce/src/dashboard/organization/OrganizationSettingsPage.tsx b/src/packages/ce/src/dashboard/organization/OrganizationSettingsPage.tsx
@@ -26,6 +26,8 @@ import {OrganizationGeneralSettingsView} from "@edition/dashboard/organization/O
 
 export const OrganizationSettingsPage: React.FC = () => {
 
+    //TODO: add ability check for organization settings access for every settings tab
+
     const params = useParams()
     const namespaceService = useService(NamespaceService)
     const namespaceStore = useStore(NamespaceService)
diff --git a/src/packages/ce/src/dashboard/role/RoleCreatePage.tsx b/src/packages/ce/src/dashboard/role/RoleCreatePage.tsx
@@ -5,6 +5,9 @@ import {Button, Col, Flex, Spacing, Text, TextInput} from "@code0-tech/pictor";
 import Link from "next/link";
 
 export const RoleCreatePage: React.FC = () => {
+
+    //TODO: user abilities for add role within namespace
+
     return <Flex mih={"100%"} miw={"100%"} align={"center"} justify={"center"}>
         <Col xs={4}>
             <Text size={"xl"} hierarchy={"primary"} display={"block"}>
diff --git a/src/packages/ce/src/dashboard/role/RoleSettingsPage.tsx b/src/packages/ce/src/dashboard/role/RoleSettingsPage.tsx
@@ -180,6 +180,10 @@ const permissionTemplates: PermissionTemplate[] = [
 
 export const RoleSettingsPage: React.FC = () => {
 
+    //TODO: limit tabs based on user abilities for roles
+    //TODO: add general adjustments tab for role name update
+    //TODO: delete role functionality as tab
+
     const params = useParams()
     const roleService = useService(RoleService)
     const roleStore = useStore(RoleService)
diff --git a/src/packages/ce/src/dashboard/role/RolesView.tsx b/src/packages/ce/src/dashboard/role/RolesView.tsx
@@ -19,6 +19,8 @@ export const RolesView: React.FC = () => {
         }} namespaceId={`gid://sagittarius/Namespace/${namespaceId}`}/>
     }, [namespaceId])
 
+    //TODO: user abilities for add role within namespace
+
     return <>
 
         <Flex align={"center"} justify={"space-between"}>
diff --git a/src/packages/ce/src/dashboard/runtime/RuntimeCreatePage.tsx b/src/packages/ce/src/dashboard/runtime/RuntimeCreatePage.tsx
@@ -1,20 +1,49 @@
 "use client"
 
 import React from "react";
-import {Button, Col, Flex, Spacing, Text, TextInput, toast, useForm, useService} from "@code0-tech/pictor";
+import {
+    Button,
+    Col,
+    Flex,
+    Spacing,
+    Text,
+    TextInput,
+    toast,
+    useForm,
+    useService,
+    useStore,
+    useUserSession
+} from "@code0-tech/pictor";
 import Link from "next/link";
-import {useParams, useRouter} from "next/navigation";
+import {notFound, useParams, useRouter} from "next/navigation";
 import {RuntimeService} from "@edition/runtime/Runtime.service";
+import {UserService} from "@edition/user/User.service";
+import {NamespaceService} from "@edition/namespace/Namespace.service";
 
 export const RuntimeCreatePage: React.FC = () => {
 
     const params = useParams()
-    const namespaceId = params.namespaceId as any as number
+    const namespaceIndex = params.namespaceId as any as number
 
     const runtimeService = useService(RuntimeService)
     const [, startTransition] = React.useTransition()
     const [token, setToken] = React.useState<string | null | undefined>(undefined)
     const router = useRouter()
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const namespaceService = useService(NamespaceService)
+    const namespaceStore = useStore(NamespaceService)
+
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
+    const namespace = React.useMemo(() => namespaceService.getById(`gid://sagittarius/Namespace/${namespaceIndex}`), [namespaceStore, namespaceIndex])
+
+    if (!namespaceIndex && currentUser && !currentUser.admin) {
+        notFound()
+    }
+
+    //TODO: user abilities for runtime creation within namespace
+    // if (namespace.)
 
     const [inputs, validate] = useForm({
         initialValues: {
@@ -36,7 +65,7 @@ export const RuntimeCreatePage: React.FC = () => {
                 runtimeService.runtimeCreate({
                     name: values.name as unknown as string,
                     description: values.description as unknown as string,
-                    ...(namespaceId ? {namespaceId: `gid://sagittarius/Namespace/${namespaceId}`} : {})
+                    ...(namespaceIndex ? {namespaceId: `gid://sagittarius/Namespace/${namespaceIndex}`} : {})
                 }).then(payload => {
                     if ((payload?.errors?.length ?? 0) <= 0) {
                         if (payload?.runtime?.token) {
@@ -47,7 +76,7 @@ export const RuntimeCreatePage: React.FC = () => {
                                 color: "error",
                                 dismissible: true,
                             })
-                            router.push(namespaceId ? `/namespace/${namespaceId}/runtimes` : "/runtimes")
+                            router.push(namespaceIndex ? `/namespace/${namespaceIndex}/runtimes` : "/runtimes")
                         }
                     }
                 })
@@ -90,7 +119,7 @@ export const RuntimeCreatePage: React.FC = () => {
                 </>
             )}
             <Flex style={{gap: "0.35rem"}} justify={"space-between"}>
-                <Link href={namespaceId ? `/namespace/${namespaceId}/runtimes` : "/runtimes"}>
+                <Link href={namespaceIndex ? `/namespace/${namespaceIndex}/runtimes` : "/runtimes"}>
                     <Button color={"primary"}>
                         Go back to runtimes
                     </Button>
diff --git a/src/packages/ce/src/dashboard/runtime/RuntimeSettingsPage.tsx b/src/packages/ce/src/dashboard/runtime/RuntimeSettingsPage.tsx
@@ -21,6 +21,8 @@ import CardSection from "@code0-tech/pictor/dist/components/card/CardSection";
 
 export const RuntimeSettingsPage: React.FC = () => {
 
+    //TODO: add ability check for runtime settings access for every settings tab
+
     const params = useParams()
     const namespaceId = params.namespaceId as any as number
     const runtimeId = params.runtimeId as any as number

Original file line number	Diff line number	Diff line change
`@@ -62,6 +62,8 @@ export const MemberAddPage: React.FC = () => {`
`62`	`62`	`}`
`63`	`63`	`})`
`64`	`64`
	`65`	`+ //TODO: user abilities for add user as member within namespace`
	`66`	`+`
`65`	`67`	`return <Flex mih={"100%"} miw={"100%"} align={"center"} justify={"center"}>`
`66`	`68`	`<Col xs={4}>`
`67`	`69`	`<Text size={"xl"} hierarchy={"primary"} display={"block"}>`