awing-library 2.1.13-beta → 2.1.13
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/README.md +4 -19
- package/lib/ACM-AXN/Campaign/Container.js +6 -7
- package/lib/ACM-AXN/Campaign/Container.test.js +1 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.d.ts +3 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.js +22 -21
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.d.ts +1 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.js +79 -24
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdDetail.test.js +1 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdList.js +50 -6
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.d.ts +5 -0
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AdRow.js +6 -18
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/AddOrEditRule.js +7 -12
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/container.d.ts +1 -0
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/AddOrEditRule/RuleForm/RetargetMacAddress/container.js +4 -12
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/Advanced.js +16 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/SubCampaignList.test.js +1 -1
- package/lib/ACM-AXN/Campaign/CreateOrEdit/index.js +19 -3
- package/lib/ACM-AXN/Campaign/Types.d.ts +10 -0
- package/lib/ACM-AXN/Campaign/Utils.d.ts +8 -0
- package/lib/ACM-AXN/Campaign/Utils.js +22 -18
- package/lib/ACM-AXN/Campaign/index.js +3 -2
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.d.ts +2 -2
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/Filter.js +44 -42
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.js +38 -30
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.d.ts +2 -2
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/index.js +2 -2
- package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.js +4 -2
- package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/component.js +33 -3
- package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.js +81 -34
- package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/TableHeaderDragable.js +38 -29
- package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.d.ts +4 -0
- package/lib/ACM-AXN/CampaignSchedule/DataConfigAXN.js +58 -0
- package/lib/ACM-AXN/CampaignSchedule/Enum.d.ts +14 -2
- package/lib/ACM-AXN/CampaignSchedule/Enum.js +12 -0
- package/lib/ACM-AXN/CampaignSchedule/component.js +6 -5
- package/lib/ACM-AXN/CampaignSchedule/container.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/container.js +100 -99
- package/lib/ACM-AXN/CampaignSchedule/interface.d.ts +16 -3
- package/lib/ACM-AXN/Directory/MenuDirectory/index.js +7 -21
- package/lib/ACM-AXN/Directory/SystemDirectory/index.js +6 -5
- package/lib/ACM-AXN/Directory/components/Permission/Management.js +7 -5
- package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.js +9 -7
- package/lib/ACM-AXN/Directory/function.d.ts +1 -0
- package/lib/ACM-AXN/Directory/function.js +15 -1
- package/lib/ACM-AXN/DomainPreview/PreviewButton.d.ts +15 -0
- package/lib/ACM-AXN/DomainPreview/PreviewButton.js +188 -0
- package/lib/ACM-AXN/DomainPreview/index.d.ts +7 -0
- package/lib/ACM-AXN/DomainPreview/index.js +10 -0
- package/lib/ACM-AXN/GroupUser/Constants.d.ts +7 -0
- package/lib/ACM-AXN/GroupUser/Constants.js +10 -0
- package/lib/ACM-AXN/GroupUser/Container.d.ts +2 -0
- package/lib/ACM-AXN/GroupUser/Container.js +55 -0
- package/lib/ACM-AXN/GroupUser/Container.test.d.ts +1 -0
- package/lib/ACM-AXN/GroupUser/Container.test.js +210 -0
- package/lib/ACM-AXN/GroupUser/CreateOrEdit.d.ts +3 -0
- package/lib/ACM-AXN/GroupUser/CreateOrEdit.js +91 -0
- package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.d.ts +1 -0
- package/lib/ACM-AXN/GroupUser/CreateOrEdit.test.js +235 -0
- package/lib/ACM-AXN/GroupUser/Hooks.d.ts +5 -0
- package/lib/ACM-AXN/GroupUser/Hooks.js +13 -0
- package/lib/ACM-AXN/GroupUser/Types.d.ts +31 -0
- package/lib/ACM-AXN/GroupUser/Types.js +2 -0
- package/lib/ACM-AXN/GroupUser/User/SearchUser.d.ts +9 -0
- package/lib/ACM-AXN/GroupUser/User/SearchUser.js +63 -0
- package/lib/ACM-AXN/GroupUser/User/SearchUser.test.d.ts +1 -0
- package/lib/ACM-AXN/GroupUser/User/SearchUser.test.js +140 -0
- package/lib/ACM-AXN/GroupUser/User/UserComponent.d.ts +8 -0
- package/lib/ACM-AXN/GroupUser/User/UserComponent.js +77 -0
- package/lib/ACM-AXN/GroupUser/User/UserComponent.test.d.ts +1 -0
- package/lib/ACM-AXN/GroupUser/User/UserComponent.test.js +128 -0
- package/lib/ACM-AXN/GroupUser/index.d.ts +4 -0
- package/lib/ACM-AXN/GroupUser/index.js +27 -0
- package/lib/ACM-AXN/Notifications/Constant.d.ts +146 -0
- package/lib/ACM-AXN/Notifications/Constant.js +136 -0
- package/lib/ACM-AXN/Notifications/Context.d.ts +8 -0
- package/lib/ACM-AXN/Notifications/Context.js +10 -0
- package/lib/ACM-AXN/Notifications/Hooks.d.ts +7 -0
- package/lib/ACM-AXN/Notifications/Hooks.js +17 -0
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.d.ts +3 -3
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/ButtonTabs.js +31 -30
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.d.ts +1 -1
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/MenuNotification.js +30 -39
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.d.ts +3 -5
- package/lib/ACM-AXN/Notifications/NotificationDetail/HeaderInfo/index.js +18 -17
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.d.ts +1 -1
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.js +15 -15
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.d.ts +0 -6
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationEmpty.test.js +29 -28
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.d.ts +10 -0
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.js +393 -0
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.d.ts +1 -1
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.js +3 -3
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.d.ts +0 -6
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.js +38 -48
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.d.ts +2 -2
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.js +36 -35
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.d.ts +0 -6
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.js +65 -73
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.d.ts +4 -11
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.js +46 -36
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.d.ts +0 -6
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.test.js +56 -50
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationLoading.js +30 -30
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.d.ts +3 -15
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.js +35 -4
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.d.ts +0 -6
- package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/index.test.js +88 -83
- package/lib/ACM-AXN/Notifications/NotificationDetail/index.d.ts +5 -2
- package/lib/ACM-AXN/Notifications/NotificationDetail/index.js +115 -101
- package/lib/ACM-AXN/Notifications/{NotificationPopover.d.ts → NotificationPopover/Container.d.ts} +2 -2
- package/lib/ACM-AXN/Notifications/NotificationPopover/Container.js +149 -0
- package/lib/ACM-AXN/Notifications/{NotificationPopover.test.d.ts → NotificationPopover/Container.test.d.ts} +1 -1
- package/lib/ACM-AXN/Notifications/{NotificationPopover.test.js → NotificationPopover/Container.test.js} +5 -5
- package/lib/ACM-AXN/Notifications/NotificationPopover/index.d.ts +8 -0
- package/lib/ACM-AXN/Notifications/NotificationPopover/index.js +13 -0
- package/lib/ACM-AXN/Notifications/NotificationScreen.d.ts +1 -1
- package/lib/ACM-AXN/Notifications/NotificationScreen.js +4 -4
- package/lib/ACM-AXN/Notifications/Types.d.ts +242 -0
- package/lib/ACM-AXN/Notifications/Types.js +290 -0
- package/lib/ACM-AXN/Notifications/index.d.ts +2 -2
- package/lib/ACM-AXN/Notifications/index.js +5 -5
- package/lib/ACM-AXN/Page/Container.js +101 -63
- package/lib/ACM-AXN/Page/CreateOrEdit/DrawerAction.js +22 -5
- package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.d.ts +1 -0
- package/lib/ACM-AXN/Page/CreateOrEdit/Recoil.js +5 -1
- package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js +1 -1
- package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js +11 -4
- package/lib/ACM-AXN/Page/CreateOrEdit/Utils.js +1 -1
- package/lib/ACM-AXN/Page/Types.d.ts +9 -0
- package/lib/ACM-AXN/Page/index.js +2 -1
- package/lib/ACM-AXN/Permission/Components/Management.test.js +1 -1
- package/lib/ACM-AXN/PlaceGroup/Context.d.ts +1 -1
- package/lib/ACM-AXN/Statistics/ControlPanel.js +49 -47
- package/lib/ACM-AXN/Statistics/Enums.d.ts +1 -0
- package/lib/ACM-AXN/Statistics/Enums.js +1 -0
- package/lib/ACM-AXN/Statistics/container.js +1 -1
- package/lib/ACM-AXN/StatisticsAudienceDemographic/container.d.ts +1 -1
- package/lib/ACM-AXN/StatisticsAudienceDemographic/container.js +2 -3
- package/lib/ACM-AXN/StatisticsAudienceDemographic/interfaces.d.ts +1 -0
- package/lib/ACM-AXN/StatisticsByProvince/container.d.ts +1 -1
- package/lib/ACM-AXN/StatisticsByProvince/container.js +2 -2
- package/lib/ACM-AXN/TaskScheduler/Container.js +1 -1
- package/lib/ACM-AXN/TaskScheduler/CreateOrEdit.js +1 -1
- package/lib/ACM-AXN/TaskScheduler/Utils.js +2 -0
- package/lib/ACM-AXN/User/Add.d.ts +2 -0
- package/lib/ACM-AXN/User/Add.js +64 -0
- package/lib/ACM-AXN/User/Add.test.d.ts +1 -0
- package/lib/ACM-AXN/User/Add.test.js +115 -0
- package/lib/ACM-AXN/User/Constants.d.ts +2 -0
- package/lib/ACM-AXN/User/Constants.js +5 -0
- package/lib/ACM-AXN/User/Container.d.ts +2 -0
- package/lib/ACM-AXN/User/Container.js +60 -0
- package/lib/ACM-AXN/User/Container.test.d.ts +1 -0
- package/lib/ACM-AXN/User/Container.test.js +202 -0
- package/lib/ACM-AXN/User/Hook.d.ts +5 -0
- package/lib/ACM-AXN/User/Hook.js +13 -0
- package/lib/ACM-AXN/User/Types.d.ts +45 -0
- package/lib/ACM-AXN/User/Types.js +2 -0
- package/lib/ACM-AXN/User/index.d.ts +4 -0
- package/lib/ACM-AXN/User/index.js +18 -0
- package/lib/ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/index.js +1 -1
- package/lib/AWING/AdvancedSearch/component.js +1 -1
- package/lib/AWING/AdvancedSearch/interface.d.ts +1 -0
- package/lib/AWING/ButtonDateRangePicker/ButtonDateRangePicker.js +2 -2
- package/lib/AWING/ButtonDateRangePicker/interface.d.ts +1 -0
- package/lib/AWING/Chart/BarLineComponent.d.ts +1 -0
- package/lib/AWING/Chart/BarLineComponent.js +39 -24
- package/lib/AWING/Chart/PieComponent.d.ts +1 -1
- package/lib/AWING/Chart/PieComponent.js +0 -1
- package/lib/AWING/Chart/Styles.d.ts +6 -2
- package/lib/AWING/Chart/Styles.js +6 -2
- package/lib/AWING/Chart/index.d.ts +3 -0
- package/lib/AWING/Chart/index.js +10 -0
- package/lib/AWING/DataForm/DataInput.js +17 -8
- package/lib/AWING/DataForm/interface.d.ts +6 -2
- package/lib/AWING/DataGrid/index.js +20 -5
- package/lib/AWING/DataGrid/interface.d.ts +6 -1
- package/lib/AWING/Directory/CreateDirectory.d.ts +3 -0
- package/lib/AWING/Directory/CreateDirectory.js +27 -10
- package/lib/AWING/PageManagement/PageManagement.js +1 -1
- package/lib/AWING/index.d.ts +1 -0
- package/lib/AWING/index.js +1 -0
- package/lib/AWING/ultis/validation.d.ts +2 -2
- package/lib/AWING/ultis/validation.js +6 -4
- package/lib/Commons/Components/ClassicBaseDrawer.d.ts +1 -0
- package/lib/Commons/Components/ClassicBaseDrawer.js +7 -3
- package/lib/Commons/Components/ClassicDrawer.js +2 -2
- package/lib/translate/en/translation.json +81 -2
- package/lib/translate/vi/translation.json +81 -2
- package/package.json +4 -2
- package/lib/ACM-AXN/Notifications/NotificationDetail/Common.d.ts +0 -39
- package/lib/ACM-AXN/Notifications/NotificationDetail/Common.js +0 -304
- package/lib/ACM-AXN/Notifications/NotificationPopover.js +0 -69
|
@@ -17,6 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
var icons_material_1 = require("@mui/icons-material");
|
|
19
19
|
var material_1 = require("@mui/material");
|
|
20
|
+
var DomainPreview_1 = __importDefault(require("../../ACM-AXN/DomainPreview"));
|
|
21
|
+
var PreviewButton_1 = __importDefault(require("../../ACM-AXN/DomainPreview/PreviewButton"));
|
|
20
22
|
var lodash_1 = require("lodash");
|
|
21
23
|
var react_1 = require("react");
|
|
22
24
|
var react_i18next_1 = require("react-i18next");
|
|
@@ -36,14 +38,24 @@ var PageContainer = function () {
|
|
|
36
38
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
37
39
|
var navigate = (0, react_router_1.useNavigate)();
|
|
38
40
|
var location = (0, react_router_1.useLocation)();
|
|
39
|
-
var _d = (0, react_1.useState)(
|
|
40
|
-
var _e = (0, react_1.useState)(
|
|
41
|
-
var _f = (0, react_1.useState)(
|
|
41
|
+
var _d = (0, react_1.useState)(true), loading = _d[0], setLoading = _d[1];
|
|
42
|
+
var _e = (0, react_1.useState)(true), init = _e[0], setInit = _e[1]; // First time render
|
|
43
|
+
var _f = (0, react_1.useState)([]), directories = _f[0], setDirectories = _f[1];
|
|
44
|
+
var _g = (0, react_1.useState)(true), isLoadDirectory = _g[0], setLoadLoadDirectory = _g[1];
|
|
45
|
+
var _h = (0, react_1.useState)(true), tempLoading = _h[0], setTempLoading = _h[1];
|
|
46
|
+
var _j = (0, react_1.useState)(), anchorEl = _j[0], setAnchorEl = _j[1];
|
|
47
|
+
var _k = (0, react_1.useState)(''), previewId = _k[0], setPreviewId = _k[1];
|
|
48
|
+
var open = Boolean(anchorEl);
|
|
49
|
+
var handlePreviewPage = function (e, id) {
|
|
50
|
+
e.stopPropagation();
|
|
51
|
+
setPreviewId(id);
|
|
52
|
+
setAnchorEl(e.currentTarget);
|
|
53
|
+
};
|
|
42
54
|
var prevQuery = (0, react_1.useRef)({});
|
|
43
|
-
var
|
|
55
|
+
var _l = (0, react_1.useState)({
|
|
44
56
|
items: [],
|
|
45
57
|
totalItemCount: 0,
|
|
46
|
-
}), pageList =
|
|
58
|
+
}), pageList = _l[0], setPage = _l[1];
|
|
47
59
|
var columnDefinitions = (0, react_1.useMemo)(function () { return [
|
|
48
60
|
{
|
|
49
61
|
field: 'stt',
|
|
@@ -57,12 +69,16 @@ var PageContainer = function () {
|
|
|
57
69
|
return params.at(-1);
|
|
58
70
|
},
|
|
59
71
|
},
|
|
60
|
-
{
|
|
72
|
+
{
|
|
73
|
+
field: 'pageId',
|
|
74
|
+
headerName: 'Id',
|
|
75
|
+
TableCellProps: {
|
|
61
76
|
sx: {
|
|
62
77
|
minWidth: '180px',
|
|
63
78
|
width: '20%',
|
|
64
79
|
},
|
|
65
|
-
}
|
|
80
|
+
},
|
|
81
|
+
},
|
|
66
82
|
{
|
|
67
83
|
field: 'title',
|
|
68
84
|
headerName: t('Page.Name'),
|
|
@@ -73,10 +89,21 @@ var PageContainer = function () {
|
|
|
73
89
|
valueGetter: function (row) {
|
|
74
90
|
return (0, Helpers_1.timestampToStringDDMMYYYY)(row.createdDate);
|
|
75
91
|
},
|
|
92
|
+
TableCellProps: {
|
|
93
|
+
sx: {
|
|
94
|
+
width: '250px',
|
|
95
|
+
},
|
|
96
|
+
},
|
|
76
97
|
},
|
|
77
98
|
]; }, [t]);
|
|
99
|
+
var handlePreviewClose = function (event) {
|
|
100
|
+
event.stopPropagation();
|
|
101
|
+
setAnchorEl(null);
|
|
102
|
+
};
|
|
78
103
|
(0, react_1.useLayoutEffect)(function () {
|
|
79
104
|
setDirectories([]);
|
|
105
|
+
setInit(true);
|
|
106
|
+
setLoading(true);
|
|
80
107
|
setPage({
|
|
81
108
|
items: [],
|
|
82
109
|
totalItemCount: 0,
|
|
@@ -91,19 +118,21 @@ var PageContainer = function () {
|
|
|
91
118
|
}, [pageCode]);
|
|
92
119
|
(0, react_1.useEffect)(function () {
|
|
93
120
|
var _a;
|
|
94
|
-
if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory ||
|
|
121
|
+
if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.ReloadDirectory || init) {
|
|
95
122
|
fetchDirectories();
|
|
123
|
+
setInit(false);
|
|
96
124
|
}
|
|
97
125
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
98
|
-
}, [location.pathname,
|
|
126
|
+
}, [location.pathname, init]);
|
|
99
127
|
var fetchDirectories = function () {
|
|
128
|
+
setLoadLoadDirectory(true);
|
|
100
129
|
service
|
|
101
130
|
.directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot[pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'])
|
|
102
|
-
.then(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
})
|
|
131
|
+
.then(setDirectories)
|
|
132
|
+
.finally(function () {
|
|
133
|
+
// navigate(location.pathname, { replace: true })
|
|
134
|
+
setLoadLoadDirectory(false);
|
|
135
|
+
});
|
|
107
136
|
};
|
|
108
137
|
var handleRowClick = function (id) {
|
|
109
138
|
navigate([Constant_1.pageConstants.EDIT_PAGE, id].join('/'));
|
|
@@ -123,69 +152,78 @@ var PageContainer = function () {
|
|
|
123
152
|
}, 100), []);
|
|
124
153
|
var getPagePaging = (0, react_1.useCallback)(function (input, directoryId) {
|
|
125
154
|
var _a;
|
|
126
|
-
console.log("call");
|
|
127
155
|
var searchString = input.searchString, pageSize = input.pageSize, pageIndex = input.pageIndex, advancedObject = input.advancedObject;
|
|
128
156
|
handleFetchPaging(searchString, pageSize, pageIndex, directoryId ||
|
|
129
157
|
(advancedObject === null || advancedObject === void 0 ? void 0 : advancedObject.directoryId) ||
|
|
130
158
|
((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId));
|
|
131
159
|
prevQuery.current = (0, lodash_1.cloneDeep)(input);
|
|
132
160
|
}, [directories, handleFetchPaging]);
|
|
133
|
-
var handlePreview = function (id) {
|
|
161
|
+
var handlePreview = function (id, domainId) {
|
|
134
162
|
var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(id, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
|
|
135
163
|
window.open(url, '_blank');
|
|
136
164
|
};
|
|
165
|
+
var handlePreviewClick = function (id) {
|
|
166
|
+
handlePreview(id, domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID || '');
|
|
167
|
+
};
|
|
137
168
|
var handleExport = function (id) {
|
|
138
169
|
service.pagesExport(id).then(function (res) {
|
|
139
170
|
(0, Helpers_1.downloadZipFile)(res, "Page_".concat(pageCode === enums_1.PageCode.Lgn ? 'lgn' : 'wlc', "_"));
|
|
140
171
|
});
|
|
141
172
|
};
|
|
142
|
-
return ((0, jsx_runtime_1.
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
var _a;
|
|
160
|
-
navigate([
|
|
161
|
-
Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
|
|
162
|
-
(_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
|
|
163
|
-
].join('/'));
|
|
164
|
-
}, rowActions: [
|
|
165
|
-
{
|
|
166
|
-
icon: (0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {}),
|
|
167
|
-
tooltipTitle: t('Common.Preview'),
|
|
168
|
-
action: handlePreview,
|
|
169
|
-
sx: {
|
|
170
|
-
display: pageCode === enums_1.PageCode.Wlc
|
|
171
|
-
? 'none'
|
|
172
|
-
: 'unset',
|
|
173
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
174
|
+
'& th:last-of-type': {
|
|
175
|
+
width: '250px!important',
|
|
176
|
+
},
|
|
177
|
+
}, children: [tempLoading || isLoadDirectory ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { title: t([
|
|
178
|
+
'Page',
|
|
179
|
+
pageCode === enums_1.PageCode.Lgn
|
|
180
|
+
? 'LoginTitle'
|
|
181
|
+
: 'WelcomeTitle',
|
|
182
|
+
].join('.')), advancedSearchFields: [
|
|
183
|
+
{
|
|
184
|
+
fieldName: 'directoryId',
|
|
185
|
+
label: t('Common.Directory'),
|
|
186
|
+
type: 'directory',
|
|
187
|
+
icon: (0, jsx_runtime_1.jsx)(icons_material_1.FolderOpen, { fontSize: "small" }),
|
|
188
|
+
rootId: (_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
|
|
189
|
+
options: directories.map(function (directory) { return (__assign(__assign({}, directory), { text: directory.name, value: directory.directoryId })); }),
|
|
173
190
|
},
|
|
174
|
-
},
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
191
|
+
], columns: columnDefinitions, rows: pageList.items, onChangeQueryInput: getPagePaging, getRowId: function (obj) { return obj.pageId; }, loading: loading, totalOfRows: pageList.totalItemCount, onCreateButtonClick: function () {
|
|
192
|
+
navigate(Constant_1.pageConstants.CREATE_PAGE);
|
|
193
|
+
}, onCreateFolderButtonClick: function () {
|
|
194
|
+
var _a;
|
|
195
|
+
navigate([
|
|
196
|
+
Constant_1.pageConstants.PAGE_CREATE_DIRECTORY,
|
|
197
|
+
(_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId,
|
|
198
|
+
].join('/'));
|
|
199
|
+
}, rowActions: [
|
|
200
|
+
{
|
|
201
|
+
icon: function (props) { return (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: function (e) { return handlePreviewPage(e, props.id); }, isSelectDomain: Boolean(service.domainsGetAll) }); },
|
|
202
|
+
tooltipTitle: t('Common.Preview'),
|
|
203
|
+
action: handlePreviewClick,
|
|
204
|
+
sx: {
|
|
205
|
+
display: pageCode === enums_1.PageCode.Wlc
|
|
206
|
+
? 'none'
|
|
207
|
+
: 'unset',
|
|
208
|
+
},
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
icon: (0, jsx_runtime_1.jsx)(icons_material_1.GetApp, {}),
|
|
212
|
+
tooltipTitle: t('Common.Export'),
|
|
213
|
+
action: handleExport,
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
icon: (0, jsx_runtime_1.jsx)(icons_material_1.FileCopyOutlined, {}),
|
|
217
|
+
tooltipTitle: t('Common.Duplicate'),
|
|
218
|
+
action: handleClone,
|
|
219
|
+
},
|
|
220
|
+
], onRowClick: handleRowClick, onDelete: service.pagesDelete, showNotificationSuccess: function () { return snackbar('success'); }, confirmDelete: confirm, customActions: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: {
|
|
221
|
+
marginLeft: function (theme) { return theme.spacing(1); },
|
|
222
|
+
}, color: "inherit", variant: "outlined", onClick: function () {
|
|
223
|
+
navigate(Constant_1.pageConstants.IMPORT_PAGE);
|
|
224
|
+
}, children: t('Common.Import') }) })), open &&
|
|
225
|
+
(0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
|
|
226
|
+
handlePreview(previewId, domainId);
|
|
227
|
+
}, service: service })] }));
|
|
190
228
|
};
|
|
191
229
|
exports.default = PageContainer;
|
|
@@ -12,11 +12,15 @@ var Helpers_1 = require("../../../Utils/Helpers");
|
|
|
12
12
|
var Context_1 = __importDefault(require("../Context"));
|
|
13
13
|
var enums_1 = require("../enums");
|
|
14
14
|
var react_i18next_1 = require("react-i18next");
|
|
15
|
+
var DomainPreview_1 = __importDefault(require("../../../ACM-AXN/DomainPreview"));
|
|
16
|
+
var PreviewButton_1 = __importDefault(require("../../../ACM-AXN/DomainPreview/PreviewButton"));
|
|
15
17
|
var DrawerAction = function (_a) {
|
|
16
18
|
var type = _a.type;
|
|
17
19
|
var pageId = (0, react_router_dom_1.useParams)().pageId;
|
|
18
20
|
var _b = (0, Context_1.default)(), pageCode = _b.pageCode, CONFIGS = _b.configs, domainId = _b.domainId, service = _b.service;
|
|
19
21
|
var _c = react_1.default.useState(false), loadingExport = _c[0], setLoadingExport = _c[1];
|
|
22
|
+
var _d = react_1.default.useState(), anchorEl = _d[0], setAnchorEl = _d[1];
|
|
23
|
+
var open = Boolean(anchorEl);
|
|
20
24
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
21
25
|
var handleExport = function () {
|
|
22
26
|
setLoadingExport(true);
|
|
@@ -27,10 +31,23 @@ var DrawerAction = function (_a) {
|
|
|
27
31
|
})
|
|
28
32
|
.finally(function () { return setLoadingExport(false); });
|
|
29
33
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
var handlePreviewClose = function (event) {
|
|
35
|
+
event.stopPropagation();
|
|
36
|
+
setAnchorEl(null);
|
|
37
|
+
};
|
|
38
|
+
var handlePreview = function (domainId) {
|
|
39
|
+
var url = "".concat(CONFIGS.CAPTIVE_DOMAIN, "/").concat(CONFIGS.PAGE_LOGIN_PREVIEW, "?loginId=").concat(pageId, "&domainId=").concat(domainId, "&isNetworkCampaign=false");
|
|
40
|
+
window.open(url, '_blank');
|
|
41
|
+
};
|
|
42
|
+
var handlePreviewPage = function (e) {
|
|
43
|
+
e.stopPropagation();
|
|
44
|
+
setAnchorEl(e.currentTarget);
|
|
45
|
+
};
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [pageCode === enums_1.PageCode.Lgn && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Campaign.Preview'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "secondary", onClick: function (e) {
|
|
47
|
+
handlePreview(domainId || CONFIGS.DEFAULT_PREVIEW_DOMAIN_ID);
|
|
48
|
+
}, children: (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: handlePreviewPage, isSelectDomain: Boolean(service.domainsGetAll) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Export'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: loadingExport, variant: "outlined", color: "secondary", style: { margin: '0px 16px' }, onClick: handleExport, children: (0, jsx_runtime_1.jsx)(icons_material_1.GetAppOutlined, {}) }) })] }), open &&
|
|
49
|
+
(0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: [], handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
|
|
50
|
+
handlePreview(domainId);
|
|
51
|
+
}, service: service })] }));
|
|
35
52
|
};
|
|
36
53
|
exports.default = DrawerAction;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Directory } from '../../Campaign/Types';
|
|
2
2
|
import { FormValid, PageModel } from '../Types';
|
|
3
3
|
export declare const pageDirectoriesState: import("recoil").RecoilState<Directory[]>;
|
|
4
|
+
export declare const wiewMounted: import("recoil").RecoilState<boolean>;
|
|
4
5
|
export declare const pageRootDeirectory: import("recoil").RecoilState<string>;
|
|
5
6
|
export declare const pageChangedFormState: import("recoil").RecoilState<Record<keyof PageModel, boolean>>;
|
|
6
7
|
export declare const pageRootState: import("recoil").RecoilState<PageModel>;
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.pageDirectoriesState = void 0;
|
|
14
|
+
exports.pageState = exports.validForm = exports.pageRootState = exports.pageChangedFormState = exports.pageRootDeirectory = exports.wiewMounted = exports.pageDirectoriesState = void 0;
|
|
15
15
|
var lodash_1 = require("lodash");
|
|
16
16
|
var recoil_1 = require("recoil");
|
|
17
17
|
var Constant_1 = require("../Constant");
|
|
@@ -21,6 +21,10 @@ exports.pageDirectoriesState = (0, recoil_1.atom)({
|
|
|
21
21
|
key: 'pageDirectoriesState',
|
|
22
22
|
default: [],
|
|
23
23
|
});
|
|
24
|
+
exports.wiewMounted = (0, recoil_1.atom)({
|
|
25
|
+
key: 'wiewMounted',
|
|
26
|
+
default: false,
|
|
27
|
+
});
|
|
24
28
|
exports.pageRootDeirectory = (0, recoil_1.atom)({
|
|
25
29
|
key: 'pageRootDeirectory',
|
|
26
30
|
default: (0, recoil_1.selector)({
|
|
@@ -75,7 +75,7 @@ var ViewContent = function (_a) {
|
|
|
75
75
|
onChange(['viewDatas'], []);
|
|
76
76
|
}
|
|
77
77
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
78
|
-
}, [
|
|
78
|
+
}, [viewInfoData.templateId, viewInfoData.viewDatas.length]);
|
|
79
79
|
var handleResData = function (res) {
|
|
80
80
|
onChange(['viewDatas'], (0, Utils_1.getTemplateDatas)(res.templateParameters, viewInfoData, pageId, viewNumber));
|
|
81
81
|
onChange(['templateValidation'], res.template.validation);
|
|
@@ -47,6 +47,8 @@ var enums_1 = require("../../enums");
|
|
|
47
47
|
var Utils_1 = require("../Utils");
|
|
48
48
|
var Constant_1 = require("../../../../ACM-AXN/Page/Constant");
|
|
49
49
|
var react_router_dom_1 = require("react-router-dom");
|
|
50
|
+
var recoil_1 = require("recoil");
|
|
51
|
+
var Recoil_1 = require("../Recoil");
|
|
50
52
|
var ViewInfo = function (_a) {
|
|
51
53
|
var directories = _a.directories, templateTypes = _a.templateTypes, onChange = _a.onChange, viewInfoData = _a.viewInfoData;
|
|
52
54
|
var pageId = (0, react_router_dom_1.useParams)().pageId;
|
|
@@ -54,20 +56,24 @@ var ViewInfo = function (_a) {
|
|
|
54
56
|
var cacheDirectoryId = react_1.default.useRef('');
|
|
55
57
|
var _b = react_1.default.useState([]), templates = _b[0], setTemplates = _b[1];
|
|
56
58
|
var _c = react_1.default.useState(false), loadingTemplate = _c[0], setLoadingTemplate = _c[1];
|
|
57
|
-
var _d = (0,
|
|
59
|
+
var _d = (0, recoil_1.useRecoilState)(Recoil_1.wiewMounted), isMounted = _d[0], setIsMounted = _d[1];
|
|
60
|
+
var _e = (0, Context_1.default)(), service = _e.service, pageCode = _e.pageCode, domainId = _e.domainId;
|
|
58
61
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
59
62
|
(0, react_1.useEffect)(function () {
|
|
60
|
-
var savedDirectoryId = localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED);
|
|
61
|
-
if (savedDirectoryId && !pageId) {
|
|
63
|
+
var savedDirectoryId = JSON.parse(localStorage.getItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED) || '{}')[Array.isArray(domainId) ? 'awingPge' : domainId];
|
|
64
|
+
if (savedDirectoryId && !pageId && !isMounted) {
|
|
65
|
+
setIsMounted(true);
|
|
62
66
|
handleChangeForm({ directoryId: savedDirectoryId }, true, 'directoryId');
|
|
63
67
|
}
|
|
68
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
64
69
|
}, []);
|
|
65
70
|
var handleChangeForm = react_1.default.useCallback(function (obj, _valid, keyUpdate) {
|
|
71
|
+
var _a;
|
|
66
72
|
if ((0, lodash_1.isEmpty)(obj))
|
|
67
73
|
return;
|
|
68
74
|
if (['templateTypeId', 'directoryId'].includes(keyUpdate)) {
|
|
69
75
|
if (keyUpdate === 'directoryId') {
|
|
70
|
-
localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, obj[keyUpdate]);
|
|
76
|
+
localStorage.setItem(Constant_1.PAGE_LOGIN_DIRECTORY_SELECTED, JSON.stringify((_a = {}, _a[Array.isArray(domainId) ? 'awingPge' : domainId] = obj[keyUpdate], _a)));
|
|
71
77
|
}
|
|
72
78
|
onChange(['templateId'], null);
|
|
73
79
|
}
|
|
@@ -173,6 +179,7 @@ var ViewInfo = function (_a) {
|
|
|
173
179
|
options: templateOptions.map(function (template) { return ({
|
|
174
180
|
value: template.id,
|
|
175
181
|
text: template.description,
|
|
182
|
+
disabled: template === null || template === void 0 ? void 0 : template.isDeprecated,
|
|
176
183
|
}); }),
|
|
177
184
|
},
|
|
178
185
|
], oldValue: __assign(__assign({}, viewInfoData), { templateTypeId: 0 }), onUpdate: handleChangeForm }) }));
|
|
@@ -59,7 +59,7 @@ var setObject = function (obj, arrKey, value) {
|
|
|
59
59
|
exports.setObject = setObject;
|
|
60
60
|
var convertTreeArrayToFlatArray = function (treeArray) {
|
|
61
61
|
var result = [];
|
|
62
|
-
treeArray.forEach(function (data) {
|
|
62
|
+
treeArray === null || treeArray === void 0 ? void 0 : treeArray.forEach(function (data) {
|
|
63
63
|
getChilds(data, function (item) { return result.push(item); });
|
|
64
64
|
});
|
|
65
65
|
return result;
|
|
@@ -85,6 +85,7 @@ export interface Template {
|
|
|
85
85
|
templateTypeId: number;
|
|
86
86
|
validation: string;
|
|
87
87
|
autoField: string;
|
|
88
|
+
isDeprecated?: boolean;
|
|
88
89
|
}
|
|
89
90
|
export interface TemplateParameter {
|
|
90
91
|
id: string;
|
|
@@ -110,6 +111,12 @@ export interface SystemPhysicalObject {
|
|
|
110
111
|
name: string;
|
|
111
112
|
path: string;
|
|
112
113
|
}
|
|
114
|
+
export interface IDomain {
|
|
115
|
+
domainId: string;
|
|
116
|
+
name: string | undefined;
|
|
117
|
+
rateSharing: number;
|
|
118
|
+
description: string | undefined;
|
|
119
|
+
}
|
|
113
120
|
export interface PageService {
|
|
114
121
|
directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
|
|
115
122
|
pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<PagesPaging>;
|
|
@@ -138,6 +145,8 @@ export interface PageService {
|
|
|
138
145
|
pagesPut: (id: string, body: PageModel) => Promise<void>;
|
|
139
146
|
pagesGet: (id: string) => Promise<PageModel>;
|
|
140
147
|
pagesClone: (id: string) => Promise<PageModel>;
|
|
148
|
+
domainsGetAll?: () => Promise<IDomain[]>;
|
|
149
|
+
domainsGetByIds?: (body: string[]) => Promise<IDomain[]>;
|
|
141
150
|
}
|
|
142
151
|
export interface PageProps {
|
|
143
152
|
service: PageService;
|
|
@@ -29,6 +29,7 @@ var Context_1 = require("./Context");
|
|
|
29
29
|
var enums_1 = require("./enums");
|
|
30
30
|
var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
|
|
31
31
|
var index_1 = __importDefault(require("./Import/index"));
|
|
32
|
+
var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
|
|
32
33
|
var Page = function (props) {
|
|
33
34
|
var paths = [
|
|
34
35
|
{ path: Constant_1.pageConstants.IMPORT_PAGE, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
|
|
@@ -46,7 +47,7 @@ var Page = function (props) {
|
|
|
46
47
|
},
|
|
47
48
|
{
|
|
48
49
|
path: Constant_1.pageConstants.PAGE_CREATE_DIRECTORY + '/:directoryId',
|
|
49
|
-
element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: props.pageCode === enums_1.PageCode.Lgn
|
|
50
|
+
element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
|
|
50
51
|
? 'pageLogin'
|
|
51
52
|
: 'pageWelcome' }, props))),
|
|
52
53
|
},
|
|
@@ -66,7 +66,7 @@ jest.mock("Commons/Client", function () { return ({
|
|
|
66
66
|
},
|
|
67
67
|
}); });
|
|
68
68
|
// Mock DataGrid
|
|
69
|
-
jest.mock("
|
|
69
|
+
jest.mock("AWING", function () { return ({
|
|
70
70
|
DataGrid: function (props) { return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "DataGrid", children: [props.columns
|
|
71
71
|
.filter(function (item) { return item.valueGetter; })
|
|
72
72
|
.map(function (getter, idx) { return ((0, jsx_runtime_1.jsxs)("span", { children: [getter.valueGetter(mockPermissions[0], idx), getter.valueGetter(mockPermissions[1], idx)] }, idx)); }), (0, jsx_runtime_1.jsx)("div", { children: props.getRowId(mockPermissions.at(-1)) }), (0, jsx_runtime_1.jsx)("div", { children: props.rowActions.map(function (rowAction, idx) { return ((0, jsx_runtime_1.jsxs)("button", { onClick: function () { return rowAction.action(mockPermissions[0].authenId); }, "data-testid": rowAction.tooltipTitle, children: [rowAction.icon, (0, jsx_runtime_1.jsx)("span", { children: rowAction.isShouldHideActions(mockPermissions[0]) })] }, idx)); }) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "row-click", onClick: function () {
|