aq-fe-framework 0.1.155 → 0.1.156

package/dist/modules-features/admin/core/core12196/F_core12196_Update.tsx

@@ -0,0 +1,112 @@
+import baseAxios from "@/api/baseAxios";
+import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
+import { MyDateInput } from "@/components/Inputs/DateInput/MyDateInput";
+import { MyFileInput } from "@/components/Inputs/FileInput/MyFileInput";
+import { MyNumberInput } from "@/components/Inputs/NumberInput/MyNumberInput";
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
+import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
+import { F_core18256_Select } from "@/modules-features/admin/core/core18256/F_core18256_Select";
+import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
+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_core12196_Update({
+  values,
+  FormTypeId,
+}: {
+  values: I;
+  FormTypeId: number;
+}) {
+  const form = useForm<I>({
+    initialValues: {
+      ...values,
+      file: new File(
+        [],
+        values.path?.split("/")[values.path.split("/").length - 1]!
+      ),
+      promulgateDate: new Date(values.promulgateDate!),
+    },
+    validate: {
+      decisionCode: (value) =>
+        value ? null : "Số quy định không được để trống",
+      promulgateDate: (value) =>
+        value ? null : "Ngày ban hành không được để trống",
+      name: (value) => (value ? null : "Tên tài liệu không được để trống"),
+      documentAttributeId: (value) =>
+        value ? null : "Loại văn bản không được để trống",
+      file: (value) => (value ? null : "Tệp đính kèm 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!),
+        });
+      }}
+    >
+      <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")}
+      />
+      <F_core18256_Select
+        withAsterisk
+        label="Loại văn bản"
+        documentTypeId={FormTypeId}
+        {...form.getInputProps("documentAttributeId")}
+      />
+      <MyFileInput
+        withAsterisk
+        label="Văn bản"
+        {...form.getInputProps("file")}
+      />
+      <MyNumberInput
+        label="Thứ tự hiển thị trên danh sách"
+        {...form.getInputProps("orderBy")}
+      />
+    </MyActionIconUpdate>
+  );
+}

package/dist/modules-features/admin/core/core16209/F_core16209.tsx

@@ -0,0 +1,108 @@
+"use client";
+import baseAxios from "@/api/baseAxios";
+import { MyPageContent } from "@/components";
+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_core16209_Create } from "./F_core16209_Create";
+import { F_core16209_Delete } from "./F_core16209_Delete";
+import { F_core16209_Update } from "./F_core16209_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 function F_core16209({ RefinementTypeId }: { RefinementTypeId: number }) {
+  const query = useQuery<I[]>({
+    queryKey: ["F_core16209_Read"],
+    queryFn: async () => {
+      const result = await baseAxios.get(
+        `/Document/GetByType?documentType=${RefinementTypeId}`
+      );
+      return result.data?.data || [];
+    },
+  });
+  const columns = useMemo<MRT_ColumnDef<I>[]>(
+    () => [
+      {
+        header: "Đơn vị yêu cầu",
+        accessorKey: "departmentName",
+      },
+      {
+        header: "Nội dung cải tiến",
+        accessorKey: "description",
+      },
+      {
+        header: "Ngày bắt đầu",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.startDate!)),
+      },
+      {
+        header: "Ngày kết thúc",
+        accessorFn: (row) => U0DateToDDMMYYYString(new Date(row.endDate!)),
+      },
+      {
+        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_core16209_Create RefinementTypeId={RefinementTypeId} />}
+      renderRowActions={({ row }) => {
+        return (
+          <MyCenterFull>
+            <F_core16209_Update values={row.original} />
+            <F_core16209_Delete
+              id={row.original.id!}
+              contextData={row.original.departmentName!}
+            />
+          </MyCenterFull>
+        );
+      }}
+    />
+  );
+}

package/dist/modules-features/admin/core/core16209/F_core16209_Create.tsx

@@ -0,0 +1,112 @@
+"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, Textarea } 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_core16209_Create({
+  RefinementTypeId,
+}: {
+  RefinementTypeId: number;
+}) {
+  const form = useForm<I>({
+    mode: "uncontrolled",
+    validate: {
+      meetingDate: (value) => (value ? null : "Không được để trống"),
+      departmentName: (value) => (value ? null : "Không được để trống"),
+      description: (value) => (value ? null : "Không được để trống"),
+      file: (value) => (value ? null : "Không được để trống"),
+      startDate: (value) => (value ? null : "Không được để trống"),
+      endDate: (value, values) =>
+        value &&
+        values.startDate &&
+        new Date(value) > new Date(values.startDate)
+          ? null
+          : "Ngày kết thúc phải lớn hơn ngày bắt đầu",
+    },
+  });
+  return (
+    <MyButtonCreate
+      objectName="văn bản"
+      form={form}
+      onSubmit={async (values) => {
+        return await baseAxios.post("/Document/create", {
+          ...values,
+          DocumentType: RefinementTypeId, //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!),
+        });
+      }}
+    >
+      <MyDateInput
+        withAsterisk
+        label="Ngày họp"
+        {...form.getInputProps("meetingDate")}
+      />
+      <MyTextInput
+        withAsterisk
+        label="Đơn vị yêu cầu"
+        {...form.getInputProps("departmentName")}
+      />
+      <MyTextInput
+        withAsterisk
+        label="Nội dung cải tiến"
+        {...form.getInputProps("description")}
+      />
+      <MyTextInput label="Kết luận" {...form.getInputProps("conclusion")} />
+      <MyDateInput
+        withAsterisk
+        label="Ngày bắt đầu"
+        {...form.getInputProps("startDate")}
+      />
+      <MyDateInput
+        withAsterisk
+        label="Ngày kết thúc"
+        {...form.getInputProps("endDate")}
+      />
+      <FileInput
+        placeholder="Tải lên tài liệu"
+        withAsterisk
+        label="Tài liệu"
+        {...form.getInputProps("file")}
+      />
+      <Textarea label="Ghi chú" {...form.getInputProps("note")}></Textarea>
+    </MyButtonCreate>
+  );
+}

package/dist/modules-features/admin/core/core16209/F_core16209_Delete.tsx

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

package/dist/modules-features/admin/core/core16209/F_core16209_Update.tsx

@@ -0,0 +1,114 @@
+import baseAxios from "@/api/baseAxios";
+import { MyTextInput } from "@/components";
+import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
+import { MyDateInput } from "@/components/Inputs/DateInput/MyDateInput";
+import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
+import { FileInput, Textarea, TextInput } from "@mantine/core";
+import { DateInput } from "@mantine/dates";
+import { useForm } from "@mantine/form";
+import { debug } from "console";
+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_core16209_Update({ values }: { values: I }) {
+  const form = useForm<I>({
+    mode: "uncontrolled",
+    initialValues: {
+      ...values,
+      file: new File(
+        [],
+        values.path?.split("/")[values.path.split("/").length - 1]!
+      ),
+      startDate: new Date(values.startDate!),
+      endDate: new Date(values.endDate!),
+      meetingDate: new Date(values.meetingDate!),
+    },
+    validate: {
+      meetingDate: (value) => (value ? null : "Không được để trống"),
+      departmentName: (value) => (value ? null : "Không được để trống"),
+      description: (value) => (value ? null : "Không được để trống"),
+      file: (value) => (value ? null : "Không được để trống"),
+      startDate: (value) => (value ? null : "Không được để trống"),
+      endDate: (value, values) =>
+        value &&
+        values.startDate &&
+        new Date(value) > new Date(values.startDate)
+          ? null
+          : "Ngày kết thúc phải lớn hơn ngày bắt đầu",
+    },
+  });
+  return (
+    <MyActionIconUpdate
+      form={form}
+      onSubmit={async (values) => {
+        return await baseAxios.post("/Document/Update", {
+          ...values,
+          fileDetail: await utils_file_fileToAQDocumentType(values.file!),
+        });
+      }}
+    >
+      <MyDateInput
+        withAsterisk
+        label="Ngày họp"
+        {...form.getInputProps("meetingDate")}
+      />
+      <MyTextInput
+        withAsterisk
+        label="Đơn vị yêu cầu"
+        {...form.getInputProps("departmentName")}
+      />
+      <MyTextInput
+        withAsterisk
+        label="Nội dung cải tiến"
+        {...form.getInputProps("description")}
+      />
+      <MyTextInput label="Kết luận" {...form.getInputProps("conclusion")} />
+      <MyDateInput
+        withAsterisk
+        label="Ngày bắt đầu"
+        {...form.getInputProps("startDate")}
+      />
+      <MyDateInput
+        withAsterisk
+        label="Ngày kết thúc"
+        {...form.getInputProps("endDate")}
+      />
+      <FileInput
+        placeholder="Tải lên tài liệu"
+        withAsterisk
+        label="Tài liệu"
+        {...form.getInputProps("file")}
+      />
+      <Textarea label="Ghi chú" {...form.getInputProps("note")}></Textarea>
+    </MyActionIconUpdate>
+  );
+}

package/dist/modules-features/admin/core/core18256/F_core18256.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { MyTab } from "@/components";
+import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
+import { Tabs } from "@mantine/core";
+import { F_core18256_Read } from "./F_core18256_Read";
+
+
+const tabData = [
+    { label: "1. Văn bản quy định" },
+    { label: "2. Quy trình xử lý công việc" },
+    { label: "3. Danh mục biểu mẫu" },
+];
+
+export function F_core18256() {
+    return (
+        <MyTab tabList={tabData}>
+            <Tabs.Panel value="1. Văn bản quy định">
+                <F_core18256_Read documentType={OBJECT_DOCUMENT_TYPES.Regulations} />
+            </Tabs.Panel>
+            <Tabs.Panel value="2. Quy trình xử lý công việc">
+                <F_core18256_Read documentType={OBJECT_DOCUMENT_TYPES.Workflow} />
+            </Tabs.Panel>
+            <Tabs.Panel value="3. Danh mục biểu mẫu">
+                <F_core18256_Read documentType={OBJECT_DOCUMENT_TYPES.Form} />
+            </Tabs.Panel>
+        </MyTab>
+    );
+}

package/dist/modules-features/admin/core/core18256/F_core18256_Create.tsx

@@ -0,0 +1,34 @@
+'use client'
+import baseAxios from "@/api/baseAxios"
+import { MyButtonCreate } from "@/components"
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput"
+import { useForm } from "@mantine/form"
+interface I {
+    name?: string,
+    code?: string,
+    documentType?: number
+}
+
+export function F_core18256_Create(
+    { documentType }: { documentType: number }
+) {
+    const form = useForm<I>({
+        mode: "uncontrolled",
+        initialValues: {
+            name: "",
+            code: "",
+            documentType: documentType
+        },
+        validate: {
+            name: (value) => value ? null : 'Không được để trống'
+        }
+    })
+    return (
+        <MyButtonCreate objectName="Loại văn bản" form={form} onSubmit={(values) => baseAxios.post("/DocumentAttribute/Create", values)}>
+            <MyTextInput label="Mã loại văn bản" {...form.getInputProps("code")} />
+            <MyTextInput label="Tên loại văn bản" {...form.getInputProps("name")} />
+        </MyButtonCreate>
+    )
+}
+
+

package/dist/modules-features/admin/core/core18256/F_core18256_Delete.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import baseAxios from "@/api/baseAxios"
+import { MyActionIconDelete } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconDelete"
+
+export function F_core18256_Delete({ id }: { id: number }) {
+    return (
+        <MyActionIconDelete
+            onSubmit={
+                async () => await baseAxios.post("/DocumentAttribute/Delete", { id: id })
+            }
+        />
+    )
+}

package/dist/modules-features/admin/core/core18256/F_core18256_Read.tsx

@@ -0,0 +1,59 @@
+'use client'
+
+import baseAxios from "@/api/baseAxios";
+import { MyCenterFull } from "@/components/CenterFull/MyCenterFull";
+import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
+import { useQuery } from "@tanstack/react-query";
+import { MRT_ColumnDef } from "mantine-react-table";
+import { useMemo } from "react";
+import { F_core18256_Create } from "./F_core18256_Create";
+import { F_core18256_Delete } from "./F_core18256_Delete";
+import { F_core18256_Update } from "./F_core18256_Update";
+
+interface I {
+    id?: number, name?: string, code?: string
+}
+export function F_core18256_Read({ documentType }: { documentType: number }
+) {
+    const documentAttributeQuery = useQuery<I[]>({
+        queryKey: ['F_core18256_Read', documentType],
+        queryFn: async () => {
+            const result = await baseAxios.get("/DocumentAttribute/GetByType?", { params: { documentType } })
+            return result.data?.data || []
+        },
+    })
+
+    const columns = useMemo<MRT_ColumnDef<I>[]>(
+        () => [
+            {
+                header: "Mã loại văn bản",
+                accessorKey: "code"
+            },
+            {
+                header: "Tên Loại Văn Bản",
+                accessorKey: "name"
+            }
+        ],
+        []
+    );
+
+    if (documentAttributeQuery.isLoading) return "Đang tải dữ liệu..."
+    if (documentAttributeQuery.isError) return "Có lỗi xảy ra!"
+    return (
+        <MyDataTable
+            columns={columns}
+            enableRowNumbers={true}
+            data={documentAttributeQuery.data!}
+            renderTopToolbarCustomActions={() => <F_core18256_Create documentType={documentType} />}
+            renderRowActions={({ row }) => {
+                return (
+                    <MyCenterFull>
+                        <F_core18256_Update values={row.original} />
+                        <F_core18256_Delete id={row.original.id!} />
+                    </MyCenterFull>
+                )
+            }}
+        />
+    )
+}
+

package/dist/modules-features/admin/core/core18256/F_core18256_Select.tsx

@@ -0,0 +1,40 @@
+import baseAxios from "@/api/baseAxios";
+import { Select, SelectProps } from "@mantine/core";
+import { useQuery } from "@tanstack/react-query";
+
+interface ISelect extends SelectProps {
+  documentTypeId?: number
+  label?: string;
+  dataMapper?: (item: any) => { value: string; label: string }; // Hàm tùy chỉnh cách map dữ liệu
+}
+
+export function F_core18256_Select({ documentTypeId, label = "", dataMapper, ...rest }: ISelect) {
+
+  const query = useQuery({
+    queryKey: [`/DocumentAttribute/GetByType?documentType=${documentTypeId}`],
+    queryFn: async () => {
+      const result = (await baseAxios.get(`/DocumentAttribute/GetByType?documentType=${documentTypeId}`)).data.data;
+      return result
+    },
+  });
+
+  if (query.isLoading) return "Loading...";
+
+  const data = query.data?.map((item: any) => {
+    if (dataMapper) return dataMapper(item)
+    return {
+      value: item.id?.toString()!,
+      label: `${item.code}-${item.name}`,
+    }
+  });
+
+  return (
+    <Select
+      label={label}
+      placeholder={`Chọn ${label?.toLowerCase()}`}
+      data={data}
+      {...rest}
+      value={rest.value?.toString()}
+    />
+  );
+}

package/dist/modules-features/admin/core/core18256/F_core18256_Update.tsx

@@ -0,0 +1,22 @@
+'use client'
+import baseAxios from "@/api/baseAxios"
+import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate"
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput"
+import { useForm } from "@mantine/form"
+interface I {
+    id?: number, name?: string, code?: string
+}
+export function F_core18256_Update(
+    { values }: { values: I }
+) {
+    const form = useForm({
+        initialValues: values
+    })
+
+    return (
+        <MyActionIconUpdate form={form} onSubmit={async (values) => await baseAxios.post("/DocumentAttribute/Update", values)}>
+            <MyTextInput label="Mã loại văn bản" {...form.getInputProps("code")} />
+            <MyTextInput label="Tên loại văn bản" {...form.getInputProps("name")} />
+        </MyActionIconUpdate>
+    )
+}

package/dist/modules-features/admin/core/core26965/F_core26965.tsx

@@ -0,0 +1,17 @@
+import { MyFlexColumn, MyFlexEnd, MyPageContent } from "@/components";
+import { F_core26965_Create } from "./F_core26965_Create";
+import F_core26965_Read from "./F_core26965_Read";
+import { Paper, Space } from "@mantine/core";
+import { OBJECT_COlORS } from "@/constants/object/color";
+
+export function F_core26965({ RegulationsTypeId }: { RegulationsTypeId: number }) {
+    return (
+        <Paper p={'md'}>
+            <MyFlexEnd>
+                <F_core26965_Create RegulationsTypeId={RegulationsTypeId} />
+            </MyFlexEnd>
+            <Space />
+            <F_core26965_Read RegulationsTypeId={RegulationsTypeId} />
+        </Paper>
+    )
+}