aq-fe-framework 0.1.177 → 0.1.179
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-Z6OQG54Q.mjs → chunk-PPIWRJB2.mjs} +3 -0
- package/dist/{chunk-DFZU3RRE.mjs → chunk-SD2FZPOC.mjs} +270 -204
- package/dist/components/Layouts/HeaderMegaMenu/css.module.css +50 -50
- package/dist/components/index.css +68 -15
- package/dist/components/index.mjs +2 -2
- package/dist/hooks/index.mjs +1 -4
- package/dist/modules-features/authenticate/{F_Authenticate_Login → F_authenticate_Login}/css.module.css +4 -4
- package/dist/modules-features/index.css +74 -15
- package/dist/modules-features/index.mjs +76 -41
- package/dist/providers/mantine.module.css +21 -21
- package/package.json +140 -141
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
.header {
|
|
2
|
-
position: sticky; /* Giúp header dính trên cùng */
|
|
3
|
-
top: 0;
|
|
4
|
-
z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
|
|
5
|
-
height: 60px;
|
|
6
|
-
background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
|
|
7
|
-
padding-left: var(--mantine-spacing-md);
|
|
8
|
-
padding-right: var(--mantine-spacing-md);
|
|
9
|
-
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.link {
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
height: 100%;
|
|
16
|
-
padding-left: var(--mantine-spacing-md);
|
|
17
|
-
padding-right: var(--mantine-spacing-md);
|
|
18
|
-
text-decoration: none;
|
|
19
|
-
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
|
|
20
|
-
font-weight: 500;
|
|
21
|
-
font-size: var(--mantine-font-size-sm);
|
|
22
|
-
|
|
23
|
-
@media (max-width: $mantine-breakpoint-sm) {
|
|
24
|
-
height: 42px;
|
|
25
|
-
width: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@mixin hover {
|
|
29
|
-
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.subLink {
|
|
34
|
-
width: 100%;
|
|
35
|
-
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
36
|
-
border-radius: var(--mantine-radius-md);
|
|
37
|
-
|
|
38
|
-
@mixin hover {
|
|
39
|
-
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.dropdownFooter {
|
|
44
|
-
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
|
|
45
|
-
margin: calc(var(--mantine-spacing-md) * -1);
|
|
46
|
-
margin-top: var(--mantine-spacing-sm);
|
|
47
|
-
padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
|
|
48
|
-
padding-bottom: var(--mantine-spacing-xl);
|
|
49
|
-
border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
|
|
50
|
-
}
|
|
1
|
+
.header {
|
|
2
|
+
position: sticky; /* Giúp header dính trên cùng */
|
|
3
|
+
top: 0;
|
|
4
|
+
z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
|
|
5
|
+
height: 60px;
|
|
6
|
+
background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
|
|
7
|
+
padding-left: var(--mantine-spacing-md);
|
|
8
|
+
padding-right: var(--mantine-spacing-md);
|
|
9
|
+
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.link {
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
height: 100%;
|
|
16
|
+
padding-left: var(--mantine-spacing-md);
|
|
17
|
+
padding-right: var(--mantine-spacing-md);
|
|
18
|
+
text-decoration: none;
|
|
19
|
+
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
font-size: var(--mantine-font-size-sm);
|
|
22
|
+
|
|
23
|
+
@media (max-width: $mantine-breakpoint-sm) {
|
|
24
|
+
height: 42px;
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin hover {
|
|
29
|
+
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.subLink {
|
|
34
|
+
width: 100%;
|
|
35
|
+
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
36
|
+
border-radius: var(--mantine-radius-md);
|
|
37
|
+
|
|
38
|
+
@mixin hover {
|
|
39
|
+
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.dropdownFooter {
|
|
44
|
+
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
|
|
45
|
+
margin: calc(var(--mantine-spacing-md) * -1);
|
|
46
|
+
margin-top: var(--mantine-spacing-sm);
|
|
47
|
+
padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
|
|
48
|
+
padding-bottom: var(--mantine-spacing-xl);
|
|
49
|
+
border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
|
|
50
|
+
}
|
|
@@ -1,41 +1,94 @@
|
|
|
1
|
-
/* css
|
|
2
|
-
.
|
|
1
|
+
/* src/components/Layouts/HeaderMegaMenu/css.module.css */
|
|
2
|
+
.header {
|
|
3
3
|
position: sticky;
|
|
4
4
|
top: 0;
|
|
5
5
|
z-index: 1;
|
|
6
|
-
height:
|
|
7
|
-
background-color:
|
|
6
|
+
height: calc(3.75rem * var(--mantine-scale));
|
|
7
|
+
background-color: var(--mantine-color-white);
|
|
8
|
+
}
|
|
9
|
+
[data-mantine-color-scheme=dark] .header {
|
|
10
|
+
background-color: var(--mantine-color-dark);
|
|
11
|
+
}
|
|
12
|
+
.header {
|
|
8
13
|
padding-left: var(--mantine-spacing-md);
|
|
9
14
|
padding-right: var(--mantine-spacing-md);
|
|
10
|
-
border-bottom: 1px solid
|
|
15
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
16
|
+
}
|
|
17
|
+
[data-mantine-color-scheme=dark] .header {
|
|
18
|
+
border-bottom: 1px solid var(--mantine-color-dark-4);
|
|
11
19
|
}
|
|
12
|
-
.
|
|
20
|
+
.link {
|
|
13
21
|
display: flex;
|
|
14
22
|
align-items: center;
|
|
15
23
|
height: 100%;
|
|
16
24
|
padding-left: var(--mantine-spacing-md);
|
|
17
25
|
padding-right: var(--mantine-spacing-md);
|
|
18
26
|
text-decoration: none;
|
|
19
|
-
color:
|
|
27
|
+
color: var(--mantine-color-black);
|
|
28
|
+
}
|
|
29
|
+
[data-mantine-color-scheme=dark] .link {
|
|
30
|
+
color: var(--mantine-color-white);
|
|
31
|
+
}
|
|
32
|
+
.link {
|
|
20
33
|
font-weight: 500;
|
|
21
34
|
font-size: var(--mantine-font-size-sm);
|
|
22
|
-
|
|
23
|
-
|
|
35
|
+
}
|
|
36
|
+
@media (max-width: $mantine-breakpoint-sm) {
|
|
37
|
+
.link {
|
|
38
|
+
height: calc(2.625rem * var(--mantine-scale));
|
|
24
39
|
width: 100%;
|
|
25
40
|
}
|
|
26
|
-
@mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
|
|
27
41
|
}
|
|
28
|
-
|
|
42
|
+
@media (hover: hover) {
|
|
43
|
+
.link:hover {
|
|
44
|
+
background-color: var(--mantine-color-gray-0);
|
|
45
|
+
}
|
|
46
|
+
[data-mantine-color-scheme=dark] .link:hover {
|
|
47
|
+
background-color: var(--mantine-color-dark-6);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
@media (hover: none) {
|
|
51
|
+
.link:active {
|
|
52
|
+
background-color: var(--mantine-color-gray-0);
|
|
53
|
+
}
|
|
54
|
+
[data-mantine-color-scheme=dark] .link:active {
|
|
55
|
+
background-color: var(--mantine-color-dark-6);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.subLink {
|
|
29
59
|
width: 100%;
|
|
30
60
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
31
61
|
border-radius: var(--mantine-radius-md);
|
|
32
|
-
@mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
|
|
33
62
|
}
|
|
34
|
-
|
|
35
|
-
|
|
63
|
+
@media (hover: hover) {
|
|
64
|
+
.subLink:hover {
|
|
65
|
+
background-color: var(--mantine-color-gray-0);
|
|
66
|
+
}
|
|
67
|
+
[data-mantine-color-scheme=dark] .subLink:hover {
|
|
68
|
+
background-color: var(--mantine-color-dark-7);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
@media (hover: none) {
|
|
72
|
+
.subLink:active {
|
|
73
|
+
background-color: var(--mantine-color-gray-0);
|
|
74
|
+
}
|
|
75
|
+
[data-mantine-color-scheme=dark] .subLink:active {
|
|
76
|
+
background-color: var(--mantine-color-dark-7);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.dropdownFooter {
|
|
80
|
+
background-color: var(--mantine-color-gray-0);
|
|
81
|
+
}
|
|
82
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
83
|
+
background-color: var(--mantine-color-dark-7);
|
|
84
|
+
}
|
|
85
|
+
.dropdownFooter {
|
|
36
86
|
margin: calc(var(--mantine-spacing-md) * -1);
|
|
37
87
|
margin-top: var(--mantine-spacing-sm);
|
|
38
88
|
padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
|
|
39
89
|
padding-bottom: var(--mantine-spacing-xl);
|
|
40
|
-
border-top: 1px solid
|
|
90
|
+
border-top: 1px solid var(--mantine-color-gray-1);
|
|
91
|
+
}
|
|
92
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
93
|
+
border-top: 1px solid var(--mantine-color-dark-5);
|
|
41
94
|
}
|
|
@@ -66,8 +66,8 @@ import {
|
|
|
66
66
|
useS_BasicAppShell,
|
|
67
67
|
useS_ButtonImport,
|
|
68
68
|
utils_layout_getItemsWithoutLinks
|
|
69
|
-
} from "../chunk-
|
|
70
|
-
import "../chunk-
|
|
69
|
+
} from "../chunk-SD2FZPOC.mjs";
|
|
70
|
+
import "../chunk-PPIWRJB2.mjs";
|
|
71
71
|
import "../chunk-Y3YGC5IH.mjs";
|
|
72
72
|
import "../chunk-5U2JSHSJ.mjs";
|
|
73
73
|
import "../chunk-7ZCOFATU.mjs";
|
package/dist/hooks/index.mjs
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useQ_AQ_GetAQModule
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-PPIWRJB2.mjs";
|
|
4
4
|
import "../chunk-7ZCOFATU.mjs";
|
|
5
5
|
import "../chunk-FWCSY2DS.mjs";
|
|
6
|
-
|
|
7
|
-
// src/hooks/custom-hooks/useC_MutationAction.tsx
|
|
8
|
-
import { useQueryClient } from "@tanstack/react-query";
|
|
9
6
|
export {
|
|
10
7
|
useQ_AQ_GetAQModule
|
|
11
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.title {
|
|
2
|
-
font-family: Greycliff CF, var(--mantine-font-family);
|
|
3
|
-
font-weight: 900;
|
|
4
|
-
}
|
|
1
|
+
.title {
|
|
2
|
+
font-family: Greycliff CF, var(--mantine-font-family);
|
|
3
|
+
font-weight: 900;
|
|
4
|
+
}
|
|
@@ -1,41 +1,100 @@
|
|
|
1
|
-
/* css
|
|
2
|
-
.
|
|
1
|
+
/* src/components/Layouts/HeaderMegaMenu/css.module.css */
|
|
2
|
+
.header {
|
|
3
3
|
position: sticky;
|
|
4
4
|
top: 0;
|
|
5
5
|
z-index: 1;
|
|
6
|
-
height:
|
|
7
|
-
background-color:
|
|
6
|
+
height: calc(3.75rem * var(--mantine-scale));
|
|
7
|
+
background-color: var(--mantine-color-white);
|
|
8
|
+
}
|
|
9
|
+
[data-mantine-color-scheme=dark] .header {
|
|
10
|
+
background-color: var(--mantine-color-dark);
|
|
11
|
+
}
|
|
12
|
+
.header {
|
|
8
13
|
padding-left: var(--mantine-spacing-md);
|
|
9
14
|
padding-right: var(--mantine-spacing-md);
|
|
10
|
-
border-bottom: 1px solid
|
|
15
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
16
|
+
}
|
|
17
|
+
[data-mantine-color-scheme=dark] .header {
|
|
18
|
+
border-bottom: 1px solid var(--mantine-color-dark-4);
|
|
11
19
|
}
|
|
12
|
-
.
|
|
20
|
+
.link {
|
|
13
21
|
display: flex;
|
|
14
22
|
align-items: center;
|
|
15
23
|
height: 100%;
|
|
16
24
|
padding-left: var(--mantine-spacing-md);
|
|
17
25
|
padding-right: var(--mantine-spacing-md);
|
|
18
26
|
text-decoration: none;
|
|
19
|
-
color:
|
|
27
|
+
color: var(--mantine-color-black);
|
|
28
|
+
}
|
|
29
|
+
[data-mantine-color-scheme=dark] .link {
|
|
30
|
+
color: var(--mantine-color-white);
|
|
31
|
+
}
|
|
32
|
+
.link {
|
|
20
33
|
font-weight: 500;
|
|
21
34
|
font-size: var(--mantine-font-size-sm);
|
|
22
|
-
|
|
23
|
-
|
|
35
|
+
}
|
|
36
|
+
@media (max-width: $mantine-breakpoint-sm) {
|
|
37
|
+
.link {
|
|
38
|
+
height: calc(2.625rem * var(--mantine-scale));
|
|
24
39
|
width: 100%;
|
|
25
40
|
}
|
|
26
|
-
@mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
|
|
27
41
|
}
|
|
28
|
-
|
|
42
|
+
@media (hover: hover) {
|
|
43
|
+
.link:hover {
|
|
44
|
+
background-color: var(--mantine-color-gray-0);
|
|
45
|
+
}
|
|
46
|
+
[data-mantine-color-scheme=dark] .link:hover {
|
|
47
|
+
background-color: var(--mantine-color-dark-6);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
@media (hover: none) {
|
|
51
|
+
.link:active {
|
|
52
|
+
background-color: var(--mantine-color-gray-0);
|
|
53
|
+
}
|
|
54
|
+
[data-mantine-color-scheme=dark] .link:active {
|
|
55
|
+
background-color: var(--mantine-color-dark-6);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.subLink {
|
|
29
59
|
width: 100%;
|
|
30
60
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
31
61
|
border-radius: var(--mantine-radius-md);
|
|
32
|
-
@mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
|
|
33
62
|
}
|
|
34
|
-
|
|
35
|
-
|
|
63
|
+
@media (hover: hover) {
|
|
64
|
+
.subLink:hover {
|
|
65
|
+
background-color: var(--mantine-color-gray-0);
|
|
66
|
+
}
|
|
67
|
+
[data-mantine-color-scheme=dark] .subLink:hover {
|
|
68
|
+
background-color: var(--mantine-color-dark-7);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
@media (hover: none) {
|
|
72
|
+
.subLink:active {
|
|
73
|
+
background-color: var(--mantine-color-gray-0);
|
|
74
|
+
}
|
|
75
|
+
[data-mantine-color-scheme=dark] .subLink:active {
|
|
76
|
+
background-color: var(--mantine-color-dark-7);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.dropdownFooter {
|
|
80
|
+
background-color: var(--mantine-color-gray-0);
|
|
81
|
+
}
|
|
82
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
83
|
+
background-color: var(--mantine-color-dark-7);
|
|
84
|
+
}
|
|
85
|
+
.dropdownFooter {
|
|
36
86
|
margin: calc(var(--mantine-spacing-md) * -1);
|
|
37
87
|
margin-top: var(--mantine-spacing-sm);
|
|
38
88
|
padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
|
|
39
89
|
padding-bottom: var(--mantine-spacing-xl);
|
|
40
|
-
border-top: 1px solid
|
|
90
|
+
border-top: 1px solid var(--mantine-color-gray-1);
|
|
91
|
+
}
|
|
92
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
93
|
+
border-top: 1px solid var(--mantine-color-dark-5);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* src/modules-features/authenticate/F_authenticate_Login/css.module.css */
|
|
97
|
+
.title {
|
|
98
|
+
font-family: Greycliff CF, var(--mantine-font-family);
|
|
99
|
+
font-weight: 900;
|
|
41
100
|
}
|
|
@@ -21,15 +21,15 @@ import {
|
|
|
21
21
|
MyTab,
|
|
22
22
|
MyTextInput,
|
|
23
23
|
OBJECT_COlORS,
|
|
24
|
-
css_module_default,
|
|
25
24
|
groupToTwoLevels,
|
|
25
|
+
useS_BasicAppShell,
|
|
26
26
|
useS_authenticate,
|
|
27
27
|
utils_layout_getItemsWithoutLinks
|
|
28
|
-
} from "../chunk-
|
|
28
|
+
} from "../chunk-SD2FZPOC.mjs";
|
|
29
29
|
import {
|
|
30
30
|
baseAxios_default,
|
|
31
31
|
useQ_AQ_GetAQModule
|
|
32
|
-
} from "../chunk-
|
|
32
|
+
} from "../chunk-PPIWRJB2.mjs";
|
|
33
33
|
import {
|
|
34
34
|
createGenericStore
|
|
35
35
|
} from "../chunk-Y3YGC5IH.mjs";
|
|
@@ -2072,7 +2072,7 @@ function F_core47643() {
|
|
|
2072
2072
|
import { useEffect as useEffect5 } from "react";
|
|
2073
2073
|
|
|
2074
2074
|
// src/modules-features/admin/core/core60524/F_core60524_Form.tsx
|
|
2075
|
-
import { Grid as Grid3, Paper as Paper6 } from "@mantine/core";
|
|
2075
|
+
import { Center, Grid as Grid3, Image, Paper as Paper6 } from "@mantine/core";
|
|
2076
2076
|
import { useForm as useForm14 } from "@mantine/form";
|
|
2077
2077
|
import { useEffect as useEffect4 } from "react";
|
|
2078
2078
|
|
|
@@ -2136,6 +2136,7 @@ function F_core60524_Save({
|
|
|
2136
2136
|
// src/modules-features/admin/core/core60524/F_core60524_Form.tsx
|
|
2137
2137
|
import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2138
2138
|
function F_core60524_Form() {
|
|
2139
|
+
var _a, _b, _c, _d;
|
|
2139
2140
|
const query = useQ_AQ_GetAQModule();
|
|
2140
2141
|
const form = useForm14({
|
|
2141
2142
|
mode: "uncontrolled",
|
|
@@ -2144,8 +2145,9 @@ function F_core60524_Form() {
|
|
|
2144
2145
|
logoFileDetail: (value) => value ? null : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng"
|
|
2145
2146
|
}
|
|
2146
2147
|
});
|
|
2148
|
+
const basicAppShell_store = useS_BasicAppShell();
|
|
2147
2149
|
useEffect4(() => {
|
|
2148
|
-
var
|
|
2150
|
+
var _a2, _b2;
|
|
2149
2151
|
if (!query.data) return;
|
|
2150
2152
|
const values = {
|
|
2151
2153
|
code: query.data.code || "",
|
|
@@ -2157,8 +2159,8 @@ function F_core60524_Form() {
|
|
|
2157
2159
|
limiteDate: new Date(query.data.limiteDate) || /* @__PURE__ */ new Date(),
|
|
2158
2160
|
faviconPath: query.data.faviconPath || "",
|
|
2159
2161
|
logoPath: query.data.logoPath || "",
|
|
2160
|
-
faviconFile: new File([], (
|
|
2161
|
-
logoFile: new File([], (
|
|
2162
|
+
faviconFile: new File([], (_a2 = query.data.faviconFileDetail) == null ? void 0 : _a2.fileName),
|
|
2163
|
+
logoFile: new File([], (_b2 = query.data.logoFileDetail) == null ? void 0 : _b2.fileName),
|
|
2162
2164
|
faviconFileDetail: query.data.faviconFileDetail,
|
|
2163
2165
|
logoFileDetail: query.data.logoFileDetail
|
|
2164
2166
|
};
|
|
@@ -2188,30 +2190,58 @@ function F_core60524_Form() {
|
|
|
2188
2190
|
label: "Ng\xE0y h\u1EBFt h\u1EA1n"
|
|
2189
2191
|
}
|
|
2190
2192
|
) }),
|
|
2191
|
-
/* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2193
|
+
/* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs28(MyFlexColumn, { children: [
|
|
2194
|
+
/* @__PURE__ */ jsx41(
|
|
2195
|
+
MyFileInput,
|
|
2196
|
+
{
|
|
2197
|
+
accept: "image/png,image/jpeg",
|
|
2198
|
+
label: "Favicon (16px x 16px)",
|
|
2199
|
+
value: form.getValues().faviconFile,
|
|
2200
|
+
onChange: async (e) => {
|
|
2201
|
+
form.setFieldValue("faviconFile", e);
|
|
2202
|
+
form.setFieldValue("faviconFileDetail", await utils_file_fileToAQDocumentType(e));
|
|
2203
|
+
}
|
|
2200
2204
|
}
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2205
|
+
),
|
|
2206
|
+
/* @__PURE__ */ jsx41(Paper6, { w: "100%", children: /* @__PURE__ */ jsx41(Center, { children: /* @__PURE__ */ jsx41(
|
|
2207
|
+
Image,
|
|
2208
|
+
{
|
|
2209
|
+
fit: "contain",
|
|
2210
|
+
src: `data:image/${(_a = basicAppShell_store.state.faviconFileDetail) == null ? void 0 : _a.fileExtension};base64,
|
|
2211
|
+
${(_b = basicAppShell_store.state.faviconFileDetail) == null ? void 0 : _b.fileBase64String}`,
|
|
2212
|
+
h: "115px",
|
|
2213
|
+
fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
|
|
2214
|
+
alt: "Main logo",
|
|
2215
|
+
w: "330px"
|
|
2212
2216
|
}
|
|
2213
|
-
}
|
|
2214
|
-
) })
|
|
2217
|
+
) }) })
|
|
2218
|
+
] }) }),
|
|
2219
|
+
/* @__PURE__ */ jsx41(Grid3.Col, { span: { base: 12, md: 6 }, children: /* @__PURE__ */ jsxs28(MyFlexColumn, { children: [
|
|
2220
|
+
/* @__PURE__ */ jsx41(
|
|
2221
|
+
MyFileInput,
|
|
2222
|
+
{
|
|
2223
|
+
accept: "image/png,image/jpeg",
|
|
2224
|
+
label: "Logo (330px x 115px)",
|
|
2225
|
+
value: form.getValues().logoFile,
|
|
2226
|
+
onChange: async (e) => {
|
|
2227
|
+
form.setFieldValue("logoFile", e);
|
|
2228
|
+
form.setFieldValue("logoFileDetail", await utils_file_fileToAQDocumentType(e));
|
|
2229
|
+
}
|
|
2230
|
+
}
|
|
2231
|
+
),
|
|
2232
|
+
/* @__PURE__ */ jsx41(Paper6, { children: /* @__PURE__ */ jsx41(Center, { children: /* @__PURE__ */ jsx41(
|
|
2233
|
+
Image,
|
|
2234
|
+
{
|
|
2235
|
+
fit: "contain",
|
|
2236
|
+
src: `data:image/${(_c = basicAppShell_store.state.logoFileDetail) == null ? void 0 : _c.fileExtension};base64,
|
|
2237
|
+
${(_d = basicAppShell_store.state.logoFileDetail) == null ? void 0 : _d.fileBase64String}`,
|
|
2238
|
+
h: "115px",
|
|
2239
|
+
fallbackSrc: "https://placehold.co/600x400?text=Placeholder",
|
|
2240
|
+
alt: "Main logo",
|
|
2241
|
+
w: "330px"
|
|
2242
|
+
}
|
|
2243
|
+
) }) })
|
|
2244
|
+
] }) })
|
|
2215
2245
|
] }),
|
|
2216
2246
|
/* @__PURE__ */ jsx41(MyFlexEnd, { children: /* @__PURE__ */ jsx41(F_core60524_Save, { form }) })
|
|
2217
2247
|
] });
|
|
@@ -3304,7 +3334,7 @@ import { Group as Group13, Paper as Paper17, Text as Text12 } from "@mantine/cor
|
|
|
3304
3334
|
import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
3305
3335
|
|
|
3306
3336
|
// src/modules-features/admin/core/MainDashboard/ViewDiscountStat.tsx
|
|
3307
|
-
import { Center, Progress, Space as Space5, Text as Text13 } from "@mantine/core";
|
|
3337
|
+
import { Center as Center2, Progress, Space as Space5, Text as Text13 } from "@mantine/core";
|
|
3308
3338
|
import { PieChart } from "@mantine/charts";
|
|
3309
3339
|
import { useMemo as useMemo14 } from "react";
|
|
3310
3340
|
import { Fragment as Fragment9, jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
@@ -3500,7 +3530,7 @@ function PieChart_DiscountUsedPercentage() {
|
|
|
3500
3530
|
header: "%",
|
|
3501
3531
|
accessorKey: "used",
|
|
3502
3532
|
accessorFn(originalRow) {
|
|
3503
|
-
return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsx72(
|
|
3533
|
+
return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
|
|
3504
3534
|
(originalRow.used / totalDisountCode * 100).toFixed(0),
|
|
3505
3535
|
"%"
|
|
3506
3536
|
] }) }) });
|
|
@@ -3516,7 +3546,7 @@ function PieChart_DiscountUsedPercentage() {
|
|
|
3516
3546
|
},
|
|
3517
3547
|
Cell: ({ row }) => {
|
|
3518
3548
|
return /* @__PURE__ */ jsxs50(Fragment9, { children: [
|
|
3519
|
-
/* @__PURE__ */ jsx72(
|
|
3549
|
+
/* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsxs50(Text13, { children: [
|
|
3520
3550
|
"\u0110\xE3 s\u1EED d\u1EE5ng: ",
|
|
3521
3551
|
/* @__PURE__ */ jsxs50("strong", { children: [
|
|
3522
3552
|
row.original.used,
|
|
@@ -3538,7 +3568,7 @@ function PieChart_DiscountUsedPercentage() {
|
|
|
3538
3568
|
);
|
|
3539
3569
|
return /* @__PURE__ */ jsx72(Fragment9, { children: /* @__PURE__ */ jsxs50(MyFlexColumn, { children: [
|
|
3540
3570
|
/* @__PURE__ */ jsx72(Text13, { mb: "20", children: "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng chi\u1EBFt kh\u1EA5u h\u1ECDc vi\xEAn trong 60 ng\xE0y qua" }),
|
|
3541
|
-
/* @__PURE__ */ jsx72(
|
|
3571
|
+
/* @__PURE__ */ jsx72(Center2, { children: /* @__PURE__ */ jsx72(
|
|
3542
3572
|
PieChart,
|
|
3543
3573
|
{
|
|
3544
3574
|
startAngle: 90,
|
|
@@ -3567,7 +3597,7 @@ function PieChart_DiscountUsedPercentage() {
|
|
|
3567
3597
|
}
|
|
3568
3598
|
|
|
3569
3599
|
// src/modules-features/admin/core/MainDashboard/ViewVoucherStat.tsx
|
|
3570
|
-
import { Center as
|
|
3600
|
+
import { Center as Center3, Progress as Progress2, Space as Space6, Text as Text14 } from "@mantine/core";
|
|
3571
3601
|
import { PieChart as PieChart2 } from "@mantine/charts";
|
|
3572
3602
|
import { useMemo as useMemo15 } from "react";
|
|
3573
3603
|
import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
@@ -3763,7 +3793,7 @@ function PieChart_VoucherUsedPercentage() {
|
|
|
3763
3793
|
header: "%",
|
|
3764
3794
|
accessorKey: "used",
|
|
3765
3795
|
accessorFn(originalRow) {
|
|
3766
|
-
return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsx73(
|
|
3796
|
+
return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
|
|
3767
3797
|
(originalRow.used / totalVoucherCode * 100).toFixed(0),
|
|
3768
3798
|
"%"
|
|
3769
3799
|
] }) }) });
|
|
@@ -3779,7 +3809,7 @@ function PieChart_VoucherUsedPercentage() {
|
|
|
3779
3809
|
},
|
|
3780
3810
|
Cell: ({ row }) => {
|
|
3781
3811
|
return /* @__PURE__ */ jsxs51(Fragment10, { children: [
|
|
3782
|
-
/* @__PURE__ */ jsx73(
|
|
3812
|
+
/* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsxs51(Text14, { children: [
|
|
3783
3813
|
"\u0110\xE3 s\u1EED d\u1EE5ng: ",
|
|
3784
3814
|
/* @__PURE__ */ jsxs51("strong", { children: [
|
|
3785
3815
|
row.original.used,
|
|
@@ -3801,7 +3831,7 @@ function PieChart_VoucherUsedPercentage() {
|
|
|
3801
3831
|
);
|
|
3802
3832
|
return /* @__PURE__ */ jsx73(Fragment10, { children: /* @__PURE__ */ jsxs51(MyFlexColumn, { children: [
|
|
3803
3833
|
/* @__PURE__ */ jsx73(Text14, { mb: "20", children: "Bi\u1EC3u \u0111\u1ED3 ph\u1EA7n tr\u0103m s\u1EED d\u1EE5ng m\xE3 gi\u1EA3m gi\xE1 h\u1ECDc vi\xEAn trong 60 ng\xE0y qua" }),
|
|
3804
|
-
/* @__PURE__ */ jsx73(
|
|
3834
|
+
/* @__PURE__ */ jsx73(Center3, { children: /* @__PURE__ */ jsx73(
|
|
3805
3835
|
PieChart2,
|
|
3806
3836
|
{
|
|
3807
3837
|
startAngle: 90,
|
|
@@ -3846,12 +3876,12 @@ function F_authenticate_SplashPage() {
|
|
|
3846
3876
|
return /* @__PURE__ */ jsx74(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
|
|
3847
3877
|
}
|
|
3848
3878
|
|
|
3849
|
-
// src/modules-features/authenticate/
|
|
3879
|
+
// src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
|
|
3850
3880
|
import {
|
|
3851
3881
|
Anchor,
|
|
3852
3882
|
BackgroundImage,
|
|
3853
3883
|
Button as Button3,
|
|
3854
|
-
Center as
|
|
3884
|
+
Center as Center4,
|
|
3855
3885
|
Checkbox as Checkbox3,
|
|
3856
3886
|
Flex as Flex3,
|
|
3857
3887
|
Group as Group14,
|
|
@@ -3867,6 +3897,11 @@ import axios from "axios";
|
|
|
3867
3897
|
import Link from "next/link";
|
|
3868
3898
|
import { useRouter as useRouter3 } from "next/navigation";
|
|
3869
3899
|
import { useState as useState9 } from "react";
|
|
3900
|
+
|
|
3901
|
+
// src/modules-features/authenticate/F_authenticate_Login/css.module.css
|
|
3902
|
+
var css_default = {};
|
|
3903
|
+
|
|
3904
|
+
// src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
|
|
3870
3905
|
import { jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
3871
3906
|
function F_authenticate_Login({
|
|
3872
3907
|
loginInfo,
|
|
@@ -3925,9 +3960,9 @@ function F_authenticate_Login({
|
|
|
3925
3960
|
{
|
|
3926
3961
|
src: backgroundImage,
|
|
3927
3962
|
h: "100vh",
|
|
3928
|
-
children: /* @__PURE__ */ jsx75(
|
|
3963
|
+
children: /* @__PURE__ */ jsx75(Center4, { h: "100vh", children: /* @__PURE__ */ jsxs52(Paper18, { withBorder: true, w: 400, m: "md", shadow: "md", p: 30, mt: 30, radius: "md", children: [
|
|
3929
3964
|
/* @__PURE__ */ jsxs52(Flex3, { direction: "column", mb: "md", children: [
|
|
3930
|
-
/* @__PURE__ */ jsx75(Title, { ta: "center", className:
|
|
3965
|
+
/* @__PURE__ */ jsx75(Title, { ta: "center", className: css_default.title, children: "\u0110\u0103ng nh\u1EADp!" }),
|
|
3931
3966
|
/* @__PURE__ */ jsxs52(Text15, { c: "dimmed", size: "sm", ta: "center", mt: 5, children: [
|
|
3932
3967
|
"B\u1EA1n g\u1EB7p v\u1EA5n \u0111\u1EC1 k\u1EF9 thu\u1EADt?\xA0",
|
|
3933
3968
|
/* @__PURE__ */ jsx75(Anchor, { size: "sm", component: "button", children: "V\xE0o link n\xE0y" })
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
.input {
|
|
2
|
-
&[data-variant="underline"] {
|
|
3
|
-
border: 2px solid transparent;
|
|
4
|
-
border-radius: 5px;
|
|
5
|
-
padding-left: 8px;
|
|
6
|
-
padding-right: 8px;
|
|
7
|
-
background-color: white;
|
|
8
|
-
|
|
9
|
-
&:focus,
|
|
10
|
-
&:focus-visible {
|
|
11
|
-
border-color: var(--mantine-color-gray-5);
|
|
12
|
-
outline: none;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&:active {
|
|
16
|
-
border-color: var(--mantine-color-gray-5);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
transition: border-color 0.2s ease-in-out;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
1
|
+
.input {
|
|
2
|
+
&[data-variant="underline"] {
|
|
3
|
+
border: 2px solid transparent;
|
|
4
|
+
border-radius: 5px;
|
|
5
|
+
padding-left: 8px;
|
|
6
|
+
padding-right: 8px;
|
|
7
|
+
background-color: white;
|
|
8
|
+
|
|
9
|
+
&:focus,
|
|
10
|
+
&:focus-visible {
|
|
11
|
+
border-color: var(--mantine-color-gray-5);
|
|
12
|
+
outline: none;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&:active {
|
|
16
|
+
border-color: var(--mantine-color-gray-5);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
transition: border-color 0.2s ease-in-out;
|
|
20
|
+
}
|
|
21
|
+
}
|