@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/cjs/index.js
CHANGED
|
@@ -2043,9 +2043,6 @@ exports.Instrument = void 0;
|
|
|
2043
2043
|
Instrument["EQUITY"] = "Equity";
|
|
2044
2044
|
Instrument["GUARANTEE"] = "Guarantee";
|
|
2045
2045
|
Instrument["INKIND"] = "In-Kind";
|
|
2046
|
-
Instrument["CONLOAN"] = "ConcessionalLoan";
|
|
2047
|
-
Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
|
|
2048
|
-
Instrument["INSURANCE"] = "Insurance";
|
|
2049
2046
|
Instrument["OTHER"] = "Other";
|
|
2050
2047
|
})(exports.Instrument || (exports.Instrument = {}));
|
|
2051
2048
|
|
|
@@ -15420,25 +15417,13 @@ var UserManagementComponent = function (props) {
|
|
|
15420
15417
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
|
15421
15418
|
};
|
|
15422
15419
|
|
|
15423
|
-
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
|
|
15420
|
+
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";
|
|
15424
15421
|
styleInject(css_248z$m);
|
|
15425
15422
|
|
|
15426
15423
|
var Loading = function () {
|
|
15427
15424
|
return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
|
|
15428
15425
|
};
|
|
15429
15426
|
|
|
15430
|
-
var GuaranteePayback;
|
|
15431
|
-
(function (GuaranteePayback) {
|
|
15432
|
-
GuaranteePayback["UPFORNT"] = "Upfront";
|
|
15433
|
-
GuaranteePayback["ANNUAL"] = "Annual";
|
|
15434
|
-
})(GuaranteePayback || (GuaranteePayback = {}));
|
|
15435
|
-
var InsurancePayback;
|
|
15436
|
-
(function (InsurancePayback) {
|
|
15437
|
-
InsurancePayback["LUMPSUM"] = "LumpSum";
|
|
15438
|
-
InsurancePayback["ANNUAL"] = "Annual";
|
|
15439
|
-
})(InsurancePayback || (InsurancePayback = {}));
|
|
15440
|
-
|
|
15441
|
-
var RangePicker$3 = antd.DatePicker.RangePicker;
|
|
15442
15427
|
var InvestmentCreationComponent = function (props) {
|
|
15443
15428
|
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
15444
15429
|
var state = useLocation().state;
|
|
@@ -15459,9 +15444,8 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15459
15444
|
label: addSpaces(Object.values(exports.Instrument)[index]),
|
|
15460
15445
|
value: Object.values(exports.Instrument)[index],
|
|
15461
15446
|
}); });
|
|
15462
|
-
var onInstrumentChange = function (
|
|
15463
|
-
|
|
15464
|
-
setInstrument([e.target.value]);
|
|
15447
|
+
var onInstrumentChange = function (value) {
|
|
15448
|
+
setInstrument(value);
|
|
15465
15449
|
};
|
|
15466
15450
|
var onPercentageChange = function (value) {
|
|
15467
15451
|
setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
|
|
@@ -15584,7 +15568,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15584
15568
|
if (!data) {
|
|
15585
15569
|
return React.createElement(Loading, null);
|
|
15586
15570
|
}
|
|
15587
|
-
console.log(
|
|
15571
|
+
console.log('data', data);
|
|
15588
15572
|
var companyName = {};
|
|
15589
15573
|
if (data && Object.keys(data)[0] !== "ownership") {
|
|
15590
15574
|
for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
|
|
@@ -15619,16 +15603,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15619
15603
|
if (payload.paymentPerMetric) {
|
|
15620
15604
|
payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
|
15621
15605
|
}
|
|
15622
|
-
if (payload.period) {
|
|
15623
|
-
payload.period[0] = moment(payload.period[0]).startOf("day").unix();
|
|
15624
|
-
payload.period[1] = moment(payload.period[1]).endOf("day").unix();
|
|
15625
|
-
}
|
|
15626
|
-
if (payload.startOfPayback) {
|
|
15627
|
-
payload.startOfPayback = moment(payload.startOfPayback)
|
|
15628
|
-
.startOf("day")
|
|
15629
|
-
.unix();
|
|
15630
|
-
}
|
|
15631
|
-
payload.instrument = [payload.instrument];
|
|
15632
15606
|
payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
|
|
15633
15607
|
payload.percentage = val.percentage;
|
|
15634
15608
|
payload.toCompanyId = Number(payload.toCompanyId);
|
|
@@ -15674,7 +15648,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15674
15648
|
}
|
|
15675
15649
|
};
|
|
15676
15650
|
var onChangeTypeCreation = function (e) {
|
|
15677
|
-
console.log(
|
|
15651
|
+
console.log('radio checked', e.target.value);
|
|
15678
15652
|
setTypeCreation(e.target.value);
|
|
15679
15653
|
};
|
|
15680
15654
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
|
@@ -15740,30 +15714,8 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15740
15714
|
React.createElement(antd.Input, { size: "large" }))))),
|
|
15741
15715
|
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15742
15716
|
React.createElement(antd.Col, { xl: 24, md: 24 },
|
|
15743
|
-
React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
15744
|
-
|
|
15745
|
-
required: true, className: "investment-radio-button", rules: [
|
|
15746
|
-
{
|
|
15747
|
-
required: true,
|
|
15748
|
-
message: "",
|
|
15749
|
-
},
|
|
15750
|
-
{
|
|
15751
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15752
|
-
return __generator(this, function (_a) {
|
|
15753
|
-
if (String(value).trim() === "" ||
|
|
15754
|
-
String(value).trim() === undefined ||
|
|
15755
|
-
value === null ||
|
|
15756
|
-
value === undefined) {
|
|
15757
|
-
throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
|
|
15758
|
-
}
|
|
15759
|
-
return [2 /*return*/];
|
|
15760
|
-
});
|
|
15761
|
-
}); },
|
|
15762
|
-
},
|
|
15763
|
-
] },
|
|
15764
|
-
React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
|
|
15765
|
-
return (React.createElement(antd.Radio, { value: e.value }, e.label));
|
|
15766
|
-
}))))),
|
|
15717
|
+
React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
|
|
15718
|
+
React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
|
|
15767
15719
|
instrument &&
|
|
15768
15720
|
instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15769
15721
|
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
@@ -15794,160 +15746,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15794
15746
|
},
|
|
15795
15747
|
] },
|
|
15796
15748
|
React.createElement(antd.Input, { size: "large" })))))),
|
|
15797
|
-
instrument &&
|
|
15798
|
-
(instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
|
|
15799
|
-
instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
|
|
15800
|
-
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15801
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15802
|
-
React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15803
|
-
{
|
|
15804
|
-
required: true,
|
|
15805
|
-
message: "",
|
|
15806
|
-
},
|
|
15807
|
-
{
|
|
15808
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15809
|
-
return __generator(this, function (_a) {
|
|
15810
|
-
if (String(value).trim() === "" ||
|
|
15811
|
-
String(value).trim() ===
|
|
15812
|
-
undefined ||
|
|
15813
|
-
value === null ||
|
|
15814
|
-
value === undefined) {
|
|
15815
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15816
|
-
}
|
|
15817
|
-
else if (!isNaN(value)) {
|
|
15818
|
-
return [2 /*return*/, Promise.resolve()];
|
|
15819
|
-
}
|
|
15820
|
-
else {
|
|
15821
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15822
|
-
}
|
|
15823
|
-
});
|
|
15824
|
-
}); },
|
|
15825
|
-
},
|
|
15826
|
-
] },
|
|
15827
|
-
React.createElement(antd.Input, { size: "large" })))),
|
|
15828
|
-
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15829
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15830
|
-
React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
|
|
15831
|
-
{
|
|
15832
|
-
required: true,
|
|
15833
|
-
message: "",
|
|
15834
|
-
},
|
|
15835
|
-
{
|
|
15836
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15837
|
-
return __generator(this, function (_a) {
|
|
15838
|
-
if (String(value).trim() === "" ||
|
|
15839
|
-
String(value).trim() ===
|
|
15840
|
-
undefined ||
|
|
15841
|
-
value === null ||
|
|
15842
|
-
value === undefined) {
|
|
15843
|
-
throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
|
|
15844
|
-
}
|
|
15845
|
-
return [2 /*return*/];
|
|
15846
|
-
});
|
|
15847
|
-
}); },
|
|
15848
|
-
},
|
|
15849
|
-
] },
|
|
15850
|
-
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15851
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15852
|
-
React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
|
|
15853
|
-
{
|
|
15854
|
-
required: true,
|
|
15855
|
-
message: "",
|
|
15856
|
-
},
|
|
15857
|
-
{
|
|
15858
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15859
|
-
return __generator(this, function (_a) {
|
|
15860
|
-
if (String(value).trim() === "" ||
|
|
15861
|
-
String(value).trim() ===
|
|
15862
|
-
undefined ||
|
|
15863
|
-
value === null ||
|
|
15864
|
-
value === undefined) {
|
|
15865
|
-
throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
|
|
15866
|
-
}
|
|
15867
|
-
return [2 /*return*/];
|
|
15868
|
-
});
|
|
15869
|
-
}); },
|
|
15870
|
-
},
|
|
15871
|
-
] },
|
|
15872
|
-
React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
|
|
15873
|
-
return currentDate < moment().startOf("day");
|
|
15874
|
-
} })))))),
|
|
15875
|
-
instrument &&
|
|
15876
|
-
instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
|
|
15877
|
-
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15878
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15879
|
-
React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15880
|
-
{
|
|
15881
|
-
required: true,
|
|
15882
|
-
message: "",
|
|
15883
|
-
},
|
|
15884
|
-
{
|
|
15885
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15886
|
-
return __generator(this, function (_a) {
|
|
15887
|
-
if (String(value).trim() === "" ||
|
|
15888
|
-
String(value).trim() ===
|
|
15889
|
-
undefined ||
|
|
15890
|
-
value === null ||
|
|
15891
|
-
value === undefined) {
|
|
15892
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15893
|
-
}
|
|
15894
|
-
else if (!isNaN(value)) {
|
|
15895
|
-
return [2 /*return*/, Promise.resolve()];
|
|
15896
|
-
}
|
|
15897
|
-
else {
|
|
15898
|
-
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15899
|
-
}
|
|
15900
|
-
});
|
|
15901
|
-
}); },
|
|
15902
|
-
},
|
|
15903
|
-
] },
|
|
15904
|
-
React.createElement(antd.Input, { size: "large" })))),
|
|
15905
|
-
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15906
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15907
|
-
React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
|
|
15908
|
-
{
|
|
15909
|
-
required: true,
|
|
15910
|
-
message: "",
|
|
15911
|
-
},
|
|
15912
|
-
{
|
|
15913
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15914
|
-
return __generator(this, function (_a) {
|
|
15915
|
-
if (String(value).trim() === "" ||
|
|
15916
|
-
String(value).trim() ===
|
|
15917
|
-
undefined ||
|
|
15918
|
-
value === null ||
|
|
15919
|
-
value === undefined) {
|
|
15920
|
-
throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
|
|
15921
|
-
}
|
|
15922
|
-
return [2 /*return*/];
|
|
15923
|
-
});
|
|
15924
|
-
}); },
|
|
15925
|
-
},
|
|
15926
|
-
] },
|
|
15927
|
-
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15928
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
15929
|
-
React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
|
|
15930
|
-
{
|
|
15931
|
-
required: true,
|
|
15932
|
-
message: "",
|
|
15933
|
-
},
|
|
15934
|
-
{
|
|
15935
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15936
|
-
return __generator(this, function (_a) {
|
|
15937
|
-
if (String(value).trim() === "" ||
|
|
15938
|
-
String(value).trim() ===
|
|
15939
|
-
undefined ||
|
|
15940
|
-
value === null ||
|
|
15941
|
-
value === undefined) {
|
|
15942
|
-
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
15943
|
-
}
|
|
15944
|
-
return [2 /*return*/];
|
|
15945
|
-
});
|
|
15946
|
-
}); },
|
|
15947
|
-
},
|
|
15948
|
-
] },
|
|
15949
|
-
React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
15950
|
-
React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
15951
15749
|
instrument &&
|
|
15952
15750
|
instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15953
15751
|
React.createElement(antd.Col, { xl: 12, md: 24 },
|
|
@@ -16012,32 +15810,6 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16012
15810
|
},
|
|
16013
15811
|
] },
|
|
16014
15812
|
React.createElement(antd.Input, { size: "large" })))))),
|
|
16015
|
-
instrument &&
|
|
16016
|
-
instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
16017
|
-
React.createElement(antd.Col, { xl: 8, md: 12 },
|
|
16018
|
-
React.createElement("div", { className: "details-part-two" },
|
|
16019
|
-
React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
|
|
16020
|
-
{
|
|
16021
|
-
required: true,
|
|
16022
|
-
message: "",
|
|
16023
|
-
},
|
|
16024
|
-
{
|
|
16025
|
-
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16026
|
-
return __generator(this, function (_a) {
|
|
16027
|
-
if (String(value).trim() === "" ||
|
|
16028
|
-
String(value).trim() ===
|
|
16029
|
-
undefined ||
|
|
16030
|
-
value === null ||
|
|
16031
|
-
value === undefined) {
|
|
16032
|
-
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16033
|
-
}
|
|
16034
|
-
return [2 /*return*/];
|
|
16035
|
-
});
|
|
16036
|
-
}); },
|
|
16037
|
-
},
|
|
16038
|
-
] },
|
|
16039
|
-
React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16040
|
-
React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
16041
15813
|
instrument &&
|
|
16042
15814
|
instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
16043
15815
|
React.createElement(antd.Col, { xl: 12, md: 24 },
|
|
@@ -16107,73 +15879,73 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16107
15879
|
React.createElement("div", { className: "step-count" }, "02"),
|
|
16108
15880
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
16109
15881
|
description: current === 1 && (React.createElement("div", null,
|
|
16110
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
16111
|
-
React.createElement(
|
|
16112
|
-
|
|
16113
|
-
|
|
16114
|
-
React.createElement(antd.
|
|
16115
|
-
React.createElement(
|
|
16116
|
-
|
|
16117
|
-
|
|
16118
|
-
|
|
16119
|
-
React.createElement(antd.
|
|
16120
|
-
|
|
16121
|
-
|
|
16122
|
-
|
|
16123
|
-
|
|
16124
|
-
|
|
16125
|
-
|
|
16126
|
-
|
|
16127
|
-
|
|
16128
|
-
|
|
16129
|
-
|
|
16130
|
-
|
|
16131
|
-
|
|
16132
|
-
|
|
16133
|
-
|
|
16134
|
-
index,
|
|
16135
|
-
]) &&
|
|
16136
|
-
parseFloat(getFieldValue([
|
|
15882
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
15883
|
+
React.createElement("div", { className: "programme-sought-form" },
|
|
15884
|
+
React.createElement(antd.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 :
|
|
15885
|
+
data.companyId.map(function (companyId, index) {
|
|
15886
|
+
return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15887
|
+
React.createElement(antd.Col, { xl: 8, md: 15 },
|
|
15888
|
+
React.createElement("div", { className: "label" },
|
|
15889
|
+
companyName[companyId].name,
|
|
15890
|
+
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
15891
|
+
React.createElement(antd.Col, { xl: 8, md: 9 },
|
|
15892
|
+
React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
15893
|
+
{
|
|
15894
|
+
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
15895
|
+
message: "Percentage Should be a positive number",
|
|
15896
|
+
},
|
|
15897
|
+
{
|
|
15898
|
+
required: true,
|
|
15899
|
+
message: "Required field",
|
|
15900
|
+
},
|
|
15901
|
+
function (_a) {
|
|
15902
|
+
var getFieldValue = _a.getFieldValue;
|
|
15903
|
+
return ({
|
|
15904
|
+
validator: function (rule, v) {
|
|
15905
|
+
if (getFieldValue([
|
|
16137
15906
|
"percentage",
|
|
16138
15907
|
index,
|
|
16139
|
-
])
|
|
16140
|
-
|
|
16141
|
-
|
|
16142
|
-
|
|
16143
|
-
|
|
16144
|
-
|
|
16145
|
-
|
|
16146
|
-
|
|
16147
|
-
|
|
16148
|
-
|
|
16149
|
-
|
|
16150
|
-
|
|
16151
|
-
|
|
15908
|
+
]) &&
|
|
15909
|
+
parseFloat(getFieldValue([
|
|
15910
|
+
"percentage",
|
|
15911
|
+
index,
|
|
15912
|
+
])) > data.proponentPercentage[index]) {
|
|
15913
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
15914
|
+
return Promise.reject("Amount > Available");
|
|
15915
|
+
}
|
|
15916
|
+
return Promise.resolve();
|
|
15917
|
+
},
|
|
15918
|
+
});
|
|
15919
|
+
},
|
|
15920
|
+
] },
|
|
15921
|
+
React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
15922
|
+
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
15923
|
+
onKeyPress: function (event) {
|
|
15924
|
+
if (!/[0-9\.]/.test(event.key)) {
|
|
15925
|
+
event.preventDefault();
|
|
15926
|
+
}
|
|
15927
|
+
} })),
|
|
15928
|
+
React.createElement("div", { className: "inline separator" }, "/"),
|
|
15929
|
+
React.createElement(antd.Form.Item, { className: "inline" },
|
|
15930
|
+
React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
15931
|
+
}),
|
|
15932
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
|
15933
|
+
React.createElement(antd.Col, { xl: 8, md: 15 },
|
|
15934
|
+
React.createElement("div", { className: "label" }, t("programme:total"))),
|
|
15935
|
+
React.createElement(antd.Col, { xl: 8, md: 9 },
|
|
15936
|
+
React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
|
|
15937
|
+
React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16152
15938
|
if (!/[0-9\.]/.test(event.key)) {
|
|
16153
15939
|
event.preventDefault();
|
|
16154
15940
|
}
|
|
16155
15941
|
} })),
|
|
16156
15942
|
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16157
15943
|
React.createElement(antd.Form.Item, { className: "inline" },
|
|
16158
|
-
React.createElement(antd.InputNumber, {
|
|
16159
|
-
|
|
16160
|
-
|
|
16161
|
-
|
|
16162
|
-
|
|
16163
|
-
React.createElement(antd.Col, { xl: 8, md: 9 },
|
|
16164
|
-
React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
|
|
16165
|
-
React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16166
|
-
if (!/[0-9\.]/.test(event.key)) {
|
|
16167
|
-
event.preventDefault();
|
|
16168
|
-
}
|
|
16169
|
-
} })),
|
|
16170
|
-
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16171
|
-
React.createElement(antd.Form.Item, { className: "inline" },
|
|
16172
|
-
React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
|
|
16173
|
-
React.createElement(antd.Form.Item, null,
|
|
16174
|
-
React.createElement("div", { className: "steps-actions" },
|
|
16175
|
-
React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
16176
|
-
React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
|
|
15944
|
+
React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
|
|
15945
|
+
React.createElement(antd.Form.Item, null,
|
|
15946
|
+
React.createElement("div", { className: "steps-actions" },
|
|
15947
|
+
React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
15948
|
+
React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
|
|
16177
15949
|
},
|
|
16178
15950
|
] })))));
|
|
16179
15951
|
};
|
|
@@ -29628,7 +29400,7 @@ var TimelineBody = function (props) {
|
|
|
29628
29400
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
29629
29401
|
};
|
|
29630
29402
|
|
|
29631
|
-
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius:
|
|
29403
|
+
var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
|
|
29632
29404
|
styleInject(css_248z$2);
|
|
29633
29405
|
|
|
29634
29406
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
|
@@ -30082,14 +29854,26 @@ var GHGEmissionsComponent = function (props) {
|
|
|
30082
29854
|
var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
|
30083
29855
|
var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
|
30084
29856
|
var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
|
30085
|
-
var _20 = React.useState(
|
|
30086
|
-
|
|
30087
|
-
|
|
30088
|
-
|
|
30089
|
-
|
|
30090
|
-
|
|
30091
|
-
var
|
|
30092
|
-
|
|
29857
|
+
var _20 = React.useState({
|
|
29858
|
+
totalCo2WithoutLand_ch4: 0,
|
|
29859
|
+
totalCo2WithoutLand_co2: 0,
|
|
29860
|
+
totalCo2WithoutLand_n2o: 0,
|
|
29861
|
+
totalCo2WithoutLand_co2eq: 0
|
|
29862
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
|
29863
|
+
var _21 = React.useState({
|
|
29864
|
+
totalCo2WithLand_ch4: 0,
|
|
29865
|
+
totalCo2WithLand_co2: 0,
|
|
29866
|
+
totalCo2WithLand_n2o: 0,
|
|
29867
|
+
totalCo2WithLand_co2eq: 0
|
|
29868
|
+
}); _21[0]; _21[1];
|
|
29869
|
+
var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
|
29870
|
+
var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
|
29871
|
+
var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
|
29872
|
+
var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
|
29873
|
+
var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
|
29874
|
+
var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
|
29875
|
+
var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
|
29876
|
+
var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
|
30093
29877
|
var Panel = antd.Collapse.Panel;
|
|
30094
29878
|
var form = antd.Form.useForm()[0];
|
|
30095
29879
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -31244,19 +31028,35 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31244
31028
|
return 0;
|
|
31245
31029
|
}
|
|
31246
31030
|
};
|
|
31031
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
31032
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
31033
|
+
var _a;
|
|
31034
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
31035
|
+
});
|
|
31036
|
+
};
|
|
31037
|
+
// Helper function to get form field value
|
|
31038
|
+
var getFieldValue = function (fieldName) {
|
|
31039
|
+
var formValues = form.getFieldsValue(true);
|
|
31040
|
+
var fieldValue = formValues[fieldName];
|
|
31041
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
31042
|
+
};
|
|
31247
31043
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
|
31248
31044
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
31249
31045
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
31250
31046
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
31251
31047
|
React.createElement(antd.Row, { gutter: 16 },
|
|
31252
31048
|
React.createElement(antd.Col, { xl: 6 },
|
|
31253
|
-
React.createElement(
|
|
31049
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
|
31050
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
|
31254
31051
|
React.createElement(antd.Col, { xl: 6 },
|
|
31255
|
-
React.createElement(
|
|
31052
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
|
31053
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
|
31256
31054
|
React.createElement(antd.Col, { xl: 6 },
|
|
31257
|
-
React.createElement(
|
|
31055
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
|
31056
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
|
31258
31057
|
React.createElement(antd.Col, { xl: 6 },
|
|
31259
|
-
React.createElement(
|
|
31058
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
|
31059
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
|
31260
31060
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
31261
31061
|
var emissionsObject = tabData[panelHeading];
|
|
31262
31062
|
return (React.createElement(antd.Row, { gutter: 16 },
|
|
@@ -31265,13 +31065,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31265
31065
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31266
31066
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
31267
31067
|
React.createElement(antd.Col, { xl: 6 },
|
|
31268
|
-
React.createElement(
|
|
31068
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31069
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
|
31269
31070
|
React.createElement(antd.Col, { xl: 6 },
|
|
31270
|
-
React.createElement(
|
|
31071
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31072
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
|
31271
31073
|
React.createElement(antd.Col, { xl: 6 },
|
|
31272
|
-
React.createElement(
|
|
31074
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31075
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
|
31273
31076
|
React.createElement(antd.Col, { xl: 6 },
|
|
31274
|
-
React.createElement(
|
|
31077
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31078
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
|
31275
31079
|
};
|
|
31276
31080
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31277
31081
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31279,61 +31083,65 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31279
31083
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31280
31084
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31281
31085
|
React.createElement(antd.Col, { xl: 6 },
|
|
31282
|
-
React.createElement(antd.
|
|
31283
|
-
|
|
31284
|
-
|
|
31285
|
-
return
|
|
31286
|
-
|
|
31287
|
-
|
|
31288
|
-
|
|
31289
|
-
|
|
31290
|
-
|
|
31291
|
-
|
|
31292
|
-
|
|
31293
|
-
|
|
31294
|
-
|
|
31086
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
|
31087
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
|
31088
|
+
{
|
|
31089
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31090
|
+
return __generator(this, function (_a) {
|
|
31091
|
+
if (value && value < 0) {
|
|
31092
|
+
throw new Error();
|
|
31093
|
+
}
|
|
31094
|
+
return [2 /*return*/];
|
|
31095
|
+
});
|
|
31096
|
+
}); },
|
|
31097
|
+
},
|
|
31098
|
+
] },
|
|
31099
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31295
31100
|
React.createElement(antd.Col, { xl: 6 },
|
|
31296
|
-
React.createElement(antd.
|
|
31297
|
-
|
|
31298
|
-
|
|
31299
|
-
return
|
|
31300
|
-
|
|
31301
|
-
|
|
31302
|
-
|
|
31303
|
-
|
|
31304
|
-
|
|
31305
|
-
|
|
31306
|
-
|
|
31307
|
-
|
|
31308
|
-
|
|
31101
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
|
31102
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
|
31103
|
+
{
|
|
31104
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31105
|
+
return __generator(this, function (_a) {
|
|
31106
|
+
if (value && value < 0) {
|
|
31107
|
+
throw new Error();
|
|
31108
|
+
}
|
|
31109
|
+
return [2 /*return*/];
|
|
31110
|
+
});
|
|
31111
|
+
}); },
|
|
31112
|
+
},
|
|
31113
|
+
] },
|
|
31114
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31309
31115
|
React.createElement(antd.Col, { xl: 6 },
|
|
31310
|
-
React.createElement(antd.
|
|
31311
|
-
|
|
31312
|
-
|
|
31313
|
-
return
|
|
31314
|
-
|
|
31315
|
-
|
|
31316
|
-
|
|
31317
|
-
|
|
31318
|
-
|
|
31319
|
-
|
|
31320
|
-
|
|
31321
|
-
|
|
31322
|
-
|
|
31116
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
|
31117
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
|
31118
|
+
{
|
|
31119
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31120
|
+
return __generator(this, function (_a) {
|
|
31121
|
+
if (value && value < 0) {
|
|
31122
|
+
throw new Error();
|
|
31123
|
+
}
|
|
31124
|
+
return [2 /*return*/];
|
|
31125
|
+
});
|
|
31126
|
+
}); },
|
|
31127
|
+
},
|
|
31128
|
+
] },
|
|
31129
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31323
31130
|
React.createElement(antd.Col, { xl: 6 },
|
|
31324
|
-
React.createElement(antd.
|
|
31325
|
-
|
|
31326
|
-
|
|
31327
|
-
return
|
|
31328
|
-
|
|
31329
|
-
|
|
31330
|
-
|
|
31331
|
-
|
|
31332
|
-
|
|
31333
|
-
|
|
31334
|
-
|
|
31335
|
-
|
|
31336
|
-
|
|
31131
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
|
31132
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
|
31133
|
+
{
|
|
31134
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31135
|
+
return __generator(this, function (_a) {
|
|
31136
|
+
if (value && value < 0) {
|
|
31137
|
+
throw new Error();
|
|
31138
|
+
}
|
|
31139
|
+
return [2 /*return*/];
|
|
31140
|
+
});
|
|
31141
|
+
}); },
|
|
31142
|
+
},
|
|
31143
|
+
] },
|
|
31144
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
|
31337
31145
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
|
31338
31146
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31339
31147
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31341,13 +31149,21 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31341
31149
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31342
31150
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31343
31151
|
React.createElement(antd.Col, { xl: 6 },
|
|
31344
|
-
React.createElement(antd.
|
|
31152
|
+
React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
|
31153
|
+
React.createElement("div", null,
|
|
31154
|
+
React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
|
31345
31155
|
React.createElement(antd.Col, { xl: 6 },
|
|
31346
|
-
React.createElement(antd.
|
|
31156
|
+
React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
|
31157
|
+
React.createElement("div", null,
|
|
31158
|
+
React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
|
31347
31159
|
React.createElement(antd.Col, { xl: 6 },
|
|
31348
|
-
React.createElement(antd.
|
|
31160
|
+
React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
|
31161
|
+
React.createElement("div", null,
|
|
31162
|
+
React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
|
31349
31163
|
React.createElement(antd.Col, { xl: 6 },
|
|
31350
|
-
React.createElement(antd.
|
|
31164
|
+
React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
|
31165
|
+
React.createElement("div", null,
|
|
31166
|
+
React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
|
31351
31167
|
};
|
|
31352
31168
|
var objectToCSV = function (dataToDownload) {
|
|
31353
31169
|
var flattenObject = function (obj, prefix) {
|
|
@@ -31418,6 +31234,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31418
31234
|
}
|
|
31419
31235
|
return false;
|
|
31420
31236
|
};
|
|
31237
|
+
var displayEmptyView = function () {
|
|
31238
|
+
if (!data || data.length === 0) {
|
|
31239
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
|
31240
|
+
return true;
|
|
31241
|
+
}
|
|
31242
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
|
31243
|
+
return true;
|
|
31244
|
+
}
|
|
31245
|
+
}
|
|
31246
|
+
return false;
|
|
31247
|
+
};
|
|
31421
31248
|
var canViewForm = function () {
|
|
31422
31249
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
|
31423
31250
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -31435,7 +31262,9 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31435
31262
|
React.createElement("div", { className: "title-bar" },
|
|
31436
31263
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
|
31437
31264
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
31438
|
-
React.createElement("div", { className: "content-card
|
|
31265
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
31266
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
|
31267
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
|
31439
31268
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
31440
31269
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
31441
31270
|
React.createElement("div", null,
|
|
@@ -31540,13 +31369,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31540
31369
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31541
31370
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
|
31542
31371
|
React.createElement(antd.Col, { xl: 6 },
|
|
31543
|
-
React.createElement(
|
|
31372
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
|
31373
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
|
31544
31374
|
React.createElement(antd.Col, { xl: 6 },
|
|
31545
|
-
React.createElement(
|
|
31375
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
|
31376
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
|
31546
31377
|
React.createElement(antd.Col, { xl: 6 },
|
|
31547
|
-
React.createElement(
|
|
31378
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
|
31379
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
|
31548
31380
|
React.createElement(antd.Col, { xl: 6 },
|
|
31549
|
-
React.createElement(
|
|
31381
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
|
31382
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
|
31550
31383
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31551
31384
|
var isActive = _a.isActive;
|
|
31552
31385
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -31571,122 +31404,130 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31571
31404
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31572
31405
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31573
31406
|
React.createElement(antd.Col, { xl: 6 },
|
|
31574
|
-
React.createElement(antd.
|
|
31575
|
-
|
|
31576
|
-
|
|
31577
|
-
return
|
|
31578
|
-
|
|
31579
|
-
|
|
31580
|
-
|
|
31581
|
-
|
|
31582
|
-
|
|
31583
|
-
|
|
31584
|
-
|
|
31585
|
-
|
|
31586
|
-
|
|
31407
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
|
31408
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
|
31409
|
+
{
|
|
31410
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31411
|
+
return __generator(this, function (_a) {
|
|
31412
|
+
if (value && value < 0) {
|
|
31413
|
+
throw new Error();
|
|
31414
|
+
}
|
|
31415
|
+
return [2 /*return*/];
|
|
31416
|
+
});
|
|
31417
|
+
}); },
|
|
31418
|
+
},
|
|
31419
|
+
] },
|
|
31420
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31587
31421
|
React.createElement(antd.Col, { xl: 6 },
|
|
31588
|
-
React.createElement(antd.
|
|
31589
|
-
|
|
31590
|
-
|
|
31591
|
-
return
|
|
31592
|
-
|
|
31593
|
-
|
|
31594
|
-
|
|
31595
|
-
|
|
31596
|
-
|
|
31597
|
-
|
|
31598
|
-
|
|
31599
|
-
|
|
31600
|
-
|
|
31422
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
|
31423
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
|
31424
|
+
{
|
|
31425
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31426
|
+
return __generator(this, function (_a) {
|
|
31427
|
+
if (value && value < 0) {
|
|
31428
|
+
throw new Error();
|
|
31429
|
+
}
|
|
31430
|
+
return [2 /*return*/];
|
|
31431
|
+
});
|
|
31432
|
+
}); },
|
|
31433
|
+
},
|
|
31434
|
+
] },
|
|
31435
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31601
31436
|
React.createElement(antd.Col, { xl: 6 },
|
|
31602
|
-
React.createElement(antd.
|
|
31603
|
-
|
|
31604
|
-
|
|
31605
|
-
return
|
|
31606
|
-
|
|
31607
|
-
|
|
31608
|
-
|
|
31609
|
-
|
|
31610
|
-
|
|
31611
|
-
|
|
31612
|
-
|
|
31613
|
-
|
|
31614
|
-
|
|
31437
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
|
31438
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
|
31439
|
+
{
|
|
31440
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31441
|
+
return __generator(this, function (_a) {
|
|
31442
|
+
if (value && value < 0) {
|
|
31443
|
+
throw new Error();
|
|
31444
|
+
}
|
|
31445
|
+
return [2 /*return*/];
|
|
31446
|
+
});
|
|
31447
|
+
}); },
|
|
31448
|
+
},
|
|
31449
|
+
] },
|
|
31450
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31615
31451
|
React.createElement(antd.Col, { xl: 6 },
|
|
31616
|
-
React.createElement(antd.
|
|
31617
|
-
|
|
31618
|
-
|
|
31619
|
-
return
|
|
31620
|
-
|
|
31621
|
-
|
|
31622
|
-
|
|
31623
|
-
|
|
31624
|
-
|
|
31625
|
-
|
|
31626
|
-
|
|
31627
|
-
|
|
31628
|
-
|
|
31452
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
|
31453
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
|
31454
|
+
{
|
|
31455
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31456
|
+
return __generator(this, function (_a) {
|
|
31457
|
+
if (value && value < 0) {
|
|
31458
|
+
throw new Error();
|
|
31459
|
+
}
|
|
31460
|
+
return [2 /*return*/];
|
|
31461
|
+
});
|
|
31462
|
+
}); },
|
|
31463
|
+
},
|
|
31464
|
+
] },
|
|
31465
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
31629
31466
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31630
31467
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31631
31468
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31632
31469
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31633
31470
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31634
31471
|
React.createElement(antd.Col, { xl: 6 },
|
|
31635
|
-
React.createElement(antd.
|
|
31636
|
-
|
|
31637
|
-
|
|
31638
|
-
return
|
|
31639
|
-
|
|
31640
|
-
|
|
31641
|
-
|
|
31642
|
-
|
|
31643
|
-
|
|
31644
|
-
|
|
31645
|
-
|
|
31646
|
-
|
|
31647
|
-
|
|
31472
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
|
31473
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
|
31474
|
+
{
|
|
31475
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31476
|
+
return __generator(this, function (_a) {
|
|
31477
|
+
if (value && value < 0) {
|
|
31478
|
+
throw new Error();
|
|
31479
|
+
}
|
|
31480
|
+
return [2 /*return*/];
|
|
31481
|
+
});
|
|
31482
|
+
}); },
|
|
31483
|
+
},
|
|
31484
|
+
] },
|
|
31485
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31648
31486
|
React.createElement(antd.Col, { xl: 6 },
|
|
31649
|
-
React.createElement(antd.
|
|
31650
|
-
|
|
31651
|
-
|
|
31652
|
-
return
|
|
31653
|
-
|
|
31654
|
-
|
|
31655
|
-
|
|
31656
|
-
|
|
31657
|
-
|
|
31658
|
-
|
|
31659
|
-
|
|
31660
|
-
|
|
31661
|
-
|
|
31487
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
|
31488
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
|
31489
|
+
{
|
|
31490
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31491
|
+
return __generator(this, function (_a) {
|
|
31492
|
+
if (value && value < 0) {
|
|
31493
|
+
throw new Error();
|
|
31494
|
+
}
|
|
31495
|
+
return [2 /*return*/];
|
|
31496
|
+
});
|
|
31497
|
+
}); },
|
|
31498
|
+
},
|
|
31499
|
+
] },
|
|
31500
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31662
31501
|
React.createElement(antd.Col, { xl: 6 },
|
|
31663
|
-
React.createElement(antd.
|
|
31664
|
-
|
|
31665
|
-
|
|
31666
|
-
return
|
|
31667
|
-
|
|
31668
|
-
|
|
31669
|
-
|
|
31670
|
-
|
|
31671
|
-
|
|
31672
|
-
|
|
31673
|
-
|
|
31674
|
-
|
|
31675
|
-
|
|
31502
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
|
31503
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
|
31504
|
+
{
|
|
31505
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31506
|
+
return __generator(this, function (_a) {
|
|
31507
|
+
if (value && value < 0) {
|
|
31508
|
+
throw new Error();
|
|
31509
|
+
}
|
|
31510
|
+
return [2 /*return*/];
|
|
31511
|
+
});
|
|
31512
|
+
}); },
|
|
31513
|
+
},
|
|
31514
|
+
] },
|
|
31515
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
31676
31516
|
React.createElement(antd.Col, { xl: 6 },
|
|
31677
|
-
React.createElement(antd.
|
|
31678
|
-
|
|
31679
|
-
|
|
31680
|
-
return
|
|
31681
|
-
|
|
31682
|
-
|
|
31683
|
-
|
|
31684
|
-
|
|
31685
|
-
|
|
31686
|
-
|
|
31687
|
-
|
|
31688
|
-
|
|
31689
|
-
|
|
31517
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
|
31518
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
|
31519
|
+
{
|
|
31520
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31521
|
+
return __generator(this, function (_a) {
|
|
31522
|
+
if (value && value < 0) {
|
|
31523
|
+
throw new Error();
|
|
31524
|
+
}
|
|
31525
|
+
return [2 /*return*/];
|
|
31526
|
+
});
|
|
31527
|
+
}); },
|
|
31528
|
+
},
|
|
31529
|
+
] },
|
|
31530
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
31690
31531
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
|
31691
31532
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
|
31692
31533
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -31695,7 +31536,7 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31695
31536
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
31696
31537
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
31697
31538
|
data.map(function (tabData) {
|
|
31698
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
31539
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
|
|
31699
31540
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
31700
31541
|
tabData.year,
|
|
31701
31542
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -31735,13 +31576,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31735
31576
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
31736
31577
|
React.createElement(antd.Row, { gutter: 16 },
|
|
31737
31578
|
React.createElement(antd.Col, { xl: 6 },
|
|
31738
|
-
React.createElement(
|
|
31579
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
|
31580
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
|
31739
31581
|
React.createElement(antd.Col, { xl: 6 },
|
|
31740
|
-
React.createElement(
|
|
31582
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
|
31583
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
|
31741
31584
|
React.createElement(antd.Col, { xl: 6 },
|
|
31742
|
-
React.createElement(
|
|
31585
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
|
31586
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
|
31743
31587
|
React.createElement(antd.Col, { xl: 6 },
|
|
31744
|
-
React.createElement(
|
|
31588
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
|
31589
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
|
31745
31590
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31746
31591
|
var isActive = _a.isActive;
|
|
31747
31592
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -31796,49 +31641,81 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31796
31641
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31797
31642
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31798
31643
|
React.createElement(antd.Col, { xl: 6 },
|
|
31799
|
-
React.createElement(antd.
|
|
31644
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
|
31800
31645
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
|
31801
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
|
31646
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
|
31647
|
+
React.createElement("div", null,
|
|
31648
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
|
31649
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
|
31650
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
|
31802
31651
|
React.createElement(antd.Col, { xl: 6 },
|
|
31803
|
-
React.createElement(antd.
|
|
31804
|
-
? addCommSep(Number((
|
|
31805
|
-
: (
|
|
31652
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
|
31653
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
|
31654
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
|
31655
|
+
React.createElement("div", null,
|
|
31656
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
|
31657
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
|
31658
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
|
31806
31659
|
React.createElement(antd.Col, { xl: 6 },
|
|
31807
|
-
React.createElement(antd.
|
|
31808
|
-
? addCommSep(Number((
|
|
31809
|
-
: (
|
|
31660
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
|
31661
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
|
31662
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
|
31663
|
+
React.createElement("div", null,
|
|
31664
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
|
31665
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
|
31666
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
|
31810
31667
|
React.createElement(antd.Col, { xl: 6 },
|
|
31811
|
-
React.createElement(antd.
|
|
31812
|
-
? addCommSep(Number((
|
|
31813
|
-
: (
|
|
31668
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
|
31669
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
|
31670
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
|
31671
|
+
React.createElement("div", null,
|
|
31672
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
|
31673
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
|
31674
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
|
31814
31675
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31815
31676
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31816
31677
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31817
31678
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
31818
31679
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31819
31680
|
React.createElement(antd.Col, { xl: 6 },
|
|
31820
|
-
React.createElement(antd.
|
|
31821
|
-
? addCommSep(Number((
|
|
31822
|
-
: (
|
|
31681
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
|
31682
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
|
31683
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
|
31684
|
+
React.createElement("div", null,
|
|
31685
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
|
31686
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
|
31687
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
|
31823
31688
|
React.createElement(antd.Col, { xl: 6 },
|
|
31824
|
-
React.createElement(antd.
|
|
31825
|
-
? addCommSep(Number((
|
|
31826
|
-
: (
|
|
31689
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
|
31690
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
|
31691
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
|
31692
|
+
React.createElement("div", null,
|
|
31693
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
|
31694
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
|
31695
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
|
31827
31696
|
React.createElement(antd.Col, { xl: 6 },
|
|
31828
|
-
React.createElement(antd.
|
|
31829
|
-
? addCommSep(Number((
|
|
31830
|
-
: (
|
|
31697
|
+
React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
|
31698
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
|
31699
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
|
31700
|
+
React.createElement("div", null,
|
|
31701
|
+
React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
|
31702
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
|
31703
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
|
31831
31704
|
React.createElement(antd.Col, { xl: 6 },
|
|
31832
|
-
React.createElement(antd.
|
|
31833
|
-
? addCommSep(Number((
|
|
31834
|
-
: (
|
|
31835
|
-
|
|
31705
|
+
React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
|
31706
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
|
31707
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
|
31708
|
+
React.createElement("div", null,
|
|
31709
|
+
React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
|
31710
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
|
31711
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
|
31712
|
+
}))))),
|
|
31836
31713
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31837
31714
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31838
31715
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
31839
31716
|
};
|
|
31840
31717
|
|
|
31841
|
-
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius:
|
|
31718
|
+
var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
|
|
31842
31719
|
styleInject(css_248z$1);
|
|
31843
31720
|
|
|
31844
31721
|
var ProjectionTypes = {
|
|
@@ -31885,14 +31762,24 @@ var GHGProjectionsComponent = function (props) {
|
|
|
31885
31762
|
var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
|
31886
31763
|
var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
|
31887
31764
|
var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
|
31888
|
-
var _11 = React.useState(
|
|
31889
|
-
|
|
31890
|
-
|
|
31891
|
-
|
|
31892
|
-
|
|
31893
|
-
var
|
|
31894
|
-
|
|
31895
|
-
|
|
31765
|
+
var _11 = React.useState({
|
|
31766
|
+
totalCo2WithoutLand_bau: 0,
|
|
31767
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
|
31768
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
|
31769
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
|
31770
|
+
var _12 = React.useState({
|
|
31771
|
+
totalCo2WithLand_bau: 0,
|
|
31772
|
+
totalCo2WithLand_conditionalNdc: 0,
|
|
31773
|
+
totalCo2WithLand_unconditionalNdc: 0
|
|
31774
|
+
}); _12[0]; _12[1];
|
|
31775
|
+
var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
|
31776
|
+
var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
|
31777
|
+
var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
|
31778
|
+
var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
|
31779
|
+
var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
|
31780
|
+
var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
|
31781
|
+
var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
|
31782
|
+
var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
|
31896
31783
|
var Panel = antd.Collapse.Panel;
|
|
31897
31784
|
var form = antd.Form.useForm()[0];
|
|
31898
31785
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -32916,17 +32803,32 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32916
32803
|
}
|
|
32917
32804
|
return 0;
|
|
32918
32805
|
};
|
|
32806
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
32807
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
32808
|
+
var _a;
|
|
32809
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
32810
|
+
});
|
|
32811
|
+
};
|
|
32812
|
+
// Helper function to get form field value
|
|
32813
|
+
var getFieldValue = function (fieldName) {
|
|
32814
|
+
var formValues = form.getFieldsValue(true);
|
|
32815
|
+
var fieldValue = formValues[fieldName];
|
|
32816
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
32817
|
+
};
|
|
32919
32818
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
|
32920
32819
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
32921
32820
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
32922
32821
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
32923
32822
|
React.createElement(antd.Row, { gutter: 16 },
|
|
32924
32823
|
React.createElement(antd.Col, { xl: 7 },
|
|
32925
|
-
React.createElement(
|
|
32824
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
|
32825
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
|
32926
32826
|
React.createElement(antd.Col, { xl: 7 },
|
|
32927
|
-
React.createElement(
|
|
32827
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
|
32828
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
|
32928
32829
|
React.createElement(antd.Col, { xl: 7 },
|
|
32929
|
-
React.createElement(
|
|
32830
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
|
32831
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
|
32930
32832
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
32931
32833
|
var projectionObject = tabData[panelHeading];
|
|
32932
32834
|
return (React.createElement(antd.Row, { gutter: 16 },
|
|
@@ -32935,11 +32837,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32935
32837
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32936
32838
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
32937
32839
|
React.createElement(antd.Col, { xl: 7 },
|
|
32938
|
-
React.createElement(
|
|
32840
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
|
32841
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
|
32939
32842
|
React.createElement(antd.Col, { xl: 7 },
|
|
32940
|
-
React.createElement(
|
|
32843
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
|
32844
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
|
32941
32845
|
React.createElement(antd.Col, { xl: 7 },
|
|
32942
|
-
React.createElement(
|
|
32846
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
|
32847
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
|
32943
32848
|
};
|
|
32944
32849
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32945
32850
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32947,47 +32852,50 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32947
32852
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32948
32853
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32949
32854
|
React.createElement(antd.Col, { xl: 7 },
|
|
32950
|
-
React.createElement(antd.
|
|
32951
|
-
|
|
32952
|
-
|
|
32953
|
-
return
|
|
32954
|
-
|
|
32955
|
-
|
|
32956
|
-
|
|
32957
|
-
|
|
32958
|
-
|
|
32959
|
-
|
|
32960
|
-
|
|
32961
|
-
|
|
32962
|
-
|
|
32855
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
|
32856
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
|
32857
|
+
{
|
|
32858
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32859
|
+
return __generator(this, function (_a) {
|
|
32860
|
+
if (value && value < 0) {
|
|
32861
|
+
throw new Error();
|
|
32862
|
+
}
|
|
32863
|
+
return [2 /*return*/];
|
|
32864
|
+
});
|
|
32865
|
+
}); },
|
|
32866
|
+
},
|
|
32867
|
+
] },
|
|
32868
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
32963
32869
|
React.createElement(antd.Col, { xl: 7 },
|
|
32964
|
-
React.createElement(antd.
|
|
32965
|
-
|
|
32966
|
-
|
|
32967
|
-
return
|
|
32968
|
-
|
|
32969
|
-
|
|
32970
|
-
|
|
32971
|
-
|
|
32972
|
-
|
|
32973
|
-
|
|
32974
|
-
|
|
32975
|
-
|
|
32976
|
-
|
|
32870
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
|
32871
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
|
32872
|
+
{
|
|
32873
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32874
|
+
return __generator(this, function (_a) {
|
|
32875
|
+
if (value && value < 0) {
|
|
32876
|
+
throw new Error();
|
|
32877
|
+
}
|
|
32878
|
+
return [2 /*return*/];
|
|
32879
|
+
});
|
|
32880
|
+
}); },
|
|
32881
|
+
},
|
|
32882
|
+
] },
|
|
32883
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
32977
32884
|
React.createElement(antd.Col, { xl: 7 },
|
|
32978
|
-
React.createElement(antd.
|
|
32979
|
-
|
|
32980
|
-
|
|
32981
|
-
return
|
|
32982
|
-
|
|
32983
|
-
|
|
32984
|
-
|
|
32985
|
-
|
|
32986
|
-
|
|
32987
|
-
|
|
32988
|
-
|
|
32989
|
-
|
|
32990
|
-
|
|
32885
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
|
32886
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
|
32887
|
+
{
|
|
32888
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32889
|
+
return __generator(this, function (_a) {
|
|
32890
|
+
if (value && value < 0) {
|
|
32891
|
+
throw new Error();
|
|
32892
|
+
}
|
|
32893
|
+
return [2 /*return*/];
|
|
32894
|
+
});
|
|
32895
|
+
}); },
|
|
32896
|
+
},
|
|
32897
|
+
] },
|
|
32898
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
|
32991
32899
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
|
32992
32900
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32993
32901
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32995,11 +32903,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32995
32903
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
32996
32904
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32997
32905
|
React.createElement(antd.Col, { xl: 7 },
|
|
32998
|
-
React.createElement(antd.
|
|
32906
|
+
React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
|
32907
|
+
React.createElement("div", null,
|
|
32908
|
+
React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
|
32999
32909
|
React.createElement(antd.Col, { xl: 7 },
|
|
33000
|
-
React.createElement(antd.
|
|
32910
|
+
React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
|
32911
|
+
React.createElement("div", null,
|
|
32912
|
+
React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
|
33001
32913
|
React.createElement(antd.Col, { xl: 7 },
|
|
33002
|
-
React.createElement(antd.
|
|
32914
|
+
React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
|
32915
|
+
React.createElement("div", null,
|
|
32916
|
+
React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
|
33003
32917
|
};
|
|
33004
32918
|
var objectToCSV = function (dataToDownload) {
|
|
33005
32919
|
var flattenObject = function (obj, prefix) {
|
|
@@ -33068,6 +32982,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33068
32982
|
}
|
|
33069
32983
|
return false;
|
|
33070
32984
|
};
|
|
32985
|
+
var displayEmptyView = function () {
|
|
32986
|
+
if (!data || data.length === 0) {
|
|
32987
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
|
32988
|
+
return true;
|
|
32989
|
+
}
|
|
32990
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
|
32991
|
+
return true;
|
|
32992
|
+
}
|
|
32993
|
+
}
|
|
32994
|
+
return false;
|
|
32995
|
+
};
|
|
33071
32996
|
var canViewForm = function () {
|
|
33072
32997
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
|
33073
32998
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -33085,7 +33010,9 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33085
33010
|
React.createElement("div", { className: "title-bar" },
|
|
33086
33011
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
|
33087
33012
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
33088
|
-
React.createElement("div", { className: "content-card
|
|
33013
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
33014
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
|
33015
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
|
33089
33016
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
33090
33017
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
33091
33018
|
React.createElement("div", null,
|
|
@@ -33178,11 +33105,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33178
33105
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33179
33106
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
|
33180
33107
|
React.createElement(antd.Col, { xl: 7 },
|
|
33181
|
-
React.createElement(
|
|
33108
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
|
33109
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
|
33182
33110
|
React.createElement(antd.Col, { xl: 7 },
|
|
33183
|
-
React.createElement(
|
|
33111
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
|
33112
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
|
33184
33113
|
React.createElement(antd.Col, { xl: 7 },
|
|
33185
|
-
React.createElement(
|
|
33114
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
|
33115
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
|
33186
33116
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33187
33117
|
var isActive = _a.isActive;
|
|
33188
33118
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -33209,94 +33139,100 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33209
33139
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33210
33140
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33211
33141
|
React.createElement(antd.Col, { xl: 7 },
|
|
33212
|
-
React.createElement(antd.
|
|
33213
|
-
|
|
33214
|
-
|
|
33215
|
-
return
|
|
33216
|
-
|
|
33217
|
-
|
|
33218
|
-
|
|
33219
|
-
|
|
33220
|
-
|
|
33221
|
-
|
|
33222
|
-
|
|
33223
|
-
|
|
33224
|
-
|
|
33142
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
|
33143
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
|
33144
|
+
{
|
|
33145
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33146
|
+
return __generator(this, function (_a) {
|
|
33147
|
+
if (value && value < 0) {
|
|
33148
|
+
throw new Error();
|
|
33149
|
+
}
|
|
33150
|
+
return [2 /*return*/];
|
|
33151
|
+
});
|
|
33152
|
+
}); },
|
|
33153
|
+
},
|
|
33154
|
+
] },
|
|
33155
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33225
33156
|
React.createElement(antd.Col, { xl: 7 },
|
|
33226
|
-
React.createElement(antd.
|
|
33227
|
-
|
|
33228
|
-
|
|
33229
|
-
return
|
|
33230
|
-
|
|
33231
|
-
|
|
33232
|
-
|
|
33233
|
-
|
|
33234
|
-
|
|
33235
|
-
|
|
33236
|
-
|
|
33237
|
-
|
|
33238
|
-
|
|
33157
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
|
33158
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
|
33159
|
+
{
|
|
33160
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33161
|
+
return __generator(this, function (_a) {
|
|
33162
|
+
if (value && value < 0) {
|
|
33163
|
+
throw new Error();
|
|
33164
|
+
}
|
|
33165
|
+
return [2 /*return*/];
|
|
33166
|
+
});
|
|
33167
|
+
}); },
|
|
33168
|
+
},
|
|
33169
|
+
] },
|
|
33170
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33239
33171
|
React.createElement(antd.Col, { xl: 7 },
|
|
33240
|
-
React.createElement(antd.
|
|
33241
|
-
|
|
33242
|
-
|
|
33243
|
-
return
|
|
33244
|
-
|
|
33245
|
-
|
|
33246
|
-
|
|
33247
|
-
|
|
33248
|
-
|
|
33249
|
-
|
|
33250
|
-
|
|
33251
|
-
|
|
33252
|
-
|
|
33172
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
|
33173
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
|
33174
|
+
{
|
|
33175
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33176
|
+
return __generator(this, function (_a) {
|
|
33177
|
+
if (value && value < 0) {
|
|
33178
|
+
throw new Error();
|
|
33179
|
+
}
|
|
33180
|
+
return [2 /*return*/];
|
|
33181
|
+
});
|
|
33182
|
+
}); },
|
|
33183
|
+
},
|
|
33184
|
+
] },
|
|
33185
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
33253
33186
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
33254
33187
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33255
33188
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33256
33189
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33257
33190
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33258
33191
|
React.createElement(antd.Col, { xl: 7 },
|
|
33259
|
-
React.createElement(antd.
|
|
33260
|
-
|
|
33261
|
-
|
|
33262
|
-
return
|
|
33263
|
-
|
|
33264
|
-
|
|
33265
|
-
|
|
33266
|
-
|
|
33267
|
-
|
|
33268
|
-
|
|
33269
|
-
|
|
33270
|
-
|
|
33271
|
-
|
|
33192
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
|
33193
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
|
33194
|
+
{
|
|
33195
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33196
|
+
return __generator(this, function (_a) {
|
|
33197
|
+
if (value && value < 0) {
|
|
33198
|
+
throw new Error();
|
|
33199
|
+
}
|
|
33200
|
+
return [2 /*return*/];
|
|
33201
|
+
});
|
|
33202
|
+
}); },
|
|
33203
|
+
},
|
|
33204
|
+
] },
|
|
33205
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33272
33206
|
React.createElement(antd.Col, { xl: 7 },
|
|
33273
|
-
React.createElement(antd.
|
|
33274
|
-
|
|
33275
|
-
|
|
33276
|
-
return
|
|
33277
|
-
|
|
33278
|
-
|
|
33279
|
-
|
|
33280
|
-
|
|
33281
|
-
|
|
33282
|
-
|
|
33283
|
-
|
|
33284
|
-
|
|
33285
|
-
|
|
33207
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
|
33208
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
|
33209
|
+
{
|
|
33210
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33211
|
+
return __generator(this, function (_a) {
|
|
33212
|
+
if (value && value < 0) {
|
|
33213
|
+
throw new Error();
|
|
33214
|
+
}
|
|
33215
|
+
return [2 /*return*/];
|
|
33216
|
+
});
|
|
33217
|
+
}); },
|
|
33218
|
+
},
|
|
33219
|
+
] },
|
|
33220
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
|
33286
33221
|
React.createElement(antd.Col, { xl: 7 },
|
|
33287
|
-
React.createElement(antd.
|
|
33288
|
-
|
|
33289
|
-
|
|
33290
|
-
return
|
|
33291
|
-
|
|
33292
|
-
|
|
33293
|
-
|
|
33294
|
-
|
|
33295
|
-
|
|
33296
|
-
|
|
33297
|
-
|
|
33298
|
-
|
|
33299
|
-
|
|
33222
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
|
33223
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
|
33224
|
+
{
|
|
33225
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33226
|
+
return __generator(this, function (_a) {
|
|
33227
|
+
if (value && value < 0) {
|
|
33228
|
+
throw new Error();
|
|
33229
|
+
}
|
|
33230
|
+
return [2 /*return*/];
|
|
33231
|
+
});
|
|
33232
|
+
}); },
|
|
33233
|
+
},
|
|
33234
|
+
] },
|
|
33235
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
|
33300
33236
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
|
33301
33237
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
|
33302
33238
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -33305,7 +33241,7 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33305
33241
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
33306
33242
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
33307
33243
|
data.map(function (tabData) {
|
|
33308
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33244
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
|
33309
33245
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
33310
33246
|
tabData.year,
|
|
33311
33247
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -33338,11 +33274,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33338
33274
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
33339
33275
|
React.createElement(antd.Row, { gutter: 16 },
|
|
33340
33276
|
React.createElement(antd.Col, { xl: 7 },
|
|
33341
|
-
React.createElement(
|
|
33277
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
|
33278
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
|
33342
33279
|
React.createElement(antd.Col, { xl: 7 },
|
|
33343
|
-
React.createElement(
|
|
33280
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
|
33281
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
|
33344
33282
|
React.createElement(antd.Col, { xl: 7 },
|
|
33345
|
-
React.createElement(
|
|
33283
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
|
33284
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
|
33346
33285
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33347
33286
|
var isActive = _a.isActive;
|
|
33348
33287
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
|
@@ -33395,41 +33334,65 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33395
33334
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33396
33335
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33397
33336
|
React.createElement(antd.Col, { xl: 7 },
|
|
33398
|
-
React.createElement(antd.
|
|
33337
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
|
33399
33338
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
|
33400
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
|
33339
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
|
33340
|
+
React.createElement("div", null,
|
|
33341
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
|
33342
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
|
33343
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
|
33401
33344
|
React.createElement(antd.Col, { xl: 7 },
|
|
33402
|
-
React.createElement(antd.
|
|
33403
|
-
? addCommSep(Number((
|
|
33404
|
-
: (
|
|
33345
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
|
33346
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
|
33347
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
|
33348
|
+
React.createElement("div", null,
|
|
33349
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
|
33350
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
|
33351
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
|
33405
33352
|
React.createElement(antd.Col, { xl: 7 },
|
|
33406
|
-
React.createElement(antd.
|
|
33407
|
-
? addCommSep(Number((
|
|
33408
|
-
: (
|
|
33353
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
|
33354
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
|
33355
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
|
33356
|
+
React.createElement("div", null,
|
|
33357
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
|
33358
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
|
33359
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
|
33409
33360
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
|
33410
33361
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33411
33362
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33412
33363
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
|
33413
33364
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33414
33365
|
React.createElement(antd.Col, { xl: 7 },
|
|
33415
|
-
React.createElement(antd.
|
|
33416
|
-
? addCommSep(Number((
|
|
33417
|
-
: (
|
|
33366
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
|
33367
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
|
33368
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
|
33369
|
+
React.createElement("div", null,
|
|
33370
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
|
33371
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
|
33372
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
|
33418
33373
|
React.createElement(antd.Col, { xl: 7 },
|
|
33419
|
-
React.createElement(antd.
|
|
33420
|
-
? addCommSep(Number((
|
|
33421
|
-
: (
|
|
33374
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
|
33375
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
|
33376
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
|
33377
|
+
React.createElement("div", null,
|
|
33378
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
|
33379
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
|
33380
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
|
33422
33381
|
React.createElement(antd.Col, { xl: 7 },
|
|
33423
|
-
React.createElement(antd.
|
|
33424
|
-
? addCommSep(Number((
|
|
33425
|
-
: (
|
|
33426
|
-
|
|
33382
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
|
33383
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
|
33384
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
|
33385
|
+
React.createElement("div", null,
|
|
33386
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
|
33387
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
|
33388
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
|
33389
|
+
}))))),
|
|
33427
33390
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33428
33391
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33429
33392
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
33430
33393
|
};
|
|
33431
33394
|
|
|
33432
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33395
|
+
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33433
33396
|
styleInject(css_248z);
|
|
33434
33397
|
|
|
33435
33398
|
var BarChartEstimatedActualStatComponent = function (props) {
|
|
@@ -33610,7 +33573,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33610
33573
|
position: 'bottom',
|
|
33611
33574
|
horizontalAlign: 'center',
|
|
33612
33575
|
floating: false,
|
|
33613
|
-
fontSize: '
|
|
33576
|
+
fontSize: '14px',
|
|
33614
33577
|
fontFamily: 'Inter',
|
|
33615
33578
|
fontWeight: 400,
|
|
33616
33579
|
formatter: undefined,
|
|
@@ -33626,12 +33589,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33626
33589
|
useSeriesColors: false,
|
|
33627
33590
|
},
|
|
33628
33591
|
markers: {
|
|
33629
|
-
width:
|
|
33630
|
-
height:
|
|
33592
|
+
width: 12,
|
|
33593
|
+
height: 12,
|
|
33631
33594
|
strokeWidth: 0,
|
|
33632
33595
|
strokeColor: '#fff',
|
|
33633
33596
|
fillColors: chartColors,
|
|
33634
|
-
radius:
|
|
33597
|
+
radius: 12,
|
|
33635
33598
|
customHTML: undefined,
|
|
33636
33599
|
onClick: undefined,
|
|
33637
33600
|
offsetX: 0,
|
|
@@ -33831,7 +33794,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33831
33794
|
],
|
|
33832
33795
|
xaxis: {
|
|
33833
33796
|
title: {
|
|
33834
|
-
text: '',
|
|
33797
|
+
text: 'Year',
|
|
33835
33798
|
style: {
|
|
33836
33799
|
color: '#263238',
|
|
33837
33800
|
fontSize: '12px',
|
|
@@ -33916,12 +33879,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33916
33879
|
useSeriesColors: false,
|
|
33917
33880
|
},
|
|
33918
33881
|
markers: {
|
|
33919
|
-
width: [
|
|
33920
|
-
height: [
|
|
33882
|
+
width: [12, 12, 12, 33],
|
|
33883
|
+
height: [12, 12, 12, 2],
|
|
33921
33884
|
strokeWidth: 0,
|
|
33922
33885
|
strokeColor: '#fff',
|
|
33923
33886
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
|
33924
|
-
radius:
|
|
33887
|
+
radius: 12,
|
|
33925
33888
|
customHTML: undefined,
|
|
33926
33889
|
onClick: undefined,
|
|
33927
33890
|
offsetX: 0,
|
|
@@ -33961,7 +33924,6 @@ var GHGDashboardComponent = function (props) {
|
|
|
33961
33924
|
[exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
|
33962
33925
|
[exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
|
33963
33926
|
];
|
|
33964
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
|
33965
33927
|
var handleResize = function () {
|
|
33966
33928
|
setScreenWidth(window.innerWidth);
|
|
33967
33929
|
};
|
|
@@ -34106,7 +34068,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34106
34068
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
|
34107
34069
|
configs: {
|
|
34108
34070
|
title: t('emissionsBySectorTitle'),
|
|
34109
|
-
tooltip: t('emissionsBySectorTT'
|
|
34071
|
+
tooltip: t('emissionsBySectorTT'),
|
|
34110
34072
|
colors: colors,
|
|
34111
34073
|
chartColumnWidth: 12,
|
|
34112
34074
|
chartWidth: 490,
|
|
@@ -34121,7 +34083,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34121
34083
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
|
34122
34084
|
configs: {
|
|
34123
34085
|
title: t('emissionsByGasTitle'),
|
|
34124
|
-
tooltip: t('emissionsByGasTT'
|
|
34086
|
+
tooltip: t('emissionsByGasTT'),
|
|
34125
34087
|
colors: colors,
|
|
34126
34088
|
chartColumnWidth: 12,
|
|
34127
34089
|
chartWidth: 490,
|
|
@@ -34135,7 +34097,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34135
34097
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
|
34136
34098
|
configs: {
|
|
34137
34099
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
|
34138
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
|
34100
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
|
34139
34101
|
colors: colors,
|
|
34140
34102
|
chartColumnWidth: 24,
|
|
34141
34103
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34149,7 +34111,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34149
34111
|
aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
|
34150
34112
|
configs: {
|
|
34151
34113
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
|
34152
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
|
34114
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
|
34153
34115
|
colors: colors,
|
|
34154
34116
|
chartColumnWidth: 24,
|
|
34155
34117
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34163,7 +34125,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34163
34125
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
|
34164
34126
|
configs: {
|
|
34165
34127
|
title: t('emissionsComparisonTitle'),
|
|
34166
|
-
tooltip: t('emissionsComparisonTT'
|
|
34128
|
+
tooltip: t('emissionsComparisonTT'),
|
|
34167
34129
|
colors: colorsComparison,
|
|
34168
34130
|
chartColumnWidth: 24,
|
|
34169
34131
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34307,7 +34269,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34307
34269
|
React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
|
|
34308
34270
|
}
|
|
34309
34271
|
};
|
|
34310
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
|
34272
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
|
34311
34273
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
|
34312
34274
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
|
34313
34275
|
React.createElement(Link, { to: "/dashboard" },
|