@undp/carbon-library 1.0.284-CARBON-410.0 → 1.0.284-CARBON-234.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +382 -573
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +382 -573
- package/dist/esm/index.js.map +1 -1
- package/dist/locales/i18n/ghgInventory/en.json +1 -3
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -29379,7 +29379,7 @@ var TimelineBody = function (props) {
|
|
29379
29379
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
29380
29380
|
};
|
29381
29381
|
|
29382
|
-
var css_248z$2 = ".
|
29382
|
+
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 5px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
|
29383
29383
|
styleInject(css_248z$2);
|
29384
29384
|
|
29385
29385
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
@@ -29833,26 +29833,14 @@ var GHGEmissionsComponent = function (props) {
|
|
29833
29833
|
var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
29834
29834
|
var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
29835
29835
|
var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
29836
|
-
var _20 = useState(
|
29837
|
-
|
29838
|
-
|
29839
|
-
|
29840
|
-
|
29841
|
-
|
29842
|
-
var
|
29843
|
-
|
29844
|
-
totalCo2WithLand_co2: 0,
|
29845
|
-
totalCo2WithLand_n2o: 0,
|
29846
|
-
totalCo2WithLand_co2eq: 0
|
29847
|
-
}); _21[0]; _21[1];
|
29848
|
-
var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
29849
|
-
var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
29850
|
-
var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
29851
|
-
var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
29852
|
-
var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
29853
|
-
var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
29854
|
-
var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
29855
|
-
var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
29836
|
+
var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
|
29837
|
+
var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
|
29838
|
+
var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
|
29839
|
+
var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
|
29840
|
+
var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
|
29841
|
+
var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
|
29842
|
+
var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
|
29843
|
+
var _27 = useState({}), actionInfo = _27[0], setActionInfo = _27[1];
|
29856
29844
|
var Panel = Collapse.Panel;
|
29857
29845
|
var form = Form.useForm()[0];
|
29858
29846
|
var createSetFieldObject = function (obj, objName) {
|
@@ -31007,35 +30995,19 @@ var GHGEmissionsComponent = function (props) {
|
|
31007
30995
|
return 0;
|
31008
30996
|
}
|
31009
30997
|
};
|
31010
|
-
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
31011
|
-
setTotalCo2WithoutLandEmissions(function (prevState) {
|
31012
|
-
var _a;
|
31013
|
-
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
31014
|
-
});
|
31015
|
-
};
|
31016
|
-
// Helper function to get form field value
|
31017
|
-
var getFieldValue = function (fieldName) {
|
31018
|
-
var formValues = form.getFieldsValue(true);
|
31019
|
-
var fieldValue = formValues[fieldName];
|
31020
|
-
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
31021
|
-
};
|
31022
30998
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
31023
30999
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
31024
31000
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
31025
31001
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
31026
31002
|
React.createElement(Row, { gutter: 16 },
|
31027
31003
|
React.createElement(Col, { xl: 6 },
|
31028
|
-
React.createElement(
|
31029
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
31004
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
|
31030
31005
|
React.createElement(Col, { xl: 6 },
|
31031
|
-
React.createElement(
|
31032
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
31006
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
|
31033
31007
|
React.createElement(Col, { xl: 6 },
|
31034
|
-
React.createElement(
|
31035
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
31008
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
|
31036
31009
|
React.createElement(Col, { xl: 6 },
|
31037
|
-
React.createElement(
|
31038
|
-
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
31010
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
|
31039
31011
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
31040
31012
|
var emissionsObject = tabData[panelHeading];
|
31041
31013
|
return (React.createElement(Row, { gutter: 16 },
|
@@ -31044,17 +31016,13 @@ var GHGEmissionsComponent = function (props) {
|
|
31044
31016
|
React.createElement(Col, { xl: 9, md: 9 },
|
31045
31017
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
31046
31018
|
React.createElement(Col, { xl: 6 },
|
31047
|
-
React.createElement(
|
31048
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
31019
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
|
31049
31020
|
React.createElement(Col, { xl: 6 },
|
31050
|
-
React.createElement(
|
31051
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
31021
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
|
31052
31022
|
React.createElement(Col, { xl: 6 },
|
31053
|
-
React.createElement(
|
31054
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
31023
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
|
31055
31024
|
React.createElement(Col, { xl: 6 },
|
31056
|
-
React.createElement(
|
31057
|
-
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
31025
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
|
31058
31026
|
};
|
31059
31027
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31060
31028
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31062,65 +31030,61 @@ var GHGEmissionsComponent = function (props) {
|
|
31062
31030
|
React.createElement(Col, { xl: 9, md: 9 },
|
31063
31031
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31064
31032
|
React.createElement(Col, { xl: 6 },
|
31065
|
-
React.createElement(
|
31066
|
-
|
31067
|
-
{
|
31068
|
-
|
31069
|
-
|
31070
|
-
|
31071
|
-
|
31072
|
-
|
31073
|
-
|
31074
|
-
|
31075
|
-
|
31076
|
-
|
31077
|
-
|
31078
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31033
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
31034
|
+
{
|
31035
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31036
|
+
return __generator(this, function (_a) {
|
31037
|
+
if (value && value < 0) {
|
31038
|
+
throw new Error();
|
31039
|
+
}
|
31040
|
+
return [2 /*return*/];
|
31041
|
+
});
|
31042
|
+
}); },
|
31043
|
+
},
|
31044
|
+
] },
|
31045
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31079
31046
|
React.createElement(Col, { xl: 6 },
|
31080
|
-
React.createElement(
|
31081
|
-
|
31082
|
-
{
|
31083
|
-
|
31084
|
-
|
31085
|
-
|
31086
|
-
|
31087
|
-
|
31088
|
-
|
31089
|
-
|
31090
|
-
|
31091
|
-
|
31092
|
-
|
31093
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31047
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
31048
|
+
{
|
31049
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31050
|
+
return __generator(this, function (_a) {
|
31051
|
+
if (value && value < 0) {
|
31052
|
+
throw new Error();
|
31053
|
+
}
|
31054
|
+
return [2 /*return*/];
|
31055
|
+
});
|
31056
|
+
}); },
|
31057
|
+
},
|
31058
|
+
] },
|
31059
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31094
31060
|
React.createElement(Col, { xl: 6 },
|
31095
|
-
React.createElement(
|
31096
|
-
|
31097
|
-
{
|
31098
|
-
|
31099
|
-
|
31100
|
-
|
31101
|
-
|
31102
|
-
|
31103
|
-
|
31104
|
-
|
31105
|
-
|
31106
|
-
|
31107
|
-
|
31108
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31061
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
31062
|
+
{
|
31063
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31064
|
+
return __generator(this, function (_a) {
|
31065
|
+
if (value && value < 0) {
|
31066
|
+
throw new Error();
|
31067
|
+
}
|
31068
|
+
return [2 /*return*/];
|
31069
|
+
});
|
31070
|
+
}); },
|
31071
|
+
},
|
31072
|
+
] },
|
31073
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31109
31074
|
React.createElement(Col, { xl: 6 },
|
31110
|
-
React.createElement(
|
31111
|
-
|
31112
|
-
{
|
31113
|
-
|
31114
|
-
|
31115
|
-
|
31116
|
-
|
31117
|
-
|
31118
|
-
|
31119
|
-
|
31120
|
-
|
31121
|
-
|
31122
|
-
|
31123
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
31075
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
31076
|
+
{
|
31077
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31078
|
+
return __generator(this, function (_a) {
|
31079
|
+
if (value && value < 0) {
|
31080
|
+
throw new Error();
|
31081
|
+
}
|
31082
|
+
return [2 /*return*/];
|
31083
|
+
});
|
31084
|
+
}); },
|
31085
|
+
},
|
31086
|
+
] },
|
31087
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
|
31124
31088
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
31125
31089
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31126
31090
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31128,21 +31092,13 @@ var GHGEmissionsComponent = function (props) {
|
|
31128
31092
|
React.createElement(Col, { xl: 9, md: 9 },
|
31129
31093
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31130
31094
|
React.createElement(Col, { xl: 6 },
|
31131
|
-
React.createElement(
|
31132
|
-
React.createElement(React.Fragment, null,
|
31133
|
-
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
31095
|
+
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
|
31134
31096
|
React.createElement(Col, { xl: 6 },
|
31135
|
-
React.createElement(
|
31136
|
-
React.createElement(React.Fragment, null,
|
31137
|
-
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
31097
|
+
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
|
31138
31098
|
React.createElement(Col, { xl: 6 },
|
31139
|
-
React.createElement(
|
31140
|
-
React.createElement(React.Fragment, null,
|
31141
|
-
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
31099
|
+
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
|
31142
31100
|
React.createElement(Col, { xl: 6 },
|
31143
|
-
React.createElement(
|
31144
|
-
React.createElement(React.Fragment, null,
|
31145
|
-
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
31101
|
+
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
|
31146
31102
|
};
|
31147
31103
|
var objectToCSV = function (dataToDownload) {
|
31148
31104
|
var flattenObject = function (obj, prefix) {
|
@@ -31213,17 +31169,6 @@ var GHGEmissionsComponent = function (props) {
|
|
31213
31169
|
}
|
31214
31170
|
return false;
|
31215
31171
|
};
|
31216
|
-
var displayEmptyView = function () {
|
31217
|
-
if (!data || data.length === 0) {
|
31218
|
-
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
31219
|
-
return true;
|
31220
|
-
}
|
31221
|
-
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
31222
|
-
return true;
|
31223
|
-
}
|
31224
|
-
}
|
31225
|
-
return false;
|
31226
|
-
};
|
31227
31172
|
var canViewForm = function () {
|
31228
31173
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
31229
31174
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -31241,9 +31186,7 @@ var GHGEmissionsComponent = function (props) {
|
|
31241
31186
|
React.createElement("div", { className: "title-bar" },
|
31242
31187
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
31243
31188
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
31244
|
-
|
31245
|
-
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
31246
|
-
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
31189
|
+
React.createElement("div", { className: "content-card add-emission" },
|
31247
31190
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
31248
31191
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
31249
31192
|
React.createElement("div", null,
|
@@ -31348,17 +31291,13 @@ var GHGEmissionsComponent = function (props) {
|
|
31348
31291
|
React.createElement(Col, { xl: 9, md: 9 },
|
31349
31292
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
31350
31293
|
React.createElement(Col, { xl: 6 },
|
31351
|
-
React.createElement(
|
31352
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
31294
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
|
31353
31295
|
React.createElement(Col, { xl: 6 },
|
31354
|
-
React.createElement(
|
31355
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
31296
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
|
31356
31297
|
React.createElement(Col, { xl: 6 },
|
31357
|
-
React.createElement(
|
31358
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
31298
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
|
31359
31299
|
React.createElement(Col, { xl: 6 },
|
31360
|
-
React.createElement(
|
31361
|
-
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
31300
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
|
31362
31301
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
31363
31302
|
var isActive = _a.isActive;
|
31364
31303
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -31383,130 +31322,122 @@ var GHGEmissionsComponent = function (props) {
|
|
31383
31322
|
React.createElement(Col, { xl: 9, md: 9 },
|
31384
31323
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31385
31324
|
React.createElement(Col, { xl: 6 },
|
31386
|
-
React.createElement(
|
31387
|
-
|
31388
|
-
{
|
31389
|
-
|
31390
|
-
|
31391
|
-
|
31392
|
-
|
31393
|
-
|
31394
|
-
|
31395
|
-
|
31396
|
-
|
31397
|
-
|
31398
|
-
|
31399
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31325
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
31326
|
+
{
|
31327
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31328
|
+
return __generator(this, function (_a) {
|
31329
|
+
if (value && value < 0) {
|
31330
|
+
throw new Error();
|
31331
|
+
}
|
31332
|
+
return [2 /*return*/];
|
31333
|
+
});
|
31334
|
+
}); },
|
31335
|
+
},
|
31336
|
+
] },
|
31337
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31400
31338
|
React.createElement(Col, { xl: 6 },
|
31401
|
-
React.createElement(
|
31402
|
-
|
31403
|
-
{
|
31404
|
-
|
31405
|
-
|
31406
|
-
|
31407
|
-
|
31408
|
-
|
31409
|
-
|
31410
|
-
|
31411
|
-
|
31412
|
-
|
31413
|
-
|
31414
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31339
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
31340
|
+
{
|
31341
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31342
|
+
return __generator(this, function (_a) {
|
31343
|
+
if (value && value < 0) {
|
31344
|
+
throw new Error();
|
31345
|
+
}
|
31346
|
+
return [2 /*return*/];
|
31347
|
+
});
|
31348
|
+
}); },
|
31349
|
+
},
|
31350
|
+
] },
|
31351
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31415
31352
|
React.createElement(Col, { xl: 6 },
|
31416
|
-
React.createElement(
|
31417
|
-
|
31418
|
-
{
|
31419
|
-
|
31420
|
-
|
31421
|
-
|
31422
|
-
|
31423
|
-
|
31424
|
-
|
31425
|
-
|
31426
|
-
|
31427
|
-
|
31428
|
-
|
31429
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31353
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
31354
|
+
{
|
31355
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31356
|
+
return __generator(this, function (_a) {
|
31357
|
+
if (value && value < 0) {
|
31358
|
+
throw new Error();
|
31359
|
+
}
|
31360
|
+
return [2 /*return*/];
|
31361
|
+
});
|
31362
|
+
}); },
|
31363
|
+
},
|
31364
|
+
] },
|
31365
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31430
31366
|
React.createElement(Col, { xl: 6 },
|
31431
|
-
React.createElement(
|
31432
|
-
|
31433
|
-
{
|
31434
|
-
|
31435
|
-
|
31436
|
-
|
31437
|
-
|
31438
|
-
|
31439
|
-
|
31440
|
-
|
31441
|
-
|
31442
|
-
|
31443
|
-
|
31444
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
31367
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
31368
|
+
{
|
31369
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31370
|
+
return __generator(this, function (_a) {
|
31371
|
+
if (value && value < 0) {
|
31372
|
+
throw new Error();
|
31373
|
+
}
|
31374
|
+
return [2 /*return*/];
|
31375
|
+
});
|
31376
|
+
}); },
|
31377
|
+
},
|
31378
|
+
] },
|
31379
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
|
31445
31380
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31446
31381
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31447
31382
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31448
31383
|
React.createElement(Col, { xl: 9, md: 9 },
|
31449
31384
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31450
31385
|
React.createElement(Col, { xl: 6 },
|
31451
|
-
React.createElement(
|
31452
|
-
|
31453
|
-
{
|
31454
|
-
|
31455
|
-
|
31456
|
-
|
31457
|
-
|
31458
|
-
|
31459
|
-
|
31460
|
-
|
31461
|
-
|
31462
|
-
|
31463
|
-
|
31464
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31386
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
31387
|
+
{
|
31388
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31389
|
+
return __generator(this, function (_a) {
|
31390
|
+
if (value && value < 0) {
|
31391
|
+
throw new Error();
|
31392
|
+
}
|
31393
|
+
return [2 /*return*/];
|
31394
|
+
});
|
31395
|
+
}); },
|
31396
|
+
},
|
31397
|
+
] },
|
31398
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31465
31399
|
React.createElement(Col, { xl: 6 },
|
31466
|
-
React.createElement(
|
31467
|
-
|
31468
|
-
{
|
31469
|
-
|
31470
|
-
|
31471
|
-
|
31472
|
-
|
31473
|
-
|
31474
|
-
|
31475
|
-
|
31476
|
-
|
31477
|
-
|
31478
|
-
|
31479
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31400
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
31401
|
+
{
|
31402
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31403
|
+
return __generator(this, function (_a) {
|
31404
|
+
if (value && value < 0) {
|
31405
|
+
throw new Error();
|
31406
|
+
}
|
31407
|
+
return [2 /*return*/];
|
31408
|
+
});
|
31409
|
+
}); },
|
31410
|
+
},
|
31411
|
+
] },
|
31412
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31480
31413
|
React.createElement(Col, { xl: 6 },
|
31481
|
-
React.createElement(
|
31482
|
-
|
31483
|
-
{
|
31484
|
-
|
31485
|
-
|
31486
|
-
|
31487
|
-
|
31488
|
-
|
31489
|
-
|
31490
|
-
|
31491
|
-
|
31492
|
-
|
31493
|
-
|
31494
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
31414
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
31415
|
+
{
|
31416
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31417
|
+
return __generator(this, function (_a) {
|
31418
|
+
if (value && value < 0) {
|
31419
|
+
throw new Error();
|
31420
|
+
}
|
31421
|
+
return [2 /*return*/];
|
31422
|
+
});
|
31423
|
+
}); },
|
31424
|
+
},
|
31425
|
+
] },
|
31426
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
31495
31427
|
React.createElement(Col, { xl: 6 },
|
31496
|
-
React.createElement(
|
31497
|
-
|
31498
|
-
{
|
31499
|
-
|
31500
|
-
|
31501
|
-
|
31502
|
-
|
31503
|
-
|
31504
|
-
|
31505
|
-
|
31506
|
-
|
31507
|
-
|
31508
|
-
|
31509
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
31428
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
31429
|
+
{
|
31430
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31431
|
+
return __generator(this, function (_a) {
|
31432
|
+
if (value && value < 0) {
|
31433
|
+
throw new Error();
|
31434
|
+
}
|
31435
|
+
return [2 /*return*/];
|
31436
|
+
});
|
31437
|
+
}); },
|
31438
|
+
},
|
31439
|
+
] },
|
31440
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
|
31510
31441
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
31511
31442
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
31512
31443
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -31515,7 +31446,7 @@ var GHGEmissionsComponent = function (props) {
|
|
31515
31446
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
31516
31447
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
31517
31448
|
data.map(function (tabData) {
|
31518
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z
|
31449
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
31519
31450
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
31520
31451
|
tabData.year,
|
31521
31452
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -31555,17 +31486,13 @@ var GHGEmissionsComponent = function (props) {
|
|
31555
31486
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
31556
31487
|
React.createElement(Row, { gutter: 16 },
|
31557
31488
|
React.createElement(Col, { xl: 6 },
|
31558
|
-
React.createElement(
|
31559
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
31489
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
|
31560
31490
|
React.createElement(Col, { xl: 6 },
|
31561
|
-
React.createElement(
|
31562
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
31491
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
|
31563
31492
|
React.createElement(Col, { xl: 6 },
|
31564
|
-
React.createElement(
|
31565
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
31493
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
|
31566
31494
|
React.createElement(Col, { xl: 6 },
|
31567
|
-
React.createElement(
|
31568
|
-
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
31495
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
|
31569
31496
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
31570
31497
|
var isActive = _a.isActive;
|
31571
31498
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -31620,81 +31547,49 @@ var GHGEmissionsComponent = function (props) {
|
|
31620
31547
|
React.createElement(Col, { xl: 9, md: 9 },
|
31621
31548
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31622
31549
|
React.createElement(Col, { xl: 6 },
|
31623
|
-
React.createElement(
|
31550
|
+
React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
31624
31551
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
31625
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
31626
|
-
React.createElement(React.Fragment, null,
|
31627
|
-
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
31628
|
-
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
31629
|
-
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
31552
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
|
31630
31553
|
React.createElement(Col, { xl: 6 },
|
31631
|
-
React.createElement(
|
31632
|
-
? addCommSep(Number((
|
31633
|
-
: (
|
31634
|
-
React.createElement(React.Fragment, null,
|
31635
|
-
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
31636
|
-
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
31637
|
-
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
31554
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
|
31555
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
|
31556
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
|
31638
31557
|
React.createElement(Col, { xl: 6 },
|
31639
|
-
React.createElement(
|
31640
|
-
? addCommSep(Number((
|
31641
|
-
: (
|
31642
|
-
React.createElement(React.Fragment, null,
|
31643
|
-
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
31644
|
-
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
31645
|
-
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
31558
|
+
React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
|
31559
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
|
31560
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
|
31646
31561
|
React.createElement(Col, { xl: 6 },
|
31647
|
-
React.createElement(
|
31648
|
-
? addCommSep(Number((
|
31649
|
-
: (
|
31650
|
-
React.createElement(React.Fragment, null,
|
31651
|
-
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
31652
|
-
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
31653
|
-
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
31562
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
|
31563
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
|
31564
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
|
31654
31565
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31655
31566
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31656
31567
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31657
31568
|
React.createElement(Col, { xl: 9, md: 9 },
|
31658
31569
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31659
31570
|
React.createElement(Col, { xl: 6 },
|
31660
|
-
React.createElement(
|
31661
|
-
? addCommSep(Number((
|
31662
|
-
: (
|
31663
|
-
React.createElement(React.Fragment, null,
|
31664
|
-
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
31665
|
-
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
31666
|
-
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
31571
|
+
React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
|
31572
|
+
? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
|
31573
|
+
: (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
|
31667
31574
|
React.createElement(Col, { xl: 6 },
|
31668
|
-
React.createElement(
|
31669
|
-
? addCommSep(Number((
|
31670
|
-
: (
|
31671
|
-
React.createElement(React.Fragment, null,
|
31672
|
-
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
31673
|
-
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
31674
|
-
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
31575
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
|
31576
|
+
? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
|
31577
|
+
: (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
|
31675
31578
|
React.createElement(Col, { xl: 6 },
|
31676
|
-
React.createElement(
|
31677
|
-
? addCommSep(Number((
|
31678
|
-
: (
|
31679
|
-
React.createElement(React.Fragment, null,
|
31680
|
-
React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
31681
|
-
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
31682
|
-
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
31579
|
+
React.createElement(InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
|
31580
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
|
31581
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
|
31683
31582
|
React.createElement(Col, { xl: 6 },
|
31684
|
-
React.createElement(
|
31685
|
-
? addCommSep(Number((
|
31686
|
-
: (
|
31687
|
-
|
31688
|
-
React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
31689
|
-
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
31690
|
-
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
31691
|
-
}))))),
|
31583
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
31584
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
31585
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
|
31586
|
+
})))),
|
31692
31587
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
31693
31588
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
31694
31589
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
31695
31590
|
};
|
31696
31591
|
|
31697
|
-
var css_248z$1 = ".
|
31592
|
+
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 5px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
|
31698
31593
|
styleInject(css_248z$1);
|
31699
31594
|
|
31700
31595
|
var ProjectionTypes = {
|
@@ -31741,24 +31636,14 @@ var GHGProjectionsComponent = function (props) {
|
|
31741
31636
|
var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
31742
31637
|
var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
31743
31638
|
var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
31744
|
-
var _11 = useState(
|
31745
|
-
|
31746
|
-
|
31747
|
-
|
31748
|
-
|
31749
|
-
var
|
31750
|
-
|
31751
|
-
|
31752
|
-
totalCo2WithLand_unconditionalNdc: 0
|
31753
|
-
}); _12[0]; _12[1];
|
31754
|
-
var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
31755
|
-
var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
31756
|
-
var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
31757
|
-
var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
31758
|
-
var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
31759
|
-
var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
31760
|
-
var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
31761
|
-
var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
31639
|
+
var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
|
31640
|
+
var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
|
31641
|
+
var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
|
31642
|
+
var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
|
31643
|
+
var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
|
31644
|
+
var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
|
31645
|
+
var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
|
31646
|
+
var _18 = useState({}), actionInfo = _18[0], setActionInfo = _18[1];
|
31762
31647
|
var Panel = Collapse.Panel;
|
31763
31648
|
var form = Form.useForm()[0];
|
31764
31649
|
var createSetFieldObject = function (obj, objName) {
|
@@ -32782,32 +32667,17 @@ var GHGProjectionsComponent = function (props) {
|
|
32782
32667
|
}
|
32783
32668
|
return 0;
|
32784
32669
|
};
|
32785
|
-
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
32786
|
-
setTotalCo2WithoutLandEmissions(function (prevState) {
|
32787
|
-
var _a;
|
32788
|
-
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
32789
|
-
});
|
32790
|
-
};
|
32791
|
-
// Helper function to get form field value
|
32792
|
-
var getFieldValue = function (fieldName) {
|
32793
|
-
var formValues = form.getFieldsValue(true);
|
32794
|
-
var fieldValue = formValues[fieldName];
|
32795
|
-
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
32796
|
-
};
|
32797
32670
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
32798
32671
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
32799
32672
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
32800
32673
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
32801
32674
|
React.createElement(Row, { gutter: 16 },
|
32802
32675
|
React.createElement(Col, { xl: 7 },
|
32803
|
-
React.createElement(
|
32804
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
32676
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
|
32805
32677
|
React.createElement(Col, { xl: 7 },
|
32806
|
-
React.createElement(
|
32807
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
32678
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
|
32808
32679
|
React.createElement(Col, { xl: 7 },
|
32809
|
-
React.createElement(
|
32810
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
32680
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
|
32811
32681
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
32812
32682
|
var projectionObject = tabData[panelHeading];
|
32813
32683
|
return (React.createElement(Row, { gutter: 16 },
|
@@ -32816,14 +32686,11 @@ var GHGProjectionsComponent = function (props) {
|
|
32816
32686
|
React.createElement(Col, { xl: 9, md: 9 },
|
32817
32687
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
32818
32688
|
React.createElement(Col, { xl: 7 },
|
32819
|
-
React.createElement(
|
32820
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
32689
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
|
32821
32690
|
React.createElement(Col, { xl: 7 },
|
32822
|
-
React.createElement(
|
32823
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
32691
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
|
32824
32692
|
React.createElement(Col, { xl: 7 },
|
32825
|
-
React.createElement(
|
32826
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
32693
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
|
32827
32694
|
};
|
32828
32695
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32829
32696
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32831,50 +32698,47 @@ var GHGProjectionsComponent = function (props) {
|
|
32831
32698
|
React.createElement(Col, { xl: 9, md: 9 },
|
32832
32699
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32833
32700
|
React.createElement(Col, { xl: 7 },
|
32834
|
-
React.createElement(
|
32835
|
-
|
32836
|
-
{
|
32837
|
-
|
32838
|
-
|
32839
|
-
|
32840
|
-
|
32841
|
-
|
32842
|
-
|
32843
|
-
|
32844
|
-
|
32845
|
-
|
32846
|
-
|
32847
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
32701
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
32702
|
+
{
|
32703
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32704
|
+
return __generator(this, function (_a) {
|
32705
|
+
if (value && value < 0) {
|
32706
|
+
throw new Error();
|
32707
|
+
}
|
32708
|
+
return [2 /*return*/];
|
32709
|
+
});
|
32710
|
+
}); },
|
32711
|
+
},
|
32712
|
+
] },
|
32713
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
32848
32714
|
React.createElement(Col, { xl: 7 },
|
32849
|
-
React.createElement(
|
32850
|
-
|
32851
|
-
{
|
32852
|
-
|
32853
|
-
|
32854
|
-
|
32855
|
-
|
32856
|
-
|
32857
|
-
|
32858
|
-
|
32859
|
-
|
32860
|
-
|
32861
|
-
|
32862
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
32715
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
32716
|
+
{
|
32717
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32718
|
+
return __generator(this, function (_a) {
|
32719
|
+
if (value && value < 0) {
|
32720
|
+
throw new Error();
|
32721
|
+
}
|
32722
|
+
return [2 /*return*/];
|
32723
|
+
});
|
32724
|
+
}); },
|
32725
|
+
},
|
32726
|
+
] },
|
32727
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
32863
32728
|
React.createElement(Col, { xl: 7 },
|
32864
|
-
React.createElement(
|
32865
|
-
|
32866
|
-
{
|
32867
|
-
|
32868
|
-
|
32869
|
-
|
32870
|
-
|
32871
|
-
|
32872
|
-
|
32873
|
-
|
32874
|
-
|
32875
|
-
|
32876
|
-
|
32877
|
-
React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
32729
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
32730
|
+
{
|
32731
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32732
|
+
return __generator(this, function (_a) {
|
32733
|
+
if (value && value < 0) {
|
32734
|
+
throw new Error();
|
32735
|
+
}
|
32736
|
+
return [2 /*return*/];
|
32737
|
+
});
|
32738
|
+
}); },
|
32739
|
+
},
|
32740
|
+
] },
|
32741
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
|
32878
32742
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
32879
32743
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32880
32744
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32882,17 +32746,11 @@ var GHGProjectionsComponent = function (props) {
|
|
32882
32746
|
React.createElement(Col, { xl: 9, md: 9 },
|
32883
32747
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32884
32748
|
React.createElement(Col, { xl: 7 },
|
32885
|
-
React.createElement(
|
32886
|
-
React.createElement(React.Fragment, null,
|
32887
|
-
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
32749
|
+
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
|
32888
32750
|
React.createElement(Col, { xl: 7 },
|
32889
|
-
React.createElement(
|
32890
|
-
React.createElement(React.Fragment, null,
|
32891
|
-
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
32751
|
+
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
|
32892
32752
|
React.createElement(Col, { xl: 7 },
|
32893
|
-
React.createElement(
|
32894
|
-
React.createElement(React.Fragment, null,
|
32895
|
-
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
32753
|
+
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
|
32896
32754
|
};
|
32897
32755
|
var objectToCSV = function (dataToDownload) {
|
32898
32756
|
var flattenObject = function (obj, prefix) {
|
@@ -32961,17 +32819,6 @@ var GHGProjectionsComponent = function (props) {
|
|
32961
32819
|
}
|
32962
32820
|
return false;
|
32963
32821
|
};
|
32964
|
-
var displayEmptyView = function () {
|
32965
|
-
if (!data || data.length === 0) {
|
32966
|
-
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
32967
|
-
return true;
|
32968
|
-
}
|
32969
|
-
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
32970
|
-
return true;
|
32971
|
-
}
|
32972
|
-
}
|
32973
|
-
return false;
|
32974
|
-
};
|
32975
32822
|
var canViewForm = function () {
|
32976
32823
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
32977
32824
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -32989,9 +32836,7 @@ var GHGProjectionsComponent = function (props) {
|
|
32989
32836
|
React.createElement("div", { className: "title-bar" },
|
32990
32837
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
32991
32838
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
32992
|
-
|
32993
|
-
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
32994
|
-
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
32839
|
+
React.createElement("div", { className: "content-card add-projection" },
|
32995
32840
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
32996
32841
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
32997
32842
|
React.createElement("div", null,
|
@@ -33084,14 +32929,11 @@ var GHGProjectionsComponent = function (props) {
|
|
33084
32929
|
React.createElement(Col, { xl: 9, md: 9 },
|
33085
32930
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
33086
32931
|
React.createElement(Col, { xl: 7 },
|
33087
|
-
React.createElement(
|
33088
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
32932
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
|
33089
32933
|
React.createElement(Col, { xl: 7 },
|
33090
|
-
React.createElement(
|
33091
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
32934
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
|
33092
32935
|
React.createElement(Col, { xl: 7 },
|
33093
|
-
React.createElement(
|
33094
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
32936
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
|
33095
32937
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
33096
32938
|
var isActive = _a.isActive;
|
33097
32939
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -33118,100 +32960,94 @@ var GHGProjectionsComponent = function (props) {
|
|
33118
32960
|
React.createElement(Col, { xl: 9, md: 9 },
|
33119
32961
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33120
32962
|
React.createElement(Col, { xl: 7 },
|
33121
|
-
React.createElement(
|
33122
|
-
|
33123
|
-
{
|
33124
|
-
|
33125
|
-
|
33126
|
-
|
33127
|
-
|
33128
|
-
|
33129
|
-
|
33130
|
-
|
33131
|
-
|
33132
|
-
|
33133
|
-
|
33134
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
32963
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
32964
|
+
{
|
32965
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32966
|
+
return __generator(this, function (_a) {
|
32967
|
+
if (value && value < 0) {
|
32968
|
+
throw new Error();
|
32969
|
+
}
|
32970
|
+
return [2 /*return*/];
|
32971
|
+
});
|
32972
|
+
}); },
|
32973
|
+
},
|
32974
|
+
] },
|
32975
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
33135
32976
|
React.createElement(Col, { xl: 7 },
|
33136
|
-
React.createElement(
|
33137
|
-
|
33138
|
-
{
|
33139
|
-
|
33140
|
-
|
33141
|
-
|
33142
|
-
|
33143
|
-
|
33144
|
-
|
33145
|
-
|
33146
|
-
|
33147
|
-
|
33148
|
-
|
33149
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
32977
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
32978
|
+
{
|
32979
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32980
|
+
return __generator(this, function (_a) {
|
32981
|
+
if (value && value < 0) {
|
32982
|
+
throw new Error();
|
32983
|
+
}
|
32984
|
+
return [2 /*return*/];
|
32985
|
+
});
|
32986
|
+
}); },
|
32987
|
+
},
|
32988
|
+
] },
|
32989
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
33150
32990
|
React.createElement(Col, { xl: 7 },
|
33151
|
-
React.createElement(
|
33152
|
-
|
33153
|
-
{
|
33154
|
-
|
33155
|
-
|
33156
|
-
|
33157
|
-
|
33158
|
-
|
33159
|
-
|
33160
|
-
|
33161
|
-
|
33162
|
-
|
33163
|
-
|
33164
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
32991
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
32992
|
+
{
|
32993
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32994
|
+
return __generator(this, function (_a) {
|
32995
|
+
if (value && value < 0) {
|
32996
|
+
throw new Error();
|
32997
|
+
}
|
32998
|
+
return [2 /*return*/];
|
32999
|
+
});
|
33000
|
+
}); },
|
33001
|
+
},
|
33002
|
+
] },
|
33003
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
|
33165
33004
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
33166
33005
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33167
33006
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33168
33007
|
React.createElement(Col, { xl: 9, md: 9 },
|
33169
33008
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33170
33009
|
React.createElement(Col, { xl: 7 },
|
33171
|
-
React.createElement(
|
33172
|
-
|
33173
|
-
{
|
33174
|
-
|
33175
|
-
|
33176
|
-
|
33177
|
-
|
33178
|
-
|
33179
|
-
|
33180
|
-
|
33181
|
-
|
33182
|
-
|
33183
|
-
|
33184
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
33010
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
33011
|
+
{
|
33012
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33013
|
+
return __generator(this, function (_a) {
|
33014
|
+
if (value && value < 0) {
|
33015
|
+
throw new Error();
|
33016
|
+
}
|
33017
|
+
return [2 /*return*/];
|
33018
|
+
});
|
33019
|
+
}); },
|
33020
|
+
},
|
33021
|
+
] },
|
33022
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
33185
33023
|
React.createElement(Col, { xl: 7 },
|
33186
|
-
React.createElement(
|
33187
|
-
|
33188
|
-
{
|
33189
|
-
|
33190
|
-
|
33191
|
-
|
33192
|
-
|
33193
|
-
|
33194
|
-
|
33195
|
-
|
33196
|
-
|
33197
|
-
|
33198
|
-
|
33199
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
33024
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
33025
|
+
{
|
33026
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33027
|
+
return __generator(this, function (_a) {
|
33028
|
+
if (value && value < 0) {
|
33029
|
+
throw new Error();
|
33030
|
+
}
|
33031
|
+
return [2 /*return*/];
|
33032
|
+
});
|
33033
|
+
}); },
|
33034
|
+
},
|
33035
|
+
] },
|
33036
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
|
33200
33037
|
React.createElement(Col, { xl: 7 },
|
33201
|
-
React.createElement(
|
33202
|
-
|
33203
|
-
{
|
33204
|
-
|
33205
|
-
|
33206
|
-
|
33207
|
-
|
33208
|
-
|
33209
|
-
|
33210
|
-
|
33211
|
-
|
33212
|
-
|
33213
|
-
|
33214
|
-
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
33038
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
33039
|
+
{
|
33040
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33041
|
+
return __generator(this, function (_a) {
|
33042
|
+
if (value && value < 0) {
|
33043
|
+
throw new Error();
|
33044
|
+
}
|
33045
|
+
return [2 /*return*/];
|
33046
|
+
});
|
33047
|
+
}); },
|
33048
|
+
},
|
33049
|
+
] },
|
33050
|
+
React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
|
33215
33051
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
33216
33052
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
33217
33053
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -33220,7 +33056,7 @@ var GHGProjectionsComponent = function (props) {
|
|
33220
33056
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
33221
33057
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
33222
33058
|
data.map(function (tabData) {
|
33223
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t
|
33059
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
33224
33060
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
33225
33061
|
tabData.year,
|
33226
33062
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -33253,14 +33089,11 @@ var GHGProjectionsComponent = function (props) {
|
|
33253
33089
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
33254
33090
|
React.createElement(Row, { gutter: 16 },
|
33255
33091
|
React.createElement(Col, { xl: 7 },
|
33256
|
-
React.createElement(
|
33257
|
-
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
33092
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
|
33258
33093
|
React.createElement(Col, { xl: 7 },
|
33259
|
-
React.createElement(
|
33260
|
-
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
33094
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
|
33261
33095
|
React.createElement(Col, { xl: 7 },
|
33262
|
-
React.createElement(
|
33263
|
-
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
33096
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
|
33264
33097
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
33265
33098
|
var isActive = _a.isActive;
|
33266
33099
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -33313,65 +33146,41 @@ var GHGProjectionsComponent = function (props) {
|
|
33313
33146
|
React.createElement(Col, { xl: 9, md: 9 },
|
33314
33147
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33315
33148
|
React.createElement(Col, { xl: 7 },
|
33316
|
-
React.createElement(
|
33149
|
+
React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
33317
33150
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
33318
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
33319
|
-
React.createElement(React.Fragment, null,
|
33320
|
-
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
33321
|
-
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
33322
|
-
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
33151
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
|
33323
33152
|
React.createElement(Col, { xl: 7 },
|
33324
|
-
React.createElement(
|
33325
|
-
? addCommSep(Number((
|
33326
|
-
: (
|
33327
|
-
React.createElement(React.Fragment, null,
|
33328
|
-
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
33329
|
-
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
33330
|
-
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
33153
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
|
33154
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
|
33155
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
|
33331
33156
|
React.createElement(Col, { xl: 7 },
|
33332
|
-
React.createElement(
|
33333
|
-
? addCommSep(Number((
|
33334
|
-
: (
|
33335
|
-
React.createElement(React.Fragment, null,
|
33336
|
-
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
33337
|
-
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
33338
|
-
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
33157
|
+
React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
|
33158
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
|
33159
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
|
33339
33160
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
33340
33161
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33341
33162
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33342
33163
|
React.createElement(Col, { xl: 9, md: 9 },
|
33343
33164
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
33344
33165
|
React.createElement(Col, { xl: 7 },
|
33345
|
-
React.createElement(
|
33346
|
-
? addCommSep(Number((
|
33347
|
-
: (
|
33348
|
-
React.createElement(React.Fragment, null,
|
33349
|
-
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
33350
|
-
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
33351
|
-
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
33166
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
|
33167
|
+
? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
|
33168
|
+
: (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
|
33352
33169
|
React.createElement(Col, { xl: 7 },
|
33353
|
-
React.createElement(
|
33354
|
-
? addCommSep(Number((
|
33355
|
-
: (
|
33356
|
-
React.createElement(React.Fragment, null,
|
33357
|
-
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
33358
|
-
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
33359
|
-
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
33170
|
+
React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
|
33171
|
+
? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
|
33172
|
+
: (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
|
33360
33173
|
React.createElement(Col, { xl: 7 },
|
33361
|
-
React.createElement(
|
33362
|
-
? addCommSep(Number((
|
33363
|
-
: (
|
33364
|
-
|
33365
|
-
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
33366
|
-
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
33367
|
-
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
33368
|
-
}))))),
|
33174
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
33175
|
+
? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
33176
|
+
: (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
|
33177
|
+
})))),
|
33369
33178
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
33370
33179
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
33371
33180
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
33372
33181
|
};
|
33373
33182
|
|
33374
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
33183
|
+
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
33375
33184
|
styleInject(css_248z);
|
33376
33185
|
|
33377
33186
|
var BarChartEstimatedActualStatComponent = function (props) {
|
@@ -33552,7 +33361,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33552
33361
|
position: 'bottom',
|
33553
33362
|
horizontalAlign: 'center',
|
33554
33363
|
floating: false,
|
33555
|
-
fontSize: '
|
33364
|
+
fontSize: '12px',
|
33556
33365
|
fontFamily: 'Inter',
|
33557
33366
|
fontWeight: 400,
|
33558
33367
|
formatter: undefined,
|
@@ -33568,12 +33377,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33568
33377
|
useSeriesColors: false,
|
33569
33378
|
},
|
33570
33379
|
markers: {
|
33571
|
-
width:
|
33572
|
-
height:
|
33380
|
+
width: 8,
|
33381
|
+
height: 8,
|
33573
33382
|
strokeWidth: 0,
|
33574
33383
|
strokeColor: '#fff',
|
33575
33384
|
fillColors: chartColors,
|
33576
|
-
radius:
|
33385
|
+
radius: 0,
|
33577
33386
|
customHTML: undefined,
|
33578
33387
|
onClick: undefined,
|
33579
33388
|
offsetX: 0,
|
@@ -33773,7 +33582,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33773
33582
|
],
|
33774
33583
|
xaxis: {
|
33775
33584
|
title: {
|
33776
|
-
text: '
|
33585
|
+
text: '',
|
33777
33586
|
style: {
|
33778
33587
|
color: '#263238',
|
33779
33588
|
fontSize: '12px',
|
@@ -33858,12 +33667,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33858
33667
|
useSeriesColors: false,
|
33859
33668
|
},
|
33860
33669
|
markers: {
|
33861
|
-
width: [
|
33862
|
-
height: [
|
33670
|
+
width: [16, 16, 16, 33],
|
33671
|
+
height: [16, 16, 16, 2],
|
33863
33672
|
strokeWidth: 0,
|
33864
33673
|
strokeColor: '#fff',
|
33865
33674
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
33866
|
-
radius:
|
33675
|
+
radius: 0,
|
33867
33676
|
customHTML: undefined,
|
33868
33677
|
onClick: undefined,
|
33869
33678
|
offsetX: 0,
|
@@ -34249,7 +34058,7 @@ var GHGDashboardComponent = function (props) {
|
|
34249
34058
|
React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
|
34250
34059
|
}
|
34251
34060
|
};
|
34252
|
-
return (React.createElement("div", { className: "
|
34061
|
+
return (React.createElement("div", { className: "dashboard-main-container" },
|
34253
34062
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
34254
34063
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
34255
34064
|
React.createElement(Link, { to: "/dashboard" },
|