@undp/carbon-library 1.0.16-CARBON-363.46 → 1.0.16-CARBON-363.61
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +175 -378
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +25 -3
- package/dist/esm/index.js +175 -378
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +25 -3
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
@@ -24698,7 +24698,7 @@ var EditableRow = function (_a) {
|
|
24698
24698
|
React.createElement("tr", __assign({}, props)))));
|
24699
24699
|
};
|
24700
24700
|
var EditableCell = function (_a) {
|
24701
|
-
|
24701
|
+
_a.title; var editable = _a.editable, children = _a.children, dataIndex = _a.dataIndex, record = _a.record, handleSave = _a.handleSave, restProps = __rest(_a, ["title", "editable", "children", "dataIndex", "record", "handleSave"]);
|
24702
24702
|
var _b = React.useState(false), editing = _b[0], setEditing = _b[1];
|
24703
24703
|
var inputRef = React.useRef(null);
|
24704
24704
|
var form = React.useContext(EditableContext);
|
@@ -24734,12 +24734,7 @@ var EditableCell = function (_a) {
|
|
24734
24734
|
}); };
|
24735
24735
|
var childNode = children;
|
24736
24736
|
if (editable) {
|
24737
|
-
childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex,
|
24738
|
-
{
|
24739
|
-
required: true,
|
24740
|
-
message: "".concat(title, " is required."),
|
24741
|
-
},
|
24742
|
-
] },
|
24737
|
+
childNode = editing ? (React.createElement(antd.Form.Item, { style: { margin: 0 }, name: dataIndex },
|
24743
24738
|
React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
|
24744
24739
|
}
|
24745
24740
|
return React.createElement("td", __assign({}, restProps), childNode);
|
@@ -24750,9 +24745,15 @@ styleInject(css_248z$4);
|
|
24750
24745
|
|
24751
24746
|
var NdcActionType;
|
24752
24747
|
(function (NdcActionType) {
|
24753
|
-
NdcActionType[NdcActionType["
|
24754
|
-
NdcActionType[NdcActionType["
|
24748
|
+
NdcActionType[NdcActionType["mainAction"] = 0] = "mainAction";
|
24749
|
+
NdcActionType[NdcActionType["subAction"] = 1] = "subAction";
|
24755
24750
|
})(NdcActionType || (NdcActionType = {}));
|
24751
|
+
var NdcDetailsActionStatus;
|
24752
|
+
(function (NdcDetailsActionStatus) {
|
24753
|
+
NdcDetailsActionStatus[NdcDetailsActionStatus["pending"] = 0] = "pending";
|
24754
|
+
NdcDetailsActionStatus[NdcDetailsActionStatus["approved"] = 1] = "approved";
|
24755
|
+
})(NdcDetailsActionStatus || (NdcDetailsActionStatus = {}));
|
24756
|
+
|
24756
24757
|
var NdcDetailsComponent = function (props) {
|
24757
24758
|
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
|
24758
24759
|
var RangePicker = antd.DatePicker.RangePicker;
|
@@ -24761,14 +24762,23 @@ var NdcDetailsComponent = function (props) {
|
|
24761
24762
|
var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
|
24762
24763
|
var _d = React.useState({}), selectedPeriod = _d[0], setSelectedPeriod = _d[1];
|
24763
24764
|
var selectedDateRangeRef = React.useRef({});
|
24764
|
-
|
24765
|
+
React.useRef(0);
|
24765
24766
|
var selectedNdcDetail = React.useRef({});
|
24766
24767
|
var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
|
24767
|
-
var _f = useConnection(), get = _f.get, post = _f.post;
|
24768
|
+
var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
|
24768
24769
|
var userInfoState = useUserContext().userInfoState;
|
24770
|
+
var governmentMinistry = process.env.REACT_APP_GOVERNMENT_MINISTRY
|
24771
|
+
? process.env.REACT_APP_GOVERNMENT_MINISTRY
|
24772
|
+
: "Test ministryName";
|
24769
24773
|
var isAddRangeVisible = ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
|
24770
24774
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
|
24771
24775
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
|
24776
|
+
var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
|
24777
|
+
? ndcDetailsData.filter(function (ndcDetail) {
|
24778
|
+
return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
|
24779
|
+
ndcDetail.actionType === NdcActionType.mainAction);
|
24780
|
+
})
|
24781
|
+
: [];
|
24772
24782
|
var isAddNdcActionVisible = function () {
|
24773
24783
|
return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
24774
24784
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
|
@@ -24776,104 +24786,98 @@ var NdcDetailsComponent = function (props) {
|
|
24776
24786
|
var inRange = function (num, min, max) {
|
24777
24787
|
return num >= min && num <= max;
|
24778
24788
|
};
|
24779
|
-
function
|
24780
|
-
|
24781
|
-
|
24782
|
-
|
24783
|
-
|
24784
|
-
|
24785
|
-
|
24786
|
-
|
24787
|
-
|
24788
|
-
|
24789
|
-
|
24790
|
-
|
24791
|
-
|
24792
|
-
|
24793
|
-
|
24794
|
-
|
24795
|
-
|
24796
|
-
|
24797
|
-
|
24798
|
-
|
24799
|
-
|
24800
|
-
ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
|
24801
|
-
setNdcDetailsData(ndcDetailsData);
|
24802
|
-
setTableKey(function (key) { return key + 1; });
|
24803
|
-
}
|
24804
|
-
var handleSave = function (row) {
|
24805
|
-
setNdcDetailsData(function (prevData) {
|
24806
|
-
var newData = JSON.parse(JSON.stringify(prevData));
|
24807
|
-
if (row.type === NdcActionType.main) {
|
24808
|
-
var index = newData.findIndex(function (item) { return row.key === item.key; });
|
24809
|
-
if (index !== -1) {
|
24810
|
-
newData[index] = __assign(__assign({}, newData[index]), row);
|
24811
|
-
}
|
24812
|
-
}
|
24813
|
-
else {
|
24814
|
-
var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
|
24815
|
-
var parentItem = newData[parentIndex];
|
24816
|
-
if (parentItem) {
|
24817
|
-
if (parentItem.subNdcDetails) {
|
24818
|
-
var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
|
24819
|
-
if (itemIndex === -1) {
|
24820
|
-
parentItem.subNdcDetails.push(row);
|
24821
|
-
}
|
24822
|
-
else {
|
24823
|
-
parentItem.subNdcDetails[itemIndex] = __assign({}, row);
|
24824
|
-
}
|
24825
|
-
}
|
24826
|
-
else {
|
24827
|
-
parentItem.subNdcDetails = [row];
|
24828
|
-
}
|
24829
|
-
}
|
24830
|
-
newData[parentIndex] = __assign({}, parentItem);
|
24831
|
-
setTableKey(function (key) { return key + 1; });
|
24789
|
+
var handleSave = function (row) { return __awaiter(void 0, void 0, void 0, function () {
|
24790
|
+
var updatedItemIndex, response, response;
|
24791
|
+
return __generator(this, function (_a) {
|
24792
|
+
switch (_a.label) {
|
24793
|
+
case 0:
|
24794
|
+
console.log("handleSave", row);
|
24795
|
+
updatedItemIndex = ndcDetailsData.findIndex(function (item) { return item.id === row.id; });
|
24796
|
+
if (!(updatedItemIndex === -1)) return [3 /*break*/, 2];
|
24797
|
+
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, row), { kpi: parseInt(row.kpi) }))];
|
24798
|
+
case 1:
|
24799
|
+
response = _a.sent();
|
24800
|
+
console.log("handleSave created", response);
|
24801
|
+
return [3 /*break*/, 4];
|
24802
|
+
case 2: return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, row), { kpi: parseInt(row.kpi) }))];
|
24803
|
+
case 3:
|
24804
|
+
response = _a.sent();
|
24805
|
+
console.log("handleSave updated", response);
|
24806
|
+
_a.label = 4;
|
24807
|
+
case 4:
|
24808
|
+
fetchNdcDetailActions();
|
24809
|
+
return [2 /*return*/];
|
24832
24810
|
}
|
24833
|
-
return newData;
|
24834
24811
|
});
|
24835
|
-
};
|
24836
|
-
|
24837
|
-
|
24838
|
-
|
24839
|
-
|
24840
|
-
|
24841
|
-
|
24842
|
-
|
24843
|
-
|
24844
|
-
|
24845
|
-
|
24846
|
-
|
24847
|
-
|
24848
|
-
}
|
24849
|
-
|
24850
|
-
|
24851
|
-
|
24852
|
-
|
24853
|
-
|
24854
|
-
|
24855
|
-
|
24856
|
-
|
24857
|
-
|
24858
|
-
|
24859
|
-
|
24860
|
-
|
24861
|
-
|
24862
|
-
|
24863
|
-
|
24864
|
-
|
24865
|
-
}
|
24812
|
+
}); };
|
24813
|
+
// const getNdcDetailsForPeriod = () => {
|
24814
|
+
// //const range = selectedPeriod.split("-");
|
24815
|
+
// const range: any = [];
|
24816
|
+
// if (range.length > 1) {
|
24817
|
+
// const filteredData = ndcDetailsData.filter((item: NdcDetail) => {
|
24818
|
+
// return inRange(
|
24819
|
+
// Number(moment(item.startDate).year()),
|
24820
|
+
// Number(range[0]),
|
24821
|
+
// Number(range[1])
|
24822
|
+
// );
|
24823
|
+
// });
|
24824
|
+
// return filteredData;
|
24825
|
+
// } else {
|
24826
|
+
// return [];
|
24827
|
+
// }
|
24828
|
+
// };
|
24829
|
+
var getSubNdcDetailsForPeriod = function (id) {
|
24830
|
+
ndcDetailsData.find(function (item) { return item.id === id; });
|
24831
|
+
var subNdcDetails = ndcDetailsData.filter(function (ndcDetail) {
|
24832
|
+
return (ndcDetail.parentActionId === id &&
|
24833
|
+
ndcDetail.actionType === NdcActionType.subAction);
|
24834
|
+
});
|
24835
|
+
var emptySubNdcRow = {
|
24836
|
+
actionType: NdcActionType.subAction,
|
24837
|
+
nationalPlanObjective: "",
|
24838
|
+
kpi: 0,
|
24839
|
+
ministryName: governmentMinistry,
|
24840
|
+
status: NdcDetailsActionStatus.pending,
|
24841
|
+
parentActionId: id,
|
24842
|
+
};
|
24843
|
+
return __spreadArray(__spreadArray([], subNdcDetails, true), [emptySubNdcRow], false);
|
24844
|
+
// if (ndcDetail) {
|
24845
|
+
// if (
|
24846
|
+
// ndcDetail?.subNdcDetails[
|
24847
|
+
// ndcDetail?.subNdcDetails?.length - 1
|
24848
|
+
// ]?.ministryName.trim() !== "" &&
|
24849
|
+
// ndcDetail?.subNdcDetails[ndcDetail?.subNdcDetails?.length - 1]
|
24850
|
+
// ?.ministryName &&
|
24851
|
+
// ndcDetail?.subNdcDetails[
|
24852
|
+
// ndcDetail?.subNdcDetails?.length - 1
|
24853
|
+
// ]?.nationalPlanObjective.trim() !== "" &&
|
24854
|
+
// ndcDetail?.subNdcDetails[ndcDetail?.subNdcDetails?.length - 1]
|
24855
|
+
// ?.nationalPlanObjective &&
|
24856
|
+
// String(
|
24857
|
+
// ndcDetail?.subNdcDetails[ndcDetail?.subNdcDetails?.length - 1]?.kpi
|
24858
|
+
// ).trim() !== "" &&
|
24859
|
+
// String(
|
24860
|
+
// ndcDetail?.subNdcDetails[ndcDetail?.subNdcDetails?.length - 1]?.kpi
|
24861
|
+
// )
|
24862
|
+
// ) {
|
24863
|
+
// onAddNewSubNdcDetail();
|
24864
|
+
// }
|
24865
|
+
// return ndcDetail.subNdcDetails;
|
24866
|
+
// } else {
|
24867
|
+
// return [];
|
24868
|
+
// }
|
24869
|
+
//return [];
|
24866
24870
|
};
|
24867
24871
|
var defaultColumns = [
|
24868
24872
|
{
|
24869
24873
|
title: t("ndc:ndcColumnsNationalPlanObj"),
|
24870
|
-
dataIndex: "
|
24871
|
-
key: "
|
24874
|
+
dataIndex: "nationalPlanObjective",
|
24875
|
+
key: "nationalPlanObjective",
|
24872
24876
|
align: "left",
|
24873
24877
|
editable: true,
|
24874
24878
|
width: "50%",
|
24875
|
-
render: function (_, record) { return (React.createElement(React.Fragment, null, record.
|
24876
|
-
React.createElement("span", null, record.
|
24879
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObjective ? (React.createElement(antd.Space, { size: "middle" },
|
24880
|
+
React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
|
24877
24881
|
},
|
24878
24882
|
{
|
24879
24883
|
title: t("ndc:ndcColumnsKpi"),
|
@@ -24882,18 +24886,18 @@ var NdcDetailsComponent = function (props) {
|
|
24882
24886
|
align: "left",
|
24883
24887
|
editable: true,
|
24884
24888
|
width: "10%",
|
24885
|
-
render: function (_, record) { return (React.createElement(React.Fragment, null, record.
|
24889
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.kpi ? (React.createElement(antd.Space, { size: "middle" },
|
24886
24890
|
React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
|
24887
24891
|
},
|
24888
24892
|
{
|
24889
|
-
title: "
|
24890
|
-
dataIndex: "
|
24891
|
-
key: "
|
24893
|
+
title: "ministryName",
|
24894
|
+
dataIndex: "ministryName",
|
24895
|
+
key: "ministryName",
|
24892
24896
|
align: "left",
|
24893
24897
|
editable: true,
|
24894
24898
|
width: "40%",
|
24895
|
-
render: function (_, record) { return (React.createElement(React.Fragment, null, record.
|
24896
|
-
React.createElement("span", null, record.
|
24899
|
+
render: function (_, record) { return (React.createElement(React.Fragment, null, record.ministryName ? (React.createElement(antd.Space, { size: "middle" },
|
24900
|
+
React.createElement("span", null, record.ministryName))) : (React.createElement("input", { placeholder: "Please add the ministryName name", className: "ant-input", type: "text" })))); },
|
24897
24901
|
},
|
24898
24902
|
];
|
24899
24903
|
var columns = defaultColumns.map(function (col) {
|
@@ -24908,32 +24912,38 @@ var NdcDetailsComponent = function (props) {
|
|
24908
24912
|
handleSave: handleSave,
|
24909
24913
|
}); } });
|
24910
24914
|
});
|
24911
|
-
function
|
24912
|
-
|
24913
|
-
|
24914
|
-
|
24915
|
-
|
24916
|
-
|
24917
|
-
|
24918
|
-
|
24919
|
-
|
24920
|
-
|
24921
|
-
|
24922
|
-
|
24923
|
-
|
24924
|
-
|
24925
|
-
|
24926
|
-
|
24927
|
-
|
24928
|
-
|
24929
|
-
|
24930
|
-
|
24931
|
-
|
24932
|
-
|
24933
|
-
|
24934
|
-
|
24935
|
-
|
24936
|
-
|
24915
|
+
function onClickedAddNewNdcDetail() {
|
24916
|
+
return __awaiter(this, void 0, void 0, function () {
|
24917
|
+
var periodId, newData, response, newlyCreatedNdcAction_1;
|
24918
|
+
return __generator(this, function (_a) {
|
24919
|
+
switch (_a.label) {
|
24920
|
+
case 0:
|
24921
|
+
if (!(selectedPeriod.key !== "add_new")) return [3 /*break*/, 2];
|
24922
|
+
periodId = parseInt(selectedPeriod.key);
|
24923
|
+
newData = {
|
24924
|
+
actionType: NdcActionType.mainAction,
|
24925
|
+
nationalPlanObjective: "",
|
24926
|
+
kpi: 0,
|
24927
|
+
ministryName: governmentMinistry,
|
24928
|
+
periodId: periodId,
|
24929
|
+
status: NdcDetailsActionStatus.pending,
|
24930
|
+
};
|
24931
|
+
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign({}, newData))];
|
24932
|
+
case 1:
|
24933
|
+
response = _a.sent();
|
24934
|
+
if (response && response.data) {
|
24935
|
+
newlyCreatedNdcAction_1 = response.data;
|
24936
|
+
newlyCreatedNdcAction_1.key = newlyCreatedNdcAction_1.id;
|
24937
|
+
setNdcDetailsData(function (ndcDetailsData) { return __spreadArray(__spreadArray([], ndcDetailsData, true), [
|
24938
|
+
newlyCreatedNdcAction_1,
|
24939
|
+
], false); });
|
24940
|
+
setTableKey(function (key) { return key + 1; });
|
24941
|
+
}
|
24942
|
+
_a.label = 2;
|
24943
|
+
case 2: return [2 /*return*/];
|
24944
|
+
}
|
24945
|
+
});
|
24946
|
+
});
|
24937
24947
|
}
|
24938
24948
|
var components = {
|
24939
24949
|
body: {
|
@@ -24946,7 +24956,7 @@ var NdcDetailsComponent = function (props) {
|
|
24946
24956
|
return __generator(this, function (_a) {
|
24947
24957
|
switch (_a.label) {
|
24948
24958
|
case 0: return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
|
24949
|
-
id: selectedPeriod.
|
24959
|
+
id: selectedPeriod.key,
|
24950
24960
|
})];
|
24951
24961
|
case 1:
|
24952
24962
|
result = _a.sent();
|
@@ -24964,21 +24974,20 @@ var NdcDetailsComponent = function (props) {
|
|
24964
24974
|
return (React.createElement("div", null,
|
24965
24975
|
React.createElement(antd.Row, null,
|
24966
24976
|
React.createElement(antd.Col, { span: 24 },
|
24967
|
-
React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource:
|
24977
|
+
React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: ndcMainDetailsForPeriod, columns: columns, expandable: {
|
24968
24978
|
expandedRowRender: function (record) { return getSubNdcActionContent(record); },
|
24969
24979
|
indentSize: 0,
|
24970
|
-
defaultExpandedRowKeys: [selectedNdcDetail.current.
|
24980
|
+
//defaultExpandedRowKeys: [parseInt(selectedNdcDetail.current.id)],
|
24971
24981
|
}, footer: function () {
|
24972
24982
|
return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
|
24973
|
-
React.createElement(antd.Button, { onClick:
|
24983
|
+
React.createElement(antd.Button, { onClick: onClickedAddNewNdcDetail, type: "default", style: {
|
24974
24984
|
marginBottom: 16,
|
24975
24985
|
width: "100%",
|
24976
24986
|
} }, t("ndc:addNdcAction"))));
|
24977
24987
|
} }))),
|
24978
|
-
React.createElement(antd.Row,
|
24979
|
-
React.createElement(antd.
|
24980
|
-
|
24981
|
-
React.createElement(antd.Button, { type: "primary", onClick: onFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize"))))));
|
24988
|
+
React.createElement(antd.Row, { justify: "end" },
|
24989
|
+
React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
|
24990
|
+
React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))));
|
24982
24991
|
}
|
24983
24992
|
var onAddNewPeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
|
24984
24993
|
var periodItem_1, existingIndex, response, addedPeriodItem, updatedPeriodItem_1;
|
@@ -25035,11 +25044,13 @@ var NdcDetailsComponent = function (props) {
|
|
25035
25044
|
}
|
25036
25045
|
function getSubNdcActionContent(record) {
|
25037
25046
|
selectedNdcDetail.current = record;
|
25038
|
-
return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource:
|
25047
|
+
return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetailsForPeriod(record.id), columns: columns, showHeader: false, pagination: false }));
|
25039
25048
|
}
|
25040
25049
|
var onTabChange = function (key) {
|
25041
25050
|
var selectedPeriod = periodItems.find(function (item) { return item.key === key; });
|
25042
|
-
|
25051
|
+
if (selectedPeriod) {
|
25052
|
+
setSelectedPeriod(selectedPeriod);
|
25053
|
+
}
|
25043
25054
|
};
|
25044
25055
|
var fetchNdcDetailPeriods = function () { return __awaiter(void 0, void 0, void 0, function () {
|
25045
25056
|
var periods, addNewTab, response;
|
@@ -25048,11 +25059,12 @@ var NdcDetailsComponent = function (props) {
|
|
25048
25059
|
case 0:
|
25049
25060
|
periods = [];
|
25050
25061
|
addNewTab = {
|
25051
|
-
id: "add_new",
|
25052
25062
|
key: "add_new",
|
25053
25063
|
label: "Add New",
|
25054
25064
|
startYear: 0,
|
25055
25065
|
endYear: 0,
|
25066
|
+
finalized: false,
|
25067
|
+
deleted: false,
|
25056
25068
|
};
|
25057
25069
|
return [4 /*yield*/, get("national/programme/queryNdcDetailsPeriod")];
|
25058
25070
|
case 1:
|
@@ -25071,241 +25083,26 @@ var NdcDetailsComponent = function (props) {
|
|
25071
25083
|
}
|
25072
25084
|
});
|
25073
25085
|
}); };
|
25086
|
+
var fetchNdcDetailActions = function () { return __awaiter(void 0, void 0, void 0, function () {
|
25087
|
+
var response, updatedData;
|
25088
|
+
return __generator(this, function (_a) {
|
25089
|
+
switch (_a.label) {
|
25090
|
+
case 0: return [4 /*yield*/, get("national/programme/queryNdcDetailsAction")];
|
25091
|
+
case 1:
|
25092
|
+
response = _a.sent();
|
25093
|
+
if (response && response.data) {
|
25094
|
+
updatedData = response.data.map(function (item) {
|
25095
|
+
return __assign(__assign({}, item), { key: item.id });
|
25096
|
+
});
|
25097
|
+
setNdcDetailsData(updatedData);
|
25098
|
+
}
|
25099
|
+
return [2 /*return*/];
|
25100
|
+
}
|
25101
|
+
});
|
25102
|
+
}); };
|
25074
25103
|
React.useEffect(function () {
|
25075
25104
|
fetchNdcDetailPeriods();
|
25076
|
-
|
25077
|
-
{
|
25078
|
-
key: 1,
|
25079
|
-
type: NdcActionType.main,
|
25080
|
-
startDate: new Date("2019-03-25"),
|
25081
|
-
endDate: new Date("2020-03-25"),
|
25082
|
-
nationalPlanObj: "Enhance value addition in key growth opportunities",
|
25083
|
-
kpi: 25,
|
25084
|
-
ministry: "Ministry of Environment",
|
25085
|
-
subNdcDetails: [
|
25086
|
-
{
|
25087
|
-
key: 6,
|
25088
|
-
ndcActionId: 1,
|
25089
|
-
type: NdcActionType.sub,
|
25090
|
-
startDate: new Date("2019-03-25"),
|
25091
|
-
endDate: new Date("2020-03-25"),
|
25092
|
-
nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
|
25093
|
-
kpi: 25,
|
25094
|
-
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
25095
|
-
},
|
25096
|
-
{
|
25097
|
-
key: 7,
|
25098
|
-
ndcActionId: 1,
|
25099
|
-
type: NdcActionType.sub,
|
25100
|
-
startDate: new Date("2019-03-25"),
|
25101
|
-
endDate: new Date("2020-03-25"),
|
25102
|
-
nationalPlanObj: "",
|
25103
|
-
kpi: "",
|
25104
|
-
ministry: "",
|
25105
|
-
},
|
25106
|
-
],
|
25107
|
-
},
|
25108
|
-
{
|
25109
|
-
key: 2,
|
25110
|
-
type: NdcActionType.main,
|
25111
|
-
startDate: new Date("2019-03-25"),
|
25112
|
-
endDate: new Date("2019-08-25"),
|
25113
|
-
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
25114
|
-
kpi: 10500,
|
25115
|
-
ministry: "Ministry of Environment",
|
25116
|
-
subNdcDetails: [
|
25117
|
-
{
|
25118
|
-
key: 8,
|
25119
|
-
ndcActionId: 2,
|
25120
|
-
type: NdcActionType.sub,
|
25121
|
-
startDate: new Date("2019-03-25"),
|
25122
|
-
endDate: new Date("2020-03-25"),
|
25123
|
-
nationalPlanObj: "",
|
25124
|
-
kpi: "",
|
25125
|
-
ministry: "",
|
25126
|
-
},
|
25127
|
-
],
|
25128
|
-
},
|
25129
|
-
{
|
25130
|
-
key: 12,
|
25131
|
-
type: NdcActionType.main,
|
25132
|
-
startDate: new Date("2019-03-25"),
|
25133
|
-
endDate: new Date("2019-08-25"),
|
25134
|
-
nationalPlanObj: "Other",
|
25135
|
-
kpi: 10500,
|
25136
|
-
ministry: "Ministry of Environment",
|
25137
|
-
subNdcDetails: [
|
25138
|
-
{
|
25139
|
-
key: 8,
|
25140
|
-
ndcActionId: 12,
|
25141
|
-
type: NdcActionType.sub,
|
25142
|
-
startDate: new Date("2019-03-25"),
|
25143
|
-
endDate: new Date("2020-03-25"),
|
25144
|
-
nationalPlanObj: "",
|
25145
|
-
kpi: "",
|
25146
|
-
ministry: "",
|
25147
|
-
},
|
25148
|
-
],
|
25149
|
-
},
|
25150
|
-
{
|
25151
|
-
key: 3,
|
25152
|
-
type: NdcActionType.main,
|
25153
|
-
startDate: new Date("2021-03-25"),
|
25154
|
-
endDate: new Date("2022-03-25"),
|
25155
|
-
nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
|
25156
|
-
kpi: 48,
|
25157
|
-
ministry: "Ministry of Environment",
|
25158
|
-
subNdcDetails: [
|
25159
|
-
{
|
25160
|
-
key: 9,
|
25161
|
-
ndcActionId: 3,
|
25162
|
-
type: NdcActionType.sub,
|
25163
|
-
startDate: new Date("2019-03-25"),
|
25164
|
-
endDate: new Date("2020-03-25"),
|
25165
|
-
nationalPlanObj: "",
|
25166
|
-
kpi: "",
|
25167
|
-
ministry: "",
|
25168
|
-
},
|
25169
|
-
],
|
25170
|
-
},
|
25171
|
-
{
|
25172
|
-
key: 4,
|
25173
|
-
type: NdcActionType.main,
|
25174
|
-
startDate: new Date("2022-03-25"),
|
25175
|
-
endDate: new Date("2022-05-25"),
|
25176
|
-
nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
|
25177
|
-
kpi: 20,
|
25178
|
-
ministry: "Ministry of Environment",
|
25179
|
-
subNdcDetails: [
|
25180
|
-
{
|
25181
|
-
key: 10,
|
25182
|
-
ndcActionId: 4,
|
25183
|
-
type: NdcActionType.sub,
|
25184
|
-
startDate: new Date("2019-03-25"),
|
25185
|
-
endDate: new Date("2020-03-25"),
|
25186
|
-
nationalPlanObj: "",
|
25187
|
-
kpi: "",
|
25188
|
-
ministry: "",
|
25189
|
-
},
|
25190
|
-
],
|
25191
|
-
},
|
25192
|
-
{
|
25193
|
-
key: 5,
|
25194
|
-
type: NdcActionType.main,
|
25195
|
-
startDate: new Date("2022-03-25"),
|
25196
|
-
endDate: new Date("2023-03-25"),
|
25197
|
-
nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
|
25198
|
-
kpi: 10,
|
25199
|
-
ministry: "Ministry of Environment",
|
25200
|
-
subNdcDetails: [
|
25201
|
-
{
|
25202
|
-
key: 11,
|
25203
|
-
ndcActionId: 5,
|
25204
|
-
type: NdcActionType.sub,
|
25205
|
-
startDate: new Date("2019-03-25"),
|
25206
|
-
endDate: new Date("2020-03-25"),
|
25207
|
-
nationalPlanObj: "",
|
25208
|
-
kpi: "",
|
25209
|
-
ministry: "",
|
25210
|
-
},
|
25211
|
-
],
|
25212
|
-
},
|
25213
|
-
{
|
25214
|
-
key: 13,
|
25215
|
-
type: NdcActionType.main,
|
25216
|
-
startDate: new Date("2022-03-25"),
|
25217
|
-
endDate: new Date("2023-03-25"),
|
25218
|
-
nationalPlanObj: "Convert to solar energy",
|
25219
|
-
kpi: 50000,
|
25220
|
-
ministry: "Ministry of Environment",
|
25221
|
-
subNdcDetails: [
|
25222
|
-
{
|
25223
|
-
key: 11,
|
25224
|
-
ndcActionId: 13,
|
25225
|
-
type: NdcActionType.sub,
|
25226
|
-
startDate: new Date("2019-03-25"),
|
25227
|
-
endDate: new Date("2020-03-25"),
|
25228
|
-
nationalPlanObj: "Convert to solar energy",
|
25229
|
-
kpi: "3000",
|
25230
|
-
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
25231
|
-
},
|
25232
|
-
{
|
25233
|
-
key: 14,
|
25234
|
-
ndcActionId: 13,
|
25235
|
-
type: NdcActionType.sub,
|
25236
|
-
startDate: new Date("2019-03-25"),
|
25237
|
-
endDate: new Date("2020-03-25"),
|
25238
|
-
nationalPlanObj: "",
|
25239
|
-
kpi: "",
|
25240
|
-
ministry: "",
|
25241
|
-
},
|
25242
|
-
],
|
25243
|
-
},
|
25244
|
-
{
|
25245
|
-
key: 15,
|
25246
|
-
type: NdcActionType.main,
|
25247
|
-
startDate: new Date("2022-03-25"),
|
25248
|
-
endDate: new Date("2023-03-25"),
|
25249
|
-
nationalPlanObj: "Strengthen the private sector to create jobs",
|
25250
|
-
kpi: 10000,
|
25251
|
-
ministry: "Ministry of Environment",
|
25252
|
-
subNdcDetails: [
|
25253
|
-
{
|
25254
|
-
key: 16,
|
25255
|
-
ndcActionId: 15,
|
25256
|
-
type: NdcActionType.sub,
|
25257
|
-
startDate: new Date("2019-03-25"),
|
25258
|
-
endDate: new Date("2020-03-25"),
|
25259
|
-
nationalPlanObj: "Strengthen the private sector to create jobs",
|
25260
|
-
kpi: "7200",
|
25261
|
-
ministry: "Ministry of Tourism (MoT)",
|
25262
|
-
},
|
25263
|
-
{
|
25264
|
-
key: 17,
|
25265
|
-
ndcActionId: 15,
|
25266
|
-
type: NdcActionType.sub,
|
25267
|
-
startDate: new Date("2019-03-25"),
|
25268
|
-
endDate: new Date("2020-03-25"),
|
25269
|
-
nationalPlanObj: "",
|
25270
|
-
kpi: "",
|
25271
|
-
ministry: "",
|
25272
|
-
},
|
25273
|
-
],
|
25274
|
-
},
|
25275
|
-
{
|
25276
|
-
key: 18,
|
25277
|
-
type: NdcActionType.main,
|
25278
|
-
startDate: new Date("2022-03-25"),
|
25279
|
-
endDate: new Date("2023-03-25"),
|
25280
|
-
nationalPlanObj: "Other",
|
25281
|
-
kpi: "",
|
25282
|
-
ministry: "Ministry of Environment",
|
25283
|
-
subNdcDetails: [
|
25284
|
-
{
|
25285
|
-
key: 19,
|
25286
|
-
ndcActionId: 18,
|
25287
|
-
type: NdcActionType.sub,
|
25288
|
-
startDate: new Date("2019-03-25"),
|
25289
|
-
endDate: new Date("2020-03-25"),
|
25290
|
-
nationalPlanObj: "Strengthen the private sector to create jobs",
|
25291
|
-
kpi: "",
|
25292
|
-
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
25293
|
-
},
|
25294
|
-
{
|
25295
|
-
key: 20,
|
25296
|
-
ndcActionId: 18,
|
25297
|
-
type: NdcActionType.sub,
|
25298
|
-
startDate: new Date("2019-03-25"),
|
25299
|
-
endDate: new Date("2020-03-25"),
|
25300
|
-
nationalPlanObj: "",
|
25301
|
-
kpi: "",
|
25302
|
-
ministry: "",
|
25303
|
-
},
|
25304
|
-
],
|
25305
|
-
},
|
25306
|
-
];
|
25307
|
-
addedNdcDetailId.current = 20;
|
25308
|
-
setNdcDetailsData(defaultNdcDetails);
|
25105
|
+
fetchNdcDetailActions();
|
25309
25106
|
}, []);
|
25310
25107
|
return (React.createElement("div", { className: "ndc-management content-container" },
|
25311
25108
|
React.createElement("div", { className: "title-bar" },
|
@@ -25314,8 +25111,8 @@ var NdcDetailsComponent = function (props) {
|
|
25314
25111
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
25315
25112
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
25316
25113
|
React.createElement("div", null,
|
25317
|
-
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod, onChange: onTabChange })),
|
25318
|
-
React.createElement("div", null, selectedPeriod.
|
25114
|
+
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
|
25115
|
+
React.createElement("div", null, selectedPeriod.key === "add_new"
|
25319
25116
|
? addNewPeriodContent()
|
25320
25117
|
: ndcDetailsTableContent())));
|
25321
25118
|
};
|