awing-library 2.1.24-beta → 2.1.26-beta
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/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/ControlPanel/GroupPanel.js +32 -30
- package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.d.ts +1 -1
- package/lib/ACM-AXN/CampaignSchedule/Components/RowAdvance/container.js +34 -29
- package/lib/ACM-AXN/CampaignSchedule/container.js +59 -57
- package/lib/ACM-AXN/CampaignSchedule/interface.d.ts +1 -1
- package/lib/ACM-AXN/Directory/MenuDirectory/index.js +7 -21
- package/lib/translate/en/translation.json +1 -0
- package/lib/translate/vi/translation.json +1 -0
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IGroupPanelProps } from
|
|
1
|
+
import { IGroupPanelProps } from '../../interface';
|
|
2
2
|
declare const GroupPanel: ({ unGroupField, onDragStart, onDragOver, onDrop, panels, }: IGroupPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default GroupPanel;
|
|
@@ -29,37 +29,39 @@ var GroupPanel = function (_a) {
|
|
|
29
29
|
case Enum_1.HEAD_CELL_IDS.CONTROL:
|
|
30
30
|
return __assign(__assign({}, cell), { label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(UnfoldMore_1.default, {}), "#"] })) });
|
|
31
31
|
case Enum_1.HEAD_CELL_IDS.CAMPAIGN:
|
|
32
|
-
return __assign(__assign({}, cell), { label: t(
|
|
32
|
+
return __assign(__assign({}, cell), { label: t('Schedule.Campaign') });
|
|
33
33
|
case Enum_1.HEAD_CELL_IDS.PLACE:
|
|
34
|
-
return __assign(__assign({}, cell), { label: t(
|
|
34
|
+
return __assign(__assign({}, cell), { label: t('Schedule.Place') });
|
|
35
35
|
case Enum_1.HEAD_CELL_IDS.DATE:
|
|
36
|
-
return __assign(__assign({}, cell), { label: t(
|
|
36
|
+
return __assign(__assign({}, cell), { label: t('Schedule.Date') });
|
|
37
|
+
case Enum_1.HEAD_CELL_IDS.DOMAIN:
|
|
38
|
+
return __assign(__assign({}, cell), { label: t('Schedule.Domain') });
|
|
37
39
|
case Enum_1.HEAD_CELL_IDS.RATE:
|
|
38
|
-
return __assign(__assign({}, cell), { label: "".concat(t(
|
|
40
|
+
return __assign(__assign({}, cell), { label: "".concat(t('Schedule.Rate'), " (%)") });
|
|
39
41
|
case Enum_1.HEAD_CELL_IDS.TOTAL:
|
|
40
|
-
return __assign(__assign({}, cell), { label: "".concat(t(
|
|
42
|
+
return __assign(__assign({}, cell), { label: "".concat(t('Schedule.Total'), " (view)") });
|
|
41
43
|
default:
|
|
42
44
|
return cell;
|
|
43
45
|
}
|
|
44
46
|
});
|
|
45
47
|
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Paper, { component: "div", id: "group-panel", sx: {
|
|
46
|
-
display:
|
|
47
|
-
justifyContent:
|
|
48
|
-
flexWrap:
|
|
49
|
-
listStyle:
|
|
50
|
-
paddingTop:
|
|
48
|
+
display: 'flex',
|
|
49
|
+
justifyContent: 'flex-start',
|
|
50
|
+
flexWrap: 'wrap',
|
|
51
|
+
listStyle: 'none',
|
|
52
|
+
paddingTop: '8px',
|
|
51
53
|
margin: 0,
|
|
52
|
-
height:
|
|
53
|
-
position:
|
|
54
|
-
|
|
55
|
-
boxShadow:
|
|
56
|
-
border:
|
|
54
|
+
height: '40px',
|
|
55
|
+
position: 'relative !important',
|
|
56
|
+
'&.MuiPaper-elevation1': {
|
|
57
|
+
boxShadow: 'none',
|
|
58
|
+
border: '1px solid #ccc',
|
|
57
59
|
},
|
|
58
|
-
minHeight:
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
boxShadow:
|
|
62
|
-
border:
|
|
60
|
+
minHeight: '30px',
|
|
61
|
+
'&:hover': {
|
|
62
|
+
'&.MuiPaper-elevation1': {
|
|
63
|
+
boxShadow: 'none',
|
|
64
|
+
border: '1px solid #263238',
|
|
63
65
|
},
|
|
64
66
|
},
|
|
65
67
|
}, onDragOver: onDragOver, onDrop: function (e) {
|
|
@@ -67,18 +69,18 @@ var GroupPanel = function (_a) {
|
|
|
67
69
|
}, children: panelsCell === null || panelsCell === void 0 ? void 0 : panelsCell.map(function (field, index) {
|
|
68
70
|
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: field.grouping && ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", label: field.label, id: field.id, onDelete: function () {
|
|
69
71
|
unGroupField(field.id);
|
|
70
|
-
}, deleteIcon: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, {}), sx: { marginLeft:
|
|
72
|
+
}, deleteIcon: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, {}), sx: { marginLeft: '1rem' }, draggable: true, onDragStart: function (e) {
|
|
71
73
|
onDragStart(e, index);
|
|
72
74
|
} })) }, index));
|
|
73
75
|
}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: "textSecondary", sx: {
|
|
74
|
-
position:
|
|
75
|
-
top:
|
|
76
|
-
left:
|
|
77
|
-
backgroundColor:
|
|
78
|
-
paddingRight:
|
|
79
|
-
paddingLeft:
|
|
80
|
-
marginTop:
|
|
81
|
-
marginLeft:
|
|
82
|
-
}, children: (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.5 }, children: t(
|
|
76
|
+
position: 'absolute',
|
|
77
|
+
top: '-3px',
|
|
78
|
+
left: '16px',
|
|
79
|
+
backgroundColor: '#FFFFFF',
|
|
80
|
+
paddingRight: '4px',
|
|
81
|
+
paddingLeft: '4px',
|
|
82
|
+
marginTop: '6px',
|
|
83
|
+
marginLeft: '10px',
|
|
84
|
+
}, children: (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.5 }, children: t('Schedule.DragAndDropLabel') }) })] }));
|
|
83
85
|
};
|
|
84
86
|
exports.default = GroupPanel;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IRowAdvanceContainerProps } from
|
|
1
|
+
import { IRowAdvanceContainerProps } from '../../interface';
|
|
2
2
|
declare const RowAdvanceContainer: ({ headCells, row, priorityGroupLevel, stt, groupNames, options, filters, serviceCampaignSchedule, }: IRowAdvanceContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default RowAdvanceContainer;
|
|
@@ -66,10 +66,10 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
|
|
|
66
66
|
backgroundColor: Enum_1.BACKGROUND_COLOR.SECONDARY,
|
|
67
67
|
},
|
|
68
68
|
pagination: {
|
|
69
|
-
|
|
69
|
+
'&.MuiTablePagination-root': {
|
|
70
70
|
// borderBottom: '1px solid #a3a3a345',
|
|
71
|
-
borderTop:
|
|
72
|
-
width:
|
|
71
|
+
borderTop: '1px solid #a3a3a345',
|
|
72
|
+
width: '100%',
|
|
73
73
|
},
|
|
74
74
|
},
|
|
75
75
|
primaryPaginations: {
|
|
@@ -115,32 +115,37 @@ var RowAdvanceContainer = function (_a) {
|
|
|
115
115
|
};
|
|
116
116
|
function getDetails(filterBy, groupBy, pageSize, pageIndex) {
|
|
117
117
|
return __awaiter(this, void 0, void 0, function () {
|
|
118
|
-
var fromDate, toDate, campaignId, placeIds;
|
|
118
|
+
var fromDate, toDate, campaignId, placeIds, params, error_1, error_2;
|
|
119
119
|
return __generator(this, function (_a) {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
.
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
120
|
+
switch (_a.label) {
|
|
121
|
+
case 0:
|
|
122
|
+
fromDate = filterBy.fromDate, toDate = filterBy.toDate, campaignId = filterBy.campaignId, placeIds = filterBy.placeIds;
|
|
123
|
+
params = __assign(__assign({}, filterBy), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
|
|
124
|
+
if (!groupBy) return [3 /*break*/, 5];
|
|
125
|
+
_a.label = 1;
|
|
126
|
+
case 1:
|
|
127
|
+
_a.trys.push([1, 3, , 4]);
|
|
128
|
+
return [4 /*yield*/, pagingGroupBy(params, setDetails)];
|
|
129
|
+
case 2:
|
|
130
|
+
_a.sent();
|
|
131
|
+
return [3 /*break*/, 4];
|
|
132
|
+
case 3:
|
|
133
|
+
error_1 = _a.sent();
|
|
134
|
+
console.log(error_1);
|
|
135
|
+
return [3 /*break*/, 4];
|
|
136
|
+
case 4: return [3 /*break*/, 8];
|
|
137
|
+
case 5:
|
|
138
|
+
_a.trys.push([5, 7, , 8]);
|
|
139
|
+
return [4 /*yield*/, paging(params, setDetails)];
|
|
140
|
+
case 6:
|
|
141
|
+
_a.sent();
|
|
142
|
+
return [3 /*break*/, 8];
|
|
143
|
+
case 7:
|
|
144
|
+
error_2 = _a.sent();
|
|
145
|
+
console.log(error_2);
|
|
146
|
+
return [3 /*break*/, 8];
|
|
147
|
+
case 8: return [2 /*return*/];
|
|
131
148
|
}
|
|
132
|
-
else {
|
|
133
|
-
setLoadingPage(true);
|
|
134
|
-
paging((0, moment_1.default)(fromDate).startOf("day").format("YYYY-MM-DD"), (0, moment_1.default)(toDate).endOf("day").format("YYYY-MM-DD"), campaignId, pageIndex, pageSize, placeIds !== null && placeIds !== void 0 ? placeIds : [])
|
|
135
|
-
.then(setDetails)
|
|
136
|
-
.catch(function (err) {
|
|
137
|
-
console.log(err);
|
|
138
|
-
})
|
|
139
|
-
.finally(function () {
|
|
140
|
-
setLoadingPage(false);
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
return [2 /*return*/];
|
|
144
149
|
});
|
|
145
150
|
});
|
|
146
151
|
}
|
|
@@ -163,7 +168,7 @@ var RowAdvanceContainer = function (_a) {
|
|
|
163
168
|
: priorityGroupLevel === (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) + 1;
|
|
164
169
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(component_1.default, { stt: stt, row: row, options: options, headCells: headCells, priorityGroupLevel: priorityGroupLevel, groupNames: groupNames, handleOnClick: handleOnClick, open: open, expandDisabled: expandDisabled }), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingPage ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, children: (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) }) })) : ((0, jsx_runtime_1.jsx)(EnhancedPagination_1.default, { pageSize: pages === null || pages === void 0 ? void 0 : pages.pageSize, pageIndex: pages === null || pages === void 0 ? void 0 : pages.pageIndex, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, className: "".concat(classes.pagination, " ").concat((groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0
|
|
165
170
|
? classes.nomarlPaginations
|
|
166
|
-
: styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = details === null || details === void 0 ? void 0 : details.totalItemCount) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t(
|
|
171
|
+
: styledPagination(priorityGroupLevel + 1)), colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, total: (_b = details === null || details === void 0 ? void 0 : details.totalItemCount) !== null && _b !== void 0 ? _b : 0, children: ((_c = details === null || details === void 0 ? void 0 : details.items) === null || _c === void 0 ? void 0 : _c.length) === 0 ? ((0, jsx_runtime_1.jsx)(NoDataTable_1.default, { colSpan: headCells === null || headCells === void 0 ? void 0 : headCells.length, title: t('Common.NoData') })) : ((_d = details === null || details === void 0 ? void 0 : details.items) === null || _d === void 0 ? void 0 : _d.map(function (item, i) {
|
|
167
172
|
var filterBy = filterById(row === null || row === void 0 ? void 0 : row.groupKeyId, groupNames[priorityGroupLevel], filterByOfRowAdvance);
|
|
168
173
|
var stt = (pages === null || pages === void 0 ? void 0 : pages.pageSize) * (pages === null || pages === void 0 ? void 0 : pages.pageIndex) +
|
|
169
174
|
i +
|
|
@@ -181,7 +186,7 @@ var filterById = function (id, groupName, filters) {
|
|
|
181
186
|
case Enum_1.HEAD_CELL_NAMES.PLACE:
|
|
182
187
|
return __assign(__assign({}, filters), { placeIds: [id] });
|
|
183
188
|
case Enum_1.HEAD_CELL_NAMES.DATE:
|
|
184
|
-
return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format(
|
|
189
|
+
return __assign(__assign({}, filters), { fromDate: (0, moment_1.default)(id).format('YYYY-MM-DD'), toDate: (0, moment_1.default)(id).format('YYYY-MM-DD') });
|
|
185
190
|
default:
|
|
186
191
|
return filters;
|
|
187
192
|
}
|
|
@@ -122,39 +122,41 @@ var CampaignScheduleContainer = function (_a) {
|
|
|
122
122
|
};
|
|
123
123
|
(0, react_1.useEffect)(function () {
|
|
124
124
|
var getScheduleGroupsData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
125
|
-
var groupNames,
|
|
125
|
+
var groupNames, groupBy, pageIndex, pageSize, params, error_1, error_2;
|
|
126
126
|
var _a;
|
|
127
127
|
return __generator(this, function (_b) {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
.
|
|
142
|
-
|
|
143
|
-
|
|
128
|
+
switch (_b.label) {
|
|
129
|
+
case 0:
|
|
130
|
+
groupNames = (_a = headCells === null || headCells === void 0 ? void 0 : headCells.filter(function (item) { return item.grouping; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.name; });
|
|
131
|
+
groupBy = (groupNames === null || groupNames === void 0 ? void 0 : groupNames.length) === 0 ? null : groupNames[0];
|
|
132
|
+
pageIndex = page.pageIndex;
|
|
133
|
+
pageSize = page.pageSize;
|
|
134
|
+
params = __assign(__assign({}, filters), { groupBy: groupBy, pageIndex: pageIndex, pageSize: pageSize });
|
|
135
|
+
if (!groupBy) return [3 /*break*/, 5];
|
|
136
|
+
_b.label = 1;
|
|
137
|
+
case 1:
|
|
138
|
+
_b.trys.push([1, 3, , 4]);
|
|
139
|
+
return [4 /*yield*/, pagingGroupBy(params, setScheduleGroups)];
|
|
140
|
+
case 2:
|
|
141
|
+
_b.sent();
|
|
142
|
+
return [3 /*break*/, 4];
|
|
143
|
+
case 3:
|
|
144
|
+
error_1 = _b.sent();
|
|
145
|
+
console.log(error_1);
|
|
146
|
+
return [3 /*break*/, 4];
|
|
147
|
+
case 4: return [3 /*break*/, 8];
|
|
148
|
+
case 5:
|
|
149
|
+
_b.trys.push([5, 7, , 8]);
|
|
150
|
+
return [4 /*yield*/, paging(params, setScheduleGroups)];
|
|
151
|
+
case 6:
|
|
152
|
+
_b.sent();
|
|
153
|
+
return [3 /*break*/, 8];
|
|
154
|
+
case 7:
|
|
155
|
+
error_2 = _b.sent();
|
|
156
|
+
console.log(error_2);
|
|
157
|
+
return [3 /*break*/, 8];
|
|
158
|
+
case 8: return [2 /*return*/];
|
|
144
159
|
}
|
|
145
|
-
else {
|
|
146
|
-
handleLoading('pages', true);
|
|
147
|
-
paging((0, moment_1.default)(startDate).startOf('day').format('YYYY-MM-DD'), (0, moment_1.default)(endDate).endOf('day').format('YYYY-MM-DD'), campaignId, pageIndex, pageSize, placeIds)
|
|
148
|
-
.then(setScheduleGroups)
|
|
149
|
-
.catch(function (error) {
|
|
150
|
-
console.log(error);
|
|
151
|
-
// snackbar("error");
|
|
152
|
-
})
|
|
153
|
-
.finally(function () {
|
|
154
|
-
handleLoading('pages', false);
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
return [2 /*return*/];
|
|
158
160
|
});
|
|
159
161
|
}); };
|
|
160
162
|
getScheduleGroupsData();
|
|
@@ -176,18 +178,20 @@ var CampaignScheduleContainer = function (_a) {
|
|
|
176
178
|
});
|
|
177
179
|
};
|
|
178
180
|
var getAllPlaces = function () {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
181
|
+
if (placesPermission) {
|
|
182
|
+
handleLoading('places', true);
|
|
183
|
+
placesPermission()
|
|
184
|
+
.then(function (res) {
|
|
185
|
+
setOptions(function (prevState) { return (__assign(__assign({}, prevState), { places: lodash_1.default.keyBy(res, 'placeId') })); });
|
|
186
|
+
})
|
|
187
|
+
.catch(function (error) {
|
|
188
|
+
console.log(error);
|
|
189
|
+
// snackbar("error");
|
|
190
|
+
})
|
|
191
|
+
.finally(function () {
|
|
192
|
+
handleLoading('places', false);
|
|
193
|
+
});
|
|
194
|
+
}
|
|
191
195
|
};
|
|
192
196
|
var getAllDomains = function () {
|
|
193
197
|
handleLoading('domains', true);
|
|
@@ -203,22 +207,19 @@ var CampaignScheduleContainer = function (_a) {
|
|
|
203
207
|
handleLoading('domains', false);
|
|
204
208
|
});
|
|
205
209
|
};
|
|
206
|
-
var fetchCampaignCurrentRun = function () {
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
})
|
|
218
|
-
.finally(function () {
|
|
219
|
-
handleLoading('campaigns', false);
|
|
210
|
+
var fetchCampaignCurrentRun = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
211
|
+
return __generator(this, function (_a) {
|
|
212
|
+
switch (_a.label) {
|
|
213
|
+
case 0:
|
|
214
|
+
if (!campaignPlan) return [3 /*break*/, 2];
|
|
215
|
+
return [4 /*yield*/, campaignPlan(filters, setOptions)];
|
|
216
|
+
case 1:
|
|
217
|
+
_a.sent();
|
|
218
|
+
_a.label = 2;
|
|
219
|
+
case 2: return [2 /*return*/];
|
|
220
|
+
}
|
|
220
221
|
});
|
|
221
|
-
};
|
|
222
|
+
}); };
|
|
222
223
|
(0, react_1.useEffect)(function () {
|
|
223
224
|
getAllPlaces();
|
|
224
225
|
fetchCampaignCurrentRun();
|
|
@@ -315,6 +316,7 @@ var CampaignScheduleContainer = function (_a) {
|
|
|
315
316
|
], false), panels.slice(indexMatch + 1), true));
|
|
316
317
|
setPanels(newPanels);
|
|
317
318
|
}
|
|
319
|
+
console.log('scheduleGroups :>> ', scheduleGroups);
|
|
318
320
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('Schedule.TrafficDistribution') }) }) }), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: t('Schedule.TrafficDistribution') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { campaigns: (_b = options === null || options === void 0 ? void 0 : options.campaigns) !== null && _b !== void 0 ? _b : {}, panels: panels, unGroupField: unGroupField, onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, handleView: handleView, handleExportExcel: handleExportExcel, handleFilters: handleFilters, loadingFlags: loadingFlags, placeMultiSelectComponent: placeMultiSelectComponent }), loadingFlags.pages ||
|
|
319
321
|
loadingFlags.campaigns ||
|
|
320
322
|
loadingFlags.places ? ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, {}) })) : ((0, jsx_runtime_1.jsx)(component_1.default, { headCells: headCells, onDragOver: onDragOver, onDragStart: onDragStart, onDrop: onDrop, scheduleGroups: scheduleGroups, page: page, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, options: options, filters: filters, serviceCampaignSchedule: serviceCampaignSchedule }))] })] }));
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -63,24 +52,21 @@ var react_i18next_1 = require("react-i18next");
|
|
|
63
52
|
function MenuDirectory() {
|
|
64
53
|
var _this = this;
|
|
65
54
|
var _a = (0, react_1.useContext)(Context_1.default), service = _a.service, i18next = _a.i18next;
|
|
66
|
-
var
|
|
55
|
+
var _b = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }), t = _b.t, i18n = _b.i18n;
|
|
67
56
|
var navigate = (0, react_router_dom_1.useNavigate)();
|
|
68
|
-
var
|
|
57
|
+
var _c = (0, react_1.useState)(), data = _c[0], setData = _c[1];
|
|
69
58
|
(0, react_1.useEffect)(function () {
|
|
70
59
|
// Call API to get data
|
|
71
60
|
handleFetchData();
|
|
72
61
|
}, []);
|
|
73
62
|
var handleConvertedData = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
74
|
-
var res,
|
|
63
|
+
var res, convertedData;
|
|
75
64
|
return __generator(this, function (_a) {
|
|
76
65
|
switch (_a.label) {
|
|
77
66
|
case 0: return [4 /*yield*/, service.menusGetAll()];
|
|
78
67
|
case 1:
|
|
79
68
|
res = _a.sent();
|
|
80
|
-
|
|
81
|
-
return __assign(__assign({}, item), { name: t("Menu.MenuName.Menu_".concat(item.menuId)) });
|
|
82
|
-
});
|
|
83
|
-
convertedData = (0, function_1.convertMenuData)(temp);
|
|
69
|
+
convertedData = (0, function_1.convertMenuData)(res);
|
|
84
70
|
return [2 /*return*/, convertedData[0]];
|
|
85
71
|
}
|
|
86
72
|
});
|
|
@@ -99,14 +85,14 @@ function MenuDirectory() {
|
|
|
99
85
|
}); };
|
|
100
86
|
var handleGetMoreData = function (nodeId) { return __awaiter(_this, void 0, void 0, function () {
|
|
101
87
|
return __generator(this, function (_a) {
|
|
102
|
-
console.log(nodeId);
|
|
103
88
|
return [2 /*return*/];
|
|
104
89
|
});
|
|
105
90
|
}); };
|
|
106
|
-
|
|
91
|
+
var translateData = (0, function_1.translateMenu)(data, i18n, t);
|
|
92
|
+
if (!translateData) {
|
|
107
93
|
return (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {});
|
|
108
94
|
}
|
|
109
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '8px' }, children: (0, jsx_runtime_1.jsx)(AWING_1.HierarchyTree, { data:
|
|
95
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '8px' }, children: (0, jsx_runtime_1.jsx)(AWING_1.HierarchyTree, { data: translateData, hideSelectCheckbox: true, onGetMoreData: handleGetMoreData, actionComponentProps: {
|
|
110
96
|
actions: [
|
|
111
97
|
{
|
|
112
98
|
icon: ((0, jsx_runtime_1.jsx)(icons_material_1.Settings, { fontSize: "small", color: "action" })),
|