@undp/carbon-library 1.0.285-CARBON-412.0 → 1.0.285-CARBON-410.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +644 -682
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +0 -3
- package/dist/esm/index.js +644 -682
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/locales/i18n/ghgInventory/en.json +3 -1
- package/dist/locales/i18n/programme/en.json +1 -9
- package/package.json +1 -1
- package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +0 -8
- package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +0 -8
package/dist/esm/index.js
CHANGED
|
@@ -2022,9 +2022,6 @@ var Instrument;
|
|
|
2022
2022
|
Instrument["EQUITY"] = "Equity";
|
|
2023
2023
|
Instrument["GUARANTEE"] = "Guarantee";
|
|
2024
2024
|
Instrument["INKIND"] = "In-Kind";
|
|
2025
|
-
Instrument["CONLOAN"] = "ConcessionalLoan";
|
|
2026
|
-
Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
|
|
2027
|
-
Instrument["INSURANCE"] = "Insurance";
|
|
2028
2025
|
Instrument["OTHER"] = "Other";
|
|
2029
2026
|
})(Instrument || (Instrument = {}));
|
|
2030
2027
|
|
|
@@ -15399,25 +15396,13 @@ var UserManagementComponent = function (props) {
|
|
|
15399
15396
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
|
15400
15397
|
};
|
|
15401
15398
|
|
|
15402
|
-
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n
|
|
15399
|
+
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
|
15403
15400
|
styleInject(css_248z$m);
|
|
15404
15401
|
|
|
15405
15402
|
var Loading = function () {
|
|
15406
15403
|
return React.createElement(Spin, { className: "loading-center", size: "large" });
|
|
15407
15404
|
};
|
|
15408
15405
|
|
|
15409
|
-
var GuaranteePayback;
|
|
15410
|
-
(function (GuaranteePayback) {
|
|
15411
|
-
GuaranteePayback["UPFORNT"] = "Upfront";
|
|
15412
|
-
GuaranteePayback["ANNUAL"] = "Annual";
|
|
15413
|
-
})(GuaranteePayback || (GuaranteePayback = {}));
|
|
15414
|
-
var InsurancePayback;
|
|
15415
|
-
(function (InsurancePayback) {
|
|
15416
|
-
InsurancePayback["LUMPSUM"] = "LumpSum";
|
|
15417
|
-
InsurancePayback["ANNUAL"] = "Annual";
|
|
15418
|
-
})(InsurancePayback || (InsurancePayback = {}));
|
|
15419
|
-
|
|
15420
|
-
var RangePicker$3 = DatePicker.RangePicker;
|
|
15421
15406
|
var InvestmentCreationComponent = function (props) {
|
|
15422
15407
|
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
15423
15408
|
var state = useLocation().state;
|
|
@@ -15438,9 +15423,8 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15438
15423
|
label: addSpaces(Object.values(Instrument)[index]),
|
|
15439
15424
|
value: Object.values(Instrument)[index],
|
|
15440
15425
|
}); });
|
|
15441
|
-
var onInstrumentChange = function (
|
|
15442
|
-
|
|
15443
|
-
setInstrument([e.target.value]);
|
|
15426
|
+
var onInstrumentChange = function (value) {
|
|
15427
|
+
setInstrument(value);
|
|
15444
15428
|
};
|
|
15445
15429
|
var onPercentageChange = function (value) {
|
|
15446
15430
|
setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
|
|
@@ -15563,7 +15547,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15563
15547
|
if (!data) {
|
|
15564
15548
|
return React.createElement(Loading, null);
|
|
15565
15549
|
}
|
|
15566
|
-
console.log(
|
|
15550
|
+
console.log('data', data);
|
|
15567
15551
|
var companyName = {};
|
|
15568
15552
|
if (data && Object.keys(data)[0] !== "ownership") {
|
|
15569
15553
|
for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
|
|
@@ -15598,16 +15582,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15598
15582
|
if (payload.paymentPerMetric) {
|
|
15599
15583
|
payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
|
15600
15584
|
}
|
|
15601
|
-
if (payload.period) {
|
|
15602
|
-
payload.period[0] = moment(payload.period[0]).startOf("day").unix();
|
|
15603
|
-
payload.period[1] = moment(payload.period[1]).endOf("day").unix();
|
|
15604
|
-
}
|
|
15605
|
-
if (payload.startOfPayback) {
|
|
15606
|
-
payload.startOfPayback = moment(payload.startOfPayback)
|
|
15607
|
-
.startOf("day")
|
|
15608
|
-
.unix();
|
|
15609
|
-
}
|
|
15610
|
-
payload.instrument = [payload.instrument];
|
|
15611
15585
|
payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
|
|
15612
15586
|
payload.percentage = val.percentage;
|
|
15613
15587
|
payload.toCompanyId = Number(payload.toCompanyId);
|
|
@@ -15653,7 +15627,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15653
15627
|
}
|
|
15654
15628
|
};
|
|
15655
15629
|
var onChangeTypeCreation = function (e) {
|
|
15656
|
-
console.log(
|
|
15630
|
+
console.log('radio checked', e.target.value);
|
|
15657
15631
|
setTypeCreation(e.target.value);
|
|
15658
15632
|
};
|
|
15659
15633
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
|
@@ -15719,30 +15693,8 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15719
15693
|
React.createElement(Input, { size: "large" }))))),
|
|
15720
15694
|
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15721
15695
|
React.createElement(Col, { xl: 24, md: 24 },
|
|
15722
|
-
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
15723
|
-
|
|
15724
|
-
required: true, className: "investment-radio-button", rules: [
|
|
15725
|
-
{
|
|
15726
|
-
required: true,
|
|
15727
|
-
message: "",
|
|
15728
|
-
},
|
|
15729
|
-
{
|
|
15730
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15731
|
-
return __generator(this, function (_a) {
|
|
15732
|
-
if (String(value).trim() === "" ||
|
|
15733
|
-
String(value).trim() === undefined ||
|
|
15734
|
-
value === null ||
|
|
15735
|
-
value === undefined) {
|
|
15736
|
-
throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
|
|
15737
|
-
}
|
|
15738
|
-
return [2 /*return*/];
|
|
15739
|
-
});
|
|
15740
|
-
}); },
|
|
15741
|
-
},
|
|
15742
|
-
] },
|
|
15743
|
-
React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
|
|
15744
|
-
return (React.createElement(Radio, { value: e.value }, e.label));
|
|
15745
|
-
}))))),
|
|
15696
|
+
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
|
|
15697
|
+
React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
|
|
15746
15698
|
instrument &&
|
|
15747
15699
|
instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15748
15700
|
React.createElement(Col, { xl: 8, md: 12 },
|
|
@@ -15773,160 +15725,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15773
15725
|
},
|
|
15774
15726
|
] },
|
|
15775
15727
|
React.createElement(Input, { size: "large" })))))),
|
|
15776
|
-
instrument &&
|
|
15777
|
-
(instrument.indexOf(Instrument.CONLOAN) >= 0 ||
|
|
15778
|
-
instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
|
|
15779
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15780
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15781
|
-
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15782
|
-
{
|
|
15783
|
-
required: true,
|
|
15784
|
-
message: "",
|
|
15785
|
-
},
|
|
15786
|
-
{
|
|
15787
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15788
|
-
return __generator(this, function (_a) {
|
|
15789
|
-
if (String(value).trim() === "" ||
|
|
15790
|
-
String(value).trim() ===
|
|
15791
|
-
undefined ||
|
|
15792
|
-
value === null ||
|
|
15793
|
-
value === undefined) {
|
|
15794
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15795
|
-
}
|
|
15796
|
-
else if (!isNaN(value)) {
|
|
15797
|
-
return [2 /*return*/, Promise.resolve()];
|
|
15798
|
-
}
|
|
15799
|
-
else {
|
|
15800
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15801
|
-
}
|
|
15802
|
-
});
|
|
15803
|
-
}); },
|
|
15804
|
-
},
|
|
15805
|
-
] },
|
|
15806
|
-
React.createElement(Input, { size: "large" })))),
|
|
15807
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15808
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15809
|
-
React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
|
|
15810
|
-
{
|
|
15811
|
-
required: true,
|
|
15812
|
-
message: "",
|
|
15813
|
-
},
|
|
15814
|
-
{
|
|
15815
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15816
|
-
return __generator(this, function (_a) {
|
|
15817
|
-
if (String(value).trim() === "" ||
|
|
15818
|
-
String(value).trim() ===
|
|
15819
|
-
undefined ||
|
|
15820
|
-
value === null ||
|
|
15821
|
-
value === undefined) {
|
|
15822
|
-
throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
|
|
15823
|
-
}
|
|
15824
|
-
return [2 /*return*/];
|
|
15825
|
-
});
|
|
15826
|
-
}); },
|
|
15827
|
-
},
|
|
15828
|
-
] },
|
|
15829
|
-
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15830
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15831
|
-
React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
|
|
15832
|
-
{
|
|
15833
|
-
required: true,
|
|
15834
|
-
message: "",
|
|
15835
|
-
},
|
|
15836
|
-
{
|
|
15837
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15838
|
-
return __generator(this, function (_a) {
|
|
15839
|
-
if (String(value).trim() === "" ||
|
|
15840
|
-
String(value).trim() ===
|
|
15841
|
-
undefined ||
|
|
15842
|
-
value === null ||
|
|
15843
|
-
value === undefined) {
|
|
15844
|
-
throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
|
|
15845
|
-
}
|
|
15846
|
-
return [2 /*return*/];
|
|
15847
|
-
});
|
|
15848
|
-
}); },
|
|
15849
|
-
},
|
|
15850
|
-
] },
|
|
15851
|
-
React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
|
|
15852
|
-
return currentDate < moment().startOf("day");
|
|
15853
|
-
} })))))),
|
|
15854
|
-
instrument &&
|
|
15855
|
-
instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
|
|
15856
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15857
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15858
|
-
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15859
|
-
{
|
|
15860
|
-
required: true,
|
|
15861
|
-
message: "",
|
|
15862
|
-
},
|
|
15863
|
-
{
|
|
15864
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15865
|
-
return __generator(this, function (_a) {
|
|
15866
|
-
if (String(value).trim() === "" ||
|
|
15867
|
-
String(value).trim() ===
|
|
15868
|
-
undefined ||
|
|
15869
|
-
value === null ||
|
|
15870
|
-
value === undefined) {
|
|
15871
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15872
|
-
}
|
|
15873
|
-
else if (!isNaN(value)) {
|
|
15874
|
-
return [2 /*return*/, Promise.resolve()];
|
|
15875
|
-
}
|
|
15876
|
-
else {
|
|
15877
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15878
|
-
}
|
|
15879
|
-
});
|
|
15880
|
-
}); },
|
|
15881
|
-
},
|
|
15882
|
-
] },
|
|
15883
|
-
React.createElement(Input, { size: "large" })))),
|
|
15884
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15885
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15886
|
-
React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
|
|
15887
|
-
{
|
|
15888
|
-
required: true,
|
|
15889
|
-
message: "",
|
|
15890
|
-
},
|
|
15891
|
-
{
|
|
15892
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15893
|
-
return __generator(this, function (_a) {
|
|
15894
|
-
if (String(value).trim() === "" ||
|
|
15895
|
-
String(value).trim() ===
|
|
15896
|
-
undefined ||
|
|
15897
|
-
value === null ||
|
|
15898
|
-
value === undefined) {
|
|
15899
|
-
throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
|
|
15900
|
-
}
|
|
15901
|
-
return [2 /*return*/];
|
|
15902
|
-
});
|
|
15903
|
-
}); },
|
|
15904
|
-
},
|
|
15905
|
-
] },
|
|
15906
|
-
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15907
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15908
|
-
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
|
|
15909
|
-
{
|
|
15910
|
-
required: true,
|
|
15911
|
-
message: "",
|
|
15912
|
-
},
|
|
15913
|
-
{
|
|
15914
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15915
|
-
return __generator(this, function (_a) {
|
|
15916
|
-
if (String(value).trim() === "" ||
|
|
15917
|
-
String(value).trim() ===
|
|
15918
|
-
undefined ||
|
|
15919
|
-
value === null ||
|
|
15920
|
-
value === undefined) {
|
|
15921
|
-
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
15922
|
-
}
|
|
15923
|
-
return [2 /*return*/];
|
|
15924
|
-
});
|
|
15925
|
-
}); },
|
|
15926
|
-
},
|
|
15927
|
-
] },
|
|
15928
|
-
React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
15929
|
-
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
15930
15728
|
instrument &&
|
|
15931
15729
|
instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15932
15730
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -15991,32 +15789,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15991
15789
|
},
|
|
15992
15790
|
] },
|
|
15993
15791
|
React.createElement(Input, { size: "large" })))))),
|
|
15994
|
-
instrument &&
|
|
15995
|
-
instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15996
|
-
React.createElement(Col, { xl: 8, md: 12 },
|
|
15997
|
-
React.createElement("div", { className: "details-part-two" },
|
|
15998
|
-
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
|
|
15999
|
-
{
|
|
16000
|
-
required: true,
|
|
16001
|
-
message: "",
|
|
16002
|
-
},
|
|
16003
|
-
{
|
|
16004
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16005
|
-
return __generator(this, function (_a) {
|
|
16006
|
-
if (String(value).trim() === "" ||
|
|
16007
|
-
String(value).trim() ===
|
|
16008
|
-
undefined ||
|
|
16009
|
-
value === null ||
|
|
16010
|
-
value === undefined) {
|
|
16011
|
-
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16012
|
-
}
|
|
16013
|
-
return [2 /*return*/];
|
|
16014
|
-
});
|
|
16015
|
-
}); },
|
|
16016
|
-
},
|
|
16017
|
-
] },
|
|
16018
|
-
React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16019
|
-
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
16020
15792
|
instrument &&
|
|
16021
15793
|
instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16022
15794
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -16086,73 +15858,73 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16086
15858
|
React.createElement("div", { className: "step-count" }, "02"),
|
|
16087
15859
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
16088
15860
|
description: current === 1 && (React.createElement("div", null,
|
|
16089
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
16090
|
-
React.createElement(
|
|
16091
|
-
|
|
16092
|
-
|
|
16093
|
-
React.createElement(
|
|
16094
|
-
React.createElement(
|
|
16095
|
-
|
|
16096
|
-
|
|
16097
|
-
|
|
16098
|
-
React.createElement(
|
|
16099
|
-
|
|
16100
|
-
|
|
16101
|
-
|
|
16102
|
-
|
|
16103
|
-
|
|
16104
|
-
|
|
16105
|
-
|
|
16106
|
-
|
|
16107
|
-
|
|
16108
|
-
|
|
16109
|
-
|
|
16110
|
-
|
|
16111
|
-
|
|
16112
|
-
|
|
16113
|
-
index,
|
|
16114
|
-
]) &&
|
|
16115
|
-
parseFloat(getFieldValue([
|
|
15861
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
15862
|
+
React.createElement("div", { className: "programme-sought-form" },
|
|
15863
|
+
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
|
15864
|
+
data.companyId.map(function (companyId, index) {
|
|
15865
|
+
return (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15866
|
+
React.createElement(Col, { xl: 8, md: 15 },
|
|
15867
|
+
React.createElement("div", { className: "label" },
|
|
15868
|
+
companyName[companyId].name,
|
|
15869
|
+
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
15870
|
+
React.createElement(Col, { xl: 8, md: 9 },
|
|
15871
|
+
React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
15872
|
+
{
|
|
15873
|
+
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
15874
|
+
message: "Percentage Should be a positive number",
|
|
15875
|
+
},
|
|
15876
|
+
{
|
|
15877
|
+
required: true,
|
|
15878
|
+
message: "Required field",
|
|
15879
|
+
},
|
|
15880
|
+
function (_a) {
|
|
15881
|
+
var getFieldValue = _a.getFieldValue;
|
|
15882
|
+
return ({
|
|
15883
|
+
validator: function (rule, v) {
|
|
15884
|
+
if (getFieldValue([
|
|
16116
15885
|
"percentage",
|
|
16117
15886
|
index,
|
|
16118
|
-
])
|
|
16119
|
-
|
|
16120
|
-
|
|
16121
|
-
|
|
16122
|
-
|
|
16123
|
-
|
|
16124
|
-
|
|
16125
|
-
|
|
16126
|
-
|
|
16127
|
-
|
|
16128
|
-
|
|
16129
|
-
|
|
16130
|
-
|
|
15887
|
+
]) &&
|
|
15888
|
+
parseFloat(getFieldValue([
|
|
15889
|
+
"percentage",
|
|
15890
|
+
index,
|
|
15891
|
+
])) > data.proponentPercentage[index]) {
|
|
15892
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
15893
|
+
return Promise.reject("Amount > Available");
|
|
15894
|
+
}
|
|
15895
|
+
return Promise.resolve();
|
|
15896
|
+
},
|
|
15897
|
+
});
|
|
15898
|
+
},
|
|
15899
|
+
] },
|
|
15900
|
+
React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
15901
|
+
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
15902
|
+
onKeyPress: function (event) {
|
|
15903
|
+
if (!/[0-9\.]/.test(event.key)) {
|
|
15904
|
+
event.preventDefault();
|
|
15905
|
+
}
|
|
15906
|
+
} })),
|
|
15907
|
+
React.createElement("div", { className: "inline separator" }, "/"),
|
|
15908
|
+
React.createElement(Form.Item, { className: "inline" },
|
|
15909
|
+
React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
15910
|
+
}),
|
|
15911
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15912
|
+
React.createElement(Col, { xl: 8, md: 15 },
|
|
15913
|
+
React.createElement("div", { className: "label" }, t("programme:total"))),
|
|
15914
|
+
React.createElement(Col, { xl: 8, md: 9 },
|
|
15915
|
+
React.createElement(Form.Item, { className: "inline", name: ["total"] },
|
|
15916
|
+
React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16131
15917
|
if (!/[0-9\.]/.test(event.key)) {
|
|
16132
15918
|
event.preventDefault();
|
|
16133
15919
|
}
|
|
16134
15920
|
} })),
|
|
16135
15921
|
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16136
15922
|
React.createElement(Form.Item, { className: "inline" },
|
|
16137
|
-
React.createElement(InputNumber, {
|
|
16138
|
-
|
|
16139
|
-
|
|
16140
|
-
|
|
16141
|
-
|
|
16142
|
-
React.createElement(Col, { xl: 8, md: 9 },
|
|
16143
|
-
React.createElement(Form.Item, { className: "inline", name: ["total"] },
|
|
16144
|
-
React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16145
|
-
if (!/[0-9\.]/.test(event.key)) {
|
|
16146
|
-
event.preventDefault();
|
|
16147
|
-
}
|
|
16148
|
-
} })),
|
|
16149
|
-
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16150
|
-
React.createElement(Form.Item, { className: "inline" },
|
|
16151
|
-
React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
|
|
16152
|
-
React.createElement(Form.Item, null,
|
|
16153
|
-
React.createElement("div", { className: "steps-actions" },
|
|
16154
|
-
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
16155
|
-
React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
|
|
15923
|
+
React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
|
|
15924
|
+
React.createElement(Form.Item, null,
|
|
15925
|
+
React.createElement("div", { className: "steps-actions" },
|
|
15926
|
+
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
15927
|
+
React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
|
|
16156
15928
|
},
|
|
16157
15929
|
] })))));
|
|
16158
15930
|
};
|
|
@@ -29607,7 +29379,7 @@ var TimelineBody = function (props) {
|
|
|
29607
29379
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
29608
29380
|
};
|
|
29609
29381
|
|
|
29610
|
-
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius:
|
|
29382
|
+
var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
|
|
29611
29383
|
styleInject(css_248z$2);
|
|
29612
29384
|
|
|
29613
29385
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
|
@@ -30061,14 +29833,26 @@ var GHGEmissionsComponent = function (props) {
|
|
|
30061
29833
|
var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
|
30062
29834
|
var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
|
30063
29835
|
var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
|
30064
|
-
var _20 = useState(
|
|
30065
|
-
|
|
30066
|
-
|
|
30067
|
-
|
|
30068
|
-
|
|
30069
|
-
|
|
30070
|
-
var
|
|
30071
|
-
|
|
29836
|
+
var _20 = useState({
|
|
29837
|
+
totalCo2WithoutLand_ch4: 0,
|
|
29838
|
+
totalCo2WithoutLand_co2: 0,
|
|
29839
|
+
totalCo2WithoutLand_n2o: 0,
|
|
29840
|
+
totalCo2WithoutLand_co2eq: 0
|
|
29841
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
|
29842
|
+
var _21 = useState({
|
|
29843
|
+
totalCo2WithLand_ch4: 0,
|
|
29844
|
+
totalCo2WithLand_co2: 0,
|
|
29845
|
+
totalCo2WithLand_n2o: 0,
|
|
29846
|
+
totalCo2WithLand_co2eq: 0
|
|
29847
|
+
}); _21[0]; _21[1];
|
|
29848
|
+
var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
|
29849
|
+
var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
|
29850
|
+
var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
|
29851
|
+
var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
|
29852
|
+
var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
|
29853
|
+
var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
|
29854
|
+
var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
|
29855
|
+
var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
|
30072
29856
|
var Panel = Collapse.Panel;
|
|
30073
29857
|
var form = Form.useForm()[0];
|
|
30074
29858
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -31223,19 +31007,35 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31223
31007
|
return 0;
|
|
31224
31008
|
}
|
|
31225
31009
|
};
|
|
31010
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
31011
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
31012
|
+
var _a;
|
|
31013
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
31014
|
+
});
|
|
31015
|
+
};
|
|
31016
|
+
// Helper function to get form field value
|
|
31017
|
+
var getFieldValue = function (fieldName) {
|
|
31018
|
+
var formValues = form.getFieldsValue(true);
|
|
31019
|
+
var fieldValue = formValues[fieldName];
|
|
31020
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
31021
|
+
};
|
|
31226
31022
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
31227
31023
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
31228
31024
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
31229
31025
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
31230
31026
|
React.createElement(Row, { gutter: 16 },
|
|
31231
31027
|
React.createElement(Col, { xl: 6 },
|
|
31232
|
-
React.createElement(
|
|
31028
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
|
31029
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
|
31233
31030
|
React.createElement(Col, { xl: 6 },
|
|
31234
|
-
React.createElement(
|
|
31031
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
|
31032
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
|
31235
31033
|
React.createElement(Col, { xl: 6 },
|
|
31236
|
-
React.createElement(
|
|
31034
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
|
31035
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
|
31237
31036
|
React.createElement(Col, { xl: 6 },
|
|
31238
|
-
React.createElement(
|
|
31037
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
|
31038
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
|
31239
31039
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
31240
31040
|
var emissionsObject = tabData[panelHeading];
|
|
31241
31041
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -31244,13 +31044,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31244
31044
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31245
31045
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
31246
31046
|
React.createElement(Col, { xl: 6 },
|
|
31247
|
-
React.createElement(
|
|
31047
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31048
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
|
31248
31049
|
React.createElement(Col, { xl: 6 },
|
|
31249
|
-
React.createElement(
|
|
31050
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31051
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
|
31250
31052
|
React.createElement(Col, { xl: 6 },
|
|
31251
|
-
React.createElement(
|
|
31053
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31054
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
|
31252
31055
|
React.createElement(Col, { xl: 6 },
|
|
31253
|
-
React.createElement(
|
|
31056
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31057
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
|
31254
31058
|
};
|
|
31255
31059
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31256
31060
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31258,61 +31062,65 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31258
31062
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31259
31063
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31260
31064
|
React.createElement(Col, { xl: 6 },
|
|
31261
|
-
React.createElement(
|
|
31262
|
-
|
|
31263
|
-
|
|
31264
|
-
return
|
|
31265
|
-
|
|
31266
|
-
|
|
31267
|
-
|
|
31268
|
-
|
|
31269
|
-
|
|
31270
|
-
|
|
31271
|
-
|
|
31272
|
-
|
|
31273
|
-
|
|
31065
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
|
31066
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
|
31067
|
+
{
|
|
31068
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31069
|
+
return __generator(this, function (_a) {
|
|
31070
|
+
if (value && value < 0) {
|
|
31071
|
+
throw new Error();
|
|
31072
|
+
}
|
|
31073
|
+
return [2 /*return*/];
|
|
31074
|
+
});
|
|
31075
|
+
}); },
|
|
31076
|
+
},
|
|
31077
|
+
] },
|
|
31078
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31274
31079
|
React.createElement(Col, { xl: 6 },
|
|
31275
|
-
React.createElement(
|
|
31276
|
-
|
|
31277
|
-
|
|
31278
|
-
return
|
|
31279
|
-
|
|
31280
|
-
|
|
31281
|
-
|
|
31282
|
-
|
|
31283
|
-
|
|
31284
|
-
|
|
31285
|
-
|
|
31286
|
-
|
|
31287
|
-
|
|
31080
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
|
31081
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
|
31082
|
+
{
|
|
31083
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31084
|
+
return __generator(this, function (_a) {
|
|
31085
|
+
if (value && value < 0) {
|
|
31086
|
+
throw new Error();
|
|
31087
|
+
}
|
|
31088
|
+
return [2 /*return*/];
|
|
31089
|
+
});
|
|
31090
|
+
}); },
|
|
31091
|
+
},
|
|
31092
|
+
] },
|
|
31093
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31288
31094
|
React.createElement(Col, { xl: 6 },
|
|
31289
|
-
React.createElement(
|
|
31290
|
-
|
|
31291
|
-
|
|
31292
|
-
return
|
|
31293
|
-
|
|
31294
|
-
|
|
31295
|
-
|
|
31296
|
-
|
|
31297
|
-
|
|
31298
|
-
|
|
31299
|
-
|
|
31300
|
-
|
|
31301
|
-
|
|
31095
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
|
31096
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
|
31097
|
+
{
|
|
31098
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31099
|
+
return __generator(this, function (_a) {
|
|
31100
|
+
if (value && value < 0) {
|
|
31101
|
+
throw new Error();
|
|
31102
|
+
}
|
|
31103
|
+
return [2 /*return*/];
|
|
31104
|
+
});
|
|
31105
|
+
}); },
|
|
31106
|
+
},
|
|
31107
|
+
] },
|
|
31108
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31302
31109
|
React.createElement(Col, { xl: 6 },
|
|
31303
|
-
React.createElement(
|
|
31304
|
-
|
|
31305
|
-
|
|
31306
|
-
return
|
|
31307
|
-
|
|
31308
|
-
|
|
31309
|
-
|
|
31310
|
-
|
|
31311
|
-
|
|
31312
|
-
|
|
31313
|
-
|
|
31314
|
-
|
|
31315
|
-
|
|
31110
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
|
31111
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
|
31112
|
+
{
|
|
31113
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31114
|
+
return __generator(this, function (_a) {
|
|
31115
|
+
if (value && value < 0) {
|
|
31116
|
+
throw new Error();
|
|
31117
|
+
}
|
|
31118
|
+
return [2 /*return*/];
|
|
31119
|
+
});
|
|
31120
|
+
}); },
|
|
31121
|
+
},
|
|
31122
|
+
] },
|
|
31123
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
31316
31124
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
|
31317
31125
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31318
31126
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31320,13 +31128,21 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31320
31128
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31321
31129
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31322
31130
|
React.createElement(Col, { xl: 6 },
|
|
31323
|
-
React.createElement(
|
|
31131
|
+
React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
|
31132
|
+
React.createElement("div", null,
|
|
31133
|
+
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
|
31324
31134
|
React.createElement(Col, { xl: 6 },
|
|
31325
|
-
React.createElement(
|
|
31135
|
+
React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
|
31136
|
+
React.createElement("div", null,
|
|
31137
|
+
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
|
31326
31138
|
React.createElement(Col, { xl: 6 },
|
|
31327
|
-
React.createElement(
|
|
31139
|
+
React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
|
31140
|
+
React.createElement("div", null,
|
|
31141
|
+
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
|
31328
31142
|
React.createElement(Col, { xl: 6 },
|
|
31329
|
-
React.createElement(
|
|
31143
|
+
React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
|
31144
|
+
React.createElement("div", null,
|
|
31145
|
+
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
|
31330
31146
|
};
|
|
31331
31147
|
var objectToCSV = function (dataToDownload) {
|
|
31332
31148
|
var flattenObject = function (obj, prefix) {
|
|
@@ -31397,6 +31213,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31397
31213
|
}
|
|
31398
31214
|
return false;
|
|
31399
31215
|
};
|
|
31216
|
+
var displayEmptyView = function () {
|
|
31217
|
+
if (!data || data.length === 0) {
|
|
31218
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
31219
|
+
return true;
|
|
31220
|
+
}
|
|
31221
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
31222
|
+
return true;
|
|
31223
|
+
}
|
|
31224
|
+
}
|
|
31225
|
+
return false;
|
|
31226
|
+
};
|
|
31400
31227
|
var canViewForm = function () {
|
|
31401
31228
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
31402
31229
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -31414,7 +31241,9 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31414
31241
|
React.createElement("div", { className: "title-bar" },
|
|
31415
31242
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
|
31416
31243
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
31417
|
-
React.createElement("div", { className: "content-card
|
|
31244
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
31245
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
|
31246
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
|
31418
31247
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
31419
31248
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
31420
31249
|
React.createElement("div", null,
|
|
@@ -31519,13 +31348,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31519
31348
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31520
31349
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
31521
31350
|
React.createElement(Col, { xl: 6 },
|
|
31522
|
-
React.createElement(
|
|
31351
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
|
31352
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
|
31523
31353
|
React.createElement(Col, { xl: 6 },
|
|
31524
|
-
React.createElement(
|
|
31354
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
|
31355
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
|
31525
31356
|
React.createElement(Col, { xl: 6 },
|
|
31526
|
-
React.createElement(
|
|
31357
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
|
31358
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
|
31527
31359
|
React.createElement(Col, { xl: 6 },
|
|
31528
|
-
React.createElement(
|
|
31360
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
|
31361
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
|
31529
31362
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31530
31363
|
var isActive = _a.isActive;
|
|
31531
31364
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31550,122 +31383,130 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31550
31383
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31551
31384
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31552
31385
|
React.createElement(Col, { xl: 6 },
|
|
31553
|
-
React.createElement(
|
|
31554
|
-
|
|
31555
|
-
|
|
31556
|
-
return
|
|
31557
|
-
|
|
31558
|
-
|
|
31559
|
-
|
|
31560
|
-
|
|
31561
|
-
|
|
31562
|
-
|
|
31563
|
-
|
|
31564
|
-
|
|
31565
|
-
|
|
31386
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
|
31387
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
|
31388
|
+
{
|
|
31389
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31390
|
+
return __generator(this, function (_a) {
|
|
31391
|
+
if (value && value < 0) {
|
|
31392
|
+
throw new Error();
|
|
31393
|
+
}
|
|
31394
|
+
return [2 /*return*/];
|
|
31395
|
+
});
|
|
31396
|
+
}); },
|
|
31397
|
+
},
|
|
31398
|
+
] },
|
|
31399
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31566
31400
|
React.createElement(Col, { xl: 6 },
|
|
31567
|
-
React.createElement(
|
|
31568
|
-
|
|
31569
|
-
|
|
31570
|
-
return
|
|
31571
|
-
|
|
31572
|
-
|
|
31573
|
-
|
|
31574
|
-
|
|
31575
|
-
|
|
31576
|
-
|
|
31577
|
-
|
|
31578
|
-
|
|
31579
|
-
|
|
31401
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
|
31402
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
|
31403
|
+
{
|
|
31404
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31405
|
+
return __generator(this, function (_a) {
|
|
31406
|
+
if (value && value < 0) {
|
|
31407
|
+
throw new Error();
|
|
31408
|
+
}
|
|
31409
|
+
return [2 /*return*/];
|
|
31410
|
+
});
|
|
31411
|
+
}); },
|
|
31412
|
+
},
|
|
31413
|
+
] },
|
|
31414
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31580
31415
|
React.createElement(Col, { xl: 6 },
|
|
31581
|
-
React.createElement(
|
|
31582
|
-
|
|
31583
|
-
|
|
31584
|
-
return
|
|
31585
|
-
|
|
31586
|
-
|
|
31587
|
-
|
|
31588
|
-
|
|
31589
|
-
|
|
31590
|
-
|
|
31591
|
-
|
|
31592
|
-
|
|
31593
|
-
|
|
31416
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
|
31417
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
|
31418
|
+
{
|
|
31419
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31420
|
+
return __generator(this, function (_a) {
|
|
31421
|
+
if (value && value < 0) {
|
|
31422
|
+
throw new Error();
|
|
31423
|
+
}
|
|
31424
|
+
return [2 /*return*/];
|
|
31425
|
+
});
|
|
31426
|
+
}); },
|
|
31427
|
+
},
|
|
31428
|
+
] },
|
|
31429
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31594
31430
|
React.createElement(Col, { xl: 6 },
|
|
31595
|
-
React.createElement(
|
|
31596
|
-
|
|
31597
|
-
|
|
31598
|
-
return
|
|
31599
|
-
|
|
31600
|
-
|
|
31601
|
-
|
|
31602
|
-
|
|
31603
|
-
|
|
31604
|
-
|
|
31605
|
-
|
|
31606
|
-
|
|
31607
|
-
|
|
31431
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
|
31432
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
|
31433
|
+
{
|
|
31434
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31435
|
+
return __generator(this, function (_a) {
|
|
31436
|
+
if (value && value < 0) {
|
|
31437
|
+
throw new Error();
|
|
31438
|
+
}
|
|
31439
|
+
return [2 /*return*/];
|
|
31440
|
+
});
|
|
31441
|
+
}); },
|
|
31442
|
+
},
|
|
31443
|
+
] },
|
|
31444
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31608
31445
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31609
31446
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31610
31447
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31611
31448
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31612
31449
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31613
31450
|
React.createElement(Col, { xl: 6 },
|
|
31614
|
-
React.createElement(
|
|
31615
|
-
|
|
31616
|
-
|
|
31617
|
-
return
|
|
31618
|
-
|
|
31619
|
-
|
|
31620
|
-
|
|
31621
|
-
|
|
31622
|
-
|
|
31623
|
-
|
|
31624
|
-
|
|
31625
|
-
|
|
31626
|
-
|
|
31451
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
|
31452
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
|
31453
|
+
{
|
|
31454
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31455
|
+
return __generator(this, function (_a) {
|
|
31456
|
+
if (value && value < 0) {
|
|
31457
|
+
throw new Error();
|
|
31458
|
+
}
|
|
31459
|
+
return [2 /*return*/];
|
|
31460
|
+
});
|
|
31461
|
+
}); },
|
|
31462
|
+
},
|
|
31463
|
+
] },
|
|
31464
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31627
31465
|
React.createElement(Col, { xl: 6 },
|
|
31628
|
-
React.createElement(
|
|
31629
|
-
|
|
31630
|
-
|
|
31631
|
-
return
|
|
31632
|
-
|
|
31633
|
-
|
|
31634
|
-
|
|
31635
|
-
|
|
31636
|
-
|
|
31637
|
-
|
|
31638
|
-
|
|
31639
|
-
|
|
31640
|
-
|
|
31466
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
|
31467
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
|
31468
|
+
{
|
|
31469
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31470
|
+
return __generator(this, function (_a) {
|
|
31471
|
+
if (value && value < 0) {
|
|
31472
|
+
throw new Error();
|
|
31473
|
+
}
|
|
31474
|
+
return [2 /*return*/];
|
|
31475
|
+
});
|
|
31476
|
+
}); },
|
|
31477
|
+
},
|
|
31478
|
+
] },
|
|
31479
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31641
31480
|
React.createElement(Col, { xl: 6 },
|
|
31642
|
-
React.createElement(
|
|
31643
|
-
|
|
31644
|
-
|
|
31645
|
-
return
|
|
31646
|
-
|
|
31647
|
-
|
|
31648
|
-
|
|
31649
|
-
|
|
31650
|
-
|
|
31651
|
-
|
|
31652
|
-
|
|
31653
|
-
|
|
31654
|
-
|
|
31481
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
|
31482
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
|
31483
|
+
{
|
|
31484
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31485
|
+
return __generator(this, function (_a) {
|
|
31486
|
+
if (value && value < 0) {
|
|
31487
|
+
throw new Error();
|
|
31488
|
+
}
|
|
31489
|
+
return [2 /*return*/];
|
|
31490
|
+
});
|
|
31491
|
+
}); },
|
|
31492
|
+
},
|
|
31493
|
+
] },
|
|
31494
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31655
31495
|
React.createElement(Col, { xl: 6 },
|
|
31656
|
-
React.createElement(
|
|
31657
|
-
|
|
31658
|
-
|
|
31659
|
-
return
|
|
31660
|
-
|
|
31661
|
-
|
|
31662
|
-
|
|
31663
|
-
|
|
31664
|
-
|
|
31665
|
-
|
|
31666
|
-
|
|
31667
|
-
|
|
31668
|
-
|
|
31496
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
|
31497
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
|
31498
|
+
{
|
|
31499
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31500
|
+
return __generator(this, function (_a) {
|
|
31501
|
+
if (value && value < 0) {
|
|
31502
|
+
throw new Error();
|
|
31503
|
+
}
|
|
31504
|
+
return [2 /*return*/];
|
|
31505
|
+
});
|
|
31506
|
+
}); },
|
|
31507
|
+
},
|
|
31508
|
+
] },
|
|
31509
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31669
31510
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
31670
31511
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
31671
31512
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -31674,7 +31515,7 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31674
31515
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
31675
31516
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
31676
31517
|
data.map(function (tabData) {
|
|
31677
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
31518
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
|
|
31678
31519
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
31679
31520
|
tabData.year,
|
|
31680
31521
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -31714,13 +31555,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31714
31555
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
31715
31556
|
React.createElement(Row, { gutter: 16 },
|
|
31716
31557
|
React.createElement(Col, { xl: 6 },
|
|
31717
|
-
React.createElement(
|
|
31558
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
|
31559
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
|
31718
31560
|
React.createElement(Col, { xl: 6 },
|
|
31719
|
-
React.createElement(
|
|
31561
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
|
31562
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
|
31720
31563
|
React.createElement(Col, { xl: 6 },
|
|
31721
|
-
React.createElement(
|
|
31564
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
|
31565
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
|
31722
31566
|
React.createElement(Col, { xl: 6 },
|
|
31723
|
-
React.createElement(
|
|
31567
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
|
31568
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
|
31724
31569
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31725
31570
|
var isActive = _a.isActive;
|
|
31726
31571
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31775,49 +31620,81 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31775
31620
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31776
31621
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31777
31622
|
React.createElement(Col, { xl: 6 },
|
|
31778
|
-
React.createElement(
|
|
31623
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
|
31779
31624
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
|
31780
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
|
31625
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
|
31626
|
+
React.createElement("div", null,
|
|
31627
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
|
31628
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
|
31629
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
|
31781
31630
|
React.createElement(Col, { xl: 6 },
|
|
31782
|
-
React.createElement(
|
|
31783
|
-
? addCommSep(Number((
|
|
31784
|
-
: (
|
|
31631
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
|
31632
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
|
31633
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
|
31634
|
+
React.createElement("div", null,
|
|
31635
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
|
31636
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
|
31637
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
|
31785
31638
|
React.createElement(Col, { xl: 6 },
|
|
31786
|
-
React.createElement(
|
|
31787
|
-
? addCommSep(Number((
|
|
31788
|
-
: (
|
|
31639
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
|
31640
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
|
31641
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
|
31642
|
+
React.createElement("div", null,
|
|
31643
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
|
31644
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
|
31645
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
|
31789
31646
|
React.createElement(Col, { xl: 6 },
|
|
31790
|
-
React.createElement(
|
|
31791
|
-
? addCommSep(Number((
|
|
31792
|
-
: (
|
|
31647
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
|
31648
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
|
31649
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
|
31650
|
+
React.createElement("div", null,
|
|
31651
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
|
31652
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
|
31653
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
|
31793
31654
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31794
31655
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31795
31656
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31796
31657
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31797
31658
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31798
31659
|
React.createElement(Col, { xl: 6 },
|
|
31799
|
-
React.createElement(
|
|
31800
|
-
? addCommSep(Number((
|
|
31801
|
-
: (
|
|
31660
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
|
31661
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
|
31662
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
|
31663
|
+
React.createElement("div", null,
|
|
31664
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
|
31665
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
|
31666
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
|
31802
31667
|
React.createElement(Col, { xl: 6 },
|
|
31803
|
-
React.createElement(
|
|
31804
|
-
? addCommSep(Number((
|
|
31805
|
-
: (
|
|
31668
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
|
31669
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
|
31670
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
|
31671
|
+
React.createElement("div", null,
|
|
31672
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
|
31673
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
|
31674
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
|
31806
31675
|
React.createElement(Col, { xl: 6 },
|
|
31807
|
-
React.createElement(
|
|
31808
|
-
? addCommSep(Number((
|
|
31809
|
-
: (
|
|
31676
|
+
React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
|
31677
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
|
31678
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
|
31679
|
+
React.createElement("div", null,
|
|
31680
|
+
React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
|
31681
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
|
31682
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
|
31810
31683
|
React.createElement(Col, { xl: 6 },
|
|
31811
|
-
React.createElement(
|
|
31812
|
-
? addCommSep(Number((
|
|
31813
|
-
: (
|
|
31814
|
-
|
|
31684
|
+
React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
|
31685
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
|
31686
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
|
31687
|
+
React.createElement("div", null,
|
|
31688
|
+
React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
|
31689
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
|
31690
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
|
31691
|
+
}))))),
|
|
31815
31692
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31816
31693
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31817
31694
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
31818
31695
|
};
|
|
31819
31696
|
|
|
31820
|
-
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius:
|
|
31697
|
+
var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
|
|
31821
31698
|
styleInject(css_248z$1);
|
|
31822
31699
|
|
|
31823
31700
|
var ProjectionTypes = {
|
|
@@ -31864,14 +31741,24 @@ var GHGProjectionsComponent = function (props) {
|
|
|
31864
31741
|
var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
|
31865
31742
|
var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
|
31866
31743
|
var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
|
31867
|
-
var _11 = useState(
|
|
31868
|
-
|
|
31869
|
-
|
|
31870
|
-
|
|
31871
|
-
|
|
31872
|
-
var
|
|
31873
|
-
|
|
31874
|
-
|
|
31744
|
+
var _11 = useState({
|
|
31745
|
+
totalCo2WithoutLand_bau: 0,
|
|
31746
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
|
31747
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
|
31748
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
|
31749
|
+
var _12 = useState({
|
|
31750
|
+
totalCo2WithLand_bau: 0,
|
|
31751
|
+
totalCo2WithLand_conditionalNdc: 0,
|
|
31752
|
+
totalCo2WithLand_unconditionalNdc: 0
|
|
31753
|
+
}); _12[0]; _12[1];
|
|
31754
|
+
var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
|
31755
|
+
var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
|
31756
|
+
var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
|
31757
|
+
var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
|
31758
|
+
var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
|
31759
|
+
var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
|
31760
|
+
var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
|
31761
|
+
var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
|
31875
31762
|
var Panel = Collapse.Panel;
|
|
31876
31763
|
var form = Form.useForm()[0];
|
|
31877
31764
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -32895,17 +32782,32 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32895
32782
|
}
|
|
32896
32783
|
return 0;
|
|
32897
32784
|
};
|
|
32785
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
32786
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
32787
|
+
var _a;
|
|
32788
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
32789
|
+
});
|
|
32790
|
+
};
|
|
32791
|
+
// Helper function to get form field value
|
|
32792
|
+
var getFieldValue = function (fieldName) {
|
|
32793
|
+
var formValues = form.getFieldsValue(true);
|
|
32794
|
+
var fieldValue = formValues[fieldName];
|
|
32795
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
32796
|
+
};
|
|
32898
32797
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
32899
32798
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
32900
32799
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
32901
32800
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
32902
32801
|
React.createElement(Row, { gutter: 16 },
|
|
32903
32802
|
React.createElement(Col, { xl: 7 },
|
|
32904
|
-
React.createElement(
|
|
32803
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
|
32804
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
|
32905
32805
|
React.createElement(Col, { xl: 7 },
|
|
32906
|
-
React.createElement(
|
|
32806
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
|
32807
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
|
32907
32808
|
React.createElement(Col, { xl: 7 },
|
|
32908
|
-
React.createElement(
|
|
32809
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
|
32810
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
|
32909
32811
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
32910
32812
|
var projectionObject = tabData[panelHeading];
|
|
32911
32813
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -32914,11 +32816,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32914
32816
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32915
32817
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
32916
32818
|
React.createElement(Col, { xl: 7 },
|
|
32917
|
-
React.createElement(
|
|
32819
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
|
32820
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
|
32918
32821
|
React.createElement(Col, { xl: 7 },
|
|
32919
|
-
React.createElement(
|
|
32822
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
|
32823
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
|
32920
32824
|
React.createElement(Col, { xl: 7 },
|
|
32921
|
-
React.createElement(
|
|
32825
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
|
32826
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
|
32922
32827
|
};
|
|
32923
32828
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32924
32829
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32926,47 +32831,50 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32926
32831
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32927
32832
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32928
32833
|
React.createElement(Col, { xl: 7 },
|
|
32929
|
-
React.createElement(
|
|
32930
|
-
|
|
32931
|
-
|
|
32932
|
-
return
|
|
32933
|
-
|
|
32934
|
-
|
|
32935
|
-
|
|
32936
|
-
|
|
32937
|
-
|
|
32938
|
-
|
|
32939
|
-
|
|
32940
|
-
|
|
32941
|
-
|
|
32834
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
|
32835
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
|
32836
|
+
{
|
|
32837
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32838
|
+
return __generator(this, function (_a) {
|
|
32839
|
+
if (value && value < 0) {
|
|
32840
|
+
throw new Error();
|
|
32841
|
+
}
|
|
32842
|
+
return [2 /*return*/];
|
|
32843
|
+
});
|
|
32844
|
+
}); },
|
|
32845
|
+
},
|
|
32846
|
+
] },
|
|
32847
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32942
32848
|
React.createElement(Col, { xl: 7 },
|
|
32943
|
-
React.createElement(
|
|
32944
|
-
|
|
32945
|
-
|
|
32946
|
-
return
|
|
32947
|
-
|
|
32948
|
-
|
|
32949
|
-
|
|
32950
|
-
|
|
32951
|
-
|
|
32952
|
-
|
|
32953
|
-
|
|
32954
|
-
|
|
32955
|
-
|
|
32849
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
|
32850
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
|
32851
|
+
{
|
|
32852
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32853
|
+
return __generator(this, function (_a) {
|
|
32854
|
+
if (value && value < 0) {
|
|
32855
|
+
throw new Error();
|
|
32856
|
+
}
|
|
32857
|
+
return [2 /*return*/];
|
|
32858
|
+
});
|
|
32859
|
+
}); },
|
|
32860
|
+
},
|
|
32861
|
+
] },
|
|
32862
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32956
32863
|
React.createElement(Col, { xl: 7 },
|
|
32957
|
-
React.createElement(
|
|
32958
|
-
|
|
32959
|
-
|
|
32960
|
-
return
|
|
32961
|
-
|
|
32962
|
-
|
|
32963
|
-
|
|
32964
|
-
|
|
32965
|
-
|
|
32966
|
-
|
|
32967
|
-
|
|
32968
|
-
|
|
32969
|
-
|
|
32864
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
|
32865
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
|
32866
|
+
{
|
|
32867
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32868
|
+
return __generator(this, function (_a) {
|
|
32869
|
+
if (value && value < 0) {
|
|
32870
|
+
throw new Error();
|
|
32871
|
+
}
|
|
32872
|
+
return [2 /*return*/];
|
|
32873
|
+
});
|
|
32874
|
+
}); },
|
|
32875
|
+
},
|
|
32876
|
+
] },
|
|
32877
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
32970
32878
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
|
32971
32879
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32972
32880
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32974,11 +32882,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32974
32882
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32975
32883
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32976
32884
|
React.createElement(Col, { xl: 7 },
|
|
32977
|
-
React.createElement(
|
|
32885
|
+
React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
|
32886
|
+
React.createElement("div", null,
|
|
32887
|
+
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
|
32978
32888
|
React.createElement(Col, { xl: 7 },
|
|
32979
|
-
React.createElement(
|
|
32889
|
+
React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
|
32890
|
+
React.createElement("div", null,
|
|
32891
|
+
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
|
32980
32892
|
React.createElement(Col, { xl: 7 },
|
|
32981
|
-
React.createElement(
|
|
32893
|
+
React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
|
32894
|
+
React.createElement("div", null,
|
|
32895
|
+
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
|
32982
32896
|
};
|
|
32983
32897
|
var objectToCSV = function (dataToDownload) {
|
|
32984
32898
|
var flattenObject = function (obj, prefix) {
|
|
@@ -33047,6 +32961,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33047
32961
|
}
|
|
33048
32962
|
return false;
|
|
33049
32963
|
};
|
|
32964
|
+
var displayEmptyView = function () {
|
|
32965
|
+
if (!data || data.length === 0) {
|
|
32966
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
32967
|
+
return true;
|
|
32968
|
+
}
|
|
32969
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
32970
|
+
return true;
|
|
32971
|
+
}
|
|
32972
|
+
}
|
|
32973
|
+
return false;
|
|
32974
|
+
};
|
|
33050
32975
|
var canViewForm = function () {
|
|
33051
32976
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
33052
32977
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -33064,7 +32989,9 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33064
32989
|
React.createElement("div", { className: "title-bar" },
|
|
33065
32990
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
|
33066
32991
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
33067
|
-
React.createElement("div", { className: "content-card
|
|
32992
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
32993
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
|
32994
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
|
33068
32995
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
33069
32996
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
33070
32997
|
React.createElement("div", null,
|
|
@@ -33157,11 +33084,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33157
33084
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33158
33085
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
33159
33086
|
React.createElement(Col, { xl: 7 },
|
|
33160
|
-
React.createElement(
|
|
33087
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
|
33088
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
|
33161
33089
|
React.createElement(Col, { xl: 7 },
|
|
33162
|
-
React.createElement(
|
|
33090
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
|
33091
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
|
33163
33092
|
React.createElement(Col, { xl: 7 },
|
|
33164
|
-
React.createElement(
|
|
33093
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
|
33094
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
|
33165
33095
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33166
33096
|
var isActive = _a.isActive;
|
|
33167
33097
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -33188,94 +33118,100 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33188
33118
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33189
33119
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33190
33120
|
React.createElement(Col, { xl: 7 },
|
|
33191
|
-
React.createElement(
|
|
33192
|
-
|
|
33193
|
-
|
|
33194
|
-
return
|
|
33195
|
-
|
|
33196
|
-
|
|
33197
|
-
|
|
33198
|
-
|
|
33199
|
-
|
|
33200
|
-
|
|
33201
|
-
|
|
33202
|
-
|
|
33203
|
-
|
|
33121
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
|
33122
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
|
33123
|
+
{
|
|
33124
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33125
|
+
return __generator(this, function (_a) {
|
|
33126
|
+
if (value && value < 0) {
|
|
33127
|
+
throw new Error();
|
|
33128
|
+
}
|
|
33129
|
+
return [2 /*return*/];
|
|
33130
|
+
});
|
|
33131
|
+
}); },
|
|
33132
|
+
},
|
|
33133
|
+
] },
|
|
33134
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33204
33135
|
React.createElement(Col, { xl: 7 },
|
|
33205
|
-
React.createElement(
|
|
33206
|
-
|
|
33207
|
-
|
|
33208
|
-
return
|
|
33209
|
-
|
|
33210
|
-
|
|
33211
|
-
|
|
33212
|
-
|
|
33213
|
-
|
|
33214
|
-
|
|
33215
|
-
|
|
33216
|
-
|
|
33217
|
-
|
|
33136
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
|
33137
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
|
33138
|
+
{
|
|
33139
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33140
|
+
return __generator(this, function (_a) {
|
|
33141
|
+
if (value && value < 0) {
|
|
33142
|
+
throw new Error();
|
|
33143
|
+
}
|
|
33144
|
+
return [2 /*return*/];
|
|
33145
|
+
});
|
|
33146
|
+
}); },
|
|
33147
|
+
},
|
|
33148
|
+
] },
|
|
33149
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33218
33150
|
React.createElement(Col, { xl: 7 },
|
|
33219
|
-
React.createElement(
|
|
33220
|
-
|
|
33221
|
-
|
|
33222
|
-
return
|
|
33223
|
-
|
|
33224
|
-
|
|
33225
|
-
|
|
33226
|
-
|
|
33227
|
-
|
|
33228
|
-
|
|
33229
|
-
|
|
33230
|
-
|
|
33231
|
-
|
|
33151
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
|
33152
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
|
33153
|
+
{
|
|
33154
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33155
|
+
return __generator(this, function (_a) {
|
|
33156
|
+
if (value && value < 0) {
|
|
33157
|
+
throw new Error();
|
|
33158
|
+
}
|
|
33159
|
+
return [2 /*return*/];
|
|
33160
|
+
});
|
|
33161
|
+
}); },
|
|
33162
|
+
},
|
|
33163
|
+
] },
|
|
33164
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33232
33165
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
33233
33166
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33234
33167
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33235
33168
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33236
33169
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33237
33170
|
React.createElement(Col, { xl: 7 },
|
|
33238
|
-
React.createElement(
|
|
33239
|
-
|
|
33240
|
-
|
|
33241
|
-
return
|
|
33242
|
-
|
|
33243
|
-
|
|
33244
|
-
|
|
33245
|
-
|
|
33246
|
-
|
|
33247
|
-
|
|
33248
|
-
|
|
33249
|
-
|
|
33250
|
-
|
|
33171
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
|
33172
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
|
33173
|
+
{
|
|
33174
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33175
|
+
return __generator(this, function (_a) {
|
|
33176
|
+
if (value && value < 0) {
|
|
33177
|
+
throw new Error();
|
|
33178
|
+
}
|
|
33179
|
+
return [2 /*return*/];
|
|
33180
|
+
});
|
|
33181
|
+
}); },
|
|
33182
|
+
},
|
|
33183
|
+
] },
|
|
33184
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33251
33185
|
React.createElement(Col, { xl: 7 },
|
|
33252
|
-
React.createElement(
|
|
33253
|
-
|
|
33254
|
-
|
|
33255
|
-
return
|
|
33256
|
-
|
|
33257
|
-
|
|
33258
|
-
|
|
33259
|
-
|
|
33260
|
-
|
|
33261
|
-
|
|
33262
|
-
|
|
33263
|
-
|
|
33264
|
-
|
|
33186
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
|
33187
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
|
33188
|
+
{
|
|
33189
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33190
|
+
return __generator(this, function (_a) {
|
|
33191
|
+
if (value && value < 0) {
|
|
33192
|
+
throw new Error();
|
|
33193
|
+
}
|
|
33194
|
+
return [2 /*return*/];
|
|
33195
|
+
});
|
|
33196
|
+
}); },
|
|
33197
|
+
},
|
|
33198
|
+
] },
|
|
33199
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33265
33200
|
React.createElement(Col, { xl: 7 },
|
|
33266
|
-
React.createElement(
|
|
33267
|
-
|
|
33268
|
-
|
|
33269
|
-
return
|
|
33270
|
-
|
|
33271
|
-
|
|
33272
|
-
|
|
33273
|
-
|
|
33274
|
-
|
|
33275
|
-
|
|
33276
|
-
|
|
33277
|
-
|
|
33278
|
-
|
|
33201
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
|
33202
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
|
33203
|
+
{
|
|
33204
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33205
|
+
return __generator(this, function (_a) {
|
|
33206
|
+
if (value && value < 0) {
|
|
33207
|
+
throw new Error();
|
|
33208
|
+
}
|
|
33209
|
+
return [2 /*return*/];
|
|
33210
|
+
});
|
|
33211
|
+
}); },
|
|
33212
|
+
},
|
|
33213
|
+
] },
|
|
33214
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33279
33215
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
33280
33216
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
33281
33217
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -33284,7 +33220,7 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33284
33220
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
33285
33221
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
33286
33222
|
data.map(function (tabData) {
|
|
33287
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33223
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
|
33288
33224
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
33289
33225
|
tabData.year,
|
|
33290
33226
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -33317,11 +33253,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33317
33253
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
33318
33254
|
React.createElement(Row, { gutter: 16 },
|
|
33319
33255
|
React.createElement(Col, { xl: 7 },
|
|
33320
|
-
React.createElement(
|
|
33256
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
|
33257
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
|
33321
33258
|
React.createElement(Col, { xl: 7 },
|
|
33322
|
-
React.createElement(
|
|
33259
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
|
33260
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
|
33323
33261
|
React.createElement(Col, { xl: 7 },
|
|
33324
|
-
React.createElement(
|
|
33262
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
|
33263
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
|
33325
33264
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33326
33265
|
var isActive = _a.isActive;
|
|
33327
33266
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -33374,41 +33313,65 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33374
33313
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33375
33314
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33376
33315
|
React.createElement(Col, { xl: 7 },
|
|
33377
|
-
React.createElement(
|
|
33316
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
|
33378
33317
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
|
33379
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
|
33318
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
|
33319
|
+
React.createElement("div", null,
|
|
33320
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
|
33321
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
|
33322
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
|
33380
33323
|
React.createElement(Col, { xl: 7 },
|
|
33381
|
-
React.createElement(
|
|
33382
|
-
? addCommSep(Number((
|
|
33383
|
-
: (
|
|
33324
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
|
33325
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
|
33326
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
|
33327
|
+
React.createElement("div", null,
|
|
33328
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
|
33329
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
|
33330
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
|
33384
33331
|
React.createElement(Col, { xl: 7 },
|
|
33385
|
-
React.createElement(
|
|
33386
|
-
? addCommSep(Number((
|
|
33387
|
-
: (
|
|
33332
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
|
33333
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
|
33334
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
|
33335
|
+
React.createElement("div", null,
|
|
33336
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
|
33337
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
|
33338
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
|
33388
33339
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
|
33389
33340
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33390
33341
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33391
33342
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33392
33343
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33393
33344
|
React.createElement(Col, { xl: 7 },
|
|
33394
|
-
React.createElement(
|
|
33395
|
-
? addCommSep(Number((
|
|
33396
|
-
: (
|
|
33345
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
|
33346
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
|
33347
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
|
33348
|
+
React.createElement("div", null,
|
|
33349
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
|
33350
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
|
33351
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
|
33397
33352
|
React.createElement(Col, { xl: 7 },
|
|
33398
|
-
React.createElement(
|
|
33399
|
-
? addCommSep(Number((
|
|
33400
|
-
: (
|
|
33353
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
|
33354
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
|
33355
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
|
33356
|
+
React.createElement("div", null,
|
|
33357
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
|
33358
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
|
33359
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
|
33401
33360
|
React.createElement(Col, { xl: 7 },
|
|
33402
|
-
React.createElement(
|
|
33403
|
-
? addCommSep(Number((
|
|
33404
|
-
: (
|
|
33405
|
-
|
|
33361
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
|
33362
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
|
33363
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
|
33364
|
+
React.createElement("div", null,
|
|
33365
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
|
33366
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
|
33367
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
|
33368
|
+
}))))),
|
|
33406
33369
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33407
33370
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33408
33371
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
33409
33372
|
};
|
|
33410
33373
|
|
|
33411
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33374
|
+
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33412
33375
|
styleInject(css_248z);
|
|
33413
33376
|
|
|
33414
33377
|
var BarChartEstimatedActualStatComponent = function (props) {
|
|
@@ -33589,7 +33552,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33589
33552
|
position: 'bottom',
|
|
33590
33553
|
horizontalAlign: 'center',
|
|
33591
33554
|
floating: false,
|
|
33592
|
-
fontSize: '
|
|
33555
|
+
fontSize: '14px',
|
|
33593
33556
|
fontFamily: 'Inter',
|
|
33594
33557
|
fontWeight: 400,
|
|
33595
33558
|
formatter: undefined,
|
|
@@ -33605,12 +33568,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33605
33568
|
useSeriesColors: false,
|
|
33606
33569
|
},
|
|
33607
33570
|
markers: {
|
|
33608
|
-
width:
|
|
33609
|
-
height:
|
|
33571
|
+
width: 12,
|
|
33572
|
+
height: 12,
|
|
33610
33573
|
strokeWidth: 0,
|
|
33611
33574
|
strokeColor: '#fff',
|
|
33612
33575
|
fillColors: chartColors,
|
|
33613
|
-
radius:
|
|
33576
|
+
radius: 12,
|
|
33614
33577
|
customHTML: undefined,
|
|
33615
33578
|
onClick: undefined,
|
|
33616
33579
|
offsetX: 0,
|
|
@@ -33810,7 +33773,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33810
33773
|
],
|
|
33811
33774
|
xaxis: {
|
|
33812
33775
|
title: {
|
|
33813
|
-
text: '',
|
|
33776
|
+
text: 'Year',
|
|
33814
33777
|
style: {
|
|
33815
33778
|
color: '#263238',
|
|
33816
33779
|
fontSize: '12px',
|
|
@@ -33895,12 +33858,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33895
33858
|
useSeriesColors: false,
|
|
33896
33859
|
},
|
|
33897
33860
|
markers: {
|
|
33898
|
-
width: [
|
|
33899
|
-
height: [
|
|
33861
|
+
width: [12, 12, 12, 33],
|
|
33862
|
+
height: [12, 12, 12, 2],
|
|
33900
33863
|
strokeWidth: 0,
|
|
33901
33864
|
strokeColor: '#fff',
|
|
33902
33865
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
|
33903
|
-
radius:
|
|
33866
|
+
radius: 12,
|
|
33904
33867
|
customHTML: undefined,
|
|
33905
33868
|
onClick: undefined,
|
|
33906
33869
|
offsetX: 0,
|
|
@@ -33940,7 +33903,6 @@ var GHGDashboardComponent = function (props) {
|
|
|
33940
33903
|
[GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
|
33941
33904
|
[GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
|
33942
33905
|
];
|
|
33943
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
|
33944
33906
|
var handleResize = function () {
|
|
33945
33907
|
setScreenWidth(window.innerWidth);
|
|
33946
33908
|
};
|
|
@@ -34085,7 +34047,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34085
34047
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
|
34086
34048
|
configs: {
|
|
34087
34049
|
title: t('emissionsBySectorTitle'),
|
|
34088
|
-
tooltip: t('emissionsBySectorTT'
|
|
34050
|
+
tooltip: t('emissionsBySectorTT'),
|
|
34089
34051
|
colors: colors,
|
|
34090
34052
|
chartColumnWidth: 12,
|
|
34091
34053
|
chartWidth: 490,
|
|
@@ -34100,7 +34062,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34100
34062
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
|
34101
34063
|
configs: {
|
|
34102
34064
|
title: t('emissionsByGasTitle'),
|
|
34103
|
-
tooltip: t('emissionsByGasTT'
|
|
34065
|
+
tooltip: t('emissionsByGasTT'),
|
|
34104
34066
|
colors: colors,
|
|
34105
34067
|
chartColumnWidth: 12,
|
|
34106
34068
|
chartWidth: 490,
|
|
@@ -34114,7 +34076,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34114
34076
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
|
34115
34077
|
configs: {
|
|
34116
34078
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
|
34117
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
|
34079
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
|
34118
34080
|
colors: colors,
|
|
34119
34081
|
chartColumnWidth: 24,
|
|
34120
34082
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34128,7 +34090,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34128
34090
|
aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
|
34129
34091
|
configs: {
|
|
34130
34092
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
|
34131
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
|
34093
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
|
34132
34094
|
colors: colors,
|
|
34133
34095
|
chartColumnWidth: 24,
|
|
34134
34096
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34142,7 +34104,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34142
34104
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
|
34143
34105
|
configs: {
|
|
34144
34106
|
title: t('emissionsComparisonTitle'),
|
|
34145
|
-
tooltip: t('emissionsComparisonTT'
|
|
34107
|
+
tooltip: t('emissionsComparisonTT'),
|
|
34146
34108
|
colors: colorsComparison,
|
|
34147
34109
|
chartColumnWidth: 24,
|
|
34148
34110
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34286,7 +34248,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34286
34248
|
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 })));
|
|
34287
34249
|
}
|
|
34288
34250
|
};
|
|
34289
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
|
34251
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
|
34290
34252
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
|
34291
34253
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
|
34292
34254
|
React.createElement(Link, { to: "/dashboard" },
|