aq-fe-framework 0.1.156 → 0.1.157

package/dist/modules-features/admin/core/core47643/F_core47643_Read.tsx

@@ -1,57 +0,0 @@
-import baseAxios from "@/api/baseAxios"
-import { MyCenterFull } from "@/components/CenterFull/MyCenterFull"
-import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable"
-
-import { Group } from "@mantine/core"
-import { useQuery } from "@tanstack/react-query"
-import { MRT_ColumnDef } from "mantine-react-table"
-import { useMemo } from "react"
-import { F_core47643_Delete } from "./F_core47643_Delete"
-import { F_core47643_Form } from "./F_core47643_Form"
-import { IBaseEntity } from "@/interfaces/base"
-
-interface I extends IBaseEntity { }
-
-export function F_core47643_Read() {
-    const query = useQ_core47643_GetAdminRole()
-    const columns = useMemo<MRT_ColumnDef<I>[]>(() => [
-        {
-            header: "Mã",
-            accessorKey: "code"
-        },
-        {
-            header: "Quyền",
-            accessorKey: "name"
-        }
-    ], [])
-    if (query.isLoading) return "Đang tải dữ liệu..."
-    if (query.isError) return "Có lỗi xảy ra!"
-    return (
-        <MyDataTable
-            data={query.data!}
-            columns={columns}
-            renderTopToolbarCustomActions={() => (
-                <Group>
-                    <F_core47643_Form />
-                </Group>
-            )}
-            renderRowActions={({ row }) => (
-                <MyCenterFull>
-                    <F_core47643_Form values={row.original} />
-                    <F_core47643_Delete values={row.original} />
-                </MyCenterFull>
-            )}
-        />
-    )
-}
-
-function useQ_core47643_GetAdminRole() {
-    const query = useQuery({
-        queryKey: ["useQ_core47643_GetAdminRole"],
-        queryFn: async () => {
-            const res = await baseAxios.get("/Role/GetAdminRole")
-            return res.data.data
-        }
-    })
-    return query
-}

package/dist/modules-features/admin/core/core60524/F_core60524.tsx

@@ -1,13 +0,0 @@
-import { useEffect } from 'react'
-import F_core60524_Form from './F_core60524_Form'
-import { useS_core60524 } from './useS_core60524'
-
-export function F_core60524({ AQModuleId }: { AQModuleId: number }) {
-    const store = useS_core60524()
-    useEffect(() => {
-        store.setProperty("AQModuleId", AQModuleId)
-    }, [])
-    return (
-        <F_core60524_Form />
-    )
-}

package/dist/modules-features/admin/core/core60524/F_core60524_Form.tsx

@@ -1,111 +0,0 @@
-import { MyDateInput, MyFlexEnd } from "@/components";
-import { MyFileInput } from "@/components/Inputs/FileInput/MyFileInput";
-import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
-import { useQ_AQ_GetAQModule } from "@/hooks/query/AQ/useQ_AQ_GetAQModule";
-import { IAQModule } from "@/interfaces/IAQModule";
-import { utils_file_fileToAQDocumentType } from "@/utils";
-import { Grid, Paper } from "@mantine/core";
-import { useForm } from "@mantine/form";
-import { useEffect } from "react";
-import F_core60524_Save from "./F_core60524_Save";
-
-
-export interface I_core60524_AQModule extends IAQModule {
-    faviconFile?: File,
-    logoFile?: File
-}
-
-export default function F_core60524_Form() {
-    const query = useQ_AQ_GetAQModule()
-    const form = useForm<I_core60524_AQModule>({
-        mode: "uncontrolled",
-        validate: {
-            faviconFileDetail: (value) => value ? null : "Không được để trống",
-            logoFileDetail: (value) => value ? null : "Không được để trống",
-        }
-    })
-
-    useEffect(() => {
-        // Set giá trị mặc định
-        if (!query.data) return
-        const values = {
-            code: query.data.code || "",
-            name: query.data.name || "",
-            officelName: query.data.officelName || "",
-            email: query.data.email || "",
-            phoneNumber: query.data.phoneNumber || "",
-            registrationDate: new Date(query.data.registrationDate!) || new Date(),
-            limiteDate: new Date(query.data.limiteDate!) || new Date(),
-            faviconPath: query.data.faviconPath || "",
-            logoPath: query.data.logoPath || "",
-            faviconFile: new File([], query.data.faviconFileDetail?.fileName!),
-            logoFile: new File([], query.data.logoFileDetail?.fileName!),
-
-            faviconFileDetail: query.data.faviconFileDetail,
-            logoFileDetail: query.data.logoFileDetail
-        }
-        form.setInitialValues(values)
-        form.setValues(values)
-    }, [query.data]);
-
-    return (
-        <Paper p={'md'}>
-            <Grid>
-                <Grid.Col span={5}>
-                    <MyTextInput {...form.getInputProps("code")} label="Mã module" disabled />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 7 }}>
-                    <MyTextInput {...form.getInputProps("name")} label="Tên module" />
-                </Grid.Col>
-                <Grid.Col span={12}>
-                    <MyTextInput  {...form.getInputProps("officelName")} label="Tên đơn vị chủ quản" />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyTextInput  {...form.getInputProps("email")} label="Email" />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyTextInput isPhoneNumber {...form.getInputProps("phoneNumber")} label="Số điện thoại" />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyDateInput
-                        value={form.getValues().registrationDate}
-                        onChange={(date) => form.setFieldValue("registrationDate", new Date(date)!)}
-                        label="Ngày đăng ký"
-                    />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyDateInput
-                        value={form.getValues().limiteDate}
-                        onChange={(date) => form.setFieldValue("limiteDate", new Date(date)!)}
-                        label="Ngày hết hạn"
-                    />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyFileInput
-                        accept="image/png,image/jpeg"
-                        label="Favicon (16px x 16px)"
-                        value={form.getValues().faviconFile}
-                        onChange={async (e) => {
-                            form.setFieldValue("faviconFile", e!)
-                            form.setFieldValue("faviconFileDetail", await utils_file_fileToAQDocumentType(e!))
-                        }}
-                    />
-                </Grid.Col>
-                <Grid.Col span={{ base: 12, md: 6 }}>
-                    <MyFileInput
-                        accept="image/png,image/jpeg"
-                        label="Logo (330px x 115px)"
-                        value={form.getValues().logoFile}
-                        onChange={async (e) => {
-                            form.setFieldValue("logoFile", e!)
-                            form.setFieldValue("logoFileDetail", await utils_file_fileToAQDocumentType(e!))
-                        }}
-                    />
-                </Grid.Col>
-            </Grid>
-            <MyFlexEnd>
-                <F_core60524_Save form={form} />
-            </MyFlexEnd>
-        </Paper>
-    )
-}

package/dist/modules-features/admin/core/core60524/F_core60524_Save.tsx

@@ -1,56 +0,0 @@
-import baseAxios from '@/api/baseAxios';
-import { MyButton } from '@/components';
-import { utils_notification_show } from '@/utils';
-import { useForm } from '@mantine/form';
-import { useMutation } from '@tanstack/react-query';
-import { I_core60524_AQModule } from './F_core60524_Form';
-import { useS_core60524 } from './useS_core60524';
-
-
-
-export default function F_core60524_Save({
-  form
-}: {
-  form: ReturnType<typeof useForm<I_core60524_AQModule>>
-}) {
-  const store = useS_core60524()
-  const mutation = useMutation({
-    mutationFn: async (body: I_core60524_AQModule) => {
-      const res = await baseAxios.post("/AQ/UpdateAQSetting", body)
-      return res
-    }
-  })
-
-  async function handleSave() {
-    const { faviconFile, logoFile, ...formValues } = form.getValues()
-    mutation.mutate({
-      ...formValues,
-      logoFileDetail: form.isDirty("logoFileDetail") == false ? {
-        fileName: formValues.logoFileDetail?.fileName,
-        fileExtension: formValues.logoFileDetail?.fileExtension,
-        fileBase64String: "",
-      } : formValues.logoFileDetail,
-
-      faviconFileDetail: form.isDirty("faviconFileDetail") == false ? {
-        fileName: formValues.faviconFileDetail?.fileName,
-        fileExtension: formValues.faviconFileDetail?.fileExtension,
-        fileBase64String: "",
-      } : formValues.faviconFileDetail,
-      id: store.state.AQModuleId,
-    }, {
-      onSuccess: () => {
-        utils_notification_show({
-          crudType: "update"
-        })
-      }
-    })
-  }
-
-  return (
-    <MyButton
-      disabled={!form.isDirty()}
-      crudType='save'
-      onClick={handleSave}
-    />
-  )
-}

package/dist/modules-features/admin/core/core60524/useS_core60524.ts

@@ -1,16 +0,0 @@
-import { createGenericStore } from "@/stores";
-
-interface I {
-    AQModuleId?: number
-}
-
-const useStore = createGenericStore<I>({
-    initialState: {}
-})
-
-export function useS_core60524() {
-    const store = useStore()
-    return {
-        ...store,
-    }
-}

package/dist/modules-features/admin/core/core64229/F_core64229.tsx

@@ -1,7 +0,0 @@
-import { F_core64229_Read } from './F_core64229_Read'
-
-export function F_core64229() {
-    return (
-        <F_core64229_Read />
-    )
-}

package/dist/modules-features/admin/core/core64229/F_core64229_Delete.tsx

@@ -1,21 +0,0 @@
-import baseAxios from '@/api/baseAxios'
-import { MyActionIconDelete, MyActionIconUpdate, MyButtonCreate, MyButtonImport, MyFlexColumn, MyNumberInput, MySelect, MyTextInput } from '@/components'
-import { ENUM_EMAILCONFIG_MODULE } from '@/constants/enum/ENUM_EMAILCONFIG'
-import { IBaseEntity } from '@/interfaces/base'
-import { utils_converter_enumToSelectOptions } from '@/utils'
-import { NumberInput, PasswordInput } from '@mantine/core'
-import { useForm } from '@mantine/form'
-import React from 'react'
-
-export function F_core64229_Delete({ values }: { values: IBaseEntity }) {
-    return (
-        <MyActionIconDelete
-            contextData={values?.code}
-            onSubmit={() => {
-                return baseAxios.post("/EmailConfig/Delete", {
-                    id: values?.id
-                })
-            }}
-        />
-    )
-}

package/dist/modules-features/admin/core/core64229/F_core64229_Form.tsx

@@ -1,95 +0,0 @@
-import baseAxios from '@/api/baseAxios'
-import { MyActionIconUpdate, MyButtonCreate, MyButtonImport, MyFlexColumn, MyNumberInput, MySelect, MyTextInput } from '@/components'
-import { ENUM_EMAILCONFIG_MODULE } from '@/constants/enum/ENUM_EMAILCONFIG'
-import { IEmailConfig } from '@/interfaces/EmailConfig'
-import { utils_converter_enumToSelectOptions } from '@/utils'
-import { NumberInput, PasswordInput } from '@mantine/core'
-import { useForm } from '@mantine/form'
-import React from 'react'
-
-interface I extends IEmailConfig {
-    password?: string
-}
-export function F_core64229_Form({ values }: { values?: I }) {
-    const form = useForm<I>({
-        mode: "uncontrolled",
-        initialValues: values ? values : {
-            emailModule: ENUM_EMAILCONFIG_MODULE["Đào tạo"],
-        }
-    })
-
-    function handleSubmit() {
-        const formValues = form.getValues()
-        return baseAxios.post(`/EmailConfig/${values ? "update" : "create"}`, {
-            "id": values ? formValues.id : 0,
-            "code": "string",
-            "name": "string",
-            "concurrencyStamp": "string",
-            "isEnabled": true,
-            "order": 0,
-            "emailModule": formValues.emailModule,
-            "hostMailServer": formValues.hostMailServer,
-            "outgoingPort": formValues.outgoingPort,
-            "incomingPort": formValues.incomingPort,
-            "sll": formValues.sll,
-            "userName": formValues.userName,
-            "password": formValues.password,
-        })
-    }
-
-    if (values) return (
-        <MyActionIconUpdate
-            form={form}
-            onSubmit={handleSubmit}
-        >
-            <FormInput form={form} />
-        </MyActionIconUpdate>
-    )
-    return (
-        <MyButtonCreate
-            form={form}
-            onSubmit={handleSubmit}>
-            <FormInput form={form} />
-        </MyButtonCreate>
-    )
-}
-
-function FormInput({ form }: { form: ReturnType<typeof useForm<I>> }) {
-    return (
-        <MyFlexColumn>
-            <MySelect
-                label='Phân hệ'
-                data={utils_converter_enumToSelectOptions(ENUM_EMAILCONFIG_MODULE)}
-                {...form.getInputProps("emailModule")}
-                value={form.getValues().emailModule?.toString()}
-            />
-            <MyTextInput
-                label='Host mail server'
-                {...form.getInputProps("hostMailServer")}
-            />
-            <MyNumberInput
-                label='Outgoing port'
-                {...form.getInputProps("outgoingPort")}
-            />
-            <MyNumberInput
-                label='Incoming port'
-                {...form.getInputProps("incomingPort")}
-            />
-            <MySelect
-                label='SSL'
-                data={["true", "false"]}
-                value={form.getValues().sll?.toString()}
-                onChange={(e) => form.setFieldValue("sll", e == "true" ? true : false)}
-            />
-            <MyTextInput
-                label='Username'
-                {...form.getInputProps("userName")}
-            />
-            <PasswordInput
-                label='Password'
-                placeholder='Nhập password'
-                {...form.getInputProps("password")}
-            />
-        </MyFlexColumn>
-    );
-}

package/dist/modules-features/admin/core/core64229/F_core64229_Read.tsx

@@ -1,67 +0,0 @@
-import baseAxios from '@/api/baseAxios'
-import { MyCenterFull, MyDataTable } from '@/components'
-import { ENUM_EMAILCONFIG_MODULE } from '@/constants/enum/ENUM_EMAILCONFIG'
-import { useQuery } from '@tanstack/react-query'
-import { MRT_ColumnDef } from 'mantine-react-table'
-import React, { useMemo } from 'react'
-import { F_core64229_Form } from './F_core64229_Form'
-import { F_core64229_Delete } from './F_core64229_Delete'
-import { IEmailConfig } from '@/interfaces/EmailConfig'
-
-export function F_core64229_Read() {
-    const query = useQuery<IEmailConfig[]>({
-        queryKey: ["F_core64229_Read"],
-        queryFn: async () => {
-            const res = await baseAxios.get("/EmailConfig/GetAll")
-            return res.data.data
-        }
-    })
-    const columns = useMemo<MRT_ColumnDef<IEmailConfig>[]>(() => [
-        {
-            header: "Phân hệ",
-            accessorFn: (row) => {
-                return ENUM_EMAILCONFIG_MODULE[row.emailModule!]
-            }
-        },
-        {
-            header: "Host mail server",
-            accessorKey: "hostMailServer"
-        },
-        {
-            header: "Outgoing port",
-            accessorKey: "outgoingPort"
-        },
-        {
-            header: "Incoming port",
-            accessorKey: "incomingPort"
-        },
-        {
-            header: "SSL",
-            accessorFn: (row) => row.sll?.toString()
-        },
-        {
-            header: "Username",
-            accessorKey: "userName"
-        },
-        {
-            header: "Password",
-            accessorFn: () => "*******"
-        }
-    ], [])
-    if (query.isLoading) return "Đang tải"
-    return (
-        <MyDataTable
-            columns={columns}
-            data={query.data!}
-            renderTopToolbarCustomActions={() => (
-                <F_core64229_Form />
-            )}
-            renderRowActions={({ row }) => (
-                <MyCenterFull>
-                    <F_core64229_Form values={row.original} />
-                    <F_core64229_Delete values={row.original} />
-                </MyCenterFull>
-            )}
-        />
-    )
-}

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

@@ -1,8 +0,0 @@
-import { MyPageContent } from "@/components";
-import { F_core71678_Read } from "./F_core71678_Read";
-
-export function F_core71678() {
-    return (
-        <F_core71678_Read />
-    )
-}

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

@@ -1,117 +0,0 @@
-import baseAxios from "@/api/baseAxios";
-import { MyButtonModal } from "@/components/Buttons/ButtonModal/MyButtonModal";
-import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
-;
-import { utils_notification_show } from "@/utils/utils_notification";
-import { Button, Fieldset, Group, Table } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { MRT_ColumnDef, MRT_RowSelectionState } from "mantine-react-table";
-import { useEffect, useMemo, useState } from "react";
-import { I_core71678_Read } from "./F_core71678_Read";
-import { IBaseEntity } from "@/interfaces/base";
-
-interface IRole extends IBaseEntity {
-
-}
-
-export function F_core71678_ChangePermission({ user }: { user: I_core71678_Read }) {
-  const disc = useDisclosure();
-  const queryClient = useQueryClient()
-  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});
-  const rowSelect = useState<IRole[]>()
-  const query = useQuery<IRole[]>({
-    queryKey: [`F1_1ChangePermission`],
-    queryFn: async () => {
-      const response = await baseAxios.get("/Role/GetAdminRole");
-      return response.data.data
-    },
-  })
-  const mutation = useMutation({
-    mutationFn: async (roleIds: number[]) => {
-      const res = await baseAxios.post("/Role/AddUser?userId=" + user.id, roleIds)
-      return res
-    }
-  })
-  const permissionColumns = useMemo<MRT_ColumnDef<IRole>[]>(
-    () => [
-      {
-        header: "Quyền",
-        accessorKey: "name",
-      },
-    ],
-    []
-  );
-  function handleSave() {
-    mutation.mutate(Object.keys(rowSelection).map(Number), {
-      onSuccess: () => {
-        utils_notification_show({ crudType: "update" })
-        disc[1].close()
-        queryClient.invalidateQueries()
-      }
-    })
-  }
-  useEffect(() => {
-    const result = user.roles?.reduce((acc, item) => {
-      if (item.id !== undefined) {  // Chỉ gán khi id có giá trị
-        acc[item.id] = true;
-      }
-      return acc;
-    }, {} as Record<string, boolean>);
-    setRowSelection(result!)
-  }, [])
-  return (
-    <MyButtonModal modalSize={"xl"} disclosure={disc} title="Chọn quyền cho người dùng" label="Sửa quyền">
-      <Table
-        // mt={{ base: 0, lg: 16 }}
-        w={'100%'}
-        variant="vertical" layout="fixed">
-        <Table.Tbody>
-          <Table.Tr>
-            <Table.Th w={160}>Họ và tên:</Table.Th>
-            <Table.Td>{user.fullName}</Table.Td>
-          </Table.Tr>
-
-          <Table.Tr>
-            <Table.Th>Tên đăng nhập:</Table.Th>
-            <Table.Td>
-              {user.userName}
-            </Table.Td>
-          </Table.Tr>
-
-          <Table.Tr>
-            <Table.Th>Email:</Table.Th>
-            <Table.Td>{user.email}</Table.Td>
-          </Table.Tr>
-
-
-        </Table.Tbody>
-      </Table>
-      {query.isLoading && "Đang tải dữ liệu..."}
-      {query.isError && "Lỗi khi tải dữ liệu..."}
-      <Fieldset legend="Chọn quyền">
-        <MyDataTable
-          enableRowSelection={true}
-          onRowSelectionChange={setRowSelection}
-          state={{ rowSelection }}
-          setSelectedRow={rowSelect[1]}
-          getRowId={(originalRow) => originalRow.id?.toString()}
-          initialState={{
-            density: "xs",
-            pagination: { pageIndex: 0, pageSize: 10 },
-            columnPinning: { right: ["mrt-row-actions"] },
-            columnVisibility: {
-              nguoiCapNhat: false,
-              ngayCapNhat: false
-            }
-          }}
-          columns={permissionColumns}
-          data={query.data!}
-        />
-      </Fieldset>
-      <Group justify='flex-end' mt={24}>
-        <Button onClick={handleSave}>Lưu</Button>
-      </Group>
-    </MyButtonModal>
-  )
-}

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

@@ -1,61 +0,0 @@
-"use client"
-import baseAxios from '@/api/baseAxios'
-import { MyButtonCreate } from '@/components/Buttons/ButtonCRUD/MyButtonCreate'
-import { MyTextInput } from '@/components/Inputs/TextInput/MyTextInput'
-import { IBaseEntity } from '@/interfaces/base'
-import { U0MyValidateEmail } from '@/utils/utils_validateForm'
-import { useForm } from '@mantine/form'
-
-interface I extends IBaseEntity {
-    userName?: string,
-    passwordHash?: string
-    address?: string
-    fullName?: string,
-    isBlocked?: boolean
-    email?: string,
-    password?: string,
-    workingUnitId?: number
-    phoneNumber?: string
-    AQModuleId?: number
-}
-const ENDPOINT = "/Account/create"
-export function F_core71678_Create() {
-    const form = useForm<I>({
-        initialValues: {
-            fullName: "",
-            code: "",
-            userName: "",
-            password: "",
-            email: "",
-            phoneNumber: "",
-        },
-        validate: {
-            email: (value) => U0MyValidateEmail(value),
-        }
-    })
-    async function handleSubmit() {
-        return await baseAxios.post(ENDPOINT, {
-            ...form.getValues(),
-            passwordHash: "",
-            id: 0,
-            address: "",
-            concurrencyStamp: "",
-            isBlocked: false,
-            isEnabled: true,
-            workingUnitId: undefined,
-            AQModuleId: 1002
-        })
-    }
-    return (
-        <MyButtonCreate form={form} onSubmit={handleSubmit} objectName='người dùng'>
-            <MyTextInput label='Mã tài khoản' {...form.getInputProps("code")} />
-            <MyTextInput label='Tên tài khoản' {...form.getInputProps("userName")} />
-            <MyTextInput label='Mật khẩu' {...form.getInputProps("password")} />
-            <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")} />
-        </MyButtonCreate>
-    )
-}
-
-

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

@@ -1,16 +0,0 @@
-'use client'
-import baseAxios from "@/api/baseAxios";
-import { MyActionIconDelete } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconDelete";
-
-const ENDPOINT = "/Account/delete"
-export function F_core71678_Delete({ id, code }: { id: number, code: string }) {
-    return (
-        <MyActionIconDelete
-            contextData={code}
-            onSubmit={async () =>
-                await baseAxios.post(ENDPOINT, { id: id })
-            }
-        />
-    )
-}
-