@undp/carbon-library 1.0.284-CARBON-234.6 → 1.0.284-CARBON-410.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +578 -388
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +578 -388
- package/dist/esm/index.js.map +1 -1
- package/dist/locales/i18n/ghgInventory/en.json +3 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -29400,7 +29400,7 @@ var TimelineBody = function (props) {
|
|
|
29400
29400
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
29401
29401
|
};
|
|
29402
29402
|
|
|
29403
|
-
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:
|
|
29403
|
+
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";
|
|
29404
29404
|
styleInject(css_248z$2);
|
|
29405
29405
|
|
|
29406
29406
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
|
@@ -29854,14 +29854,26 @@ var GHGEmissionsComponent = function (props) {
|
|
|
29854
29854
|
var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
|
29855
29855
|
var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
|
29856
29856
|
var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
|
29857
|
-
var _20 = React.useState(
|
|
29858
|
-
|
|
29859
|
-
|
|
29860
|
-
|
|
29861
|
-
|
|
29862
|
-
|
|
29863
|
-
var
|
|
29864
|
-
|
|
29857
|
+
var _20 = React.useState({
|
|
29858
|
+
totalCo2WithoutLand_ch4: 0,
|
|
29859
|
+
totalCo2WithoutLand_co2: 0,
|
|
29860
|
+
totalCo2WithoutLand_n2o: 0,
|
|
29861
|
+
totalCo2WithoutLand_co2eq: 0
|
|
29862
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
|
29863
|
+
var _21 = React.useState({
|
|
29864
|
+
totalCo2WithLand_ch4: 0,
|
|
29865
|
+
totalCo2WithLand_co2: 0,
|
|
29866
|
+
totalCo2WithLand_n2o: 0,
|
|
29867
|
+
totalCo2WithLand_co2eq: 0
|
|
29868
|
+
}); _21[0]; _21[1];
|
|
29869
|
+
var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
|
29870
|
+
var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
|
29871
|
+
var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
|
29872
|
+
var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
|
29873
|
+
var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
|
29874
|
+
var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
|
29875
|
+
var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
|
29876
|
+
var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
|
29865
29877
|
var Panel = antd.Collapse.Panel;
|
|
29866
29878
|
var form = antd.Form.useForm()[0];
|
|
29867
29879
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -31016,19 +31028,35 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31016
31028
|
return 0;
|
|
31017
31029
|
}
|
|
31018
31030
|
};
|
|
31031
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
31032
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
31033
|
+
var _a;
|
|
31034
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
31035
|
+
});
|
|
31036
|
+
};
|
|
31037
|
+
// Helper function to get form field value
|
|
31038
|
+
var getFieldValue = function (fieldName) {
|
|
31039
|
+
var formValues = form.getFieldsValue(true);
|
|
31040
|
+
var fieldValue = formValues[fieldName];
|
|
31041
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
31042
|
+
};
|
|
31019
31043
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
|
31020
31044
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
31021
31045
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
31022
31046
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
31023
31047
|
React.createElement(antd.Row, { gutter: 16 },
|
|
31024
31048
|
React.createElement(antd.Col, { xl: 6 },
|
|
31025
|
-
React.createElement(
|
|
31049
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
|
31050
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
|
31026
31051
|
React.createElement(antd.Col, { xl: 6 },
|
|
31027
|
-
React.createElement(
|
|
31052
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
|
31053
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
|
31028
31054
|
React.createElement(antd.Col, { xl: 6 },
|
|
31029
|
-
React.createElement(
|
|
31055
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
|
31056
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
|
31030
31057
|
React.createElement(antd.Col, { xl: 6 },
|
|
31031
|
-
React.createElement(
|
|
31058
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
|
31059
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
|
31032
31060
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
31033
31061
|
var emissionsObject = tabData[panelHeading];
|
|
31034
31062
|
return (React.createElement(antd.Row, { gutter: 16 },
|
|
@@ -31037,13 +31065,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31037
31065
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31038
31066
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
31039
31067
|
React.createElement(antd.Col, { xl: 6 },
|
|
31040
|
-
React.createElement(
|
|
31068
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31069
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
|
31041
31070
|
React.createElement(antd.Col, { xl: 6 },
|
|
31042
|
-
React.createElement(
|
|
31071
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31072
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
|
31043
31073
|
React.createElement(antd.Col, { xl: 6 },
|
|
31044
|
-
React.createElement(
|
|
31074
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31075
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
|
31045
31076
|
React.createElement(antd.Col, { xl: 6 },
|
|
31046
|
-
React.createElement(
|
|
31077
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31078
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
|
31047
31079
|
};
|
|
31048
31080
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31049
31081
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31051,61 +31083,65 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31051
31083
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31052
31084
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31053
31085
|
React.createElement(antd.Col, { xl: 6 },
|
|
31054
|
-
React.createElement(antd.
|
|
31055
|
-
|
|
31056
|
-
|
|
31057
|
-
return
|
|
31058
|
-
|
|
31059
|
-
|
|
31060
|
-
|
|
31061
|
-
|
|
31062
|
-
|
|
31063
|
-
|
|
31064
|
-
|
|
31065
|
-
|
|
31066
|
-
|
|
31086
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
|
31087
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
|
31088
|
+
{
|
|
31089
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31090
|
+
return __generator(this, function (_a) {
|
|
31091
|
+
if (value && value < 0) {
|
|
31092
|
+
throw new Error();
|
|
31093
|
+
}
|
|
31094
|
+
return [2 /*return*/];
|
|
31095
|
+
});
|
|
31096
|
+
}); },
|
|
31097
|
+
},
|
|
31098
|
+
] },
|
|
31099
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31067
31100
|
React.createElement(antd.Col, { xl: 6 },
|
|
31068
|
-
React.createElement(antd.
|
|
31069
|
-
|
|
31070
|
-
|
|
31071
|
-
return
|
|
31072
|
-
|
|
31073
|
-
|
|
31074
|
-
|
|
31075
|
-
|
|
31076
|
-
|
|
31077
|
-
|
|
31078
|
-
|
|
31079
|
-
|
|
31080
|
-
|
|
31101
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
|
31102
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
|
31103
|
+
{
|
|
31104
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31105
|
+
return __generator(this, function (_a) {
|
|
31106
|
+
if (value && value < 0) {
|
|
31107
|
+
throw new Error();
|
|
31108
|
+
}
|
|
31109
|
+
return [2 /*return*/];
|
|
31110
|
+
});
|
|
31111
|
+
}); },
|
|
31112
|
+
},
|
|
31113
|
+
] },
|
|
31114
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31081
31115
|
React.createElement(antd.Col, { xl: 6 },
|
|
31082
|
-
React.createElement(antd.
|
|
31083
|
-
|
|
31084
|
-
|
|
31085
|
-
return
|
|
31086
|
-
|
|
31087
|
-
|
|
31088
|
-
|
|
31089
|
-
|
|
31090
|
-
|
|
31091
|
-
|
|
31092
|
-
|
|
31093
|
-
|
|
31094
|
-
|
|
31116
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
|
31117
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
|
31118
|
+
{
|
|
31119
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31120
|
+
return __generator(this, function (_a) {
|
|
31121
|
+
if (value && value < 0) {
|
|
31122
|
+
throw new Error();
|
|
31123
|
+
}
|
|
31124
|
+
return [2 /*return*/];
|
|
31125
|
+
});
|
|
31126
|
+
}); },
|
|
31127
|
+
},
|
|
31128
|
+
] },
|
|
31129
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31095
31130
|
React.createElement(antd.Col, { xl: 6 },
|
|
31096
|
-
React.createElement(antd.
|
|
31097
|
-
|
|
31098
|
-
|
|
31099
|
-
return
|
|
31100
|
-
|
|
31101
|
-
|
|
31102
|
-
|
|
31103
|
-
|
|
31104
|
-
|
|
31105
|
-
|
|
31106
|
-
|
|
31107
|
-
|
|
31108
|
-
|
|
31131
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
|
31132
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
|
31133
|
+
{
|
|
31134
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31135
|
+
return __generator(this, function (_a) {
|
|
31136
|
+
if (value && value < 0) {
|
|
31137
|
+
throw new Error();
|
|
31138
|
+
}
|
|
31139
|
+
return [2 /*return*/];
|
|
31140
|
+
});
|
|
31141
|
+
}); },
|
|
31142
|
+
},
|
|
31143
|
+
] },
|
|
31144
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
|
31109
31145
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
|
31110
31146
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31111
31147
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31113,13 +31149,21 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31113
31149
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31114
31150
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31115
31151
|
React.createElement(antd.Col, { xl: 6 },
|
|
31116
|
-
React.createElement(antd.
|
|
31152
|
+
React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
|
31153
|
+
React.createElement("div", null,
|
|
31154
|
+
React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
|
31117
31155
|
React.createElement(antd.Col, { xl: 6 },
|
|
31118
|
-
React.createElement(antd.
|
|
31156
|
+
React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
|
31157
|
+
React.createElement("div", null,
|
|
31158
|
+
React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
|
31119
31159
|
React.createElement(antd.Col, { xl: 6 },
|
|
31120
|
-
React.createElement(antd.
|
|
31160
|
+
React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
|
31161
|
+
React.createElement("div", null,
|
|
31162
|
+
React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
|
31121
31163
|
React.createElement(antd.Col, { xl: 6 },
|
|
31122
|
-
React.createElement(antd.
|
|
31164
|
+
React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
|
31165
|
+
React.createElement("div", null,
|
|
31166
|
+
React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
|
31123
31167
|
};
|
|
31124
31168
|
var objectToCSV = function (dataToDownload) {
|
|
31125
31169
|
var flattenObject = function (obj, prefix) {
|
|
@@ -31190,6 +31234,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31190
31234
|
}
|
|
31191
31235
|
return false;
|
|
31192
31236
|
};
|
|
31237
|
+
var displayEmptyView = function () {
|
|
31238
|
+
if (!data || data.length === 0) {
|
|
31239
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
|
31240
|
+
return true;
|
|
31241
|
+
}
|
|
31242
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
|
31243
|
+
return true;
|
|
31244
|
+
}
|
|
31245
|
+
}
|
|
31246
|
+
return false;
|
|
31247
|
+
};
|
|
31193
31248
|
var canViewForm = function () {
|
|
31194
31249
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
|
31195
31250
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -31207,7 +31262,9 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31207
31262
|
React.createElement("div", { className: "title-bar" },
|
|
31208
31263
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
|
31209
31264
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
31210
|
-
React.createElement("div", { className: "content-card
|
|
31265
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
31266
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
|
31267
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
|
31211
31268
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
31212
31269
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
31213
31270
|
React.createElement("div", null,
|
|
@@ -31312,13 +31369,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31312
31369
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31313
31370
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
|
31314
31371
|
React.createElement(antd.Col, { xl: 6 },
|
|
31315
|
-
React.createElement(
|
|
31372
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
|
31373
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
|
31316
31374
|
React.createElement(antd.Col, { xl: 6 },
|
|
31317
|
-
React.createElement(
|
|
31375
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
|
31376
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
|
31318
31377
|
React.createElement(antd.Col, { xl: 6 },
|
|
31319
|
-
React.createElement(
|
|
31378
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
|
31379
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
|
31320
31380
|
React.createElement(antd.Col, { xl: 6 },
|
|
31321
|
-
React.createElement(
|
|
31381
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
|
31382
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
|
31322
31383
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31323
31384
|
var isActive = _a.isActive;
|
|
31324
31385
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -31343,122 +31404,130 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31343
31404
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31344
31405
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31345
31406
|
React.createElement(antd.Col, { xl: 6 },
|
|
31346
|
-
React.createElement(antd.
|
|
31347
|
-
|
|
31348
|
-
|
|
31349
|
-
return
|
|
31350
|
-
|
|
31351
|
-
|
|
31352
|
-
|
|
31353
|
-
|
|
31354
|
-
|
|
31355
|
-
|
|
31356
|
-
|
|
31357
|
-
|
|
31358
|
-
|
|
31407
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
|
31408
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
|
31409
|
+
{
|
|
31410
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31411
|
+
return __generator(this, function (_a) {
|
|
31412
|
+
if (value && value < 0) {
|
|
31413
|
+
throw new Error();
|
|
31414
|
+
}
|
|
31415
|
+
return [2 /*return*/];
|
|
31416
|
+
});
|
|
31417
|
+
}); },
|
|
31418
|
+
},
|
|
31419
|
+
] },
|
|
31420
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31359
31421
|
React.createElement(antd.Col, { xl: 6 },
|
|
31360
|
-
React.createElement(antd.
|
|
31361
|
-
|
|
31362
|
-
|
|
31363
|
-
return
|
|
31364
|
-
|
|
31365
|
-
|
|
31366
|
-
|
|
31367
|
-
|
|
31368
|
-
|
|
31369
|
-
|
|
31370
|
-
|
|
31371
|
-
|
|
31372
|
-
|
|
31422
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
|
31423
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
|
31424
|
+
{
|
|
31425
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31426
|
+
return __generator(this, function (_a) {
|
|
31427
|
+
if (value && value < 0) {
|
|
31428
|
+
throw new Error();
|
|
31429
|
+
}
|
|
31430
|
+
return [2 /*return*/];
|
|
31431
|
+
});
|
|
31432
|
+
}); },
|
|
31433
|
+
},
|
|
31434
|
+
] },
|
|
31435
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31373
31436
|
React.createElement(antd.Col, { xl: 6 },
|
|
31374
|
-
React.createElement(antd.
|
|
31375
|
-
|
|
31376
|
-
|
|
31377
|
-
return
|
|
31378
|
-
|
|
31379
|
-
|
|
31380
|
-
|
|
31381
|
-
|
|
31382
|
-
|
|
31383
|
-
|
|
31384
|
-
|
|
31385
|
-
|
|
31386
|
-
|
|
31437
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
|
31438
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
|
31439
|
+
{
|
|
31440
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31441
|
+
return __generator(this, function (_a) {
|
|
31442
|
+
if (value && value < 0) {
|
|
31443
|
+
throw new Error();
|
|
31444
|
+
}
|
|
31445
|
+
return [2 /*return*/];
|
|
31446
|
+
});
|
|
31447
|
+
}); },
|
|
31448
|
+
},
|
|
31449
|
+
] },
|
|
31450
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31387
31451
|
React.createElement(antd.Col, { xl: 6 },
|
|
31388
|
-
React.createElement(antd.
|
|
31389
|
-
|
|
31390
|
-
|
|
31391
|
-
return
|
|
31392
|
-
|
|
31393
|
-
|
|
31394
|
-
|
|
31395
|
-
|
|
31396
|
-
|
|
31397
|
-
|
|
31398
|
-
|
|
31399
|
-
|
|
31400
|
-
|
|
31452
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
|
31453
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
|
31454
|
+
{
|
|
31455
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31456
|
+
return __generator(this, function (_a) {
|
|
31457
|
+
if (value && value < 0) {
|
|
31458
|
+
throw new Error();
|
|
31459
|
+
}
|
|
31460
|
+
return [2 /*return*/];
|
|
31461
|
+
});
|
|
31462
|
+
}); },
|
|
31463
|
+
},
|
|
31464
|
+
] },
|
|
31465
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
31401
31466
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31402
31467
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31403
31468
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31404
31469
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31405
31470
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31406
31471
|
React.createElement(antd.Col, { xl: 6 },
|
|
31407
|
-
React.createElement(antd.
|
|
31408
|
-
|
|
31409
|
-
|
|
31410
|
-
return
|
|
31411
|
-
|
|
31412
|
-
|
|
31413
|
-
|
|
31414
|
-
|
|
31415
|
-
|
|
31416
|
-
|
|
31417
|
-
|
|
31418
|
-
|
|
31419
|
-
|
|
31472
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
|
31473
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
|
31474
|
+
{
|
|
31475
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31476
|
+
return __generator(this, function (_a) {
|
|
31477
|
+
if (value && value < 0) {
|
|
31478
|
+
throw new Error();
|
|
31479
|
+
}
|
|
31480
|
+
return [2 /*return*/];
|
|
31481
|
+
});
|
|
31482
|
+
}); },
|
|
31483
|
+
},
|
|
31484
|
+
] },
|
|
31485
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31420
31486
|
React.createElement(antd.Col, { xl: 6 },
|
|
31421
|
-
React.createElement(antd.
|
|
31422
|
-
|
|
31423
|
-
|
|
31424
|
-
return
|
|
31425
|
-
|
|
31426
|
-
|
|
31427
|
-
|
|
31428
|
-
|
|
31429
|
-
|
|
31430
|
-
|
|
31431
|
-
|
|
31432
|
-
|
|
31433
|
-
|
|
31487
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
|
31488
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
|
31489
|
+
{
|
|
31490
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31491
|
+
return __generator(this, function (_a) {
|
|
31492
|
+
if (value && value < 0) {
|
|
31493
|
+
throw new Error();
|
|
31494
|
+
}
|
|
31495
|
+
return [2 /*return*/];
|
|
31496
|
+
});
|
|
31497
|
+
}); },
|
|
31498
|
+
},
|
|
31499
|
+
] },
|
|
31500
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31434
31501
|
React.createElement(antd.Col, { xl: 6 },
|
|
31435
|
-
React.createElement(antd.
|
|
31436
|
-
|
|
31437
|
-
|
|
31438
|
-
return
|
|
31439
|
-
|
|
31440
|
-
|
|
31441
|
-
|
|
31442
|
-
|
|
31443
|
-
|
|
31444
|
-
|
|
31445
|
-
|
|
31446
|
-
|
|
31447
|
-
|
|
31502
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
|
31503
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
|
31504
|
+
{
|
|
31505
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31506
|
+
return __generator(this, function (_a) {
|
|
31507
|
+
if (value && value < 0) {
|
|
31508
|
+
throw new Error();
|
|
31509
|
+
}
|
|
31510
|
+
return [2 /*return*/];
|
|
31511
|
+
});
|
|
31512
|
+
}); },
|
|
31513
|
+
},
|
|
31514
|
+
] },
|
|
31515
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31448
31516
|
React.createElement(antd.Col, { xl: 6 },
|
|
31449
|
-
React.createElement(antd.
|
|
31450
|
-
|
|
31451
|
-
|
|
31452
|
-
return
|
|
31453
|
-
|
|
31454
|
-
|
|
31455
|
-
|
|
31456
|
-
|
|
31457
|
-
|
|
31458
|
-
|
|
31459
|
-
|
|
31460
|
-
|
|
31461
|
-
|
|
31517
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
|
31518
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
|
31519
|
+
{
|
|
31520
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31521
|
+
return __generator(this, function (_a) {
|
|
31522
|
+
if (value && value < 0) {
|
|
31523
|
+
throw new Error();
|
|
31524
|
+
}
|
|
31525
|
+
return [2 /*return*/];
|
|
31526
|
+
});
|
|
31527
|
+
}); },
|
|
31528
|
+
},
|
|
31529
|
+
] },
|
|
31530
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
31462
31531
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
|
31463
31532
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
|
31464
31533
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -31467,7 +31536,7 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31467
31536
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
31468
31537
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
31469
31538
|
data.map(function (tabData) {
|
|
31470
|
-
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;
|
|
31539
|
+
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;
|
|
31471
31540
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
31472
31541
|
tabData.year,
|
|
31473
31542
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -31507,13 +31576,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31507
31576
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
31508
31577
|
React.createElement(antd.Row, { gutter: 16 },
|
|
31509
31578
|
React.createElement(antd.Col, { xl: 6 },
|
|
31510
|
-
React.createElement(
|
|
31579
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
|
31580
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
|
31511
31581
|
React.createElement(antd.Col, { xl: 6 },
|
|
31512
|
-
React.createElement(
|
|
31582
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
|
31583
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
|
31513
31584
|
React.createElement(antd.Col, { xl: 6 },
|
|
31514
|
-
React.createElement(
|
|
31585
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
|
31586
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
|
31515
31587
|
React.createElement(antd.Col, { xl: 6 },
|
|
31516
|
-
React.createElement(
|
|
31588
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
|
31589
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
|
31517
31590
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31518
31591
|
var isActive = _a.isActive;
|
|
31519
31592
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -31568,49 +31641,81 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31568
31641
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31569
31642
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31570
31643
|
React.createElement(antd.Col, { xl: 6 },
|
|
31571
|
-
React.createElement(antd.
|
|
31644
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
|
31572
31645
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
|
31573
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
|
31646
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
|
31647
|
+
React.createElement("div", null,
|
|
31648
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
|
31649
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
|
31650
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
|
31574
31651
|
React.createElement(antd.Col, { xl: 6 },
|
|
31575
|
-
React.createElement(antd.
|
|
31576
|
-
? addCommSep(Number((
|
|
31577
|
-
: (
|
|
31652
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
|
31653
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
|
31654
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
|
31655
|
+
React.createElement("div", null,
|
|
31656
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
|
31657
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
|
31658
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
|
31578
31659
|
React.createElement(antd.Col, { xl: 6 },
|
|
31579
|
-
React.createElement(antd.
|
|
31580
|
-
? addCommSep(Number((
|
|
31581
|
-
: (
|
|
31660
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
|
31661
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
|
31662
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
|
31663
|
+
React.createElement("div", null,
|
|
31664
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
|
31665
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
|
31666
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
|
31582
31667
|
React.createElement(antd.Col, { xl: 6 },
|
|
31583
|
-
React.createElement(antd.
|
|
31584
|
-
? addCommSep(Number((
|
|
31585
|
-
: (
|
|
31668
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
|
31669
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
|
31670
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
|
31671
|
+
React.createElement("div", null,
|
|
31672
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
|
31673
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
|
31674
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
|
31586
31675
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31587
31676
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31588
31677
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31589
31678
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31590
31679
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31591
31680
|
React.createElement(antd.Col, { xl: 6 },
|
|
31592
|
-
React.createElement(antd.
|
|
31593
|
-
? addCommSep(Number((
|
|
31594
|
-
: (
|
|
31681
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
|
31682
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
|
31683
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
|
31684
|
+
React.createElement("div", null,
|
|
31685
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
|
31686
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
|
31687
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
|
31595
31688
|
React.createElement(antd.Col, { xl: 6 },
|
|
31596
|
-
React.createElement(antd.
|
|
31597
|
-
? addCommSep(Number((
|
|
31598
|
-
: (
|
|
31689
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
|
31690
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
|
31691
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
|
31692
|
+
React.createElement("div", null,
|
|
31693
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
|
31694
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
|
31695
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
|
31599
31696
|
React.createElement(antd.Col, { xl: 6 },
|
|
31600
|
-
React.createElement(antd.
|
|
31601
|
-
? addCommSep(Number((
|
|
31602
|
-
: (
|
|
31697
|
+
React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
|
31698
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
|
31699
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
|
31700
|
+
React.createElement("div", null,
|
|
31701
|
+
React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
|
31702
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
|
31703
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
|
31603
31704
|
React.createElement(antd.Col, { xl: 6 },
|
|
31604
|
-
React.createElement(antd.
|
|
31605
|
-
? addCommSep(Number((
|
|
31606
|
-
: (
|
|
31607
|
-
|
|
31705
|
+
React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
|
31706
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
|
31707
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
|
31708
|
+
React.createElement("div", null,
|
|
31709
|
+
React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
|
31710
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
|
31711
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
|
31712
|
+
}))))),
|
|
31608
31713
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31609
31714
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31610
31715
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
31611
31716
|
};
|
|
31612
31717
|
|
|
31613
|
-
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:
|
|
31718
|
+
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";
|
|
31614
31719
|
styleInject(css_248z$1);
|
|
31615
31720
|
|
|
31616
31721
|
var ProjectionTypes = {
|
|
@@ -31657,14 +31762,24 @@ var GHGProjectionsComponent = function (props) {
|
|
|
31657
31762
|
var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
|
31658
31763
|
var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
|
31659
31764
|
var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
|
31660
|
-
var _11 = React.useState(
|
|
31661
|
-
|
|
31662
|
-
|
|
31663
|
-
|
|
31664
|
-
|
|
31665
|
-
var
|
|
31666
|
-
|
|
31667
|
-
|
|
31765
|
+
var _11 = React.useState({
|
|
31766
|
+
totalCo2WithoutLand_bau: 0,
|
|
31767
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
|
31768
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
|
31769
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
|
31770
|
+
var _12 = React.useState({
|
|
31771
|
+
totalCo2WithLand_bau: 0,
|
|
31772
|
+
totalCo2WithLand_conditionalNdc: 0,
|
|
31773
|
+
totalCo2WithLand_unconditionalNdc: 0
|
|
31774
|
+
}); _12[0]; _12[1];
|
|
31775
|
+
var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
|
31776
|
+
var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
|
31777
|
+
var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
|
31778
|
+
var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
|
31779
|
+
var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
|
31780
|
+
var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
|
31781
|
+
var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
|
31782
|
+
var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
|
31668
31783
|
var Panel = antd.Collapse.Panel;
|
|
31669
31784
|
var form = antd.Form.useForm()[0];
|
|
31670
31785
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -32688,17 +32803,32 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32688
32803
|
}
|
|
32689
32804
|
return 0;
|
|
32690
32805
|
};
|
|
32806
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
32807
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
32808
|
+
var _a;
|
|
32809
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
32810
|
+
});
|
|
32811
|
+
};
|
|
32812
|
+
// Helper function to get form field value
|
|
32813
|
+
var getFieldValue = function (fieldName) {
|
|
32814
|
+
var formValues = form.getFieldsValue(true);
|
|
32815
|
+
var fieldValue = formValues[fieldName];
|
|
32816
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
32817
|
+
};
|
|
32691
32818
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
|
32692
32819
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
32693
32820
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
32694
32821
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
32695
32822
|
React.createElement(antd.Row, { gutter: 16 },
|
|
32696
32823
|
React.createElement(antd.Col, { xl: 7 },
|
|
32697
|
-
React.createElement(
|
|
32824
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
|
32825
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
|
32698
32826
|
React.createElement(antd.Col, { xl: 7 },
|
|
32699
|
-
React.createElement(
|
|
32827
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
|
32828
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
|
32700
32829
|
React.createElement(antd.Col, { xl: 7 },
|
|
32701
|
-
React.createElement(
|
|
32830
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
|
32831
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
|
32702
32832
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
32703
32833
|
var projectionObject = tabData[panelHeading];
|
|
32704
32834
|
return (React.createElement(antd.Row, { gutter: 16 },
|
|
@@ -32707,11 +32837,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32707
32837
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32708
32838
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
32709
32839
|
React.createElement(antd.Col, { xl: 7 },
|
|
32710
|
-
React.createElement(
|
|
32840
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
|
32841
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
|
32711
32842
|
React.createElement(antd.Col, { xl: 7 },
|
|
32712
|
-
React.createElement(
|
|
32843
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
|
32844
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
|
32713
32845
|
React.createElement(antd.Col, { xl: 7 },
|
|
32714
|
-
React.createElement(
|
|
32846
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
|
32847
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
|
32715
32848
|
};
|
|
32716
32849
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32717
32850
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32719,47 +32852,50 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32719
32852
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32720
32853
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32721
32854
|
React.createElement(antd.Col, { xl: 7 },
|
|
32722
|
-
React.createElement(antd.
|
|
32723
|
-
|
|
32724
|
-
|
|
32725
|
-
return
|
|
32726
|
-
|
|
32727
|
-
|
|
32728
|
-
|
|
32729
|
-
|
|
32730
|
-
|
|
32731
|
-
|
|
32732
|
-
|
|
32733
|
-
|
|
32734
|
-
|
|
32855
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
|
32856
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
|
32857
|
+
{
|
|
32858
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32859
|
+
return __generator(this, function (_a) {
|
|
32860
|
+
if (value && value < 0) {
|
|
32861
|
+
throw new Error();
|
|
32862
|
+
}
|
|
32863
|
+
return [2 /*return*/];
|
|
32864
|
+
});
|
|
32865
|
+
}); },
|
|
32866
|
+
},
|
|
32867
|
+
] },
|
|
32868
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
32735
32869
|
React.createElement(antd.Col, { xl: 7 },
|
|
32736
|
-
React.createElement(antd.
|
|
32737
|
-
|
|
32738
|
-
|
|
32739
|
-
return
|
|
32740
|
-
|
|
32741
|
-
|
|
32742
|
-
|
|
32743
|
-
|
|
32744
|
-
|
|
32745
|
-
|
|
32746
|
-
|
|
32747
|
-
|
|
32748
|
-
|
|
32870
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
|
32871
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
|
32872
|
+
{
|
|
32873
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32874
|
+
return __generator(this, function (_a) {
|
|
32875
|
+
if (value && value < 0) {
|
|
32876
|
+
throw new Error();
|
|
32877
|
+
}
|
|
32878
|
+
return [2 /*return*/];
|
|
32879
|
+
});
|
|
32880
|
+
}); },
|
|
32881
|
+
},
|
|
32882
|
+
] },
|
|
32883
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
32749
32884
|
React.createElement(antd.Col, { xl: 7 },
|
|
32750
|
-
React.createElement(antd.
|
|
32751
|
-
|
|
32752
|
-
|
|
32753
|
-
return
|
|
32754
|
-
|
|
32755
|
-
|
|
32756
|
-
|
|
32757
|
-
|
|
32758
|
-
|
|
32759
|
-
|
|
32760
|
-
|
|
32761
|
-
|
|
32762
|
-
|
|
32885
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
|
32886
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
|
32887
|
+
{
|
|
32888
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32889
|
+
return __generator(this, function (_a) {
|
|
32890
|
+
if (value && value < 0) {
|
|
32891
|
+
throw new Error();
|
|
32892
|
+
}
|
|
32893
|
+
return [2 /*return*/];
|
|
32894
|
+
});
|
|
32895
|
+
}); },
|
|
32896
|
+
},
|
|
32897
|
+
] },
|
|
32898
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
|
32763
32899
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
|
32764
32900
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32765
32901
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32767,11 +32903,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32767
32903
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32768
32904
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32769
32905
|
React.createElement(antd.Col, { xl: 7 },
|
|
32770
|
-
React.createElement(antd.
|
|
32906
|
+
React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
|
32907
|
+
React.createElement("div", null,
|
|
32908
|
+
React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
|
32771
32909
|
React.createElement(antd.Col, { xl: 7 },
|
|
32772
|
-
React.createElement(antd.
|
|
32910
|
+
React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
|
32911
|
+
React.createElement("div", null,
|
|
32912
|
+
React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
|
32773
32913
|
React.createElement(antd.Col, { xl: 7 },
|
|
32774
|
-
React.createElement(antd.
|
|
32914
|
+
React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
|
32915
|
+
React.createElement("div", null,
|
|
32916
|
+
React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
|
32775
32917
|
};
|
|
32776
32918
|
var objectToCSV = function (dataToDownload) {
|
|
32777
32919
|
var flattenObject = function (obj, prefix) {
|
|
@@ -32840,6 +32982,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32840
32982
|
}
|
|
32841
32983
|
return false;
|
|
32842
32984
|
};
|
|
32985
|
+
var displayEmptyView = function () {
|
|
32986
|
+
if (!data || data.length === 0) {
|
|
32987
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
|
32988
|
+
return true;
|
|
32989
|
+
}
|
|
32990
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
|
32991
|
+
return true;
|
|
32992
|
+
}
|
|
32993
|
+
}
|
|
32994
|
+
return false;
|
|
32995
|
+
};
|
|
32843
32996
|
var canViewForm = function () {
|
|
32844
32997
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
|
32845
32998
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -32857,7 +33010,9 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32857
33010
|
React.createElement("div", { className: "title-bar" },
|
|
32858
33011
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
|
32859
33012
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
32860
|
-
React.createElement("div", { className: "content-card
|
|
33013
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
33014
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
|
33015
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
|
32861
33016
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
32862
33017
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
32863
33018
|
React.createElement("div", null,
|
|
@@ -32950,11 +33105,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32950
33105
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32951
33106
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
|
32952
33107
|
React.createElement(antd.Col, { xl: 7 },
|
|
32953
|
-
React.createElement(
|
|
33108
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
|
33109
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
|
32954
33110
|
React.createElement(antd.Col, { xl: 7 },
|
|
32955
|
-
React.createElement(
|
|
33111
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
|
33112
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
|
32956
33113
|
React.createElement(antd.Col, { xl: 7 },
|
|
32957
|
-
React.createElement(
|
|
33114
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
|
33115
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
|
32958
33116
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
32959
33117
|
var isActive = _a.isActive;
|
|
32960
33118
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -32981,94 +33139,100 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32981
33139
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32982
33140
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
32983
33141
|
React.createElement(antd.Col, { xl: 7 },
|
|
32984
|
-
React.createElement(antd.
|
|
32985
|
-
|
|
32986
|
-
|
|
32987
|
-
return
|
|
32988
|
-
|
|
32989
|
-
|
|
32990
|
-
|
|
32991
|
-
|
|
32992
|
-
|
|
32993
|
-
|
|
32994
|
-
|
|
32995
|
-
|
|
32996
|
-
|
|
33142
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
|
33143
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
|
33144
|
+
{
|
|
33145
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33146
|
+
return __generator(this, function (_a) {
|
|
33147
|
+
if (value && value < 0) {
|
|
33148
|
+
throw new Error();
|
|
33149
|
+
}
|
|
33150
|
+
return [2 /*return*/];
|
|
33151
|
+
});
|
|
33152
|
+
}); },
|
|
33153
|
+
},
|
|
33154
|
+
] },
|
|
33155
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
32997
33156
|
React.createElement(antd.Col, { xl: 7 },
|
|
32998
|
-
React.createElement(antd.
|
|
32999
|
-
|
|
33000
|
-
|
|
33001
|
-
return
|
|
33002
|
-
|
|
33003
|
-
|
|
33004
|
-
|
|
33005
|
-
|
|
33006
|
-
|
|
33007
|
-
|
|
33008
|
-
|
|
33009
|
-
|
|
33010
|
-
|
|
33157
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
|
33158
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
|
33159
|
+
{
|
|
33160
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33161
|
+
return __generator(this, function (_a) {
|
|
33162
|
+
if (value && value < 0) {
|
|
33163
|
+
throw new Error();
|
|
33164
|
+
}
|
|
33165
|
+
return [2 /*return*/];
|
|
33166
|
+
});
|
|
33167
|
+
}); },
|
|
33168
|
+
},
|
|
33169
|
+
] },
|
|
33170
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33011
33171
|
React.createElement(antd.Col, { xl: 7 },
|
|
33012
|
-
React.createElement(antd.
|
|
33013
|
-
|
|
33014
|
-
|
|
33015
|
-
return
|
|
33016
|
-
|
|
33017
|
-
|
|
33018
|
-
|
|
33019
|
-
|
|
33020
|
-
|
|
33021
|
-
|
|
33022
|
-
|
|
33023
|
-
|
|
33024
|
-
|
|
33172
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
|
33173
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
|
33174
|
+
{
|
|
33175
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33176
|
+
return __generator(this, function (_a) {
|
|
33177
|
+
if (value && value < 0) {
|
|
33178
|
+
throw new Error();
|
|
33179
|
+
}
|
|
33180
|
+
return [2 /*return*/];
|
|
33181
|
+
});
|
|
33182
|
+
}); },
|
|
33183
|
+
},
|
|
33184
|
+
] },
|
|
33185
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
33025
33186
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
33026
33187
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33027
33188
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33028
33189
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33029
33190
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33030
33191
|
React.createElement(antd.Col, { xl: 7 },
|
|
33031
|
-
React.createElement(antd.
|
|
33032
|
-
|
|
33033
|
-
|
|
33034
|
-
return
|
|
33035
|
-
|
|
33036
|
-
|
|
33037
|
-
|
|
33038
|
-
|
|
33039
|
-
|
|
33040
|
-
|
|
33041
|
-
|
|
33042
|
-
|
|
33043
|
-
|
|
33192
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
|
33193
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
|
33194
|
+
{
|
|
33195
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33196
|
+
return __generator(this, function (_a) {
|
|
33197
|
+
if (value && value < 0) {
|
|
33198
|
+
throw new Error();
|
|
33199
|
+
}
|
|
33200
|
+
return [2 /*return*/];
|
|
33201
|
+
});
|
|
33202
|
+
}); },
|
|
33203
|
+
},
|
|
33204
|
+
] },
|
|
33205
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33044
33206
|
React.createElement(antd.Col, { xl: 7 },
|
|
33045
|
-
React.createElement(antd.
|
|
33046
|
-
|
|
33047
|
-
|
|
33048
|
-
return
|
|
33049
|
-
|
|
33050
|
-
|
|
33051
|
-
|
|
33052
|
-
|
|
33053
|
-
|
|
33054
|
-
|
|
33055
|
-
|
|
33056
|
-
|
|
33057
|
-
|
|
33207
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
|
33208
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
|
33209
|
+
{
|
|
33210
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33211
|
+
return __generator(this, function (_a) {
|
|
33212
|
+
if (value && value < 0) {
|
|
33213
|
+
throw new Error();
|
|
33214
|
+
}
|
|
33215
|
+
return [2 /*return*/];
|
|
33216
|
+
});
|
|
33217
|
+
}); },
|
|
33218
|
+
},
|
|
33219
|
+
] },
|
|
33220
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33058
33221
|
React.createElement(antd.Col, { xl: 7 },
|
|
33059
|
-
React.createElement(antd.
|
|
33060
|
-
|
|
33061
|
-
|
|
33062
|
-
return
|
|
33063
|
-
|
|
33064
|
-
|
|
33065
|
-
|
|
33066
|
-
|
|
33067
|
-
|
|
33068
|
-
|
|
33069
|
-
|
|
33070
|
-
|
|
33071
|
-
|
|
33222
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
|
33223
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
|
33224
|
+
{
|
|
33225
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33226
|
+
return __generator(this, function (_a) {
|
|
33227
|
+
if (value && value < 0) {
|
|
33228
|
+
throw new Error();
|
|
33229
|
+
}
|
|
33230
|
+
return [2 /*return*/];
|
|
33231
|
+
});
|
|
33232
|
+
}); },
|
|
33233
|
+
},
|
|
33234
|
+
] },
|
|
33235
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
33072
33236
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
|
33073
33237
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
|
33074
33238
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -33077,7 +33241,7 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33077
33241
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
33078
33242
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
33079
33243
|
data.map(function (tabData) {
|
|
33080
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33244
|
+
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;
|
|
33081
33245
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
33082
33246
|
tabData.year,
|
|
33083
33247
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -33110,11 +33274,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33110
33274
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
33111
33275
|
React.createElement(antd.Row, { gutter: 16 },
|
|
33112
33276
|
React.createElement(antd.Col, { xl: 7 },
|
|
33113
|
-
React.createElement(
|
|
33277
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
|
33278
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
|
33114
33279
|
React.createElement(antd.Col, { xl: 7 },
|
|
33115
|
-
React.createElement(
|
|
33280
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
|
33281
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
|
33116
33282
|
React.createElement(antd.Col, { xl: 7 },
|
|
33117
|
-
React.createElement(
|
|
33283
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
|
33284
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
|
33118
33285
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33119
33286
|
var isActive = _a.isActive;
|
|
33120
33287
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -33167,41 +33334,65 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33167
33334
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33168
33335
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33169
33336
|
React.createElement(antd.Col, { xl: 7 },
|
|
33170
|
-
React.createElement(antd.
|
|
33337
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
|
33171
33338
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
|
33172
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
|
33339
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
|
33340
|
+
React.createElement("div", null,
|
|
33341
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
|
33342
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
|
33343
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
|
33173
33344
|
React.createElement(antd.Col, { xl: 7 },
|
|
33174
|
-
React.createElement(antd.
|
|
33175
|
-
? addCommSep(Number((
|
|
33176
|
-
: (
|
|
33345
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
|
33346
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
|
33347
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
|
33348
|
+
React.createElement("div", null,
|
|
33349
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
|
33350
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
|
33351
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
|
33177
33352
|
React.createElement(antd.Col, { xl: 7 },
|
|
33178
|
-
React.createElement(antd.
|
|
33179
|
-
? addCommSep(Number((
|
|
33180
|
-
: (
|
|
33353
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
|
33354
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
|
33355
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
|
33356
|
+
React.createElement("div", null,
|
|
33357
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
|
33358
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
|
33359
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
|
33181
33360
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
|
33182
33361
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33183
33362
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33184
33363
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33185
33364
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33186
33365
|
React.createElement(antd.Col, { xl: 7 },
|
|
33187
|
-
React.createElement(antd.
|
|
33188
|
-
? addCommSep(Number((
|
|
33189
|
-
: (
|
|
33366
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
|
33367
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
|
33368
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
|
33369
|
+
React.createElement("div", null,
|
|
33370
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
|
33371
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
|
33372
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
|
33190
33373
|
React.createElement(antd.Col, { xl: 7 },
|
|
33191
|
-
React.createElement(antd.
|
|
33192
|
-
? addCommSep(Number((
|
|
33193
|
-
: (
|
|
33374
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
|
33375
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
|
33376
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
|
33377
|
+
React.createElement("div", null,
|
|
33378
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
|
33379
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
|
33380
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
|
33194
33381
|
React.createElement(antd.Col, { xl: 7 },
|
|
33195
|
-
React.createElement(antd.
|
|
33196
|
-
? addCommSep(Number((
|
|
33197
|
-
: (
|
|
33198
|
-
|
|
33382
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
|
33383
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
|
33384
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
|
33385
|
+
React.createElement("div", null,
|
|
33386
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
|
33387
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
|
33388
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
|
33389
|
+
}))))),
|
|
33199
33390
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33200
33391
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33201
33392
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
33202
33393
|
};
|
|
33203
33394
|
|
|
33204
|
-
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";
|
|
33395
|
+
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";
|
|
33205
33396
|
styleInject(css_248z);
|
|
33206
33397
|
|
|
33207
33398
|
var BarChartEstimatedActualStatComponent = function (props) {
|
|
@@ -33382,7 +33573,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33382
33573
|
position: 'bottom',
|
|
33383
33574
|
horizontalAlign: 'center',
|
|
33384
33575
|
floating: false,
|
|
33385
|
-
fontSize: '
|
|
33576
|
+
fontSize: '14px',
|
|
33386
33577
|
fontFamily: 'Inter',
|
|
33387
33578
|
fontWeight: 400,
|
|
33388
33579
|
formatter: undefined,
|
|
@@ -33398,12 +33589,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33398
33589
|
useSeriesColors: false,
|
|
33399
33590
|
},
|
|
33400
33591
|
markers: {
|
|
33401
|
-
width:
|
|
33402
|
-
height:
|
|
33592
|
+
width: 12,
|
|
33593
|
+
height: 12,
|
|
33403
33594
|
strokeWidth: 0,
|
|
33404
33595
|
strokeColor: '#fff',
|
|
33405
33596
|
fillColors: chartColors,
|
|
33406
|
-
radius:
|
|
33597
|
+
radius: 12,
|
|
33407
33598
|
customHTML: undefined,
|
|
33408
33599
|
onClick: undefined,
|
|
33409
33600
|
offsetX: 0,
|
|
@@ -33603,7 +33794,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33603
33794
|
],
|
|
33604
33795
|
xaxis: {
|
|
33605
33796
|
title: {
|
|
33606
|
-
text: '',
|
|
33797
|
+
text: 'Year',
|
|
33607
33798
|
style: {
|
|
33608
33799
|
color: '#263238',
|
|
33609
33800
|
fontSize: '12px',
|
|
@@ -33688,12 +33879,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33688
33879
|
useSeriesColors: false,
|
|
33689
33880
|
},
|
|
33690
33881
|
markers: {
|
|
33691
|
-
width: [
|
|
33692
|
-
height: [
|
|
33882
|
+
width: [12, 12, 12, 33],
|
|
33883
|
+
height: [12, 12, 12, 2],
|
|
33693
33884
|
strokeWidth: 0,
|
|
33694
33885
|
strokeColor: '#fff',
|
|
33695
33886
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
|
33696
|
-
radius:
|
|
33887
|
+
radius: 12,
|
|
33697
33888
|
customHTML: undefined,
|
|
33698
33889
|
onClick: undefined,
|
|
33699
33890
|
offsetX: 0,
|
|
@@ -33733,7 +33924,6 @@ var GHGDashboardComponent = function (props) {
|
|
|
33733
33924
|
[exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
|
33734
33925
|
[exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
|
33735
33926
|
];
|
|
33736
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
|
33737
33927
|
var handleResize = function () {
|
|
33738
33928
|
setScreenWidth(window.innerWidth);
|
|
33739
33929
|
};
|
|
@@ -33878,7 +34068,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33878
34068
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
|
33879
34069
|
configs: {
|
|
33880
34070
|
title: t('emissionsBySectorTitle'),
|
|
33881
|
-
tooltip: t('emissionsBySectorTT'
|
|
34071
|
+
tooltip: t('emissionsBySectorTT'),
|
|
33882
34072
|
colors: colors,
|
|
33883
34073
|
chartColumnWidth: 12,
|
|
33884
34074
|
chartWidth: 490,
|
|
@@ -33893,7 +34083,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33893
34083
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
|
33894
34084
|
configs: {
|
|
33895
34085
|
title: t('emissionsByGasTitle'),
|
|
33896
|
-
tooltip: t('emissionsByGasTT'
|
|
34086
|
+
tooltip: t('emissionsByGasTT'),
|
|
33897
34087
|
colors: colors,
|
|
33898
34088
|
chartColumnWidth: 12,
|
|
33899
34089
|
chartWidth: 490,
|
|
@@ -33907,7 +34097,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33907
34097
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
|
33908
34098
|
configs: {
|
|
33909
34099
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
|
33910
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
|
34100
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
|
33911
34101
|
colors: colors,
|
|
33912
34102
|
chartColumnWidth: 24,
|
|
33913
34103
|
chartWidth: screenWidth * 0.72,
|
|
@@ -33921,7 +34111,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33921
34111
|
aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
|
33922
34112
|
configs: {
|
|
33923
34113
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
|
33924
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
|
34114
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
|
33925
34115
|
colors: colors,
|
|
33926
34116
|
chartColumnWidth: 24,
|
|
33927
34117
|
chartWidth: screenWidth * 0.72,
|
|
@@ -33935,7 +34125,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33935
34125
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
|
33936
34126
|
configs: {
|
|
33937
34127
|
title: t('emissionsComparisonTitle'),
|
|
33938
|
-
tooltip: t('emissionsComparisonTT'
|
|
34128
|
+
tooltip: t('emissionsComparisonTT'),
|
|
33939
34129
|
colors: colorsComparison,
|
|
33940
34130
|
chartColumnWidth: 24,
|
|
33941
34131
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34079,7 +34269,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34079
34269
|
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 })));
|
|
34080
34270
|
}
|
|
34081
34271
|
};
|
|
34082
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
|
34272
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
|
34083
34273
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
|
34084
34274
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
|
34085
34275
|
React.createElement(Link, { to: "/dashboard" },
|