aq-fe-framework 0.1.155 → 0.1.156

package/dist/modules-features/admin/core/core27311/F_core27311_Read.tsx

@@ -0,0 +1,165 @@
+"use client";
+import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
+import { Accordion, Blockquote } from "@mantine/core";
+import { useQuery } from "@tanstack/react-query";
+
+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 { MRT_ColumnDef } from "mantine-react-table";
+import { useMemo } from "react";
+import { F_core27311_Delete } from "./F_core27311_Delete";
+import { F_core27311_Update } from "./F_core27311_Update";
+interface I {
+  documentType?: number;
+  id?: number;
+  code?: string;
+  name?: string;
+  concurrencyStamp?: string;
+  isEnabled?: boolean;
+}
+
+export function F_core27311_Read({
+  WorkflowTypeId,
+}: {
+  WorkflowTypeId: number;
+}) {
+  const documentAttributeQuery = useQuery<I[]>({
+    queryKey: ["F_core27311_Read", WorkflowTypeId],
+    queryFn: async () => {
+      const result = await baseAxios.get("/DocumentAttribute/GetByType?", {
+        params: { documentType: WorkflowTypeId },
+      });
+      return result.data?.data || [];
+    },
+  });
+  if (documentAttributeQuery.isLoading) return "Loading...";
+  if (documentAttributeQuery.isError) return "có lỗi xảy ra!";
+  if (documentAttributeQuery.data?.length == 0)
+    return <Blockquote color="yellow">Chưa có loại văn bản</Blockquote>;
+  return (
+    <MyFlexColumn>
+      <Accordion
+        variant="contained"
+        defaultValue={documentAttributeQuery.data?.map(
+          (item) => item.id?.toString()!
+        )}
+        multiple
+      >
+        {documentAttributeQuery.data?.map((item, idx) => (
+          <SubRead
+            key={idx}
+            name={item.name!}
+            documentType={item.id!}
+            WorkflowTypeId={WorkflowTypeId}
+          />
+        ))}
+      </Accordion>
+    </MyFlexColumn>
+  );
+}
+
+function SubRead({
+  name,
+  documentType,
+  WorkflowTypeId,
+}: {
+  name: string;
+  documentType: number;
+  WorkflowTypeId: number;
+}) {
+  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;
+  }
+  const documentQuery = useQuery<I[]>({
+    queryKey: ["SubRead" + documentType],
+    queryFn: async () => {
+      const result = await baseAxios.get(
+        `/Document/GetByDocumentAttribute?id=${documentType}`
+      );
+      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 (documentQuery.isLoading) return "Loading...";
+  if (documentQuery.isError) return "Error!";
+  return (
+    <Accordion.Item value={documentType.toString()}>
+      <Accordion.Control>{name}</Accordion.Control>
+      <Accordion.Panel>
+        <MyDataTable
+          columns={columns}
+          data={documentQuery.data!}
+          renderRowActions={({ row }) => (
+            <MyCenterFull>
+              <F_core27311_Update
+                WorkflowTypeId={WorkflowTypeId}
+                values={row.original!}
+              />
+              <F_core27311_Delete
+                id={row.original.id!}
+                contextData={row.original.decisionCode!}
+              />
+            </MyCenterFull>
+          )}
+        />
+      </Accordion.Panel>
+    </Accordion.Item>
+  );
+}

package/dist/modules-features/admin/core/core27311/F_core27311_Update.tsx

@@ -0,0 +1,113 @@
+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_core27311_Update({
+  values,
+  WorkflowTypeId,
+}: {
+  values: I;
+  WorkflowTypeId: 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={WorkflowTypeId}
+        {...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/core35923/F_core35923.tsx

@@ -0,0 +1,46 @@
+import { MyButton } from "@/components/Buttons/Button/MyButton";
+import { MyFieldset } from "@/components/Inputs/Fieldset/MyFieldset";
+import { MyFileInput } from "@/components/Inputs/FileInput/MyFileInput";
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
+import { MyFlexEnd } from "@/components/Layouts/FlexEnd/MyFlexEnd";
+import { Grid } from "@mantine/core";
+import React from "react";
+
+export function F_core35923() {
+    return (
+        <MyFieldset title="Cập nhật thông tin đơn vị chủ quản">
+            <Grid>
+                <Grid.Col span={{ base: 12, md: 5 }}>
+                    <MyTextInput label="Mã module" disabled />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 7 }}>
+                    <MyTextInput label="Tên module" />
+                </Grid.Col>
+                <Grid.Col span={12}>
+                    <MyTextInput label="Tên đơn vị chủ quản" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyTextInput label="Email" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyTextInput label="Số điện thoại" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyTextInput label="Ngày đăng ký" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyTextInput label="Ngày hết hạn" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyFileInput label="Favicon (16px x 16px)" />
+                </Grid.Col>
+                <Grid.Col span={{ base: 12, md: 6 }}>
+                    <MyFileInput label="Logo (330px x 115px)" />
+                </Grid.Col>
+            </Grid>
+            <MyFlexEnd>
+                <MyButton crudType="save" />
+            </MyFlexEnd>
+        </MyFieldset>
+    );
+}

package/dist/modules-features/admin/core/core38677/F_core38677.tsx

@@ -0,0 +1,28 @@
+import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
+import { MyPageContent } from "@/components/Layouts/PageContent/MyPageContent";
+import { OBJECT_COlORS } from "@/constants/object/color";
+import { Grid, Paper, ScrollArea } from "@mantine/core";
+import { F_core38677_ReadUser } from "./F_core38677_ReadUser";
+import { F_core38677_Save } from "./F_core38677_Save";
+import { F_core38677_ViewMenuPermissions } from "./F_core38677_ViewMenuPermissions";
+import { I_BasicAppShell_LinkItem } from "@/components";
+
+export function F_core38677({ menuData }: { menuData: I_BasicAppShell_LinkItem[] }) {
+    return (
+        <Grid grow>
+            <Grid.Col span={4}>
+                <F_core38677_ReadUser />
+            </Grid.Col>
+            <Grid.Col span={8}>
+                <MyFlexColumn h={'80vh'} flex={1}>
+                    <ScrollArea.Autosize h={'100%'}>
+                        <Paper p={'md'} bg={OBJECT_COlORS.mantineBackgroundSecondary}>
+                            <F_core38677_ViewMenuPermissions menuData={menuData} />
+                        </Paper>
+                    </ScrollArea.Autosize>
+                    <F_core38677_Save />
+                </MyFlexColumn>
+            </Grid.Col>
+        </Grid>
+    )
+}

package/dist/modules-features/admin/core/core38677/F_core38677_ReadUser.tsx

@@ -0,0 +1,79 @@
+'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 "../core83092/useS_core83092";
+import { IBaseEntity } from "@/interfaces/base";
+export interface I_core38677_User extends IBaseEntity {
+
+}
+
+export function F_core38677_ReadUser() {
+    const store = useS_core83092()
+    const query = useQ_Account_GetAdminAccount()
+    const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});
+
+    const columns = useMemo<MRT_ColumnDef<I_core38677_User>[]>(
+        () => [
+            {
+                header: "Mã",
+                accessorKey: "code",
+                size: 60
+            },
+            {
+                header: "Tên quyền",
+                accessorKey: "name",
+            },
+        ],
+        []
+    );
+
+    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>
+            <MyDataTable
+                columns={columns}
+                data={query.data!}
+                getRowId={(row) => row.id?.toString()}
+                mantineTableBodyRowProps={({ row }) => ({
+                    onClick: () => handleRowClick(row.id),
+                    style: {
+                        cursor: 'pointer',
+                        backgroundColor: rowSelection[row.id] ? 'var(--mantine-color-blue-light)' : 'transparent',
+                    },
+                })}
+                state={rowSelection}
+            />
+        </Container>
+    );
+}
+
+function useQ_Account_GetAdminAccount() {
+    interface I extends IBaseEntity { }
+    const query = useQuery<I[]>({
+        queryKey: ['useQ_Role_GetAdminRole'],
+        queryFn: async () => {
+            const result = await baseAxios.get(`/Role/GetAdminRole`);
+            return result.data?.data || []
+        },
+        refetchOnWindowFocus: false
+    });
+    return query
+}

package/dist/modules-features/admin/core/core38677/F_core38677_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 '../core83092/useS_core83092'
+
+interface IPagePermission {
+    pageId?: number,
+    isCreate?: boolean
+    isRead?: boolean,
+    isUpdate?: boolean
+    isDelete?: boolean,
+    isPrint?: boolean,
+    isExport?: boolean
+}
+interface IBody {
+    pagePermissions?: IPagePermission[]
+    roleId?: number
+}
+export function F_core38677_Save() {
+    const store = useS_core83092()
+    const disable = useState<boolean>(false)
+    const mutation = useMutation({
+        mutationFn: async (body: IBody) => {
+            const res = await baseAxios.put("/Role/UpdatePermission", body)
+            return res
+        }
+    })
+    function handleSave() {
+        mutation.mutate({
+            pagePermissions: store.state.rolePermissions!,
+            roleId: 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} />
+    )
+}