@undp/carbon-library 1.0.284-CARBON-425.3 → 1.0.284-CARBON-410.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +574 -385
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +574 -385
- package/dist/esm/index.js.map +1 -1
- package/dist/locales/i18n/ghgInventory/en.json +3 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
@@ -6460,9 +6460,7 @@ var AddNewCompanyComponent = function (props) {
|
|
6460
6460
|
}); },
|
6461
6461
|
},
|
6462
6462
|
] },
|
6463
|
-
React.createElement(InputNumber, { style: { width: "100%" }, size: "large", min:
|
6464
|
-
return "".concat(value ? Math.round(value) : "", "%");
|
6465
|
-
}, parser: function (value) { return value.replace("%", ""); } })))))))),
|
6463
|
+
React.createElement(InputNumber, { style: { width: "100%" }, size: "large", min: 1, max: 99, formatter: function (value) { return "".concat(Math.round(value), "%"); }, parser: function (value) { return value.replace("%", ""); } })))))))),
|
6466
6464
|
React.createElement("div", { className: "steps-actions" }, isUpdate ? (React.createElement(Row, null,
|
6467
6465
|
React.createElement(Button, { loading: loading, onClick: onCancel }, t("addCompany:cancel")),
|
6468
6466
|
React.createElement(Button, { loading: loading, className: "mg-left-1", type: "primary", htmlType: "submit" }, t("addCompany:submit")))) : (current === 0 && (React.createElement(Button, { type: "primary", htmlType: "submit" }, t("addCompany:next")))))))));
|
@@ -29381,7 +29379,7 @@ var TimelineBody = function (props) {
|
|
29381
29379
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
29382
29380
|
};
|
29383
29381
|
|
29384
|
-
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:
|
29382
|
+
var css_248z$2 = ".emission-tab-container .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 .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 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: 4px !important;\n height: 40px !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: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\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: 700;\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: 18px;\n font-weight: 700;\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: 16px;\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: 14px;\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: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 14px;\n font-weight: 400;\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: 10px; }\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";
|
29385
29383
|
styleInject(css_248z$2);
|
29386
29384
|
|
29387
29385
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
@@ -29835,14 +29833,26 @@ var GHGEmissionsComponent = function (props) {
|
|
29835
29833
|
var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
29836
29834
|
var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
29837
29835
|
var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
29838
|
-
var _20 = useState(
|
29839
|
-
|
29840
|
-
|
29841
|
-
|
29842
|
-
|
29843
|
-
|
29844
|
-
var
|
29845
|
-
|
29836
|
+
var _20 = useState({
|
29837
|
+
totalCo2WithoutLand_ch4: 0,
|
29838
|
+
totalCo2WithoutLand_co2: 0,
|
29839
|
+
totalCo2WithoutLand_n2o: 0,
|
29840
|
+
totalCo2WithoutLand_co2eq: 0
|
29841
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
29842
|
+
var _21 = useState({
|
29843
|
+
totalCo2WithLand_ch4: 0,
|
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];
|
29846
29856
|
var Panel = Collapse.Panel;
|
29847
29857
|
var form = Form.useForm()[0];
|
29848
29858
|
var createSetFieldObject = function (obj, objName) {
|
@@ -30997,19 +31007,35 @@ var GHGEmissionsComponent = function (props) {
|
|
30997
31007
|
return 0;
|
30998
31008
|
}
|
30999
31009
|
};
|
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
|
+
};
|
31000
31022
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
31001
31023
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
31002
31024
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
31003
31025
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
31004
31026
|
React.createElement(Row, { gutter: 16 },
|
31005
31027
|
React.createElement(Col, { xl: 6 },
|
31006
|
-
React.createElement(
|
31028
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
31029
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
31007
31030
|
React.createElement(Col, { xl: 6 },
|
31008
|
-
React.createElement(
|
31031
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
31032
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
31009
31033
|
React.createElement(Col, { xl: 6 },
|
31010
|
-
React.createElement(
|
31034
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
31035
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
31011
31036
|
React.createElement(Col, { xl: 6 },
|
31012
|
-
React.createElement(
|
31037
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
31038
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
31013
31039
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
31014
31040
|
var emissionsObject = tabData[panelHeading];
|
31015
31041
|
return (React.createElement(Row, { gutter: 16 },
|
@@ -31018,13 +31044,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31018
31044
|
React.createElement(Col, { xl: 9, md: 9 },
|
31019
31045
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
31020
31046
|
React.createElement(Col, { xl: 6 },
|
31021
|
-
React.createElement(
|
31047
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31048
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
31022
31049
|
React.createElement(Col, { xl: 6 },
|
31023
|
-
React.createElement(
|
31050
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31051
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
31024
31052
|
React.createElement(Col, { xl: 6 },
|
31025
|
-
React.createElement(
|
31053
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31054
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
31026
31055
|
React.createElement(Col, { xl: 6 },
|
31027
|
-
React.createElement(
|
31056
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31057
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
31028
31058
|
};
|
31029
31059
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31030
31060
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31032,61 +31062,65 @@ var GHGEmissionsComponent = function (props) {
|
|
31032
31062
|
React.createElement(Col, { xl: 9, md: 9 },
|
31033
31063
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31034
31064
|
React.createElement(Col, { xl: 6 },
|
31035
|
-
React.createElement(
|
31036
|
-
|
31037
|
-
|
31038
|
-
return
|
31039
|
-
|
31040
|
-
|
31041
|
-
|
31042
|
-
|
31043
|
-
|
31044
|
-
|
31045
|
-
|
31046
|
-
|
31047
|
-
|
31065
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
31066
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
31067
|
+
{
|
31068
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31069
|
+
return __generator(this, function (_a) {
|
31070
|
+
if (value && value < 0) {
|
31071
|
+
throw new Error();
|
31072
|
+
}
|
31073
|
+
return [2 /*return*/];
|
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 })))),
|
31048
31079
|
React.createElement(Col, { xl: 6 },
|
31049
|
-
React.createElement(
|
31050
|
-
|
31051
|
-
|
31052
|
-
return
|
31053
|
-
|
31054
|
-
|
31055
|
-
|
31056
|
-
|
31057
|
-
|
31058
|
-
|
31059
|
-
|
31060
|
-
|
31061
|
-
|
31080
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
31081
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
31082
|
+
{
|
31083
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31084
|
+
return __generator(this, function (_a) {
|
31085
|
+
if (value && value < 0) {
|
31086
|
+
throw new Error();
|
31087
|
+
}
|
31088
|
+
return [2 /*return*/];
|
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 })))),
|
31062
31094
|
React.createElement(Col, { xl: 6 },
|
31063
|
-
React.createElement(
|
31064
|
-
|
31065
|
-
|
31066
|
-
return
|
31067
|
-
|
31068
|
-
|
31069
|
-
|
31070
|
-
|
31071
|
-
|
31072
|
-
|
31073
|
-
|
31074
|
-
|
31075
|
-
|
31095
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
31096
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
31097
|
+
{
|
31098
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31099
|
+
return __generator(this, function (_a) {
|
31100
|
+
if (value && value < 0) {
|
31101
|
+
throw new Error();
|
31102
|
+
}
|
31103
|
+
return [2 /*return*/];
|
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 })))),
|
31076
31109
|
React.createElement(Col, { xl: 6 },
|
31077
|
-
React.createElement(
|
31078
|
-
|
31079
|
-
|
31080
|
-
return
|
31081
|
-
|
31082
|
-
|
31083
|
-
|
31084
|
-
|
31085
|
-
|
31086
|
-
|
31087
|
-
|
31088
|
-
|
31089
|
-
|
31110
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
31111
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
31112
|
+
{
|
31113
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31114
|
+
return __generator(this, function (_a) {
|
31115
|
+
if (value && value < 0) {
|
31116
|
+
throw new Error();
|
31117
|
+
}
|
31118
|
+
return [2 /*return*/];
|
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 })))))))); };
|
31090
31124
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
31091
31125
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31092
31126
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31094,13 +31128,21 @@ var GHGEmissionsComponent = function (props) {
|
|
31094
31128
|
React.createElement(Col, { xl: 9, md: 9 },
|
31095
31129
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31096
31130
|
React.createElement(Col, { xl: 6 },
|
31097
|
-
React.createElement(
|
31131
|
+
React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
31132
|
+
React.createElement(React.Fragment, null,
|
31133
|
+
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
31098
31134
|
React.createElement(Col, { xl: 6 },
|
31099
|
-
React.createElement(
|
31135
|
+
React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
31136
|
+
React.createElement(React.Fragment, null,
|
31137
|
+
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
31100
31138
|
React.createElement(Col, { xl: 6 },
|
31101
|
-
React.createElement(
|
31139
|
+
React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
31140
|
+
React.createElement(React.Fragment, null,
|
31141
|
+
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
31102
31142
|
React.createElement(Col, { xl: 6 },
|
31103
|
-
React.createElement(
|
31143
|
+
React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
31144
|
+
React.createElement(React.Fragment, null,
|
31145
|
+
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
31104
31146
|
};
|
31105
31147
|
var objectToCSV = function (dataToDownload) {
|
31106
31148
|
var flattenObject = function (obj, prefix) {
|
@@ -31171,6 +31213,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31171
31213
|
}
|
31172
31214
|
return false;
|
31173
31215
|
};
|
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
|
+
};
|
31174
31227
|
var canViewForm = function () {
|
31175
31228
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
31176
31229
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -31188,7 +31241,9 @@ var GHGEmissionsComponent = function (props) {
|
|
31188
31241
|
React.createElement("div", { className: "title-bar" },
|
31189
31242
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
31190
31243
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
31191
|
-
React.createElement("div", { className: "content-card
|
31244
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
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" },
|
31192
31247
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
31193
31248
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
31194
31249
|
React.createElement("div", null,
|
@@ -31293,13 +31348,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31293
31348
|
React.createElement(Col, { xl: 9, md: 9 },
|
31294
31349
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
31295
31350
|
React.createElement(Col, { xl: 6 },
|
31296
|
-
React.createElement(
|
31351
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
31352
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
31297
31353
|
React.createElement(Col, { xl: 6 },
|
31298
|
-
React.createElement(
|
31354
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
31355
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
31299
31356
|
React.createElement(Col, { xl: 6 },
|
31300
|
-
React.createElement(
|
31357
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
31358
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
31301
31359
|
React.createElement(Col, { xl: 6 },
|
31302
|
-
React.createElement(
|
31360
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
31361
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
31303
31362
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
31304
31363
|
var isActive = _a.isActive;
|
31305
31364
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -31324,122 +31383,130 @@ var GHGEmissionsComponent = function (props) {
|
|
31324
31383
|
React.createElement(Col, { xl: 9, md: 9 },
|
31325
31384
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31326
31385
|
React.createElement(Col, { xl: 6 },
|
31327
|
-
React.createElement(
|
31328
|
-
|
31329
|
-
|
31330
|
-
return
|
31331
|
-
|
31332
|
-
|
31333
|
-
|
31334
|
-
|
31335
|
-
|
31336
|
-
|
31337
|
-
|
31338
|
-
|
31339
|
-
|
31386
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
31387
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
31388
|
+
{
|
31389
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31390
|
+
return __generator(this, function (_a) {
|
31391
|
+
if (value && value < 0) {
|
31392
|
+
throw new Error();
|
31393
|
+
}
|
31394
|
+
return [2 /*return*/];
|
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 })))),
|
31340
31400
|
React.createElement(Col, { xl: 6 },
|
31341
|
-
React.createElement(
|
31342
|
-
|
31343
|
-
|
31344
|
-
return
|
31345
|
-
|
31346
|
-
|
31347
|
-
|
31348
|
-
|
31349
|
-
|
31350
|
-
|
31351
|
-
|
31352
|
-
|
31353
|
-
|
31401
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
31402
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
31403
|
+
{
|
31404
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31405
|
+
return __generator(this, function (_a) {
|
31406
|
+
if (value && value < 0) {
|
31407
|
+
throw new Error();
|
31408
|
+
}
|
31409
|
+
return [2 /*return*/];
|
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 })))),
|
31354
31415
|
React.createElement(Col, { xl: 6 },
|
31355
|
-
React.createElement(
|
31356
|
-
|
31357
|
-
|
31358
|
-
return
|
31359
|
-
|
31360
|
-
|
31361
|
-
|
31362
|
-
|
31363
|
-
|
31364
|
-
|
31365
|
-
|
31366
|
-
|
31367
|
-
|
31416
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
31417
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
31418
|
+
{
|
31419
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31420
|
+
return __generator(this, function (_a) {
|
31421
|
+
if (value && value < 0) {
|
31422
|
+
throw new Error();
|
31423
|
+
}
|
31424
|
+
return [2 /*return*/];
|
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 })))),
|
31368
31430
|
React.createElement(Col, { xl: 6 },
|
31369
|
-
React.createElement(
|
31370
|
-
|
31371
|
-
|
31372
|
-
return
|
31373
|
-
|
31374
|
-
|
31375
|
-
|
31376
|
-
|
31377
|
-
|
31378
|
-
|
31379
|
-
|
31380
|
-
|
31381
|
-
|
31431
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
31432
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
31433
|
+
{
|
31434
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31435
|
+
return __generator(this, function (_a) {
|
31436
|
+
if (value && value < 0) {
|
31437
|
+
throw new Error();
|
31438
|
+
}
|
31439
|
+
return [2 /*return*/];
|
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 }))))))),
|
31382
31445
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31383
31446
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31384
31447
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31385
31448
|
React.createElement(Col, { xl: 9, md: 9 },
|
31386
31449
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31387
31450
|
React.createElement(Col, { xl: 6 },
|
31388
|
-
React.createElement(
|
31389
|
-
|
31390
|
-
|
31391
|
-
return
|
31392
|
-
|
31393
|
-
|
31394
|
-
|
31395
|
-
|
31396
|
-
|
31397
|
-
|
31398
|
-
|
31399
|
-
|
31400
|
-
|
31451
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
31452
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
31453
|
+
{
|
31454
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31455
|
+
return __generator(this, function (_a) {
|
31456
|
+
if (value && value < 0) {
|
31457
|
+
throw new Error();
|
31458
|
+
}
|
31459
|
+
return [2 /*return*/];
|
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 })))),
|
31401
31465
|
React.createElement(Col, { xl: 6 },
|
31402
|
-
React.createElement(
|
31403
|
-
|
31404
|
-
|
31405
|
-
return
|
31406
|
-
|
31407
|
-
|
31408
|
-
|
31409
|
-
|
31410
|
-
|
31411
|
-
|
31412
|
-
|
31413
|
-
|
31414
|
-
|
31466
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
31467
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
31468
|
+
{
|
31469
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31470
|
+
return __generator(this, function (_a) {
|
31471
|
+
if (value && value < 0) {
|
31472
|
+
throw new Error();
|
31473
|
+
}
|
31474
|
+
return [2 /*return*/];
|
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 })))),
|
31415
31480
|
React.createElement(Col, { xl: 6 },
|
31416
|
-
React.createElement(
|
31417
|
-
|
31418
|
-
|
31419
|
-
return
|
31420
|
-
|
31421
|
-
|
31422
|
-
|
31423
|
-
|
31424
|
-
|
31425
|
-
|
31426
|
-
|
31427
|
-
|
31428
|
-
|
31481
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
31482
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
31483
|
+
{
|
31484
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31485
|
+
return __generator(this, function (_a) {
|
31486
|
+
if (value && value < 0) {
|
31487
|
+
throw new Error();
|
31488
|
+
}
|
31489
|
+
return [2 /*return*/];
|
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 })))),
|
31429
31495
|
React.createElement(Col, { xl: 6 },
|
31430
|
-
React.createElement(
|
31431
|
-
|
31432
|
-
|
31433
|
-
return
|
31434
|
-
|
31435
|
-
|
31436
|
-
|
31437
|
-
|
31438
|
-
|
31439
|
-
|
31440
|
-
|
31441
|
-
|
31442
|
-
|
31496
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
31497
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
31498
|
+
{
|
31499
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31500
|
+
return __generator(this, function (_a) {
|
31501
|
+
if (value && value < 0) {
|
31502
|
+
throw new Error();
|
31503
|
+
}
|
31504
|
+
return [2 /*return*/];
|
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 }))))))),
|
31443
31510
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
31444
31511
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
31445
31512
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -31448,7 +31515,7 @@ var GHGEmissionsComponent = function (props) {
|
|
31448
31515
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
31449
31516
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
31450
31517
|
data.map(function (tabData) {
|
31451
|
-
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;
|
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, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
|
31452
31519
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
31453
31520
|
tabData.year,
|
31454
31521
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -31488,13 +31555,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31488
31555
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
31489
31556
|
React.createElement(Row, { gutter: 16 },
|
31490
31557
|
React.createElement(Col, { xl: 6 },
|
31491
|
-
React.createElement(
|
31558
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
31559
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
31492
31560
|
React.createElement(Col, { xl: 6 },
|
31493
|
-
React.createElement(
|
31561
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
31562
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
31494
31563
|
React.createElement(Col, { xl: 6 },
|
31495
|
-
React.createElement(
|
31564
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
31565
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
31496
31566
|
React.createElement(Col, { xl: 6 },
|
31497
|
-
React.createElement(
|
31567
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
31568
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
31498
31569
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
31499
31570
|
var isActive = _a.isActive;
|
31500
31571
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -31549,49 +31620,81 @@ var GHGEmissionsComponent = function (props) {
|
|
31549
31620
|
React.createElement(Col, { xl: 9, md: 9 },
|
31550
31621
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31551
31622
|
React.createElement(Col, { xl: 6 },
|
31552
|
-
React.createElement(
|
31623
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
31553
31624
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
31554
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.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 })))),
|
31555
31630
|
React.createElement(Col, { xl: 6 },
|
31556
|
-
React.createElement(
|
31557
|
-
? addCommSep(Number((
|
31558
|
-
: (
|
31631
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
31632
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
31633
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
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 })))),
|
31559
31638
|
React.createElement(Col, { xl: 6 },
|
31560
|
-
React.createElement(
|
31561
|
-
? addCommSep(Number((
|
31562
|
-
: (
|
31639
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
31640
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
31641
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
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 })))),
|
31563
31646
|
React.createElement(Col, { xl: 6 },
|
31564
|
-
React.createElement(
|
31565
|
-
? addCommSep(Number((
|
31566
|
-
: (
|
31647
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
31648
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
31649
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
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 })))))))),
|
31567
31654
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31568
31655
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31569
31656
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31570
31657
|
React.createElement(Col, { xl: 9, md: 9 },
|
31571
31658
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31572
31659
|
React.createElement(Col, { xl: 6 },
|
31573
|
-
React.createElement(
|
31574
|
-
? addCommSep(Number((
|
31575
|
-
: (
|
31660
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
31661
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
31662
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
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 })))),
|
31576
31667
|
React.createElement(Col, { xl: 6 },
|
31577
|
-
React.createElement(
|
31578
|
-
? addCommSep(Number((
|
31579
|
-
: (
|
31668
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
31669
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
31670
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
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 })))),
|
31580
31675
|
React.createElement(Col, { xl: 6 },
|
31581
|
-
React.createElement(
|
31582
|
-
? addCommSep(Number((
|
31583
|
-
: (
|
31676
|
+
React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
31677
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
31678
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
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 })))),
|
31584
31683
|
React.createElement(Col, { xl: 6 },
|
31585
|
-
React.createElement(
|
31586
|
-
? addCommSep(Number((
|
31587
|
-
: (
|
31588
|
-
|
31684
|
+
React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
31685
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
31686
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
31687
|
+
React.createElement(React.Fragment, null,
|
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
|
+
}))))),
|
31589
31692
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
31590
31693
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
31591
31694
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
31592
31695
|
};
|
31593
31696
|
|
31594
|
-
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:
|
31697
|
+
var css_248z$1 = ".projection-tab-container .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 .anticon-lock {\n margin-right: 0 !important; }\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: 4px !important;\n height: 40px !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: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\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: 700;\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: 18px;\n font-weight: 700;\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: 16px;\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: 14px;\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: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 5px 15px;\n height: 30px;\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: 14px;\n font-weight: 400;\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: 10px; }\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";
|
31595
31698
|
styleInject(css_248z$1);
|
31596
31699
|
|
31597
31700
|
var ProjectionTypes = {
|
@@ -31638,14 +31741,24 @@ var GHGProjectionsComponent = function (props) {
|
|
31638
31741
|
var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
31639
31742
|
var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
31640
31743
|
var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
31641
|
-
var _11 = useState(
|
31642
|
-
|
31643
|
-
|
31644
|
-
|
31645
|
-
|
31646
|
-
var
|
31647
|
-
|
31648
|
-
|
31744
|
+
var _11 = useState({
|
31745
|
+
totalCo2WithoutLand_bau: 0,
|
31746
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
31747
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
31748
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
31749
|
+
var _12 = useState({
|
31750
|
+
totalCo2WithLand_bau: 0,
|
31751
|
+
totalCo2WithLand_conditionalNdc: 0,
|
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];
|
31649
31762
|
var Panel = Collapse.Panel;
|
31650
31763
|
var form = Form.useForm()[0];
|
31651
31764
|
var createSetFieldObject = function (obj, objName) {
|
@@ -32669,17 +32782,32 @@ var GHGProjectionsComponent = function (props) {
|
|
32669
32782
|
}
|
32670
32783
|
return 0;
|
32671
32784
|
};
|
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
|
+
};
|
32672
32797
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
32673
32798
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
32674
32799
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
32675
32800
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
32676
32801
|
React.createElement(Row, { gutter: 16 },
|
32677
32802
|
React.createElement(Col, { xl: 7 },
|
32678
|
-
React.createElement(
|
32803
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
32804
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
32679
32805
|
React.createElement(Col, { xl: 7 },
|
32680
|
-
React.createElement(
|
32806
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
32807
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
32681
32808
|
React.createElement(Col, { xl: 7 },
|
32682
|
-
React.createElement(
|
32809
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
32810
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
32683
32811
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
32684
32812
|
var projectionObject = tabData[panelHeading];
|
32685
32813
|
return (React.createElement(Row, { gutter: 16 },
|
@@ -32688,11 +32816,14 @@ var GHGProjectionsComponent = function (props) {
|
|
32688
32816
|
React.createElement(Col, { xl: 9, md: 9 },
|
32689
32817
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
32690
32818
|
React.createElement(Col, { xl: 7 },
|
32691
|
-
React.createElement(
|
32819
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
32820
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
32692
32821
|
React.createElement(Col, { xl: 7 },
|
32693
|
-
React.createElement(
|
32822
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
32823
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
32694
32824
|
React.createElement(Col, { xl: 7 },
|
32695
|
-
React.createElement(
|
32825
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
32826
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
32696
32827
|
};
|
32697
32828
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32698
32829
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32700,47 +32831,50 @@ var GHGProjectionsComponent = function (props) {
|
|
32700
32831
|
React.createElement(Col, { xl: 9, md: 9 },
|
32701
32832
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32702
32833
|
React.createElement(Col, { xl: 7 },
|
32703
|
-
React.createElement(
|
32704
|
-
|
32705
|
-
|
32706
|
-
return
|
32707
|
-
|
32708
|
-
|
32709
|
-
|
32710
|
-
|
32711
|
-
|
32712
|
-
|
32713
|
-
|
32714
|
-
|
32715
|
-
|
32834
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
32835
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
32836
|
+
{
|
32837
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32838
|
+
return __generator(this, function (_a) {
|
32839
|
+
if (value && value < 0) {
|
32840
|
+
throw new Error();
|
32841
|
+
}
|
32842
|
+
return [2 /*return*/];
|
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 })))),
|
32716
32848
|
React.createElement(Col, { xl: 7 },
|
32717
|
-
React.createElement(
|
32718
|
-
|
32719
|
-
|
32720
|
-
return
|
32721
|
-
|
32722
|
-
|
32723
|
-
|
32724
|
-
|
32725
|
-
|
32726
|
-
|
32727
|
-
|
32728
|
-
|
32729
|
-
|
32849
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
32850
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
32851
|
+
{
|
32852
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32853
|
+
return __generator(this, function (_a) {
|
32854
|
+
if (value && value < 0) {
|
32855
|
+
throw new Error();
|
32856
|
+
}
|
32857
|
+
return [2 /*return*/];
|
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 })))),
|
32730
32863
|
React.createElement(Col, { xl: 7 },
|
32731
|
-
React.createElement(
|
32732
|
-
|
32733
|
-
|
32734
|
-
return
|
32735
|
-
|
32736
|
-
|
32737
|
-
|
32738
|
-
|
32739
|
-
|
32740
|
-
|
32741
|
-
|
32742
|
-
|
32743
|
-
|
32864
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
32865
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
32866
|
+
{
|
32867
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32868
|
+
return __generator(this, function (_a) {
|
32869
|
+
if (value && value < 0) {
|
32870
|
+
throw new Error();
|
32871
|
+
}
|
32872
|
+
return [2 /*return*/];
|
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 })))))))); };
|
32744
32878
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
32745
32879
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32746
32880
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32748,11 +32882,17 @@ var GHGProjectionsComponent = function (props) {
|
|
32748
32882
|
React.createElement(Col, { xl: 9, md: 9 },
|
32749
32883
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32750
32884
|
React.createElement(Col, { xl: 7 },
|
32751
|
-
React.createElement(
|
32885
|
+
React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
32886
|
+
React.createElement(React.Fragment, null,
|
32887
|
+
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
32752
32888
|
React.createElement(Col, { xl: 7 },
|
32753
|
-
React.createElement(
|
32889
|
+
React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
32890
|
+
React.createElement(React.Fragment, null,
|
32891
|
+
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
32754
32892
|
React.createElement(Col, { xl: 7 },
|
32755
|
-
React.createElement(
|
32893
|
+
React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
32894
|
+
React.createElement(React.Fragment, null,
|
32895
|
+
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
32756
32896
|
};
|
32757
32897
|
var objectToCSV = function (dataToDownload) {
|
32758
32898
|
var flattenObject = function (obj, prefix) {
|
@@ -32821,6 +32961,17 @@ var GHGProjectionsComponent = function (props) {
|
|
32821
32961
|
}
|
32822
32962
|
return false;
|
32823
32963
|
};
|
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
|
+
};
|
32824
32975
|
var canViewForm = function () {
|
32825
32976
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
32826
32977
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -32838,7 +32989,9 @@ var GHGProjectionsComponent = function (props) {
|
|
32838
32989
|
React.createElement("div", { className: "title-bar" },
|
32839
32990
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
32840
32991
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
32841
|
-
React.createElement("div", { className: "content-card
|
32992
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
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" },
|
32842
32995
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
32843
32996
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
32844
32997
|
React.createElement("div", null,
|
@@ -32931,11 +33084,14 @@ var GHGProjectionsComponent = function (props) {
|
|
32931
33084
|
React.createElement(Col, { xl: 9, md: 9 },
|
32932
33085
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
32933
33086
|
React.createElement(Col, { xl: 7 },
|
32934
|
-
React.createElement(
|
33087
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
33088
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
32935
33089
|
React.createElement(Col, { xl: 7 },
|
32936
|
-
React.createElement(
|
33090
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
33091
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
32937
33092
|
React.createElement(Col, { xl: 7 },
|
32938
|
-
React.createElement(
|
33093
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
33094
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
32939
33095
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
32940
33096
|
var isActive = _a.isActive;
|
32941
33097
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -32962,94 +33118,100 @@ var GHGProjectionsComponent = function (props) {
|
|
32962
33118
|
React.createElement(Col, { xl: 9, md: 9 },
|
32963
33119
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
32964
33120
|
React.createElement(Col, { xl: 7 },
|
32965
|
-
React.createElement(
|
32966
|
-
|
32967
|
-
|
32968
|
-
return
|
32969
|
-
|
32970
|
-
|
32971
|
-
|
32972
|
-
|
32973
|
-
|
32974
|
-
|
32975
|
-
|
32976
|
-
|
32977
|
-
|
33121
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
33122
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
33123
|
+
{
|
33124
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33125
|
+
return __generator(this, function (_a) {
|
33126
|
+
if (value && value < 0) {
|
33127
|
+
throw new Error();
|
33128
|
+
}
|
33129
|
+
return [2 /*return*/];
|
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 })))),
|
32978
33135
|
React.createElement(Col, { xl: 7 },
|
32979
|
-
React.createElement(
|
32980
|
-
|
32981
|
-
|
32982
|
-
return
|
32983
|
-
|
32984
|
-
|
32985
|
-
|
32986
|
-
|
32987
|
-
|
32988
|
-
|
32989
|
-
|
32990
|
-
|
32991
|
-
|
33136
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
33137
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
33138
|
+
{
|
33139
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33140
|
+
return __generator(this, function (_a) {
|
33141
|
+
if (value && value < 0) {
|
33142
|
+
throw new Error();
|
33143
|
+
}
|
33144
|
+
return [2 /*return*/];
|
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 })))),
|
32992
33150
|
React.createElement(Col, { xl: 7 },
|
32993
|
-
React.createElement(
|
32994
|
-
|
32995
|
-
|
32996
|
-
return
|
32997
|
-
|
32998
|
-
|
32999
|
-
|
33000
|
-
|
33001
|
-
|
33002
|
-
|
33003
|
-
|
33004
|
-
|
33005
|
-
|
33151
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
33152
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
33153
|
+
{
|
33154
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33155
|
+
return __generator(this, function (_a) {
|
33156
|
+
if (value && value < 0) {
|
33157
|
+
throw new Error();
|
33158
|
+
}
|
33159
|
+
return [2 /*return*/];
|
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 }))))))),
|
33006
33165
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
33007
33166
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33008
33167
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33009
33168
|
React.createElement(Col, { xl: 9, md: 9 },
|
33010
33169
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33011
33170
|
React.createElement(Col, { xl: 7 },
|
33012
|
-
React.createElement(
|
33013
|
-
|
33014
|
-
|
33015
|
-
return
|
33016
|
-
|
33017
|
-
|
33018
|
-
|
33019
|
-
|
33020
|
-
|
33021
|
-
|
33022
|
-
|
33023
|
-
|
33024
|
-
|
33171
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
33172
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
33173
|
+
{
|
33174
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33175
|
+
return __generator(this, function (_a) {
|
33176
|
+
if (value && value < 0) {
|
33177
|
+
throw new Error();
|
33178
|
+
}
|
33179
|
+
return [2 /*return*/];
|
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 })))),
|
33025
33185
|
React.createElement(Col, { xl: 7 },
|
33026
|
-
React.createElement(
|
33027
|
-
|
33028
|
-
|
33029
|
-
return
|
33030
|
-
|
33031
|
-
|
33032
|
-
|
33033
|
-
|
33034
|
-
|
33035
|
-
|
33036
|
-
|
33037
|
-
|
33038
|
-
|
33186
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
33187
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
33188
|
+
{
|
33189
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33190
|
+
return __generator(this, function (_a) {
|
33191
|
+
if (value && value < 0) {
|
33192
|
+
throw new Error();
|
33193
|
+
}
|
33194
|
+
return [2 /*return*/];
|
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 })))),
|
33039
33200
|
React.createElement(Col, { xl: 7 },
|
33040
|
-
React.createElement(
|
33041
|
-
|
33042
|
-
|
33043
|
-
return
|
33044
|
-
|
33045
|
-
|
33046
|
-
|
33047
|
-
|
33048
|
-
|
33049
|
-
|
33050
|
-
|
33051
|
-
|
33052
|
-
|
33201
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
33202
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
33203
|
+
{
|
33204
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33205
|
+
return __generator(this, function (_a) {
|
33206
|
+
if (value && value < 0) {
|
33207
|
+
throw new Error();
|
33208
|
+
}
|
33209
|
+
return [2 /*return*/];
|
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 }))))))),
|
33053
33215
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
33054
33216
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
33055
33217
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -33058,7 +33220,7 @@ var GHGProjectionsComponent = function (props) {
|
|
33058
33220
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
33059
33221
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
33060
33222
|
data.map(function (tabData) {
|
33061
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
33223
|
+
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, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
33062
33224
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
33063
33225
|
tabData.year,
|
33064
33226
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -33091,11 +33253,14 @@ var GHGProjectionsComponent = function (props) {
|
|
33091
33253
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
33092
33254
|
React.createElement(Row, { gutter: 16 },
|
33093
33255
|
React.createElement(Col, { xl: 7 },
|
33094
|
-
React.createElement(
|
33256
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
33257
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
33095
33258
|
React.createElement(Col, { xl: 7 },
|
33096
|
-
React.createElement(
|
33259
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
33260
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
33097
33261
|
React.createElement(Col, { xl: 7 },
|
33098
|
-
React.createElement(
|
33262
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
33263
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
33099
33264
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
33100
33265
|
var isActive = _a.isActive;
|
33101
33266
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
@@ -33148,41 +33313,65 @@ var GHGProjectionsComponent = function (props) {
|
|
33148
33313
|
React.createElement(Col, { xl: 9, md: 9 },
|
33149
33314
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33150
33315
|
React.createElement(Col, { xl: 7 },
|
33151
|
-
React.createElement(
|
33316
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
33152
33317
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
33153
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.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 })))),
|
33154
33323
|
React.createElement(Col, { xl: 7 },
|
33155
|
-
React.createElement(
|
33156
|
-
? addCommSep(Number((
|
33157
|
-
: (
|
33324
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
33325
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
33326
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
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 })))),
|
33158
33331
|
React.createElement(Col, { xl: 7 },
|
33159
|
-
React.createElement(
|
33160
|
-
? addCommSep(Number((
|
33161
|
-
: (
|
33332
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
33333
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
33334
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
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 })))))))),
|
33162
33339
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
33163
33340
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33164
33341
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33165
33342
|
React.createElement(Col, { xl: 9, md: 9 },
|
33166
33343
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
33167
33344
|
React.createElement(Col, { xl: 7 },
|
33168
|
-
React.createElement(
|
33169
|
-
? addCommSep(Number((
|
33170
|
-
: (
|
33345
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
33346
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
33347
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
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 })))),
|
33171
33352
|
React.createElement(Col, { xl: 7 },
|
33172
|
-
React.createElement(
|
33173
|
-
? addCommSep(Number((
|
33174
|
-
: (
|
33353
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
33354
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
33355
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
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 })))),
|
33175
33360
|
React.createElement(Col, { xl: 7 },
|
33176
|
-
React.createElement(
|
33177
|
-
? addCommSep(Number((
|
33178
|
-
: (
|
33179
|
-
|
33361
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
33362
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
33363
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
33364
|
+
React.createElement(React.Fragment, null,
|
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
|
+
}))))),
|
33180
33369
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
33181
33370
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
33182
33371
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
33183
33372
|
};
|
33184
33373
|
|
33185
|
-
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";
|
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";
|
33186
33375
|
styleInject(css_248z);
|
33187
33376
|
|
33188
33377
|
var BarChartEstimatedActualStatComponent = function (props) {
|
@@ -33363,7 +33552,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33363
33552
|
position: 'bottom',
|
33364
33553
|
horizontalAlign: 'center',
|
33365
33554
|
floating: false,
|
33366
|
-
fontSize: '
|
33555
|
+
fontSize: '14px',
|
33367
33556
|
fontFamily: 'Inter',
|
33368
33557
|
fontWeight: 400,
|
33369
33558
|
formatter: undefined,
|
@@ -33379,12 +33568,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33379
33568
|
useSeriesColors: false,
|
33380
33569
|
},
|
33381
33570
|
markers: {
|
33382
|
-
width:
|
33383
|
-
height:
|
33571
|
+
width: 12,
|
33572
|
+
height: 12,
|
33384
33573
|
strokeWidth: 0,
|
33385
33574
|
strokeColor: '#fff',
|
33386
33575
|
fillColors: chartColors,
|
33387
|
-
radius:
|
33576
|
+
radius: 12,
|
33388
33577
|
customHTML: undefined,
|
33389
33578
|
onClick: undefined,
|
33390
33579
|
offsetX: 0,
|
@@ -33584,7 +33773,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33584
33773
|
],
|
33585
33774
|
xaxis: {
|
33586
33775
|
title: {
|
33587
|
-
text: '',
|
33776
|
+
text: 'Year',
|
33588
33777
|
style: {
|
33589
33778
|
color: '#263238',
|
33590
33779
|
fontSize: '12px',
|
@@ -33669,12 +33858,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33669
33858
|
useSeriesColors: false,
|
33670
33859
|
},
|
33671
33860
|
markers: {
|
33672
|
-
width: [
|
33673
|
-
height: [
|
33861
|
+
width: [12, 12, 12, 33],
|
33862
|
+
height: [12, 12, 12, 2],
|
33674
33863
|
strokeWidth: 0,
|
33675
33864
|
strokeColor: '#fff',
|
33676
33865
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
33677
|
-
radius:
|
33866
|
+
radius: 12,
|
33678
33867
|
customHTML: undefined,
|
33679
33868
|
onClick: undefined,
|
33680
33869
|
offsetX: 0,
|
@@ -34060,7 +34249,7 @@ var GHGDashboardComponent = function (props) {
|
|
34060
34249
|
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 })));
|
34061
34250
|
}
|
34062
34251
|
};
|
34063
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
34252
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
34064
34253
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
34065
34254
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
34066
34255
|
React.createElement(Link, { to: "/dashboard" },
|