feat(resources): Added resources listing and edit add form

crsstha · crsstha · commit 826729fa3a34 · 2026-01-22T14:38:27.000+05:45
diff --git a/app/root/config/routes.tsx b/app/root/config/routes.tsx
@@ -251,6 +251,27 @@ const users: RouteConfig = {
     visibility: 'is-authenticated',
 };
 
+const resources: RouteConfig = {
+    index: true,
+    path: 'resources',
+    load: () => import('#views/Resources/ResourcesList'),
+    visibility: 'is-authenticated',
+};
+
+const editResources: RouteConfig = {
+    index: true,
+    path: 'resources/:id/edit',
+    load: () => import('#views/Resources/ResourcesForm'),
+    visibility: 'is-authenticated',
+};
+
+const addResources: RouteConfig = {
+    index: true,
+    path: 'resources/add',
+    load: () => import('#views/Resources/ResourcesForm'),
+    visibility: 'is-authenticated',
+};
+
 const routes = {
     login,
     home,
@@ -288,6 +309,9 @@ const routes = {
     editStrategicDirectives,
     strategicDirectives,
     users,
+    resources,
+    addResources,
+    editResources,
 };
 
 export type RouteKeys = keyof typeof routes;
diff --git a/app/root/index.tsx b/app/root/index.tsx
@@ -25,7 +25,28 @@ const cookies = new Cookies();
 const gqlClient = new Client({
     url: GRAPHQL_ENDPOINT,
     exchanges: [
-        cacheExchange({}),
+        cacheExchange({
+            keys: {
+                OffsetPaginationInfo: () => null,
+                BlogTypeOffsetPaginated: () => null,
+                DepartmentTypeOffsetPaginated: () => null,
+                FaqTypeOffsetPaginated: () => null,
+                StrategicDirectivesTypeOffsetPaginated: () => null,
+                HighlightTypeOffsetPaginated: () => null,
+                ProcurementTypeOffsetPaginated: () => null,
+                NewsTypeOffsetPaginated: () => null,
+                ProjectTypeOffsetPaginated: () => null,
+                PartnerTypeOffsetPaginated: () => null,
+                RadioProgramTypeOffsetPaginated: () => null,
+                VacancyTypeOffsetPaginated: () => null,
+                DjangoFileType: () => null,
+                ResourceTypeOffsetPaginated: () => null,
+                UserTypeOffsetPaginated: () => null,
+                JobVacancyTypeOffsetPaginated: () => null,
+                MajorResponsibilitiesTypeOffsetPaginated: () => null,
+
+            },
+        }),
         fetchExchange,
     ],
     fetchOptions: () => ({
diff --git a/app/views/Blog/query.ts b/app/views/Blog/query.ts
@@ -17,16 +17,11 @@ const BLOG_QUERY = gql`
                 directiveId
                 featured
                 id
-                modifiedAt
                 coverImage {
                     name
                     size
                     url
                 }
-                createdBy {
-                    firstName
-                    lastName
-                }
                 publishedDate
                 slug
                 status
@@ -51,6 +46,7 @@ const BLOG_DETAIL_QUERY = gql`
             featured
             id
             modifiedBy {
+                id
                 firstName
                 lastName
             }
@@ -59,6 +55,7 @@ const BLOG_DETAIL_QUERY = gql`
             status
             title
             createdBy {
+                id
                 firstName
                 lastName
             }
diff --git a/app/views/Department/query.ts b/app/views/Department/query.ts
@@ -15,6 +15,7 @@ const DEPARTMENT_QUERY = gql`
                 title
                 id
                 strategicDirective {
+                    id
                     title
                 }
             }
@@ -35,8 +36,10 @@ const DEPARTMENT_DETAIL = gql`
             createdBy {
                 firstName
                 lastName
+                id
             }
             modifiedBy {
+                id
                 firstName
                 lastName
             }
diff --git a/app/views/FAQs/FAQsForm/index.tsx b/app/views/FAQs/FAQsForm/index.tsx
@@ -139,7 +139,7 @@ function FAQsForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="FAQs DETAIL" />
+                <FormSection headingLevel={3} label={id ? 'FAQs DETAIL' : 'CREATE FAQ'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/Highlight/HighlightForm/index.tsx b/app/views/Highlight/HighlightForm/index.tsx
@@ -306,7 +306,7 @@ function HighlightForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="FAQS DETAIL" />
+                <FormSection headingLevel={3} label={id ? 'HIGHLIGHT DETAILS' : 'CREATE HIGHLIGHT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/Highlight/query.ts b/app/views/Highlight/query.ts
@@ -16,6 +16,7 @@ const HIGHLIGHT_QUERY = gql`
                     url
                 }
                 createdBy {
+                    id
                     firstName
                     lastName
                 }
@@ -42,6 +43,7 @@ const HIGHLIGHT_DETAIL = gql`
                 url
             }
             createdBy {
+                id
                 firstName
                 lastName
             }
@@ -55,6 +57,7 @@ const HIGHLIGHT_DETAIL = gql`
             }
             isActive
             modifiedBy {
+                id
                 firstName
                 lastName
             }
diff --git a/app/views/News/NewsForm/index.tsx b/app/views/News/NewsForm/index.tsx
@@ -195,7 +195,7 @@ function NewsForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="NEWS DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'NEWS DETAILS' : 'CREATE NEWS'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/Partner/PartnerForm/index.tsx b/app/views/Partner/PartnerForm/index.tsx
@@ -153,7 +153,7 @@ function PartnerForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="PARTNER DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PARTNER DETAILS' : 'CREATE PARTNER'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
@@ -178,7 +178,7 @@ function PartnerForm() {
                         autoFocus
                     />
                 </FormSection>
-                <FormSection label="Status" description="Add status to either global or local" withAsteriskOnTitle>
+                <FormSection label="Scope" description="Add scope to either global or local" withAsteriskOnTitle>
                     <SelectInput
                         name="scope"
                         options={scopeOptions}
diff --git a/app/views/Partner/PartnerList/index.tsx b/app/views/Partner/PartnerList/index.tsx
@@ -62,7 +62,7 @@ function PartnerList() {
 
     const columns = useMemo(() => [
         createNumberColumn<PartnerListItem & { sn: number }, string | number>('sn', 'S.N.', (item) => item.sn, { columnWidth: 60 }),
-        createStringColumn<PartnerListItem, string | number>('title', 'Tile', (dept) => dept.title),
+        createStringColumn<PartnerListItem, string | number>('title', 'Title', (dept) => dept.title),
         createStringColumn<PartnerListItem, string | number>('scope', 'Scope', (dept) => dept?.scope),
         createElementColumn<PartnerListItem, string | number, TableActionsProps>(
             'actions',
diff --git a/app/views/Partner/query.ts b/app/views/Partner/query.ts
@@ -16,14 +16,6 @@ const PARTNER_QUERY = gql`
                     size
                     url
                 }
-                modifiedBy {
-                    firstName
-                    lastName
-                }
-                createdBy {
-                    lastName
-                    firstName
-                }
                 scope
                 title
             }
@@ -42,11 +34,13 @@ const PARTNER_DETAIL = gql`
                 url
             }
             modifiedBy {
+                id
                 lastName
                 firstName
             }
             id
             createdBy {
+                id
                 firstName
                 lastName
             }
diff --git a/app/views/PrivateLayout/index.tsx b/app/views/PrivateLayout/index.tsx
@@ -74,6 +74,12 @@ const navigation = [
                 title: 'Radio Programs',
                 variant: 'leaf' as const,
 
+            },
+            {
+                to: '/resources',
+                title: 'Resources',
+                variant: 'leaf' as const,
+
             },
             {
                 to: '/strategic-directive',
diff --git a/app/views/Procurement/ProcurementForm/index.tsx b/app/views/Procurement/ProcurementForm/index.tsx
@@ -159,7 +159,7 @@ function ProcurementForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="PROCUREMENT DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PROCUREMENT DETAILS' : 'CREATE PROCUREMENT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/Procurement/ProcurementList/index.tsx b/app/views/Procurement/ProcurementList/index.tsx
@@ -61,7 +61,7 @@ function ProcurementList() {
 
     const columns = useMemo(() => [
         createNumberColumn<ProcurementListItem & { sn: number }, string | number>('sn', 'S.N.', (item) => item.sn, { columnWidth: 60 }),
-        createStringColumn<ProcurementListItem, string | number>('title', 'Tile', (dept) => dept.title),
+        createStringColumn<ProcurementListItem, string | number>('title', 'Title', (dept) => dept.title),
         createStringColumn<ProcurementListItem, string | number>('publishedDate', 'Published Date', (dept) => dept?.publishedDate),
         createStringColumn<ProcurementListItem, string | number>('expireDate', 'Expire Date', (dept) => dept?.expiryDate),
         createElementColumn<ProcurementListItem, string | number, TableActionsProps>(
diff --git a/app/views/Project/ProjectForm/index.tsx b/app/views/Project/ProjectForm/index.tsx
@@ -160,7 +160,7 @@ function ProjectForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="VACANCY DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'PROJECT DETAILS' : 'CREATE PROJECT'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/Project/ProjectList/index.tsx b/app/views/Project/ProjectList/index.tsx
@@ -62,7 +62,7 @@ function ProjectList() {
 
     const columns = useMemo(() => [
         createNumberColumn<ProjectListItem & { sn: number }, string | number>('sn', 'S.N.', (item) => item.sn, { columnWidth: 60 }),
-        createStringColumn<ProjectListItem, string | number>('title', 'Tile', (dept) => dept.title),
+        createStringColumn<ProjectListItem, string | number>('title', 'Title', (dept) => dept.title),
         createStringColumn<ProjectListItem, string | number>('department', 'Department', (dept) => dept?.department?.title),
         createElementColumn<ProjectListItem, string | number, TableActionsProps>(
             'actions',
diff --git a/app/views/Project/query.ts b/app/views/Project/query.ts
@@ -13,6 +13,7 @@ const PROJECT_QUERY = gql`
                 id
                 title
                 department {
+                    id
                     title
                 }
             }
@@ -31,6 +32,7 @@ const PROJECT_DETAIL_QUERY = gql`
             id
             description
             createdBy {
+                id
                 firstName
                 lastName
             }
diff --git a/app/views/RadioProgram/RadioProgramForm/index.tsx b/app/views/RadioProgram/RadioProgramForm/index.tsx
@@ -166,7 +166,7 @@ function RadioProgramForm() {
     return (
         <Page>
             <ContainerWrapper>
-                <FormSection headingLevel={3} label="RADIO PROGRAM DETAILS" />
+                <FormSection headingLevel={3} label={id ? 'RADIO PROGRAM DETAILS' : 'CREATE RADIO PROGRAM'} />
                 <Activity mode={value.createdBy && value.modifiedBy ? 'visible' : 'hidden'}>
                     <FormSection>
                         <Heading level={6}>
diff --git a/app/views/RadioProgram/RadioProgramList/index.tsx b/app/views/RadioProgram/RadioProgramList/index.tsx
@@ -62,7 +62,7 @@ function RadioProgramList() {
 
     const columns = useMemo(() => [
         createNumberColumn<RadioProgramListItem & { sn: number }, string | number>('sn', 'S.N.', (item) => item.sn, { columnWidth: 60 }),
-        createStringColumn<RadioProgramListItem, string | number>('title', 'Tile', (dept) => dept.title),
+        createStringColumn<RadioProgramListItem, string | number>('title', 'Title', (dept) => dept.title),
         createStringColumn<RadioProgramListItem, string | number>('publishedDate', 'Published Date', (dept) => dept?.publishedDate),
         createStringColumn<RadioProgramListItem, string | number>('type', 'Type', (dept) => dept?.type),
         createElementColumn<RadioProgramListItem, string | number, TableActionsProps>(
diff --git a/app/views/RadioProgram/query.ts b/app/views/RadioProgram/query.ts
@@ -2,7 +2,10 @@
 import { gql } from 'urql';
 
 const RADIO_PROGRAM_QUERY = gql`
-    query RadioProgram($pagination: OffsetPaginationInput, $filter: RadioProgramFilter) {
+    query RadioProgram(
+        $pagination: OffsetPaginationInput
+        $filter: RadioProgramFilter
+    ) {
         radioProgram(pagination: $pagination, filters: $filter) {
             pageInfo {
                 limit
@@ -20,10 +23,12 @@ const RADIO_PROGRAM_QUERY = gql`
                     url
                 }
                 createdBy {
+                    id
                     lastName
                     firstName
                 }
                 modifiedBy {
+                    id
                     lastName
                     firstName
                 }
diff --git a/app/views/Resources/ResourcesForm/index.tsx b/app/views/Resources/ResourcesForm/index.tsx
diff --git a/app/views/Resources/ResourcesList/index.tsx b/app/views/Resources/ResourcesList/index.tsx
diff --git a/app/views/Resources/query.ts b/app/views/Resources/query.ts
diff --git a/app/views/StrategicDirective/StrategicDirectiveForm/index.tsx b/app/views/StrategicDirective/StrategicDirectiveForm/index.tsx
diff --git a/app/views/StrategicDirective/StrategicDirectiveList/index.tsx b/app/views/StrategicDirective/StrategicDirectiveList/index.tsx
diff --git a/app/views/Vacancy/VacancyForm/index.tsx b/app/views/Vacancy/VacancyForm/index.tsx
diff --git a/app/views/Vacancy/VacancyList/index.tsx b/app/views/Vacancy/VacancyList/index.tsx

Original file line number	Diff line number	Diff line change
@@ -15,6 +15,7 @@ const DEPARTMENT_QUERY = gql`
`15`	`15`	`title`
`16`	`16`	`id`
`17`	`17`	`strategicDirective {`
	`18`	`+ id`
`18`	`19`	`title`
`19`	`20`	`}`
`20`	`21`	`}`
@@ -35,8 +36,10 @@ const DEPARTMENT_DETAIL = gql`
`35`	`36`	`createdBy {`
`36`	`37`	`firstName`
`37`	`38`	`lastName`
	`39`	`+ id`
`38`	`40`	`}`
`39`	`41`	`modifiedBy {`
	`42`	`+ id`
`40`	`43`	`firstName`
`41`	`44`	`lastName`
`42`	`45`	`}`
Original file line number	Diff line number	Diff line change
@@ -16,6 +16,7 @@ const HIGHLIGHT_QUERY = gql`
`16`	`16`	`url`
`17`	`17`	`}`
`18`	`18`	`createdBy {`
	`19`	`+ id`
`19`	`20`	`firstName`
`20`	`21`	`lastName`
`21`	`22`	`}`
@@ -42,6 +43,7 @@ const HIGHLIGHT_DETAIL = gql`
`42`	`43`	`url`
`43`	`44`	`}`
`44`	`45`	`createdBy {`
	`46`	`+ id`
`45`	`47`	`firstName`
`46`	`48`	`lastName`
`47`	`49`	`}`
@@ -55,6 +57,7 @@ const HIGHLIGHT_DETAIL = gql`
`55`	`57`	`}`
`56`	`58`	`isActive`
`57`	`59`	`modifiedBy {`
	`60`	`+ id`
`58`	`61`	`firstName`
`59`	`62`	`lastName`
`60`	`63`	`}`