aq-fe-framework 0.1.155 → 0.1.156

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,111 @@
+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

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,95 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,117 @@
+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

@@ -0,0 +1,61 @@
+"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

@@ -0,0 +1,16 @@
+'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 })
+            }
+        />
+    )
+}
+