aq-fe-framework 0.1.155 → 0.1.156

package/dist/modules-features/admin/core/core71678/F_core71678_Read.tsx

@@ -0,0 +1,92 @@
+'use client'
+import baseAxios from "@/api/baseAxios";
+import { MyCenterFull } from "@/components/CenterFull/MyCenterFull";
+import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
+;
+import { Button, Group } from "@mantine/core";
+import { IconShield } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { MRT_ColumnDef, MRT_RowSelectionState } from "mantine-react-table";
+import { useRouter } from "next/navigation";
+import { useMemo, useState } from "react";
+import { F_core71678_ChangePermission } from "./F_core71678_ChangePermission";
+import { F_core71678_Create } from "./F_core71678_Create";
+import { F_core71678_Delete } from "./F_core71678_Delete";
+import { F_core71678_Update } from "./F_core71678_Update";
+import { IBaseEntity } from "@/interfaces/base";
+
+interface IRoles extends IBaseEntity { }
+export interface I_core71678_Read extends IBaseEntity {
+    userName?: string,
+    fullName?: string,
+    email?: string
+    roles?: IRoles[]
+}
+
+const ENDPOINT = "/Account/GetAdminAccount"
+export function F_core71678_Read() {
+    const router = useRouter()
+    const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});
+    const AllUserQuery = useQuery<I_core71678_Read[]>({
+        queryKey: ["F_core71678_Read"],
+        queryFn: async () => {
+            const result = await baseAxios.get(
+                ENDPOINT,
+                { params: { page: 5, pageNumber: 1 } }
+            );
+            return result.data?.data || []
+        }
+    })
+    const columns = useMemo<MRT_ColumnDef<I_core71678_Read>[]>(
+        () => [
+            {
+                header: "Tên tài khoản",
+                accessorKey: "userName"
+            },
+            {
+                header: "Họ và tên",
+                accessorKey: "fullName"
+            },
+            {
+                header: "Email",
+                accessorKey: "email"
+            },
+            {
+                header: "Quyền",
+                accessorFn: (row) => <F_core71678_ChangePermission user={row} />
+            },
+        ],
+        []
+    );
+    if (AllUserQuery.isLoading) return "Loading..."
+    return (
+        <MyDataTable
+            columns={columns}
+            data={AllUserQuery.data!}
+            renderTopToolbarCustomActions={() => {
+                return (
+                    <Group>
+                        <F_core71678_Create />
+                        <Button
+                            color="violet"
+                            leftSection={<IconShield />}
+                            onClick={() => {
+                                router.push("core47643")
+                            }}>
+                            Danh mục quyền
+                        </Button>
+                    </Group>
+                )
+            }}
+            renderRowActions={({ row }) => {
+                return (
+                    <MyCenterFull>
+                        <F_core71678_Update user={row.original} />
+                        <F_core71678_Delete id={row.original.id!} code={row.original.code!} />
+                    </MyCenterFull>
+                )
+            }}
+        />
+    )
+}
+

package/dist/modules-features/admin/core/core71678/F_core71678_Update.tsx

@@ -0,0 +1,49 @@
+import baseAxios from "@/api/baseAxios";
+import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
+import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
+import { useForm } from "@mantine/form";
+import { useEffect } from "react";
+
+interface I {
+    id?: number
+    userName?: string,
+    code?: string
+    fullName?: string,
+    email?: string,
+    phoneNumber?: string
+}
+export function F_core71678_Update({ user }: { user: I }) {
+    const form = useForm({
+        initialValues: user
+    })
+
+    useEffect(() => {
+        console.log(form.values);
+    }, [form.values])
+
+
+    return (
+        <MyActionIconUpdate form={form} onSubmit={async (values) => {
+            return await baseAxios.post("/Account/update",
+                {
+                    ...values,
+                    id: values.id,
+                    address: "",
+                    concurrencyStamp: "",
+                    isBlocked: false,
+                    isEnabled: true,
+                    workingUnitId: null
+                })
+        }} >
+            <MyFlexColumn>
+                <MyTextInput disabled label='Mã tài khoản' {...form.getInputProps("code")} />
+                <MyTextInput disabled label='Tên tài khoản' {...form.getInputProps("userName")} />
+                <MyTextInput label='Họ và tên' {...form.getInputProps("fullName")} />
+                <MyTextInput label='Email' {...form.getInputProps("email")} />
+                <MyTextInput label='Số điện thoại' {...form.getInputProps("phoneNumber")} />
+            </MyFlexColumn>
+        </MyActionIconUpdate>
+
+    )
+}

package/dist/modules-features/admin/core/core76318/F_core76318.tsx

@@ -0,0 +1,9 @@
+import { MyPageContent } from "@/components";
+import F_core76318_Read from "./F_core76318_Read";
+import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
+
+export function F_core76318({ SecurityTypeId }: { SecurityTypeId: number }) {
+    return (
+        <F_core76318_Read SecurityTypeId={SecurityTypeId} />
+    )
+}

package/dist/modules-features/admin/core/core76318/F_core76318_Create.tsx

@@ -0,0 +1,89 @@
+"use client";
+import baseAxios from "@/api/baseAxios";
+import { MyButtonCreate } from "@/components/Buttons/ButtonCRUD/MyButtonCreate";
+import { MyDateInput } from "@/components/Inputs/DateInput/MyDateInput";
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
+import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
+import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
+import { FileInput } from "@mantine/core";
+import { useForm } from "@mantine/form";
+
+interface IDocument {
+  path?: string;
+  orderBy?: number;
+  documentType?: number;
+  promulgateDate?: Date;
+  decisionCode?: string;
+  departmentName?: string;
+  description?: string;
+  startDate?: Date;
+  endDate?: Date;
+  conclusion?: string;
+  note?: string;
+  documentAttributeId?: number;
+  documentAttributeName?: string;
+  isCycleCheck?: boolean;
+  meetingDate?: Date;
+  fileDetail?: {
+    fileBase64String?: string;
+    fileExtension?: string;
+    fileName?: string;
+  };
+  id?: number;
+  code?: string;
+  name?: string;
+  concurrencyStamp?: string;
+  isEnabled?: boolean;
+  ngayChinhSua?: Date;
+  nguoiChinhSua?: string;
+}
+interface I extends IDocument {
+  file?: File;
+}
+
+export function F_core76318_Create({ SecurityTypeId }: { SecurityTypeId: number }) {
+  const form = useForm<I>({
+    mode: "uncontrolled",
+    validate: {
+      decisionCode: (value) => (value ? null : "Không được để trống"),
+      promulgateDate: (value) => (value ? null : "Không được để trống"),
+      name: (value) => (value ? null : "Không được để trống"),
+      file: (value) => (value ? null : "Không được để trống"),
+    },
+  });
+  return (
+    <MyButtonCreate
+      objectName="văn bản"
+      form={form}
+      onSubmit={async (values) => {
+        return await baseAxios.post("/Document/create", {
+          ...values,
+          DocumentType: SecurityTypeId, //1.4 Thông tin xây dựng, cải tiến, bảo trì hệ thống
+          fileDetail: await utils_file_fileToAQDocumentType(values.file!),
+        });
+      }}
+    >
+      <MyTextInput
+        withAsterisk
+        label="Số quy định"
+        {...form.getInputProps("decisionCode")}
+      />
+      <MyDateInput
+        withAsterisk
+        label="Ngày ban hành"
+        {...form.getInputProps("promulgateDate")}
+      />
+      <MyTextInput
+        withAsterisk
+        label="Tên tài liệu"
+        {...form.getInputProps("name")}
+      />
+      <FileInput
+        withAsterisk
+        placeholder="Tải lên tài liệu"
+        label="Tài liệu"
+        {...form.getInputProps("file")}
+      />
+    </MyButtonCreate>
+  );
+}

package/dist/modules-features/admin/core/core76318/F_core76318_Delete.tsx

@@ -0,0 +1,17 @@
+import baseAxios from "@/api/baseAxios";
+import { MyActionIconDelete } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconDelete";
+
+export function F_core76318_Delete({
+  id,
+  contextData,
+}: {
+  id: number;
+  contextData: string;
+}) {
+  return (
+    <MyActionIconDelete
+      contextData={contextData}
+      onSubmit={() => baseAxios.post("/Document/delete", { id: id })}
+    />
+  );
+}

package/dist/modules-features/admin/core/core76318/F_core76318_Read.tsx

@@ -0,0 +1,104 @@
+"use client";
+import baseAxios from "@/api/baseAxios";
+import { MyButtonViewPDF } from "@/components/Buttons/ButtonViewPDF/MyButtonViewPDF";
+import { MyCenterFull } from "@/components/CenterFull/MyCenterFull";
+import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
+import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
+import { U0DateToDDMMYYYString } from "@/utils/utils_date";
+import { useQuery } from "@tanstack/react-query";
+import { MRT_ColumnDef } from "mantine-react-table";
+import { useMemo } from "react";
+import { F_core76318_Create } from "./F_core76318_Create";
+import { F_core76318_Delete } from "./F_core76318_Delete";
+import { F_core76318_Update } from "./F_core76318_Update";
+
+interface I {
+  path?: string;
+  orderBy?: number;
+  documentType?: number;
+  promulgateDate?: Date;
+  decisionCode?: string;
+  departmentName?: string;
+  description?: string;
+  startDate?: Date;
+  endDate?: Date;
+  conclusion?: string;
+  note?: string;
+  documentAttributeId?: number;
+  documentAttributeName?: string;
+  isCycleCheck?: boolean;
+  meetingDate?: Date;
+  fileDetail?: {
+    fileBase64String?: string;
+    fileExtension?: string;
+    fileName?: string;
+  };
+  id?: number;
+  code?: string;
+  name?: string;
+  concurrencyStamp?: string;
+  isEnabled?: boolean;
+  ngayChinhSua?: Date;
+  nguoiChinhSua?: string;
+}
+
+export default function F_core76318_Read({ SecurityTypeId }: { SecurityTypeId: number }) {
+  const query = useQuery<I[]>({
+    queryKey: ["F_core76318_Read"],
+    queryFn: async () => {
+      const result = await baseAxios.get(
+        `/Document/GetByType?documentType=${SecurityTypeId}`
+      );
+      return result.data?.data || [];
+    },
+  });
+  const columns = useMemo<MRT_ColumnDef<I>[]>(
+    () => [
+      {
+        header: "Số quy định",
+        accessorKey: "decisionCode",
+      },
+      {
+        header: "Ngày ban hành",
+        accessorFn: (row) =>
+          U0DateToDDMMYYYString(new Date(row.promulgateDate!)),
+      },
+      {
+        header: "Tên tài liệu",
+        accessorKey: "name",
+      },
+      {
+        header: "File",
+        accessorFn: (row) => {
+          return (
+            <MyCenterFull>
+              <MyButtonViewPDF id={row.id} />
+            </MyCenterFull>
+          );
+        },
+      },
+    ],
+    []
+  );
+
+  if (query.isLoading) return "Loading...";
+  if (query.isError) return "có lỗi xảy ra!";
+  return (
+    <MyDataTable
+      columns={columns}
+      data={query.data!}
+      renderTopToolbarCustomActions={() => <F_core76318_Create SecurityTypeId={SecurityTypeId} />}
+      renderRowActions={({ row }) => {
+        return (
+          <MyCenterFull>
+            <F_core76318_Update values={row.original} />
+            <F_core76318_Delete
+              id={row.original.id!}
+              contextData={row.original.decisionCode?.toString()!}
+            />
+          </MyCenterFull>
+        );
+      }}
+    />
+  );
+}

package/dist/modules-features/admin/core/core76318/F_core76318_Update.tsx

@@ -0,0 +1,89 @@
+import baseAxios from "@/api/baseAxios";
+import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
+import { MyDateInput } from "@/components/Inputs/DateInput/MyDateInput";
+import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
+import { FileInput, TextInput } from "@mantine/core";
+import { useForm } from "@mantine/form";
+interface IDocument {
+  path?: string;
+  orderBy?: number;
+  documentType?: number;
+  promulgateDate?: Date;
+  decisionCode?: string;
+  departmentName?: string;
+  description?: string;
+  startDate?: Date;
+  endDate?: Date;
+  conclusion?: string;
+  note?: string;
+  documentAttributeId?: number;
+  documentAttributeName?: string;
+  isCycleCheck?: boolean;
+  meetingDate?: Date;
+  fileDetail?: {
+    fileBase64String?: string;
+    fileExtension?: string;
+    fileName?: string;
+  };
+  id?: number;
+  code?: string;
+  name?: string;
+  concurrencyStamp?: string;
+  isEnabled?: boolean;
+  ngayChinhSua?: Date;
+  nguoiChinhSua?: string;
+}
+interface I extends IDocument {
+  file?: File;
+}
+export function F_core76318_Update({ values }: { values: I }) {
+  const form = useForm<I>({
+    mode: "uncontrolled",
+    initialValues: {
+      ...values,
+      file: new File(
+        [],
+        values.path?.split("/")[values.path.split("/").length - 1]!
+      ),
+      promulgateDate: new Date(values.promulgateDate!),
+    },
+    validate: {
+      decisionCode: (value) => (value ? null : "Không được để trống"),
+      promulgateDate: (value) => (value ? null : "Không được để trống"),
+      name: (value) => (value ? null : "Không được để trống"),
+      file: (value) => (value ? null : "Không được để trống"),
+    },
+  });
+  return (
+    <MyActionIconUpdate
+      form={form}
+      onSubmit={async (values) => {
+        return await baseAxios.post("/Document/Update", {
+          ...values,
+          fileDetail: await utils_file_fileToAQDocumentType(values.file!),
+        });
+      }}
+    >
+      <TextInput
+        withAsterisk
+        label="Số quy định"
+        {...form.getInputProps("decisionCode")}
+      />
+      <MyDateInput
+        withAsterisk
+        label="Ngày ban hành"
+        {...form.getInputProps("promulgateDate")}
+      />
+      <TextInput
+        withAsterisk
+        label="Tên tài liệu"
+        {...form.getInputProps("name")}
+      />
+      <FileInput
+        withAsterisk
+        label="Chọn file"
+        {...form.getInputProps("file")}
+      />
+    </MyActionIconUpdate>
+  );
+}

package/dist/modules-features/admin/core/core83092/F_core83092.tsx

@@ -0,0 +1,27 @@
+import { I_BasicAppShell_LinkItem, MyFlexColumn, MyPageContent } from '@/components'
+import { OBJECT_COlORS } from '@/constants/object/color'
+import { Grid, Paper, ScrollArea } from '@mantine/core'
+import { F_core83092_ReadUser } from './F_core83092_ReadUser'
+import { F_core83092_Save } from './F_core83092_Save'
+import { F_core83092_ViewMenuPermissions } from './F_core83092_ViewMenuPermissions'
+
+export function F_core83092({ menuData }: { menuData: I_BasicAppShell_LinkItem[] }) {
+    return (
+        <Grid grow>
+            <Grid.Col span={4}>
+                <F_core83092_ReadUser />
+            </Grid.Col>
+
+            <Grid.Col span={8}>
+                <MyFlexColumn h={'80vh'} flex={1}>
+                    <ScrollArea.Autosize h={'100%'}>
+                        <Paper p={'md'} bg={OBJECT_COlORS.mantineBackgroundSecondary}>
+                            <F_core83092_ViewMenuPermissions menuData={menuData} />
+                        </Paper>
+                    </ScrollArea.Autosize>
+                    <F_core83092_Save />
+                </MyFlexColumn>
+            </Grid.Col>
+        </Grid>
+    )
+}

package/dist/modules-features/admin/core/core83092/F_core83092_ReadUser.tsx

@@ -0,0 +1,85 @@
+'use client'
+import baseAxios from "@/api/baseAxios";
+import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
+;
+import { Container } from "@mantine/core";
+import { useQuery } from "@tanstack/react-query";
+import { MRT_ColumnDef, MRT_RowSelectionState } from "mantine-react-table";
+import { useEffect, useMemo, useState } from "react";
+import { useS_core83092 } from "./useS_core83092";
+import { IBaseEntity } from "@/interfaces/base";
+interface I_core83092_USer {
+    id?: number
+    userName?: string,
+    fullName?: string,
+    email?: string
+}
+
+export function F_core83092_ReadUser() {
+    const store = useS_core83092()
+    const query = useQ_core83092_Account_GetAdminAccount()
+    const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});
+
+    const columns = useMemo<MRT_ColumnDef<I_core83092_USer>[]>(
+        () => [
+            {
+                header: "Họ và tên",
+                accessorKey: "fullName",
+                size: 60
+            },
+            {
+                header: "Email",
+                accessorKey: "email",
+            },
+        ],
+        []
+    );
+
+    const handleRowClick = (rowId: string) => {
+        setRowSelection({ [rowId]: true }); // Chọn dòng hiện tại và xóa các dòng khác
+        store.setProperty("roleId", parseInt(rowId))
+    };
+    useEffect(() => {
+        if (store.state.roleId == 0) return
+        setRowSelection({ [store.state.roleId!]: true });
+    }, [store.state.roleId])
+    useEffect(() => {
+        if (!query.data) return
+        store.setProperty("roleId", query.data[0].id)
+    }, [query.data])
+
+    if (query.isLoading) return "Loading...";
+    if (query.isError) return "Có lỗi xảy ra!";
+    return (
+        <Container fluid w={'100%'}>
+            <MyDataTable
+                columns={columns}
+                data={query.data!}
+                getRowId={(row) => row.id?.toString()}
+                mantineTableBodyRowProps={({ row }) => ({
+                    onClick: () => handleRowClick(row.id),
+                    style: {
+                        cursor: 'pointer',
+                        backgroundColor: rowSelection[row.id] ? '#d0e7ff' : 'transparent',
+                    },
+                })}
+                state={rowSelection}
+            />
+        </Container>
+    );
+}
+
+function useQ_core83092_Account_GetAdminAccount() {
+    interface I extends IBaseEntity {
+
+    }
+    const query = useQuery<I[]>({
+        queryKey: ['useQ_core83092_Account_GetAdminAccount'],
+        queryFn: async () => {
+            const result = await baseAxios.get(`/Account/GetAdminAccount`, { params: { page: 5, pageNumber: 1 } });
+            return result.data?.data || []
+        },
+        refetchOnWindowFocus: false
+    });
+    return query
+}

package/dist/modules-features/admin/core/core83092/F_core83092_Save.tsx

@@ -0,0 +1,52 @@
+import baseAxios from '@/api/baseAxios'
+import { MyButton } from '@/components/Buttons/Button/MyButton'
+import { utils_notification_show } from '@/utils/utils_notification'
+import { useMutation } from '@tanstack/react-query'
+import { useEffect, useState } from 'react'
+import { useS_core83092 } from './useS_core83092'
+
+interface IPagePermission {
+    pageId?: number,
+    isCreate?: boolean
+    isRead?: boolean,
+    isUpdate?: boolean
+    isDelete?: boolean,
+    isPrint?: boolean,
+    isExport?: boolean
+}
+interface IBody {
+    pagePermissions?: IPagePermission[]
+    userId?: number
+}
+export function F_core83092_Save() {
+    const store = useS_core83092()
+    const disable = useState<boolean>(false)
+    const mutation = useMutation({
+        mutationFn: async (body: IBody) => {
+            const res = await baseAxios.put("/Role/UpdateUserPermission", body)
+            return res
+        }
+    })
+    function handleSave() {
+        mutation.mutate({
+            pagePermissions: store.state.rolePermissions!,
+            userId: store.state.roleId
+        }, {
+            onSuccess: () => {
+                utils_notification_show({
+                    crudType: "update"
+                })
+            }
+        })
+    }
+    useEffect(() => {
+        if (!store.state.rolePermissions || store.state.rolePermissions.length == 0) {
+            disable[1](true)
+            return
+        }
+        disable[1](false)
+    }, [store.state.rolePermissions])
+    return (
+        <MyButton disabled={disable[0]} crudType='save' onClick={handleSave} />
+    )
+}