aq-fe-framework 0.1.155 → 0.1.156

package/dist/api/apiFactory.ts

@@ -0,0 +1,46 @@
+type RestApiBase = {
+    base: string;
+    getAll: string;
+    get: string;
+    create: string;
+    update: string;
+    delete: string;
+    createOrUpdate: string;
+};
+
+export const createRestApi = <
+    T extends Record<string, string | ((...args: any[]) => string)> = {}
+>(
+    basePath: string,
+    custom?: T
+): RestApiBase & T => {
+    const base = `${basePath}`;
+
+    const defaultApi: RestApiBase = {
+        base,
+        getAll: `${base}/GetAll`,
+        get: `${base}/get`,
+        create: `${base}/create`,
+        update: `${base}/update`,
+        delete: `${base}/delete`,
+        createOrUpdate: `${base}/createOrUpdateList`,
+    };
+
+    const processedCustom = Object.entries(custom || {}).reduce(
+        (acc, [key, value]) => {
+            if (typeof value === "string") {
+                acc[key as keyof T] = `${base}/${value}` as T[keyof T];
+            } else if (typeof value === "function") {
+                acc[key as keyof T] = ((...args: any[]) =>
+                    `${base}/${value(...args)}`) as T[keyof T];
+            }
+            return acc;
+        },
+        {} as T
+    );
+
+    return {
+        ...defaultApi,
+        ...processedCustom,
+    };
+};

package/dist/api/baseAxios.ts

@@ -0,0 +1,22 @@
+import axios from "axios";
+
+const baseAxios = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API,
+});
+
+baseAxios.interceptors.request.use(
+  (config) => {
+    const tokenData = localStorage.getItem("useS_authenticate");
+    const state = JSON.parse(tokenData!);
+    const token = state?.state?.state?.token;
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`; // thêm token vào header Authorization
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+export default baseAxios;

package/dist/app/admin/(core)/core12196/page.tsx

@@ -0,0 +1,13 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core12196 } from '@/modules-features/admin/core/core12196/F_core12196'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core12196 FormTypeId={OBJECT_DOCUMENT_TYPES.Form} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core16209/page.tsx

@@ -0,0 +1,13 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core16209 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core16209 RefinementTypeId={OBJECT_DOCUMENT_TYPES.Refinement} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core18256/page.tsx

@@ -0,0 +1,12 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { F_core18256 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core18256 />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core26965/page.tsx

@@ -0,0 +1,13 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core26965 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core26965 RegulationsTypeId={OBJECT_DOCUMENT_TYPES.Regulations} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core27311/page.tsx

@@ -0,0 +1,13 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core27311 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core27311 WorkflowTypeId={OBJECT_DOCUMENT_TYPES.Workflow} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core38677/page.tsx

@@ -0,0 +1,13 @@
+'use client'
+import { MyPageContent } from '@/components'
+import { menuData } from '@/data/menuData'
+import { F_core38677 } from '@/modules-features/admin/core/core38677/F_core38677'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core38677 menuData={menuData} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core40207/page.tsx

@@ -0,0 +1,13 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core40207 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core40207 GuidelineTypeId={OBJECT_DOCUMENT_TYPES.Guideline} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core60524/page.tsx

@@ -0,0 +1,11 @@
+'use client'
+import { MyPageContent } from '@/components'
+import { F_core60524 } from '@/modules-features/admin/core/core60524/F_core60524'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core60524 AQModuleId={3} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core64229/page.tsx

@@ -0,0 +1,12 @@
+"use client"
+import { MyPageContent } from '@/components'
+import { F_core64229, F_core64229_Form } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core64229 />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core71678/page.tsx

@@ -0,0 +1,11 @@
+'use client'
+import { MyPageContent } from '@/components'
+import { F_core71678 } from '@/modules-features/admin/core/core71678/F_core71678'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core71678 />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core76318/page.tsx

@@ -0,0 +1,13 @@
+'use client'
+import { MyPageContent } from '@/components'
+import { OBJECT_DOCUMENT_TYPES } from '@/constants/object/documentTypes'
+import { F_core76318 } from '@/modules-features/admin/core/core76318/F_core76318'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core76318 SecurityTypeId={OBJECT_DOCUMENT_TYPES.Security} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/(core)/core83092/page.tsx

@@ -0,0 +1,13 @@
+'use client'
+import { MyPageContent } from '@/components'
+import { menuData } from '@/data/menuData'
+import { F_core83092 } from '@/modules-features'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <MyPageContent>
+            <F_core83092 menuData={menuData} />
+        </MyPageContent>
+    )
+}

package/dist/app/admin/[...slug]/page.tsx

@@ -0,0 +1,7 @@
+// app/(dashboard)/[...slug]/page.tsx
+
+import { Alert } from "@mantine/core";
+
+export default function CatchAllDashboardPage() {
+    return <Alert>Đang phát triển!</Alert>
+}

package/dist/app/admin/error.tsx

@@ -0,0 +1,42 @@
+'use client' // Error components must be Client Components
+
+import { MyFlexColumn } from '@/components'
+import { OBJECT_COlORS } from '@/constants/object/color'
+import { Button, Center, Container, Paper, Title } from '@mantine/core'
+import { IconRefresh } from '@tabler/icons-react'
+import { useEffect } from 'react'
+
+export default function Error({
+    error,
+    reset,
+}: {
+    error: Error & { digest?: string }
+    reset: () => void
+}) {
+    useEffect(() => {
+        // Log the error to an error reporting service
+        console.error(error)
+    }, [error])
+
+    return (
+        <Container >
+            <Center h={'80vh'}>
+                <MyFlexColumn>
+                    <Title>Chúng tôi đã ghi nhận lỗi và đang khắc phục!</Title>
+                    <Paper p={'md'} bg={OBJECT_COlORS.mantineBackgroundBlueLight}>
+                        Thông tin lỗi: {error.message}
+                    </Paper>
+                    <Button
+                        leftSection={<IconRefresh />}
+                        onClick={
+                            // Attempt to recover by trying to re-render the segment
+                            () => reset()
+                        }
+                    >
+                        Thử lại
+                    </Button>
+                </MyFlexColumn>
+            </Center>
+        </Container>
+    )
+}

package/dist/app/admin/layout.tsx

@@ -0,0 +1,21 @@
+"use client"
+import { useS_BasicAppShell } from "@/components";
+import { BasicAppShell } from "@/components/Layouts/BasicAppShell/BasicAppShell";
+import { useQ_AQ_GetAQModule } from "@/hooks/query/AQ/useQ_AQ_GetAQModule";
+import { ReactNode, useEffect } from "react";
+import { menuData } from "../../data/menuData";
+
+export default function Layout({ children }: { children?: ReactNode }) {
+    const GetAQModule_query = useQ_AQ_GetAQModule()
+    const BasicAppShell_store = useS_BasicAppShell()
+    useEffect(() => {
+        if (!GetAQModule_query.data) return
+        BasicAppShell_store.setProperty("moduleCode", GetAQModule_query.data?.code)
+        BasicAppShell_store.setProperty("moduleName", GetAQModule_query.data?.name)
+        BasicAppShell_store.setProperty("faviconFileDetail", GetAQModule_query.data.faviconFileDetail)
+        BasicAppShell_store.setProperty("logoFileDetail", GetAQModule_query.data.logoFileDetail)
+    }, [GetAQModule_query.data])
+    return <BasicAppShell menu={menuData}>{children}</BasicAppShell>;
+}
+
+

package/dist/app/admin/test/page.tsx

@@ -0,0 +1,44 @@
+"use client"
+import { MyCardInformation } from '@/components'
+import { Group, SimpleGrid } from '@mantine/core'
+import { IconBikeFilled, IconBook, IconDevicesQuestion, IconMoneybag, IconUser } from '@tabler/icons-react'
+import React from 'react'
+
+export default function Page() {
+    return (
+        <div>
+            <SimpleGrid>
+                <MyCardInformation
+                    title='Doanh thu'
+                    icon={<IconMoneybag />}
+                    unit='Triệu VNĐ'
+                    description='So với tháng trước'
+                    value='4.653.425'
+                    diff={34}
+                />
+                <MyCardInformation
+                    title='Tổng số khóa học'
+                    icon={<IconBook />}
+                    description='So với tháng trước'
+                    value='152'
+                    diff={16}
+                />
+                <MyCardInformation
+                    title='Tổng số khóa thi'
+                    icon={<IconDevicesQuestion />}
+                    description='So với tháng trước'
+                    value='36'
+                    diff={60}
+                />
+                <MyCardInformation
+                    title='Tổng số học viên'
+                    icon={<IconUser />}
+                    unit='Triệu VNĐ'
+                    description='So với tháng trước'
+                    value='3.042'
+                    diff={-30}
+                />
+            </SimpleGrid>
+        </div>
+    )
+}

package/dist/app/auth/login/page.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import { F_Authenticate_Login } from "@/modules-features/Authenticate/F_Authenticate_Login/F_Authenticate_Login"
+
+export default function Page() {
+    return (
+        <F_Authenticate_Login
+            loginInfo={{
+                username: "adminstm",
+                password: "123456"
+            }}
+        />
+    )
+}

package/dist/app/globals.css

@@ -0,0 +1,59 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* body {
+  font-family: 'Tahoma', sans-serif;
+} */
+ul {
+  list-style: disc;
+  list-style-position: outside;
+}
+
+ol {
+  list-style: decimal;
+  list-style-position: outside;
+}
+
+.m_d6493fad :where(img) {
+  max-width: unset !important;
+  margin-bottom: unset !important;
+}
+
+/* .m_b23fa0ef:where([data-with-table-border]) {
+  border: none !important;
+} */
+
+.MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg {
+  white-space: normal !important;
+}
+.m_4e7aa4fd:where([data-with-row-border]) {
+  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color) !important;
+  border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color) !important;
+}
+
+.MRT_TableBody-module_empty-row-td-content__Cc2XW {
+  max-width: unset !important; /* Hoặc max-width: initial !important; */
+}
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: inline; /* Hoặc giá trị khác mà bạn mong muốn */
+  vertical-align: auto; /* Hoặc giá trị khác mà bạn mong muốn */
+}
+
+.tabler-icon {
+  width: 20px;
+  height: 20px;
+}
+@media (max-width: 640px) {
+  :root {
+    /* Kích thước chữ cho màn hình nhỏ (mobile) */
+    font-size: 14px;
+  }
+}

package/dist/app/layout.tsx

@@ -0,0 +1,39 @@
+// Import styles of packages that you've installed.
+// All packages except `@mantine/hooks` require styles imports
+import '@mantine/charts/styles.css';
+import '@mantine/core/styles.css';
+import '@mantine/dates/styles.css'; //if using mantine date picker features
+import '@mantine/notifications/styles.css';
+import '@mantine/spotlight/styles.css';
+import '@mantine/tiptap/styles.css';
+import 'mantine-react-table/styles.css';
+import "./globals.css";
+
+import { FaviconSetter } from '@/components/FaviconSetter/FaviconSetter';
+import Provider from '@/providers/Provider';
+import { ColorSchemeScript } from '@mantine/core';
+
+export const metadata = {
+  title: 'My Mantine app',
+  description: 'I have followed setup instructions carefully',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <ColorSchemeScript />
+      </head>
+      <body>
+        <Provider>
+          <FaviconSetter />
+          {children}
+        </Provider>
+      </body>
+    </html>
+  );
+} 

package/dist/app/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+import { MyBoxesBackground } from "@/components";
+import { useS_authenticate } from "@/modules-features/authenticate/useS_authenticate";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+export default function Page() {
+    const router = useRouter();
+    const S_Authenticate = useS_authenticate();
+    useEffect(() => {
+        if (S_Authenticate.state.token == "") {
+            router.push("/test");
+            return;
+        }
+        router.push("/admin/core71678");
+    }, [S_Authenticate.state.token]);
+    return <MyBoxesBackground title="Hệ thống thông tin quản lí đào tạo ngắn hạn" />;
+}

package/dist/{chunk-PAHZ57DT.mjs → chunk-JLT4BL7I.mjs}

@@ -7286,7 +7286,7 @@ import {
 import Link4 from "next/link";
 
 // src/components/Layouts/HeaderMegaMenu/css.module.css
-var css_default = {};
+var css_default = "./css.module-4ICLUKPO.module.css";
 
 // src/components/Layouts/HeaderMegaMenu/HeaderMegaMenuStore.ts
 var useStore4 = createGenericStore({

package/dist/components/Aceternity/BoxesBackground/MyBoxes.tsx

@@ -0,0 +1,66 @@
+"use client";
+import { cn } from "@/lib/utils";
+import { motion } from "framer-motion";
+import React from "react";
+
+export const MyBoxesCore = ({ className, ...rest }: { className?: string }) => {
+    const rows = new Array(150).fill(1);
+    const cols = new Array(100).fill(1);
+    let colors = [
+        "--sky-300",
+        "--pink-300",
+        "--green-300",
+        "--yellow-300",
+        "--red-300",
+        "--purple-300",
+        "--blue-300",
+        "--indigo-300",
+        "--violet-300",
+    ];
+    const getRandomColor = () => {
+        return colors[Math.floor(Math.random() * colors.length)];
+    };
+
+    return (
+        <div
+            style={{
+                transform: `translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)`,
+            }}
+            className={cn(
+                "absolute left-1/4 p-4 -top-1/4 flex  -translate-x-1/2 -translate-y-1/2 w-full h-full z-0 ",
+                className
+            )}
+            {...rest}>
+            {rows.map((_, i) => (
+                <motion.div key={`row` + i} className="w-16 h-8  border-l  border-slate-700 relative">
+                    {cols.map((_, j) => (
+                        <motion.div
+                            whileHover={{
+                                backgroundColor: `var(${getRandomColor()})`,
+                                transition: { duration: 0 },
+                            }}
+                            animate={{
+                                transition: { duration: 2 },
+                            }}
+                            key={`col` + j}
+                            className="w-16 h-8  border-r border-t border-slate-700 relative">
+                            {j % 2 === 0 && i % 2 === 0 ? (
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    fill="none"
+                                    viewBox="0 0 24 24"
+                                    strokeWidth="1.5"
+                                    stroke="currentColor"
+                                    className="absolute h-6 w-10 -top-[14px] -left-[22px] text-slate-700 stroke-[1px] pointer-events-none">
+                                    <path strokeLinecap="round" strokeLinejoin="round" d="M12 6v12m6-6H6" />
+                                </svg>
+                            ) : null}
+                        </motion.div>
+                    ))}
+                </motion.div>
+            ))}
+        </div>
+    );
+};
+
+export const Boxes = React.memo(MyBoxesCore);

package/dist/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { MyCardioLoader } from "@/components/Loaders/MyCardioLoader";
+import { cn } from "@/lib/utils";
+import { Center, Space, Text } from "@mantine/core";
+import { MyBoxesCore } from "./MyBoxes";
+
+// Default values shown
+
+export function MyBoxesBackground({ title, desc = "Được phát triển bởi công ty công nghệ Anh Quân." }: { title: string, desc?: string }) {
+    return (
+        <div className="h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg">
+            <div className="absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" />
+            <MyBoxesCore />
+            <Center className="z-20">
+                <MyCardioLoader />
+            </Center>
+            <Space my={7} />
+            <Center>
+                <Text className="z-20" fs="italic" fw={"bold"} c={"white"}>
+                    Đang tải...
+                </Text>
+            </Center>
+            <Space my={7} />
+            <h1 className={cn("md:text-4xl text-xl text-white relative z-20")}>
+                {title}
+            </h1>
+            <p className="text-center mt-2 text-neutral-300 relative z-20">{desc}</p>
+        </div>
+    );
+}

package/dist/components/ActionIcons/ActionIcon/MyActionIcon.tsx

@@ -0,0 +1,47 @@
+import { TYPES_CRUD } from "@/types/types";
+import { ActionIcon, ActionIconProps } from "@mantine/core";
+import { IconDeviceFloppy, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { ReactNode } from "react";
+
+interface IMyActionIcon extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
+    crudType?: TYPES_CRUD
+    children?: ReactNode;
+}
+
+export function MyActionIcon({ children, crudType = "default", ...rest }: IMyActionIcon) {
+    if (crudType == "default") {
+        return (
+            <ActionIcon color="indigo" {...rest}>
+                {children}
+            </ActionIcon>
+        );
+    }
+    if (crudType == "create") {
+        return (
+            <ActionIcon color="indigo"  {...rest}>
+                <IconPlus />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "delete") {
+        return (
+            <ActionIcon color="red"  {...rest}>
+                <IconTrash />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "update") {
+        return (
+            <ActionIcon color="yellow"{...rest}>
+                <IconEdit />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "save") {
+        return (
+            <ActionIcon color="green"  {...rest}>
+                <IconDeviceFloppy />
+            </ActionIcon>
+        );
+    }
+}