@banch0u/core-project-test-repository 1.8.2 → 1.8.4
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/assets/css/antd.css +113 -0
- package/dist/assets/css/variables.css +6 -0
- package/dist/assets/icons/index.js +242 -1
- package/dist/components/NotificationSettingsContent/index.js +12 -2
- package/dist/components/ProfileOptions/index.js +109 -66
- package/dist/components/ProfileOptions/index.module.scss +144 -12
- package/dist/index.js +4 -0
- package/dist/layout/Header/AppSelect/index.js +88 -0
- package/dist/layout/Header/AppSelect/index.module.scss +63 -0
- package/dist/layout/Header/index.js +6 -84
- package/dist/layout/Header/index.module.scss +8 -12
- package/dist/layout/Sidebar/index.js +147 -0
- package/dist/layout/Sidebar/index.module.scss +50 -0
- package/dist/pages/Platform/constant.js +29 -2
- package/dist/pages/Platform/index.js +19 -30
- package/dist/pages/Platform/index.module.scss +20 -5
- package/package.json +1 -2
package/dist/assets/css/antd.css
CHANGED
|
@@ -4,4 +4,117 @@
|
|
|
4
4
|
justify-content: center;
|
|
5
5
|
right: 8px;
|
|
6
6
|
display: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.sideBar .ant-menu-title-content {
|
|
10
|
+
color: #828282;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.sideBar .ant-menu-item-selected {
|
|
14
|
+
background-color: #deeaf6 !important;
|
|
15
|
+
color: var(--darkBlueColor) !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.sideBar .ant-menu-item-selected svg path {
|
|
19
|
+
stroke: var(--darkBlueColor);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.sideBar .ant-menu-item-selected .ant-menu-title-content a {
|
|
23
|
+
font-weight: 500 !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.sideBar .ant-menu-item {
|
|
27
|
+
padding-left: 10px !important;
|
|
28
|
+
margin-block: 12px;
|
|
29
|
+
border-radius: 4px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sideBar .ant-menu-submenu .ant-menu-submenu-title {
|
|
33
|
+
padding-left: 10px !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sideBar .ant-menu-submenu .ant-menu-item {
|
|
37
|
+
padding-left: 34px !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.sideBar .ant-menu-item-selected .ant-menu-title-content {
|
|
41
|
+
color: var(--darkBlueColor) !important;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.sideBar .ant-menu-title-content a {}
|
|
45
|
+
|
|
46
|
+
.sideBar .ant-menu-submenu span {}
|
|
47
|
+
|
|
48
|
+
.sideBar .ant-menu-inline {
|
|
49
|
+
border-inline-end: 0 !important;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
.ant-collapse {
|
|
55
|
+
background-color: transparent;
|
|
56
|
+
border: none;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.ant-collapse-item {
|
|
60
|
+
border: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ant-collapse-header {
|
|
64
|
+
background-color: var(--blue);
|
|
65
|
+
border: 1px solid var(--white);
|
|
66
|
+
border-radius: 8px !important;
|
|
67
|
+
padding: 10px 12px;
|
|
68
|
+
display: flex !important;
|
|
69
|
+
align-items: center;
|
|
70
|
+
gap: 10px;
|
|
71
|
+
cursor: pointer;
|
|
72
|
+
color: var(--white);
|
|
73
|
+
font-size: 16px;
|
|
74
|
+
|
|
75
|
+
svg {
|
|
76
|
+
width: 20px;
|
|
77
|
+
height: 20px;
|
|
78
|
+
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.ant-collapse-expand-icon {
|
|
82
|
+
margin-left: auto;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.ant-collapse-expand-icon {
|
|
87
|
+
margin-top: 4px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.ant-collapse-content {
|
|
91
|
+
position: absolute;
|
|
92
|
+
top: 100%;
|
|
93
|
+
left: 18px;
|
|
94
|
+
width: 250px;
|
|
95
|
+
overflow: visible;
|
|
96
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.ant-collapse-content-box {
|
|
100
|
+
padding: 10px;
|
|
101
|
+
display: flex;
|
|
102
|
+
flex-direction: column;
|
|
103
|
+
gap: 8px;
|
|
104
|
+
background-color: var(--blue);
|
|
105
|
+
border-bottom-left-radius: 8px;
|
|
106
|
+
border-bottom-right-radius: 8px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ant-tooltip-inner {
|
|
110
|
+
background-color: #fff !important;
|
|
111
|
+
color: black !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.ant-tooltip-inner a {
|
|
115
|
+
color: black !important;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.ant-tooltip-arrow {
|
|
119
|
+
display: none !important;
|
|
7
120
|
}
|
|
@@ -69,7 +69,7 @@ export var DsgLogo = function DsgLogo(_ref) {
|
|
|
69
69
|
fillRule: "evenodd",
|
|
70
70
|
clipRule: "evenodd",
|
|
71
71
|
d: "M3.20805 0.7854C1.43629 0.7854 0 2.21468 0 3.97777V69.0224C0 70.7855 1.4363 72.2147 3.20806 72.2147H93.0336C94.8053 72.2147 96.2416 70.7855 96.2416 69.0224V3.97777C96.2416 2.21467 94.8053 0.7854 93.0336 0.7854H3.20805ZM50.2241 13.4961L50.2315 13.5048L36.7042 48.5371L26.5667 36.5933L46.0124 13.496H32.3524L12.8275 36.5L32.3524 59.5039L46.1187 59.504L59.6128 24.5578L69.6808 36.4196L50.2241 59.5039L63.8841 59.504L83.409 36.5001L76.4884 28.3427L76.4869 28.3445L63.8841 13.4961H50.2241Z",
|
|
72
|
-
fill: "#
|
|
72
|
+
fill: "#035FB5"
|
|
73
73
|
}), /*#__PURE__*/React.createElement("path", {
|
|
74
74
|
d: "M230.044 65.6976C230.044 70.0422 227.872 72.2146 223.527 72.2146H201.105C196.882 72.2146 194.77 70.0422 194.77 65.6976V7.4547C194.77 3.07965 196.928 0.89212 201.242 0.89212H223.527C227.872 0.89212 230.044 3.07965 230.044 7.4547V22.6762H219.335V10.0524H205.435V63.0543H219.335V43.0931H211.405V34.024H230.044V65.6976Z",
|
|
75
75
|
fill: dark ? "#fff" : "#10101C"
|
|
@@ -81,6 +81,20 @@ export var DsgLogo = function DsgLogo(_ref) {
|
|
|
81
81
|
fill: dark ? "#fff" : "#10101C"
|
|
82
82
|
}));
|
|
83
83
|
};
|
|
84
|
+
export var DsgLogoEmblem = function DsgLogoEmblem() {
|
|
85
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
86
|
+
width: "97",
|
|
87
|
+
height: "71.43",
|
|
88
|
+
viewBox: "0 0 97 71.43",
|
|
89
|
+
fill: "none",
|
|
90
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
91
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
92
|
+
fillRule: "evenodd",
|
|
93
|
+
clipRule: "evenodd",
|
|
94
|
+
d: "M3.20805 0.7854C1.43629 0.7854 0 2.21468 0 3.97777V69.0224C0 70.7855 1.4363 72.2147 3.20806 72.2147H93.0336C94.8053 72.2147 96.2416 70.7855 96.2416 69.0224V3.97777C96.2416 2.21467 94.8053 0.7854 93.0336 0.7854H3.20805ZM50.2241 13.4961L50.2315 13.5048L36.7042 48.5371L26.5667 36.5933L46.0124 13.496H32.3524L12.8275 36.5L32.3524 59.5039L46.1187 59.504L59.6128 24.5578L69.6808 36.4196L50.2241 59.5039L63.8841 59.504L83.409 36.5001L76.4884 28.3427L76.4869 28.3445L63.8841 13.4961H50.2241Z",
|
|
95
|
+
fill: "#035FB5"
|
|
96
|
+
}));
|
|
97
|
+
};
|
|
84
98
|
export var ContractsIcon = function ContractsIcon() {
|
|
85
99
|
return /*#__PURE__*/React.createElement("svg", {
|
|
86
100
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -215,4 +229,231 @@ export var CategoryIcon = function CategoryIcon() {
|
|
|
215
229
|
strokeLinecap: "round",
|
|
216
230
|
strokeLinejoin: "round"
|
|
217
231
|
}));
|
|
232
|
+
};
|
|
233
|
+
export var ArrowUp = function ArrowUp() {
|
|
234
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
235
|
+
width: "18",
|
|
236
|
+
height: "9",
|
|
237
|
+
viewBox: "0 0 18 9",
|
|
238
|
+
fill: "none",
|
|
239
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
240
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
241
|
+
d: "M1.08 8.05005L7.6 1.53005C8.37 0.760048 9.63 0.760048 10.4 1.53005L16.92 8.05005",
|
|
242
|
+
stroke: "white",
|
|
243
|
+
strokeWidth: "1.5",
|
|
244
|
+
strokeMiterlimit: "10",
|
|
245
|
+
strokeLinecap: "round",
|
|
246
|
+
strokeLinejoin: "round"
|
|
247
|
+
}));
|
|
248
|
+
};
|
|
249
|
+
export var ArrowDown = function ArrowDown() {
|
|
250
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
251
|
+
width: "18",
|
|
252
|
+
height: "9",
|
|
253
|
+
viewBox: "0 0 18 9",
|
|
254
|
+
fill: "none",
|
|
255
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
256
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
257
|
+
d: "M16.92 0.949951L10.4 7.46995C9.63 8.23995 8.37 8.23995 7.6 7.46995L1.08 0.949951",
|
|
258
|
+
stroke: "white",
|
|
259
|
+
strokeWidth: "1.5",
|
|
260
|
+
strokeMiterlimit: "10",
|
|
261
|
+
strokeLinecap: "round",
|
|
262
|
+
strokeLinejoin: "round"
|
|
263
|
+
}));
|
|
264
|
+
};
|
|
265
|
+
export var ArchiveIcon = function ArchiveIcon() {
|
|
266
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
267
|
+
width: "36",
|
|
268
|
+
height: "36",
|
|
269
|
+
viewBox: "0 0 36 36",
|
|
270
|
+
fill: "none",
|
|
271
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
272
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
273
|
+
d: "M33 15V22.5C33 30 30 33 22.5 33H13.5C6 33 3 30 3 22.5V13.5C3 6 6 3 13.5 3H21",
|
|
274
|
+
stroke: "#035FB5",
|
|
275
|
+
strokeWidth: "2.25",
|
|
276
|
+
strokeLinecap: "round",
|
|
277
|
+
strokeLinejoin: "round"
|
|
278
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
279
|
+
d: "M33 15H27C22.5 15 21 13.5 21 9V3L33 15Z",
|
|
280
|
+
stroke: "#035FB5",
|
|
281
|
+
strokeWidth: "2.25",
|
|
282
|
+
strokeLinecap: "round",
|
|
283
|
+
strokeLinejoin: "round"
|
|
284
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
285
|
+
d: "M10.5 19.5H19.5",
|
|
286
|
+
stroke: "#035FB5",
|
|
287
|
+
strokeWidth: "2.25",
|
|
288
|
+
strokeLinecap: "round",
|
|
289
|
+
strokeLinejoin: "round"
|
|
290
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
291
|
+
d: "M10.5 25.5H16.5",
|
|
292
|
+
stroke: "#035FB5",
|
|
293
|
+
strokeWidth: "2.25",
|
|
294
|
+
strokeLinecap: "round",
|
|
295
|
+
strokeLinejoin: "round"
|
|
296
|
+
}));
|
|
297
|
+
};
|
|
298
|
+
export var TransportIcon = function TransportIcon() {
|
|
299
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
300
|
+
width: "26",
|
|
301
|
+
height: "26",
|
|
302
|
+
viewBox: "0 0 26 26",
|
|
303
|
+
fill: "none",
|
|
304
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
305
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
306
|
+
d: "M16.25 2.16663V13C16.25 14.1916 15.275 15.1666 14.0833 15.1666H2.16666V6.49996C2.16666 4.10579 4.10582 2.16663 6.49999 2.16663H16.25Z",
|
|
307
|
+
stroke: "#035FB5",
|
|
308
|
+
strokeWidth: "1.625",
|
|
309
|
+
strokeLinecap: "round",
|
|
310
|
+
strokeLinejoin: "round"
|
|
311
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
312
|
+
d: "M23.8333 15.1666V18.4166C23.8333 20.215 22.3817 21.6666 20.5833 21.6666H19.5C19.5 20.475 18.525 19.5 17.3333 19.5C16.1417 19.5 15.1667 20.475 15.1667 21.6666H10.8333C10.8333 20.475 9.85832 19.5 8.66666 19.5C7.47499 19.5 6.49999 20.475 6.49999 21.6666H5.41666C3.61832 21.6666 2.16666 20.215 2.16666 18.4166V15.1666H14.0833C15.275 15.1666 16.25 14.1916 16.25 13V5.41663H18.2433C19.0233 5.41663 19.7383 5.83914 20.1283 6.5108L21.9808 9.74996H20.5833C19.9875 9.74996 19.5 10.2375 19.5 10.8333V14.0833C19.5 14.6791 19.9875 15.1666 20.5833 15.1666H23.8333Z",
|
|
313
|
+
stroke: "#035FB5",
|
|
314
|
+
strokeWidth: "1.625",
|
|
315
|
+
strokeLinecap: "round",
|
|
316
|
+
strokeLinejoin: "round"
|
|
317
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
318
|
+
d: "M8.66667 23.8333C9.86328 23.8333 10.8333 22.8633 10.8333 21.6667C10.8333 20.47 9.86328 19.5 8.66667 19.5C7.47005 19.5 6.5 20.47 6.5 21.6667C6.5 22.8633 7.47005 23.8333 8.66667 23.8333Z",
|
|
319
|
+
stroke: "#035FB5",
|
|
320
|
+
strokeWidth: "1.625",
|
|
321
|
+
strokeLinecap: "round",
|
|
322
|
+
strokeLinejoin: "round"
|
|
323
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
324
|
+
d: "M17.3333 23.8333C18.5299 23.8333 19.5 22.8633 19.5 21.6667C19.5 20.47 18.5299 19.5 17.3333 19.5C16.1367 19.5 15.1667 20.47 15.1667 21.6667C15.1667 22.8633 16.1367 23.8333 17.3333 23.8333Z",
|
|
325
|
+
stroke: "#035FB5",
|
|
326
|
+
strokeWidth: "1.625",
|
|
327
|
+
strokeLinecap: "round",
|
|
328
|
+
strokeLinejoin: "round"
|
|
329
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
330
|
+
d: "M23.8333 13V15.1667H20.5833C19.9875 15.1667 19.5 14.6792 19.5 14.0833V10.8333C19.5 10.2375 19.9875 9.75 20.5833 9.75H21.9808L23.8333 13Z",
|
|
331
|
+
stroke: "#035FB5",
|
|
332
|
+
strokeWidth: "1.625",
|
|
333
|
+
strokeLinecap: "round",
|
|
334
|
+
strokeLinejoin: "round"
|
|
335
|
+
}));
|
|
336
|
+
};
|
|
337
|
+
export var LabIcon = function LabIcon() {
|
|
338
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
339
|
+
width: "26",
|
|
340
|
+
height: "26",
|
|
341
|
+
viewBox: "0 0 26 26",
|
|
342
|
+
fill: "none",
|
|
343
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
344
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
345
|
+
d: "M22.3383 14.1591C21.9267 14.1591 21.58 13.8449 21.5258 13.4333C21.2658 10.9849 19.9442 8.76409 17.9075 7.35576C17.5392 7.09576 17.4525 6.59743 17.7017 6.22909C17.9617 5.86076 18.4708 5.77409 18.8283 6.02326C21.255 7.70243 22.815 10.3458 23.1292 13.2599C23.1725 13.7041 22.8583 14.1049 22.4033 14.1591C22.3925 14.1591 22.36 14.1591 22.3383 14.1591Z",
|
|
346
|
+
fill: "#035FB5"
|
|
347
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
348
|
+
d: "M3.78082 14.2133C3.74832 14.2133 3.72666 14.2133 3.69416 14.2133C3.24999 14.1591 2.92499 13.7583 2.96832 13.3141C3.26082 10.4 4.80999 7.76745 7.20416 6.06662C7.57249 5.80662 8.08166 5.89329 8.34166 6.26162C8.60166 6.62995 8.51499 7.13912 8.14666 7.39912C6.13166 8.81829 4.83166 11.0391 4.58249 13.4875C4.54999 13.8991 4.19249 14.2133 3.78082 14.2133Z",
|
|
349
|
+
fill: "#035FB5"
|
|
350
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
351
|
+
d: "M13.065 24.4941C11.4616 24.4941 9.93415 24.1258 8.50415 23.4108C8.10332 23.2049 7.94082 22.7174 8.14665 22.3166C8.35248 21.9158 8.83998 21.7533 9.24082 21.9591C11.5808 23.1399 14.3975 23.1616 16.7592 22.0241C17.16 21.8291 17.6475 22.0024 17.8425 22.4033C18.0375 22.8041 17.8642 23.2916 17.4633 23.4866C16.0767 24.1583 14.6033 24.4941 13.065 24.4941Z",
|
|
352
|
+
fill: "#035FB5"
|
|
353
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
354
|
+
d: "M13.065 9.14333C10.9525 9.14333 9.24084 7.43166 9.24084 5.31916C9.24084 3.20666 10.9525 1.495 13.065 1.495C15.1775 1.495 16.8892 3.20666 16.8892 5.31916C16.8892 7.43166 15.1667 9.14333 13.065 9.14333ZM13.065 3.13083C11.8517 3.13083 10.8658 4.11666 10.8658 5.33C10.8658 6.54333 11.8517 7.52916 13.065 7.52916C14.2783 7.52916 15.2642 6.54333 15.2642 5.33C15.2642 4.11666 14.2675 3.13083 13.065 3.13083Z",
|
|
355
|
+
fill: "#035FB5"
|
|
356
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
357
|
+
d: "M5.23249 22.3925C3.11999 22.3925 1.40833 20.6808 1.40833 18.5683C1.40833 16.4666 3.11999 14.7441 5.23249 14.7441C7.34499 14.7441 9.05666 16.4558 9.05666 18.5683C9.05666 20.67 7.34499 22.3925 5.23249 22.3925ZM5.23249 16.3691C4.01916 16.3691 3.03333 17.355 3.03333 18.5683C3.03333 19.7816 4.01916 20.7675 5.23249 20.7675C6.44583 20.7675 7.43166 19.7816 7.43166 18.5683C7.43166 17.355 6.44583 16.3691 5.23249 16.3691Z",
|
|
358
|
+
fill: "#035FB5"
|
|
359
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
360
|
+
d: "M20.7675 22.3925C18.655 22.3925 16.9434 20.6808 16.9434 18.5683C16.9434 16.4666 18.655 14.7441 20.7675 14.7441C22.88 14.7441 24.5917 16.4558 24.5917 18.5683C24.5809 20.67 22.8692 22.3925 20.7675 22.3925ZM20.7675 16.3691C19.5542 16.3691 18.5684 17.355 18.5684 18.5683C18.5684 19.7816 19.5542 20.7675 20.7675 20.7675C21.9809 20.7675 22.9667 19.7816 22.9667 18.5683C22.9559 17.355 21.9809 16.3691 20.7675 16.3691Z",
|
|
361
|
+
fill: "#035FB5"
|
|
362
|
+
}));
|
|
363
|
+
};
|
|
364
|
+
export var ConstructionRibbon = function ConstructionRibbon() {
|
|
365
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
366
|
+
width: "50",
|
|
367
|
+
height: "50",
|
|
368
|
+
viewBox: "0 0 100 100",
|
|
369
|
+
style: {
|
|
370
|
+
position: "absolute",
|
|
371
|
+
top: 0,
|
|
372
|
+
right: 0,
|
|
373
|
+
transform: "rotate(45deg)",
|
|
374
|
+
transformOrigin: "top right",
|
|
375
|
+
zIndex: 10
|
|
376
|
+
}
|
|
377
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
378
|
+
width: "100",
|
|
379
|
+
height: "20",
|
|
380
|
+
fill: "#939393"
|
|
381
|
+
}), /*#__PURE__*/React.createElement("text", {
|
|
382
|
+
x: "50",
|
|
383
|
+
y: "14",
|
|
384
|
+
fill: "white",
|
|
385
|
+
fontSize: "12",
|
|
386
|
+
fontWeight: "bold",
|
|
387
|
+
textAnchor: "middle"
|
|
388
|
+
}, "Work"));
|
|
389
|
+
};
|
|
390
|
+
export var NotificationBell = function NotificationBell() {
|
|
391
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
392
|
+
width: "24",
|
|
393
|
+
height: "24",
|
|
394
|
+
viewBox: "0 0 24 24",
|
|
395
|
+
fill: "none",
|
|
396
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
397
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
398
|
+
d: "M12 6.44V9.77",
|
|
399
|
+
stroke: "#035FB5",
|
|
400
|
+
strokeWidth: "1.5",
|
|
401
|
+
strokeMiterlimit: "10",
|
|
402
|
+
strokeLinecap: "round"
|
|
403
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
404
|
+
d: "M12.02 2C8.34002 2 5.36002 4.98 5.36002 8.66V10.76C5.36002 11.44 5.08002 12.46 4.73002 13.04L3.46002 15.16C2.68002 16.47 3.22002 17.93 4.66002 18.41C9.44002 20 14.61 20 19.39 18.41C20.74 17.96 21.32 16.38 20.59 15.16L19.32 13.04C18.97 12.46 18.69 11.43 18.69 10.76V8.66C18.68 5 15.68 2 12.02 2Z",
|
|
405
|
+
stroke: "#035FB5",
|
|
406
|
+
strokeWidth: "1.5",
|
|
407
|
+
strokeMiterlimit: "10",
|
|
408
|
+
strokeLinecap: "round"
|
|
409
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
410
|
+
d: "M15.33 18.82C15.33 20.65 13.83 22.15 12 22.15C11.09 22.15 10.25 21.77 9.65004 21.17C9.05004 20.57 8.67004 19.73 8.67004 18.82",
|
|
411
|
+
stroke: "#035FB5",
|
|
412
|
+
strokeWidth: "1.5",
|
|
413
|
+
strokeMiterlimit: "10"
|
|
414
|
+
}));
|
|
415
|
+
};
|
|
416
|
+
export var MoonIcon = function MoonIcon() {
|
|
417
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
418
|
+
width: "24",
|
|
419
|
+
height: "24",
|
|
420
|
+
viewBox: "0 0 24 24",
|
|
421
|
+
fill: "none",
|
|
422
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
423
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
424
|
+
d: "M2.02997 12.42C2.38997 17.57 6.75997 21.76 11.99 21.99C15.68 22.15 18.98 20.43 20.96 17.72C21.78 16.61 21.34 15.87 19.97 16.12C19.3 16.24 18.61 16.29 17.89 16.26C13 16.06 8.99997 11.97 8.97997 7.14C8.96997 5.84 9.23997 4.61 9.72997 3.49C10.27 2.25 9.61997 1.66 8.36997 2.19C4.40997 3.86 1.69997 7.85 2.02997 12.42Z",
|
|
425
|
+
stroke: "#035FB5",
|
|
426
|
+
strokeWidth: "1.5",
|
|
427
|
+
strokeLinecap: "round",
|
|
428
|
+
strokeLinejoin: "round"
|
|
429
|
+
}));
|
|
430
|
+
};
|
|
431
|
+
export var LogOutIcon = function LogOutIcon() {
|
|
432
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
433
|
+
width: "20",
|
|
434
|
+
height: "20",
|
|
435
|
+
viewBox: "0 0 20 20",
|
|
436
|
+
fill: "none",
|
|
437
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
438
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
439
|
+
clipPath: "url(#clip0_1226_14276)"
|
|
440
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
441
|
+
d: "M7.50162 5.83341C7.51171 4.02089 7.59208 3.0393 8.2324 2.39898C8.96464 1.66675 10.1431 1.66675 12.5002 1.66675L13.3335 1.66675C15.6905 1.66675 16.869 1.66675 17.6013 2.39898C18.3335 3.13121 18.3335 4.30973 18.3335 6.66675L18.3335 13.3334C18.3335 15.6904 18.3335 16.8689 17.6013 17.6012C16.869 18.3334 15.6905 18.3334 13.3335 18.3334L12.5002 18.3334C10.1431 18.3334 8.96464 18.3334 8.2324 17.6012C7.59208 16.9609 7.51171 15.9793 7.50162 14.1667",
|
|
442
|
+
stroke: "#F50B0B",
|
|
443
|
+
strokeWidth: "1.5",
|
|
444
|
+
strokeLinecap: "round"
|
|
445
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
446
|
+
d: "M12.5 10L1.66667 10M1.66667 10L4.58333 7.5M1.66667 10L4.58333 12.5",
|
|
447
|
+
stroke: "#F50B0B",
|
|
448
|
+
strokeWidth: "1.5",
|
|
449
|
+
strokeLinecap: "round",
|
|
450
|
+
strokeLinejoin: "round"
|
|
451
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
452
|
+
id: "clip0_1226_14276"
|
|
453
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
454
|
+
width: "20",
|
|
455
|
+
height: "20",
|
|
456
|
+
rx: "5",
|
|
457
|
+
fill: "#F50B0B"
|
|
458
|
+
}))));
|
|
218
459
|
};
|
|
@@ -18,7 +18,13 @@ var labels = {
|
|
|
18
18
|
visa: "Viza üçün",
|
|
19
19
|
sign: "İmza üçün",
|
|
20
20
|
reject: "İmtina üçün",
|
|
21
|
-
print: "Çap üçün"
|
|
21
|
+
print: "Çap üçün",
|
|
22
|
+
accouncement: "Elanlar",
|
|
23
|
+
news: "Xəbərlər",
|
|
24
|
+
reservations: "Tədbir/İclas",
|
|
25
|
+
surveys: "Sorğular",
|
|
26
|
+
timeOffRequest: "İcazələr",
|
|
27
|
+
tutorials: "Təlimatlar və video"
|
|
22
28
|
};
|
|
23
29
|
var projectOptions = {
|
|
24
30
|
docFlowSettings: {
|
|
@@ -28,6 +34,10 @@ var projectOptions = {
|
|
|
28
34
|
contractSettings: {
|
|
29
35
|
label: "Müqavilələr",
|
|
30
36
|
keys: ["visa", "sign", "reject"]
|
|
37
|
+
},
|
|
38
|
+
accountSettings: {
|
|
39
|
+
label: "Şəxsi kabinet",
|
|
40
|
+
keys: ["accouncement", "news", "reservations", "surveys", "timeOffRequest", "tutorials"]
|
|
31
41
|
}
|
|
32
42
|
};
|
|
33
43
|
var NotificationSettingsContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -40,7 +50,7 @@ var NotificationSettingsContent = /*#__PURE__*/React.forwardRef(function (props,
|
|
|
40
50
|
var initialValues = useSelector(function (state) {
|
|
41
51
|
return state.notification.notificationSettings;
|
|
42
52
|
});
|
|
43
|
-
console.log(initialValues);
|
|
53
|
+
// console.log(initialValues);
|
|
44
54
|
var getDefaultProjectFromPath = function getDefaultProjectFromPath(path) {
|
|
45
55
|
if (path.includes("/contract")) return "contractSettings";
|
|
46
56
|
return "docFlowSettings";
|
|
@@ -1,29 +1,33 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import React, { useEffect, useState } from "react";
|
|
3
|
-
import { Badge, Dropdown,
|
|
4
|
-
import { SunOutlined
|
|
2
|
+
import React, { useEffect, useState, useRef } from "react";
|
|
3
|
+
import { Badge, Dropdown, Tooltip } from "antd";
|
|
4
|
+
import { SunOutlined } from "@ant-design/icons";
|
|
5
5
|
import style from "./index.module.scss";
|
|
6
|
-
import { BellOutlined } from "@ant-design/icons";
|
|
7
6
|
import { useDispatch, useSelector } from "react-redux";
|
|
8
|
-
import { Link } from "react-router-dom";
|
|
9
7
|
import { getProfileInfo, scopes } from "../../store/slices/auth";
|
|
10
|
-
import {
|
|
11
|
-
import { CategoryIcon, UserIcon } from "../../assets/icons";
|
|
8
|
+
import { LogOutIcon, MoonIcon, NotificationBell, SettingsCogIcon } from "../../assets/icons";
|
|
12
9
|
import { getNotifications } from "../../store/slices/notification";
|
|
13
10
|
import NotificationDropdown from "../NotificationDropdown";
|
|
11
|
+
import { Link, useNavigate } from "react-router-dom";
|
|
12
|
+
import { LOGIN_PATH, SETTINGS_PERMISSIONS } from "../../utils/path";
|
|
14
13
|
var ProfileOptions = function ProfileOptions() {
|
|
14
|
+
var _profileInfo$name;
|
|
15
15
|
var dispatch = useDispatch();
|
|
16
|
-
var
|
|
17
|
-
return state.auth;
|
|
18
|
-
}),
|
|
19
|
-
scopesData = _useSelector.scopesData;
|
|
16
|
+
var navigate = useNavigate();
|
|
20
17
|
var profileInfo = useSelector(function (state) {
|
|
21
18
|
return state.auth.profileInfo;
|
|
22
19
|
});
|
|
23
|
-
var
|
|
20
|
+
var _useSelector = useSelector(function (state) {
|
|
24
21
|
return state.global;
|
|
25
22
|
}),
|
|
26
|
-
notificationsRender =
|
|
23
|
+
notificationsRender = _useSelector.notificationsRender;
|
|
24
|
+
var _useSelector2 = useSelector(function (state) {
|
|
25
|
+
return state.auth;
|
|
26
|
+
}),
|
|
27
|
+
scopesData = _useSelector2.scopesData;
|
|
28
|
+
var notifications = useSelector(function (state) {
|
|
29
|
+
return state.notification.notifications;
|
|
30
|
+
});
|
|
27
31
|
var _useState = useState(20),
|
|
28
32
|
_useState2 = _slicedToArray(_useState, 2),
|
|
29
33
|
size = _useState2[0],
|
|
@@ -32,13 +36,37 @@ var ProfileOptions = function ProfileOptions() {
|
|
|
32
36
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
37
|
page = _useState4[0],
|
|
34
38
|
setPage = _useState4[1];
|
|
35
|
-
var
|
|
36
|
-
return state.notification.notifications;
|
|
37
|
-
});
|
|
38
|
-
var _useState5 = useState(localStorage.getItem("theme") || "light"),
|
|
39
|
+
var _useState5 = useState(false),
|
|
39
40
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
open = _useState6[0],
|
|
42
|
+
setOpen = _useState6[1];
|
|
43
|
+
var _useState7 = useState(localStorage.getItem("theme") || "light"),
|
|
44
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
45
|
+
theme = _useState8[0],
|
|
46
|
+
setTheme = _useState8[1];
|
|
47
|
+
var dropdownRef = useRef(null); // for click outside
|
|
48
|
+
|
|
49
|
+
useEffect(function () {
|
|
50
|
+
dispatch(scopes());
|
|
51
|
+
dispatch(getProfileInfo());
|
|
52
|
+
}, [dispatch]);
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
dispatch(getNotifications({
|
|
55
|
+
size: size,
|
|
56
|
+
page: page
|
|
57
|
+
}));
|
|
58
|
+
}, [dispatch, size, page, notificationsRender]);
|
|
59
|
+
useEffect(function () {
|
|
60
|
+
var handleClickOutside = function handleClickOutside(event) {
|
|
61
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
62
|
+
setOpen(false);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
66
|
+
return function () {
|
|
67
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
68
|
+
};
|
|
69
|
+
}, []);
|
|
42
70
|
var toggleTheme = function toggleTheme() {
|
|
43
71
|
var newTheme = theme === "light" ? "dark" : "light";
|
|
44
72
|
setTheme(newTheme);
|
|
@@ -46,6 +74,19 @@ var ProfileOptions = function ProfileOptions() {
|
|
|
46
74
|
document.documentElement.setAttribute("data-theme", newTheme);
|
|
47
75
|
window.dispatchEvent(new Event("themeChange"));
|
|
48
76
|
};
|
|
77
|
+
var toggleAccordion = function toggleAccordion() {
|
|
78
|
+
return setOpen(!open);
|
|
79
|
+
};
|
|
80
|
+
var handleLogout = function handleLogout() {
|
|
81
|
+
window.localStorage.removeItem("token");
|
|
82
|
+
navigate(LOGIN_PATH);
|
|
83
|
+
};
|
|
84
|
+
var rootUrl;
|
|
85
|
+
if (window.location.hostname === "localhost") {
|
|
86
|
+
rootUrl = "http://localhost:" + window.location.port;
|
|
87
|
+
} else {
|
|
88
|
+
rootUrl = window.location.origin;
|
|
89
|
+
}
|
|
49
90
|
var NotificationIcon = function NotificationIcon() {
|
|
50
91
|
return /*#__PURE__*/React.createElement(Badge, {
|
|
51
92
|
count: notifications === null || notifications === void 0 ? void 0 : notifications.notReadenCount,
|
|
@@ -56,45 +97,14 @@ var ProfileOptions = function ProfileOptions() {
|
|
|
56
97
|
lineHeight: "16px",
|
|
57
98
|
padding: "0 4px"
|
|
58
99
|
}
|
|
59
|
-
}, /*#__PURE__*/React.createElement(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}));
|
|
100
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
101
|
+
className: style.icon_overlay,
|
|
102
|
+
"data-no-invert": true
|
|
103
|
+
}, /*#__PURE__*/React.createElement(NotificationBell, null)));
|
|
64
104
|
};
|
|
65
|
-
useEffect(function () {
|
|
66
|
-
dispatch(scopes());
|
|
67
|
-
dispatch(getProfileInfo());
|
|
68
|
-
}, [dispatch]);
|
|
69
|
-
useEffect(function () {
|
|
70
|
-
dispatch(getNotifications({
|
|
71
|
-
size: size,
|
|
72
|
-
page: page
|
|
73
|
-
}));
|
|
74
|
-
}, [dispatch, size, page, notificationsRender]);
|
|
75
|
-
var rootUrl = window.location.origin;
|
|
76
|
-
var menu1 = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
|
|
77
|
-
className: style.links
|
|
78
|
-
}, entryData === null || entryData === void 0 ? void 0 : entryData.map(function (item) {
|
|
79
|
-
return scopesData === "*" || scopesData !== null && scopesData !== void 0 && scopesData.includes(item.scopes) ? /*#__PURE__*/React.createElement(Link, {
|
|
80
|
-
to: item === null || item === void 0 ? void 0 : item.pathname,
|
|
81
|
-
key: item === null || item === void 0 ? void 0 : item.id
|
|
82
|
-
}, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value) : /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
className: style.disableMenu,
|
|
84
|
-
key: item === null || item === void 0 ? void 0 : item.id
|
|
85
|
-
}, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value);
|
|
86
|
-
}), /*#__PURE__*/React.createElement(Link, {
|
|
87
|
-
to: "".concat(rootUrl, "/accounts")
|
|
88
|
-
}, /*#__PURE__*/React.createElement(UserIcon, null), "\u015E\u0259xsi kabinet")));
|
|
89
105
|
return /*#__PURE__*/React.createElement("div", {
|
|
90
106
|
className: style.profile
|
|
91
|
-
}, /*#__PURE__*/React.createElement(
|
|
92
|
-
title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
|
|
93
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
94
|
-
onClick: toggleTheme,
|
|
95
|
-
"data-no-invert": true,
|
|
96
|
-
className: style.button
|
|
97
|
-
}, theme === "dark" ? /*#__PURE__*/React.createElement(SunOutlined, null) : /*#__PURE__*/React.createElement(MoonOutlined, null))), /*#__PURE__*/React.createElement(Dropdown, {
|
|
107
|
+
}, /*#__PURE__*/React.createElement(Dropdown, {
|
|
98
108
|
overlay: /*#__PURE__*/React.createElement(NotificationDropdown, {
|
|
99
109
|
size: size,
|
|
100
110
|
page: page,
|
|
@@ -109,19 +119,52 @@ var ProfileOptions = function ProfileOptions() {
|
|
|
109
119
|
}, /*#__PURE__*/React.createElement("button", {
|
|
110
120
|
"data-no-invert": true,
|
|
111
121
|
className: style.button
|
|
112
|
-
}, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}, /*#__PURE__*/React.createElement(CategoryIcon, null))), /*#__PURE__*/React.createElement("div", {
|
|
119
|
-
className: style.dropdown
|
|
122
|
+
}, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
123
|
+
title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
|
|
124
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
125
|
+
onClick: toggleTheme,
|
|
126
|
+
"data-no-invert": true,
|
|
127
|
+
className: style.button
|
|
120
128
|
}, /*#__PURE__*/React.createElement("div", {
|
|
121
|
-
className: style.
|
|
129
|
+
className: style.icon_overlay,
|
|
130
|
+
"data-no-invert": true
|
|
131
|
+
}, theme === "dark" ? /*#__PURE__*/React.createElement("div", {
|
|
122
132
|
"data-no-invert": true
|
|
123
|
-
},
|
|
133
|
+
}, /*#__PURE__*/React.createElement(SunOutlined, {
|
|
134
|
+
style: {
|
|
135
|
+
color: "#035FB5"
|
|
136
|
+
}
|
|
137
|
+
})) : /*#__PURE__*/React.createElement(MoonIcon, null)))), /*#__PURE__*/React.createElement("div", {
|
|
138
|
+
className: style.profile,
|
|
139
|
+
ref: dropdownRef
|
|
140
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
141
|
+
className: style.profileHeader,
|
|
142
|
+
style: {
|
|
143
|
+
borderRadius: open ? "8px 8px 0px 0px" : "8px"
|
|
144
|
+
},
|
|
145
|
+
onClick: toggleAccordion
|
|
146
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
147
|
+
style: {
|
|
148
|
+
display: "flex",
|
|
149
|
+
alignItems: "center",
|
|
150
|
+
gap: "8px"
|
|
151
|
+
}
|
|
152
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
153
|
+
className: style.pp
|
|
154
|
+
}, profileInfo === null || profileInfo === void 0 || (_profileInfo$name = profileInfo.name) === null || _profileInfo$name === void 0 ? void 0 : _profileInfo$name[0]), /*#__PURE__*/React.createElement("div", {
|
|
124
155
|
className: style.name
|
|
125
|
-
}, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname))
|
|
156
|
+
}, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname)), /*#__PURE__*/React.createElement("div", {
|
|
157
|
+
className: "".concat(style.arrow, " ").concat(open ? style.open : "")
|
|
158
|
+
})), open && /*#__PURE__*/React.createElement("div", {
|
|
159
|
+
className: style.profileDropdown
|
|
160
|
+
}, scopesData === "*" && /*#__PURE__*/React.createElement(Link, {
|
|
161
|
+
className: style.menuItem,
|
|
162
|
+
to: "".concat(rootUrl, "/docflow").concat(SETTINGS_PERMISSIONS)
|
|
163
|
+
}, /*#__PURE__*/React.createElement(SettingsCogIcon, null), /*#__PURE__*/React.createElement("span", null, "T\u0259nziml\u0259m\u0259l\u0259r")), /*#__PURE__*/React.createElement("div", {
|
|
164
|
+
className: style.menuItem,
|
|
165
|
+
onClick: handleLogout
|
|
166
|
+
}, /*#__PURE__*/React.createElement(LogOutIcon, null), /*#__PURE__*/React.createElement("span", {
|
|
167
|
+
className: style.logoutText
|
|
168
|
+
}, "\xC7\u0131x\u0131\u015F et")))));
|
|
126
169
|
};
|
|
127
170
|
export default ProfileOptions;
|