@undp/carbon-library 1.0.286 → 1.0.287
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +1410 -685
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
- package/dist/cjs/types/Definitions/Enums/instrument.enum.d.ts +3 -0
- package/dist/cjs/types/Definitions/Enums/payback.enum.d.ts +8 -0
- package/dist/esm/index.js +1412 -687
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
- package/dist/esm/types/Definitions/Enums/instrument.enum.d.ts +3 -0
- package/dist/esm/types/Definitions/Enums/payback.enum.d.ts +8 -0
- package/dist/index.d.ts +3 -0
- package/dist/locales/i18n/companyDetails/en.json +19 -0
- package/dist/locales/i18n/companyDetails/es.json +16 -0
- package/dist/locales/i18n/companyDetails/fr.json +16 -0
- package/dist/locales/i18n/companyProfile/en.json +1 -18
- package/dist/locales/i18n/companyProfile/es.json +0 -14
- package/dist/locales/i18n/companyProfile/fr.json +0 -13
- package/dist/locales/i18n/ghgInventory/en.json +3 -1
- package/dist/locales/i18n/login/en.json +1 -0
- package/dist/locales/i18n/ndc/en.json +2 -0
- package/dist/locales/i18n/programme/en.json +9 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled,
|
|
2
|
-
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert,
|
|
1
|
+
import { PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
|
|
2
|
+
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
|
|
3
3
|
import React, { useState, useEffect, useRef } from 'react';
|
|
4
4
|
import { DateTime } from 'luxon';
|
|
5
5
|
import { Buffer } from 'buffer';
|
|
@@ -130,15 +130,15 @@ function styleInject(css, ref) {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
var css_248z$
|
|
133
|
+
var css_248z$B = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n\n.company-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
|
|
134
|
+
styleInject(css_248z$B);
|
|
135
|
+
|
|
136
|
+
var css_248z$A = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
|
|
134
137
|
styleInject(css_248z$A);
|
|
135
138
|
|
|
136
|
-
var css_248z$z = ".
|
|
139
|
+
var css_248z$z = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
|
137
140
|
styleInject(css_248z$z);
|
|
138
141
|
|
|
139
|
-
var css_248z$y = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
|
140
|
-
styleInject(css_248z$y);
|
|
141
|
-
|
|
142
142
|
var RoleIcon = function (props) {
|
|
143
143
|
var icon = props.icon, bg = props.bg, color = props.color;
|
|
144
144
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
|
@@ -431,8 +431,8 @@ var CompanyManagementColumns;
|
|
|
431
431
|
CompanyManagementColumns["companyState"] = "status";
|
|
432
432
|
})(CompanyManagementColumns || (CompanyManagementColumns = {}));
|
|
433
433
|
|
|
434
|
-
var css_248z$
|
|
435
|
-
styleInject(css_248z$
|
|
434
|
+
var css_248z$y = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
|
|
435
|
+
styleInject(css_248z$y);
|
|
436
436
|
|
|
437
437
|
var isBase64 = function (str) {
|
|
438
438
|
if (!str || str === '' || str.trim() === '') {
|
|
@@ -472,8 +472,8 @@ var CompanyRole;
|
|
|
472
472
|
CompanyRole["API"] = "API";
|
|
473
473
|
})(CompanyRole || (CompanyRole = {}));
|
|
474
474
|
|
|
475
|
-
var css_248z$
|
|
476
|
-
styleInject(css_248z$
|
|
475
|
+
var css_248z$x = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
|
|
476
|
+
styleInject(css_248z$x);
|
|
477
477
|
|
|
478
478
|
var OrganisationStatus = function (props) {
|
|
479
479
|
var organisationStatus = props.organisationStatus, t = props.t;
|
|
@@ -507,6 +507,7 @@ var CompanyManagementComponent = function (props) {
|
|
|
507
507
|
var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
|
|
508
508
|
var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
|
|
509
509
|
var _l = useState(""), sortField = _l[0], setSortField = _l[1];
|
|
510
|
+
var _m = useState(), dataQuery = _m[0], setDataQuery = _m[1];
|
|
510
511
|
var ability = useAbilityContext();
|
|
511
512
|
document.addEventListener("mousedown", function (event) {
|
|
512
513
|
var organisationFilterArea1 = document.querySelector(".filter-bar");
|
|
@@ -712,6 +713,11 @@ var CompanyManagementComponent = function (props) {
|
|
|
712
713
|
setTableData(availableCompanies);
|
|
713
714
|
setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
|
|
714
715
|
}
|
|
716
|
+
setDataQuery({
|
|
717
|
+
filterAnd: filterAnd(),
|
|
718
|
+
filterOr: filterOr(),
|
|
719
|
+
sort: sort(),
|
|
720
|
+
});
|
|
715
721
|
setLoading(false);
|
|
716
722
|
return [3 /*break*/, 4];
|
|
717
723
|
case 3:
|
|
@@ -728,6 +734,50 @@ var CompanyManagementComponent = function (props) {
|
|
|
728
734
|
}
|
|
729
735
|
});
|
|
730
736
|
}); };
|
|
737
|
+
var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
738
|
+
var response, url, a, error_2;
|
|
739
|
+
var _a;
|
|
740
|
+
return __generator(this, function (_b) {
|
|
741
|
+
switch (_b.label) {
|
|
742
|
+
case 0:
|
|
743
|
+
setLoading(true);
|
|
744
|
+
_b.label = 1;
|
|
745
|
+
case 1:
|
|
746
|
+
_b.trys.push([1, 3, , 4]);
|
|
747
|
+
return [4 /*yield*/, post("national/organisation/download", {
|
|
748
|
+
filterAnd: dataQuery.filterAnd,
|
|
749
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
750
|
+
sort: dataQuery.sort,
|
|
751
|
+
})];
|
|
752
|
+
case 2:
|
|
753
|
+
response = _b.sent();
|
|
754
|
+
if (response && response.data) {
|
|
755
|
+
url = response.data.url;
|
|
756
|
+
a = document.createElement('a');
|
|
757
|
+
a.href = url;
|
|
758
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
759
|
+
document.body.appendChild(a);
|
|
760
|
+
a.click();
|
|
761
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
762
|
+
window.URL.revokeObjectURL(url);
|
|
763
|
+
}
|
|
764
|
+
setLoading(false);
|
|
765
|
+
return [3 /*break*/, 4];
|
|
766
|
+
case 3:
|
|
767
|
+
error_2 = _b.sent();
|
|
768
|
+
console.log("Error in exporting organisations", error_2);
|
|
769
|
+
message.open({
|
|
770
|
+
type: "error",
|
|
771
|
+
content: error_2.message,
|
|
772
|
+
duration: 3,
|
|
773
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
774
|
+
});
|
|
775
|
+
setLoading(false);
|
|
776
|
+
return [3 /*break*/, 4];
|
|
777
|
+
case 4: return [2 /*return*/];
|
|
778
|
+
}
|
|
779
|
+
});
|
|
780
|
+
}); };
|
|
731
781
|
useEffect(function () {
|
|
732
782
|
getAllCompany();
|
|
733
783
|
}, [
|
|
@@ -815,7 +865,13 @@ var CompanyManagementComponent = function (props) {
|
|
|
815
865
|
React.createElement(FilterOutlined, { style: {
|
|
816
866
|
color: "rgba(58, 53, 65, 0.3)",
|
|
817
867
|
fontSize: "20px",
|
|
818
|
-
} }))))
|
|
868
|
+
} })))),
|
|
869
|
+
React.createElement("div", { className: "download-data-btn company-data-download" },
|
|
870
|
+
React.createElement("a", { onClick: downloadCompanyData },
|
|
871
|
+
React.createElement(DownloadOutlined, { style: {
|
|
872
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
873
|
+
fontSize: "20px",
|
|
874
|
+
} })))))),
|
|
819
875
|
React.createElement(Row, null,
|
|
820
876
|
React.createElement(Col, { span: 24 },
|
|
821
877
|
React.createElement("div", { className: "userManagement-table-container" },
|
|
@@ -837,11 +893,11 @@ var CompanyManagementComponent = function (props) {
|
|
|
837
893
|
} })))))));
|
|
838
894
|
};
|
|
839
895
|
|
|
840
|
-
var css_248z$
|
|
841
|
-
styleInject(css_248z$
|
|
896
|
+
var css_248z$w = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
|
|
897
|
+
styleInject(css_248z$w);
|
|
842
898
|
|
|
843
|
-
var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
|
844
|
-
styleInject(css_248z$
|
|
899
|
+
var css_248z$v = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.download-data-btn {\n margin-left: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
|
900
|
+
styleInject(css_248z$v);
|
|
845
901
|
|
|
846
902
|
var UserManagementColumns;
|
|
847
903
|
(function (UserManagementColumns) {
|
|
@@ -2022,6 +2078,9 @@ var Instrument;
|
|
|
2022
2078
|
Instrument["EQUITY"] = "Equity";
|
|
2023
2079
|
Instrument["GUARANTEE"] = "Guarantee";
|
|
2024
2080
|
Instrument["INKIND"] = "In-Kind";
|
|
2081
|
+
Instrument["CONLOAN"] = "ConcessionalLoan";
|
|
2082
|
+
Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
|
|
2083
|
+
Instrument["INSURANCE"] = "Insurance";
|
|
2025
2084
|
Instrument["OTHER"] = "Other";
|
|
2026
2085
|
})(Instrument || (Instrument = {}));
|
|
2027
2086
|
|
|
@@ -6560,13 +6619,6 @@ var AddNewCompanyComponent = function (props) {
|
|
|
6560
6619
|
] }))))));
|
|
6561
6620
|
};
|
|
6562
6621
|
|
|
6563
|
-
var CompanyRoleIcon = function (props) {
|
|
6564
|
-
var role = props.role;
|
|
6565
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
6566
|
-
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
6567
|
-
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
|
6568
|
-
};
|
|
6569
|
-
|
|
6570
6622
|
var TextArea$2 = Input.TextArea;
|
|
6571
6623
|
var UserActionConfirmationModel = function (props) {
|
|
6572
6624
|
var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
|
|
@@ -6591,11 +6643,115 @@ var UserActionConfirmationModel = function (props) {
|
|
|
6591
6643
|
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
|
6592
6644
|
};
|
|
6593
6645
|
|
|
6646
|
+
var css_248z$u = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
|
|
6647
|
+
styleInject(css_248z$u);
|
|
6648
|
+
|
|
6649
|
+
var CompanyRoleIcon = function (props) {
|
|
6650
|
+
var role = props.role;
|
|
6651
|
+
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
6652
|
+
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
6653
|
+
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
|
6654
|
+
};
|
|
6655
|
+
|
|
6594
6656
|
var css_248z$t = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
|
|
6595
6657
|
styleInject(css_248z$t);
|
|
6596
6658
|
|
|
6659
|
+
var CompanyDetailsComponent = function (props) {
|
|
6660
|
+
var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
|
|
6661
|
+
var getEnumKeysFromValues = function (values) {
|
|
6662
|
+
var enumKeys = [];
|
|
6663
|
+
for (var key in SectoralScope) {
|
|
6664
|
+
if (values.includes(SectoralScope[key])) {
|
|
6665
|
+
enumKeys.push(key);
|
|
6666
|
+
}
|
|
6667
|
+
}
|
|
6668
|
+
return enumKeys;
|
|
6669
|
+
};
|
|
6670
|
+
return (React.createElement(Card, { className: "card-container" },
|
|
6671
|
+
React.createElement("div", { className: "info-view" },
|
|
6672
|
+
React.createElement("div", { className: "title" },
|
|
6673
|
+
React.createElement("span", { className: "title-icon" },
|
|
6674
|
+
React.createElement(BankOutlined, null)),
|
|
6675
|
+
React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
|
|
6676
|
+
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
6677
|
+
React.createElement(Row, { className: "field" },
|
|
6678
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
|
|
6679
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
|
6680
|
+
React.createElement(Row, { className: "field" },
|
|
6681
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
|
|
6682
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
|
6683
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
|
6684
|
+
? companyDetails.taxId
|
|
6685
|
+
: "-")),
|
|
6686
|
+
React.createElement(Row, { className: "field" },
|
|
6687
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
|
|
6688
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
|
6689
|
+
? companyDetails.paymentId
|
|
6690
|
+
: "-")),
|
|
6691
|
+
React.createElement(Row, { className: "field" },
|
|
6692
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
|
|
6693
|
+
React.createElement(Col, { span: 12, className: "field-value" },
|
|
6694
|
+
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
|
6695
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
6696
|
+
React.createElement(Row, { className: "field" },
|
|
6697
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
|
|
6698
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
|
6699
|
+
? companyDetails.nameOfMinister
|
|
6700
|
+
: "-")),
|
|
6701
|
+
React.createElement(Row, { className: "field" },
|
|
6702
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
|
|
6703
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
|
6704
|
+
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
|
6705
|
+
: "-")))),
|
|
6706
|
+
React.createElement(Row, { className: "field" },
|
|
6707
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
|
|
6708
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
|
6709
|
+
React.createElement(Row, { className: "field" },
|
|
6710
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
|
|
6711
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
|
6712
|
+
React.createElement(Row, { className: "field" },
|
|
6713
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
|
|
6714
|
+
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
|
6715
|
+
React.createElement(Row, { className: "field" },
|
|
6716
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
|
|
6717
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
|
6718
|
+
regionField && (React.createElement(Row, { className: "field" },
|
|
6719
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
|
|
6720
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
|
6721
|
+
? companyDetails.regions.join(", ")
|
|
6722
|
+
: "-"))),
|
|
6723
|
+
React.createElement(Row, { className: "field" },
|
|
6724
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
|
|
6725
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
|
6726
|
+
? companyDetails.programmeCount
|
|
6727
|
+
: "-")),
|
|
6728
|
+
React.createElement(Row, { className: "field" },
|
|
6729
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
|
|
6730
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
|
6731
|
+
? addCommSep(companyDetails.creditBalance)
|
|
6732
|
+
: "-")),
|
|
6733
|
+
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
|
6734
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
|
|
6735
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
|
6736
|
+
? companyDetails.remarks
|
|
6737
|
+
: "-"))) : (""),
|
|
6738
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
|
6739
|
+
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
|
6740
|
+
React.createElement(Row, { className: "field" },
|
|
6741
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
|
|
6742
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
|
6743
|
+
? companyDetails.omgePercentage
|
|
6744
|
+
: "-")))),
|
|
6745
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
|
6746
|
+
React.createElement(Row, { className: "field" },
|
|
6747
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
|
|
6748
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
|
6749
|
+
? companyDetails.nationalSopValue
|
|
6750
|
+
: "-"))))))));
|
|
6751
|
+
};
|
|
6752
|
+
|
|
6597
6753
|
var CompanyProfileComponent = function (props) {
|
|
6598
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit
|
|
6754
|
+
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
|
|
6599
6755
|
var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
|
|
6600
6756
|
var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
|
|
6601
6757
|
var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
|
|
@@ -6873,15 +7029,6 @@ var CompanyProfileComponent = function (props) {
|
|
|
6873
7029
|
setErrorMsg("");
|
|
6874
7030
|
setOpenRejectModal(true);
|
|
6875
7031
|
};
|
|
6876
|
-
var getEnumKeysFromValues = function (values) {
|
|
6877
|
-
var enumKeys = [];
|
|
6878
|
-
for (var key in SectoralScope) {
|
|
6879
|
-
if (values.includes(SectoralScope[key])) {
|
|
6880
|
-
enumKeys.push(key);
|
|
6881
|
-
}
|
|
6882
|
-
}
|
|
6883
|
-
return enumKeys;
|
|
6884
|
-
};
|
|
6885
7032
|
return (React.createElement("div", { className: "content-container company-profile" },
|
|
6886
7033
|
React.createElement("div", { className: "title-bar" },
|
|
6887
7034
|
React.createElement("div", null,
|
|
@@ -6920,87 +7067,7 @@ var CompanyProfileComponent = function (props) {
|
|
|
6920
7067
|
React.createElement(Row, { justify: "center" },
|
|
6921
7068
|
React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
|
|
6922
7069
|
React.createElement(Col, { md: 24, lg: 16 },
|
|
6923
|
-
React.createElement(
|
|
6924
|
-
React.createElement("div", { className: "info-view" },
|
|
6925
|
-
React.createElement("div", { className: "title" },
|
|
6926
|
-
React.createElement("span", { className: "title-icon" },
|
|
6927
|
-
React.createElement(BankOutlined, null)),
|
|
6928
|
-
React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
|
|
6929
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
6930
|
-
React.createElement(Row, { className: "field" },
|
|
6931
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
|
|
6932
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
|
6933
|
-
React.createElement(Row, { className: "field" },
|
|
6934
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
|
|
6935
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
|
6936
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
|
6937
|
-
? companyDetails.taxId
|
|
6938
|
-
: "-")),
|
|
6939
|
-
React.createElement(Row, { className: "field" },
|
|
6940
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
|
|
6941
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
|
6942
|
-
? companyDetails.paymentId
|
|
6943
|
-
: "-")),
|
|
6944
|
-
React.createElement(Row, { className: "field" },
|
|
6945
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
|
|
6946
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
|
6947
|
-
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
|
6948
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
6949
|
-
React.createElement(Row, { className: "field" },
|
|
6950
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
|
|
6951
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
|
6952
|
-
? companyDetails.nameOfMinister
|
|
6953
|
-
: "-")),
|
|
6954
|
-
React.createElement(Row, { className: "field" },
|
|
6955
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
|
|
6956
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
|
6957
|
-
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
|
6958
|
-
: "-")))),
|
|
6959
|
-
React.createElement(Row, { className: "field" },
|
|
6960
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
|
|
6961
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
|
6962
|
-
React.createElement(Row, { className: "field" },
|
|
6963
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
|
|
6964
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
|
6965
|
-
React.createElement(Row, { className: "field" },
|
|
6966
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
|
|
6967
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
|
6968
|
-
React.createElement(Row, { className: "field" },
|
|
6969
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
|
|
6970
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
|
6971
|
-
regionField && (React.createElement(Row, { className: "field" },
|
|
6972
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
|
|
6973
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
|
6974
|
-
? companyDetails.regions.join(", ")
|
|
6975
|
-
: "-"))),
|
|
6976
|
-
React.createElement(Row, { className: "field" },
|
|
6977
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
|
|
6978
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
|
6979
|
-
? companyDetails.programmeCount
|
|
6980
|
-
: "-")),
|
|
6981
|
-
React.createElement(Row, { className: "field" },
|
|
6982
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
|
|
6983
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
|
6984
|
-
? addCommSep(companyDetails.creditBalance)
|
|
6985
|
-
: "-")),
|
|
6986
|
-
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
|
6987
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
|
|
6988
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
|
6989
|
-
? companyDetails.remarks
|
|
6990
|
-
: "-"))) : (""),
|
|
6991
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
|
6992
|
-
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
|
6993
|
-
React.createElement(Row, { className: "field" },
|
|
6994
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
|
|
6995
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
|
6996
|
-
? companyDetails.omgePercentage
|
|
6997
|
-
: "-")))),
|
|
6998
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
|
6999
|
-
React.createElement(Row, { className: "field" },
|
|
7000
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
|
|
7001
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
|
7002
|
-
? companyDetails.nationalSopValue
|
|
7003
|
-
: "-"))))))),
|
|
7070
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
|
|
7004
7071
|
((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
|
|
7005
7072
|
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(Card, { className: "card-container" },
|
|
7006
7073
|
React.createElement("div", { className: "info-view" },
|
|
@@ -7045,14 +7112,15 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7045
7112
|
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
|
7046
7113
|
var userInfoState = useUserContext().userInfoState;
|
|
7047
7114
|
var ability = useAbilityContext();
|
|
7115
|
+
var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
|
7048
7116
|
var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStageR;
|
|
7049
7117
|
var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
|
|
7050
7118
|
label: Object.values(stageObject)[index],
|
|
7051
7119
|
value: k,
|
|
7052
7120
|
}); });
|
|
7053
|
-
var
|
|
7054
|
-
var
|
|
7055
|
-
var
|
|
7121
|
+
var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
|
7122
|
+
var _s = useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
|
|
7123
|
+
var _t = useState(true), checkAll = _t[0], setCheckAll = _t[1];
|
|
7056
7124
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
7057
7125
|
return __generator(this, function (_a) {
|
|
7058
7126
|
console.log(checkedValues);
|
|
@@ -7295,6 +7363,11 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7295
7363
|
setTableData(response.data);
|
|
7296
7364
|
setTotalProgramme(response.response.data.total);
|
|
7297
7365
|
setLoading(false);
|
|
7366
|
+
setDataQuery({
|
|
7367
|
+
filterAnd: filter,
|
|
7368
|
+
filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
|
|
7369
|
+
sort: sort,
|
|
7370
|
+
});
|
|
7298
7371
|
return [3 /*break*/, 4];
|
|
7299
7372
|
case 3:
|
|
7300
7373
|
error_1 = _a.sent();
|
|
@@ -7352,6 +7425,50 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7352
7425
|
}
|
|
7353
7426
|
});
|
|
7354
7427
|
}); };
|
|
7428
|
+
var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
7429
|
+
var response, url, a, error_3;
|
|
7430
|
+
var _a;
|
|
7431
|
+
return __generator(this, function (_b) {
|
|
7432
|
+
switch (_b.label) {
|
|
7433
|
+
case 0:
|
|
7434
|
+
setLoading(true);
|
|
7435
|
+
_b.label = 1;
|
|
7436
|
+
case 1:
|
|
7437
|
+
_b.trys.push([1, 3, , 4]);
|
|
7438
|
+
return [4 /*yield*/, post("national/programme/download", {
|
|
7439
|
+
filterAnd: dataQuery.filterAnd,
|
|
7440
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
7441
|
+
sort: dataQuery.sort,
|
|
7442
|
+
})];
|
|
7443
|
+
case 2:
|
|
7444
|
+
response = _b.sent();
|
|
7445
|
+
if (response && response.data) {
|
|
7446
|
+
url = response.data.url;
|
|
7447
|
+
a = document.createElement('a');
|
|
7448
|
+
a.href = url;
|
|
7449
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
7450
|
+
document.body.appendChild(a);
|
|
7451
|
+
a.click();
|
|
7452
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
7453
|
+
window.URL.revokeObjectURL(url);
|
|
7454
|
+
}
|
|
7455
|
+
setLoading(false);
|
|
7456
|
+
return [3 /*break*/, 4];
|
|
7457
|
+
case 3:
|
|
7458
|
+
error_3 = _b.sent();
|
|
7459
|
+
console.log("Error in exporting programmes", error_3);
|
|
7460
|
+
message.open({
|
|
7461
|
+
type: "error",
|
|
7462
|
+
content: error_3.message,
|
|
7463
|
+
duration: 3,
|
|
7464
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
7465
|
+
});
|
|
7466
|
+
setLoading(false);
|
|
7467
|
+
return [3 /*break*/, 4];
|
|
7468
|
+
case 4: return [2 /*return*/];
|
|
7469
|
+
}
|
|
7470
|
+
});
|
|
7471
|
+
}); };
|
|
7355
7472
|
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
7356
7473
|
return __generator(this, function (_a) {
|
|
7357
7474
|
setSearch(searchText);
|
|
@@ -7440,7 +7557,13 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7440
7557
|
return e.target.value === ""
|
|
7441
7558
|
? setSearch(e.target.value)
|
|
7442
7559
|
: setSearchText(e.target.value);
|
|
7443
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
7560
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
7561
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
7562
|
+
React.createElement("a", { onClick: downloadProgrammeData },
|
|
7563
|
+
React.createElement(DownloadOutlined, { style: {
|
|
7564
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
7565
|
+
fontSize: "20px",
|
|
7566
|
+
} })))))),
|
|
7444
7567
|
React.createElement(Row, null,
|
|
7445
7568
|
React.createElement(Col, { span: 24 },
|
|
7446
7569
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -14729,15 +14852,6 @@ var UserProfileComponent = function (props) {
|
|
|
14729
14852
|
}
|
|
14730
14853
|
});
|
|
14731
14854
|
}); };
|
|
14732
|
-
var getEnumKeysFromValues = function (values) {
|
|
14733
|
-
var enumKeys = [];
|
|
14734
|
-
for (var key in SectoralScope) {
|
|
14735
|
-
if (values.includes(SectoralScope[key])) {
|
|
14736
|
-
enumKeys.push(key);
|
|
14737
|
-
}
|
|
14738
|
-
}
|
|
14739
|
-
return enumKeys;
|
|
14740
|
-
};
|
|
14741
14855
|
useEffect(function () {
|
|
14742
14856
|
getUserProfileDetails();
|
|
14743
14857
|
}, []);
|
|
@@ -14787,77 +14901,10 @@ var UserProfileComponent = function (props) {
|
|
|
14787
14901
|
React.createElement(Row, { className: "field" },
|
|
14788
14902
|
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
|
14789
14903
|
React.createElement(Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
|
|
14790
|
-
React.createElement(
|
|
14791
|
-
React.createElement("div", { className: "info-view" },
|
|
14792
|
-
React.createElement("div", { className: "title" },
|
|
14793
|
-
React.createElement("span", { className: "title-icon" },
|
|
14794
|
-
React.createElement(BankOutlined, null)),
|
|
14795
|
-
React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
|
|
14796
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
14797
|
-
React.createElement(Row, { className: "field" },
|
|
14798
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:name")),
|
|
14799
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.name
|
|
14800
|
-
? organisationDetails.name
|
|
14801
|
-
: "-")),
|
|
14802
|
-
React.createElement(Row, { className: "field" },
|
|
14803
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
|
|
14804
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
|
|
14805
|
-
organisationDetails.companyRole !==
|
|
14806
|
-
CompanyRole.GOVERNMENT
|
|
14807
|
-
? organisationDetails.taxId
|
|
14808
|
-
: "-")),
|
|
14809
|
-
React.createElement(Row, { className: "field" },
|
|
14810
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
|
|
14811
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
|
|
14812
|
-
? organisationDetails.paymentId
|
|
14813
|
-
: "-")),
|
|
14814
|
-
React.createElement(Row, { className: "field" },
|
|
14815
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
|
|
14816
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
|
14817
|
-
React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
|
|
14818
|
-
(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
|
|
14819
|
-
CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
14820
|
-
React.createElement(Row, { className: "field" },
|
|
14821
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
|
|
14822
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
|
|
14823
|
-
? organisationDetails.nameOfMinister
|
|
14824
|
-
: "-")),
|
|
14825
|
-
React.createElement(Row, { className: "field" },
|
|
14826
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
|
|
14827
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
|
|
14828
|
-
? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
|
|
14829
|
-
: "-")))),
|
|
14830
|
-
React.createElement(Row, { className: "field" },
|
|
14831
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
|
|
14832
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
|
|
14833
|
-
? organisationDetails.email
|
|
14834
|
-
: "-")),
|
|
14835
|
-
React.createElement(Row, { className: "field" },
|
|
14836
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
|
14837
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
|
|
14838
|
-
? organisationDetails.phoneNo
|
|
14839
|
-
: "-")),
|
|
14840
|
-
React.createElement(Row, { className: "field" },
|
|
14841
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:website")),
|
|
14842
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
|
|
14843
|
-
React.createElement(Row, { className: "field" },
|
|
14844
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:address")),
|
|
14845
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.address
|
|
14846
|
-
? organisationDetails.address
|
|
14847
|
-
: "-")),
|
|
14848
|
-
React.createElement(Row, { className: "field" },
|
|
14849
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
|
|
14850
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
|
|
14851
|
-
? organisationDetails.programmeCount
|
|
14852
|
-
: "-")),
|
|
14853
|
-
React.createElement(Row, { className: "field" },
|
|
14854
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
|
|
14855
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
|
|
14856
|
-
? addCommSep(organisationDetails.creditBalance)
|
|
14857
|
-
: "-")))))))))));
|
|
14904
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
|
|
14858
14905
|
};
|
|
14859
14906
|
|
|
14860
|
-
var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
|
|
14907
|
+
var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n\n.user-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
|
|
14861
14908
|
styleInject(css_248z$n);
|
|
14862
14909
|
|
|
14863
14910
|
var Search = Input.Search;
|
|
@@ -14883,6 +14930,7 @@ var UserManagementComponent = function (props) {
|
|
|
14883
14930
|
var _r = useState({}), actionInfo = _r[0], setActionInfo = _r[1];
|
|
14884
14931
|
var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
|
|
14885
14932
|
var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
|
|
14933
|
+
var _u = useState(), dataQuery = _u[0], setDataQuery = _u[1];
|
|
14886
14934
|
var ability = useAbilityContext();
|
|
14887
14935
|
document.addEventListener("mousedown", function (event) {
|
|
14888
14936
|
var userFilterArea1 = document.querySelector(".filter-bar");
|
|
@@ -15238,6 +15286,11 @@ var UserManagementComponent = function (props) {
|
|
|
15238
15286
|
setTableData(availableUsers);
|
|
15239
15287
|
setTotalUser((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
|
|
15240
15288
|
}
|
|
15289
|
+
setDataQuery({
|
|
15290
|
+
filterAnd: filterAnd(),
|
|
15291
|
+
filterOr: filterOr(),
|
|
15292
|
+
sort: sort(),
|
|
15293
|
+
});
|
|
15241
15294
|
setLoading(false);
|
|
15242
15295
|
return [3 /*break*/, 4];
|
|
15243
15296
|
case 3:
|
|
@@ -15255,6 +15308,50 @@ var UserManagementComponent = function (props) {
|
|
|
15255
15308
|
}
|
|
15256
15309
|
});
|
|
15257
15310
|
}); };
|
|
15311
|
+
var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
15312
|
+
var response, url, a, error_3;
|
|
15313
|
+
var _a;
|
|
15314
|
+
return __generator(this, function (_b) {
|
|
15315
|
+
switch (_b.label) {
|
|
15316
|
+
case 0:
|
|
15317
|
+
setLoading(true);
|
|
15318
|
+
_b.label = 1;
|
|
15319
|
+
case 1:
|
|
15320
|
+
_b.trys.push([1, 3, , 4]);
|
|
15321
|
+
return [4 /*yield*/, post("national/user/download", {
|
|
15322
|
+
filterAnd: dataQuery.filterAnd,
|
|
15323
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
15324
|
+
sort: dataQuery.sort,
|
|
15325
|
+
})];
|
|
15326
|
+
case 2:
|
|
15327
|
+
response = _b.sent();
|
|
15328
|
+
if (response && response.data) {
|
|
15329
|
+
url = response.data.url;
|
|
15330
|
+
a = document.createElement('a');
|
|
15331
|
+
a.href = url;
|
|
15332
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
15333
|
+
document.body.appendChild(a);
|
|
15334
|
+
a.click();
|
|
15335
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
15336
|
+
window.URL.revokeObjectURL(url);
|
|
15337
|
+
}
|
|
15338
|
+
setLoading(false);
|
|
15339
|
+
return [3 /*break*/, 4];
|
|
15340
|
+
case 3:
|
|
15341
|
+
error_3 = _b.sent();
|
|
15342
|
+
console.log("Error in exporting users", error_3);
|
|
15343
|
+
message.open({
|
|
15344
|
+
type: "error",
|
|
15345
|
+
content: error_3.message,
|
|
15346
|
+
duration: 3,
|
|
15347
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
15348
|
+
});
|
|
15349
|
+
setLoading(false);
|
|
15350
|
+
return [3 /*break*/, 4];
|
|
15351
|
+
case 4: return [2 /*return*/];
|
|
15352
|
+
}
|
|
15353
|
+
});
|
|
15354
|
+
}); };
|
|
15258
15355
|
useEffect(function () {
|
|
15259
15356
|
getAllUser();
|
|
15260
15357
|
}, [
|
|
@@ -15377,7 +15474,13 @@ var UserManagementComponent = function (props) {
|
|
|
15377
15474
|
React.createElement(FilterOutlined, { style: {
|
|
15378
15475
|
color: "rgba(58, 53, 65, 0.3)",
|
|
15379
15476
|
fontSize: "20px",
|
|
15380
|
-
} }))))
|
|
15477
|
+
} })))),
|
|
15478
|
+
React.createElement("div", { className: "download-data-btn user-data-download" },
|
|
15479
|
+
React.createElement("a", { onClick: downloadUserData },
|
|
15480
|
+
React.createElement(DownloadOutlined, { style: {
|
|
15481
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
15482
|
+
fontSize: "20px",
|
|
15483
|
+
} })))))),
|
|
15381
15484
|
React.createElement(Row, null,
|
|
15382
15485
|
React.createElement(Col, { span: 24 },
|
|
15383
15486
|
React.createElement("div", { className: "userManagement-table-container" },
|
|
@@ -15396,13 +15499,25 @@ var UserManagementComponent = function (props) {
|
|
|
15396
15499
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
|
15397
15500
|
};
|
|
15398
15501
|
|
|
15399
|
-
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
|
15502
|
+
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\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
|
|
15400
15503
|
styleInject(css_248z$m);
|
|
15401
15504
|
|
|
15402
15505
|
var Loading = function () {
|
|
15403
15506
|
return React.createElement(Spin, { className: "loading-center", size: "large" });
|
|
15404
15507
|
};
|
|
15405
15508
|
|
|
15509
|
+
var GuaranteePayback;
|
|
15510
|
+
(function (GuaranteePayback) {
|
|
15511
|
+
GuaranteePayback["UPFORNT"] = "Upfront";
|
|
15512
|
+
GuaranteePayback["ANNUAL"] = "Annual";
|
|
15513
|
+
})(GuaranteePayback || (GuaranteePayback = {}));
|
|
15514
|
+
var InsurancePayback;
|
|
15515
|
+
(function (InsurancePayback) {
|
|
15516
|
+
InsurancePayback["LUMPSUM"] = "LumpSum";
|
|
15517
|
+
InsurancePayback["ANNUAL"] = "Annual";
|
|
15518
|
+
})(InsurancePayback || (InsurancePayback = {}));
|
|
15519
|
+
|
|
15520
|
+
var RangePicker$3 = DatePicker.RangePicker;
|
|
15406
15521
|
var InvestmentCreationComponent = function (props) {
|
|
15407
15522
|
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
15408
15523
|
var state = useLocation().state;
|
|
@@ -15423,8 +15538,9 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15423
15538
|
label: addSpaces(Object.values(Instrument)[index]),
|
|
15424
15539
|
value: Object.values(Instrument)[index],
|
|
15425
15540
|
}); });
|
|
15426
|
-
var onInstrumentChange = function (
|
|
15427
|
-
|
|
15541
|
+
var onInstrumentChange = function (e) {
|
|
15542
|
+
console.log("radio checked", e.target.value);
|
|
15543
|
+
setInstrument([e.target.value]);
|
|
15428
15544
|
};
|
|
15429
15545
|
var onPercentageChange = function (value) {
|
|
15430
15546
|
setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
|
|
@@ -15547,7 +15663,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15547
15663
|
if (!data) {
|
|
15548
15664
|
return React.createElement(Loading, null);
|
|
15549
15665
|
}
|
|
15550
|
-
console.log(
|
|
15666
|
+
console.log("data", data);
|
|
15551
15667
|
var companyName = {};
|
|
15552
15668
|
if (data && Object.keys(data)[0] !== "ownership") {
|
|
15553
15669
|
for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
|
|
@@ -15582,6 +15698,16 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15582
15698
|
if (payload.paymentPerMetric) {
|
|
15583
15699
|
payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
|
15584
15700
|
}
|
|
15701
|
+
if (payload.period) {
|
|
15702
|
+
payload.period[0] = moment(payload.period[0]).startOf("day").unix();
|
|
15703
|
+
payload.period[1] = moment(payload.period[1]).endOf("day").unix();
|
|
15704
|
+
}
|
|
15705
|
+
if (payload.startOfPayback) {
|
|
15706
|
+
payload.startOfPayback = moment(payload.startOfPayback)
|
|
15707
|
+
.startOf("day")
|
|
15708
|
+
.unix();
|
|
15709
|
+
}
|
|
15710
|
+
payload.instrument = [payload.instrument];
|
|
15585
15711
|
payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
|
|
15586
15712
|
payload.percentage = val.percentage;
|
|
15587
15713
|
payload.toCompanyId = Number(payload.toCompanyId);
|
|
@@ -15627,7 +15753,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15627
15753
|
}
|
|
15628
15754
|
};
|
|
15629
15755
|
var onChangeTypeCreation = function (e) {
|
|
15630
|
-
console.log(
|
|
15756
|
+
console.log("radio checked", e.target.value);
|
|
15631
15757
|
setTypeCreation(e.target.value);
|
|
15632
15758
|
};
|
|
15633
15759
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
|
@@ -15693,8 +15819,30 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15693
15819
|
React.createElement(Input, { size: "large" }))))),
|
|
15694
15820
|
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15695
15821
|
React.createElement(Col, { xl: 24, md: 24 },
|
|
15696
|
-
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
15697
|
-
|
|
15822
|
+
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
15823
|
+
//wrapperCol={{ span: 24 }}
|
|
15824
|
+
required: true, className: "investment-radio-button", rules: [
|
|
15825
|
+
{
|
|
15826
|
+
required: true,
|
|
15827
|
+
message: "",
|
|
15828
|
+
},
|
|
15829
|
+
{
|
|
15830
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15831
|
+
return __generator(this, function (_a) {
|
|
15832
|
+
if (String(value).trim() === "" ||
|
|
15833
|
+
String(value).trim() === undefined ||
|
|
15834
|
+
value === null ||
|
|
15835
|
+
value === undefined) {
|
|
15836
|
+
throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
|
|
15837
|
+
}
|
|
15838
|
+
return [2 /*return*/];
|
|
15839
|
+
});
|
|
15840
|
+
}); },
|
|
15841
|
+
},
|
|
15842
|
+
] },
|
|
15843
|
+
React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
|
|
15844
|
+
return (React.createElement(Radio, { value: e.value }, e.label));
|
|
15845
|
+
}))))),
|
|
15698
15846
|
instrument &&
|
|
15699
15847
|
instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15700
15848
|
React.createElement(Col, { xl: 8, md: 12 },
|
|
@@ -15725,6 +15873,160 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15725
15873
|
},
|
|
15726
15874
|
] },
|
|
15727
15875
|
React.createElement(Input, { size: "large" })))))),
|
|
15876
|
+
instrument &&
|
|
15877
|
+
(instrument.indexOf(Instrument.CONLOAN) >= 0 ||
|
|
15878
|
+
instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
|
|
15879
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15880
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15881
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15882
|
+
{
|
|
15883
|
+
required: true,
|
|
15884
|
+
message: "",
|
|
15885
|
+
},
|
|
15886
|
+
{
|
|
15887
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15888
|
+
return __generator(this, function (_a) {
|
|
15889
|
+
if (String(value).trim() === "" ||
|
|
15890
|
+
String(value).trim() ===
|
|
15891
|
+
undefined ||
|
|
15892
|
+
value === null ||
|
|
15893
|
+
value === undefined) {
|
|
15894
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15895
|
+
}
|
|
15896
|
+
else if (!isNaN(value)) {
|
|
15897
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15898
|
+
}
|
|
15899
|
+
else {
|
|
15900
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15901
|
+
}
|
|
15902
|
+
});
|
|
15903
|
+
}); },
|
|
15904
|
+
},
|
|
15905
|
+
] },
|
|
15906
|
+
React.createElement(Input, { size: "large" })))),
|
|
15907
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15908
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15909
|
+
React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
|
|
15910
|
+
{
|
|
15911
|
+
required: true,
|
|
15912
|
+
message: "",
|
|
15913
|
+
},
|
|
15914
|
+
{
|
|
15915
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15916
|
+
return __generator(this, function (_a) {
|
|
15917
|
+
if (String(value).trim() === "" ||
|
|
15918
|
+
String(value).trim() ===
|
|
15919
|
+
undefined ||
|
|
15920
|
+
value === null ||
|
|
15921
|
+
value === undefined) {
|
|
15922
|
+
throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
|
|
15923
|
+
}
|
|
15924
|
+
return [2 /*return*/];
|
|
15925
|
+
});
|
|
15926
|
+
}); },
|
|
15927
|
+
},
|
|
15928
|
+
] },
|
|
15929
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15930
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15931
|
+
React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
|
|
15932
|
+
{
|
|
15933
|
+
required: true,
|
|
15934
|
+
message: "",
|
|
15935
|
+
},
|
|
15936
|
+
{
|
|
15937
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15938
|
+
return __generator(this, function (_a) {
|
|
15939
|
+
if (String(value).trim() === "" ||
|
|
15940
|
+
String(value).trim() ===
|
|
15941
|
+
undefined ||
|
|
15942
|
+
value === null ||
|
|
15943
|
+
value === undefined) {
|
|
15944
|
+
throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
|
|
15945
|
+
}
|
|
15946
|
+
return [2 /*return*/];
|
|
15947
|
+
});
|
|
15948
|
+
}); },
|
|
15949
|
+
},
|
|
15950
|
+
] },
|
|
15951
|
+
React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
|
|
15952
|
+
return currentDate < moment().startOf("day");
|
|
15953
|
+
} })))))),
|
|
15954
|
+
instrument &&
|
|
15955
|
+
instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
|
|
15956
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15957
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15958
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15959
|
+
{
|
|
15960
|
+
required: true,
|
|
15961
|
+
message: "",
|
|
15962
|
+
},
|
|
15963
|
+
{
|
|
15964
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15965
|
+
return __generator(this, function (_a) {
|
|
15966
|
+
if (String(value).trim() === "" ||
|
|
15967
|
+
String(value).trim() ===
|
|
15968
|
+
undefined ||
|
|
15969
|
+
value === null ||
|
|
15970
|
+
value === undefined) {
|
|
15971
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15972
|
+
}
|
|
15973
|
+
else if (!isNaN(value)) {
|
|
15974
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15975
|
+
}
|
|
15976
|
+
else {
|
|
15977
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15978
|
+
}
|
|
15979
|
+
});
|
|
15980
|
+
}); },
|
|
15981
|
+
},
|
|
15982
|
+
] },
|
|
15983
|
+
React.createElement(Input, { size: "large" })))),
|
|
15984
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15985
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15986
|
+
React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
|
|
15987
|
+
{
|
|
15988
|
+
required: true,
|
|
15989
|
+
message: "",
|
|
15990
|
+
},
|
|
15991
|
+
{
|
|
15992
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15993
|
+
return __generator(this, function (_a) {
|
|
15994
|
+
if (String(value).trim() === "" ||
|
|
15995
|
+
String(value).trim() ===
|
|
15996
|
+
undefined ||
|
|
15997
|
+
value === null ||
|
|
15998
|
+
value === undefined) {
|
|
15999
|
+
throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
|
|
16000
|
+
}
|
|
16001
|
+
return [2 /*return*/];
|
|
16002
|
+
});
|
|
16003
|
+
}); },
|
|
16004
|
+
},
|
|
16005
|
+
] },
|
|
16006
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
16007
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
16008
|
+
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
|
|
16009
|
+
{
|
|
16010
|
+
required: true,
|
|
16011
|
+
message: "",
|
|
16012
|
+
},
|
|
16013
|
+
{
|
|
16014
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16015
|
+
return __generator(this, function (_a) {
|
|
16016
|
+
if (String(value).trim() === "" ||
|
|
16017
|
+
String(value).trim() ===
|
|
16018
|
+
undefined ||
|
|
16019
|
+
value === null ||
|
|
16020
|
+
value === undefined) {
|
|
16021
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16022
|
+
}
|
|
16023
|
+
return [2 /*return*/];
|
|
16024
|
+
});
|
|
16025
|
+
}); },
|
|
16026
|
+
},
|
|
16027
|
+
] },
|
|
16028
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16029
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
15728
16030
|
instrument &&
|
|
15729
16031
|
instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15730
16032
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -15789,6 +16091,32 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15789
16091
|
},
|
|
15790
16092
|
] },
|
|
15791
16093
|
React.createElement(Input, { size: "large" })))))),
|
|
16094
|
+
instrument &&
|
|
16095
|
+
instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16096
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
16097
|
+
React.createElement("div", { className: "details-part-two" },
|
|
16098
|
+
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
|
|
16099
|
+
{
|
|
16100
|
+
required: true,
|
|
16101
|
+
message: "",
|
|
16102
|
+
},
|
|
16103
|
+
{
|
|
16104
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16105
|
+
return __generator(this, function (_a) {
|
|
16106
|
+
if (String(value).trim() === "" ||
|
|
16107
|
+
String(value).trim() ===
|
|
16108
|
+
undefined ||
|
|
16109
|
+
value === null ||
|
|
16110
|
+
value === undefined) {
|
|
16111
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16112
|
+
}
|
|
16113
|
+
return [2 /*return*/];
|
|
16114
|
+
});
|
|
16115
|
+
}); },
|
|
16116
|
+
},
|
|
16117
|
+
] },
|
|
16118
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16119
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
15792
16120
|
instrument &&
|
|
15793
16121
|
instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15794
16122
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -15814,7 +16142,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15814
16142
|
},
|
|
15815
16143
|
] },
|
|
15816
16144
|
React.createElement(Input, { size: "large" })))))),
|
|
15817
|
-
React.createElement(Row, { className: "row", gutter: [
|
|
16145
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15818
16146
|
React.createElement(Col, { xl: 8, md: 12 },
|
|
15819
16147
|
React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
|
|
15820
16148
|
{
|
|
@@ -15858,73 +16186,73 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15858
16186
|
React.createElement("div", { className: "step-count" }, "02"),
|
|
15859
16187
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
15860
16188
|
description: current === 1 && (React.createElement("div", null,
|
|
15861
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
15862
|
-
React.createElement("
|
|
15863
|
-
|
|
15864
|
-
|
|
15865
|
-
return (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15866
|
-
React.createElement(Col, { xl: 8, md: 15 },
|
|
15867
|
-
React.createElement("div", { className: "label" },
|
|
15868
|
-
companyName[companyId].name,
|
|
15869
|
-
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
15870
|
-
React.createElement(Col, { xl: 8, md: 9 },
|
|
15871
|
-
React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
15872
|
-
{
|
|
15873
|
-
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
15874
|
-
message: "Percentage Should be a positive number",
|
|
15875
|
-
},
|
|
15876
|
-
{
|
|
15877
|
-
required: true,
|
|
15878
|
-
message: "Required field",
|
|
15879
|
-
},
|
|
15880
|
-
function (_a) {
|
|
15881
|
-
var getFieldValue = _a.getFieldValue;
|
|
15882
|
-
return ({
|
|
15883
|
-
validator: function (rule, v) {
|
|
15884
|
-
if (getFieldValue([
|
|
15885
|
-
"percentage",
|
|
15886
|
-
index,
|
|
15887
|
-
]) &&
|
|
15888
|
-
parseFloat(getFieldValue([
|
|
15889
|
-
"percentage",
|
|
15890
|
-
index,
|
|
15891
|
-
])) > data.proponentPercentage[index]) {
|
|
15892
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
|
15893
|
-
return Promise.reject("Amount > Available");
|
|
15894
|
-
}
|
|
15895
|
-
return Promise.resolve();
|
|
15896
|
-
},
|
|
15897
|
-
});
|
|
15898
|
-
},
|
|
15899
|
-
] },
|
|
15900
|
-
React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
15901
|
-
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
15902
|
-
onKeyPress: function (event) {
|
|
15903
|
-
if (!/[0-9\.]/.test(event.key)) {
|
|
15904
|
-
event.preventDefault();
|
|
15905
|
-
}
|
|
15906
|
-
} })),
|
|
15907
|
-
React.createElement("div", { className: "inline separator" }, "/"),
|
|
15908
|
-
React.createElement(Form.Item, { className: "inline" },
|
|
15909
|
-
React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
15910
|
-
}),
|
|
15911
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16189
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
|
|
16190
|
+
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
|
16191
|
+
data.companyId.map(function (companyId, index) {
|
|
16192
|
+
return (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15912
16193
|
React.createElement(Col, { xl: 8, md: 15 },
|
|
15913
|
-
React.createElement("div", { className: "label" },
|
|
16194
|
+
React.createElement("div", { className: "label" },
|
|
16195
|
+
companyName[companyId].name,
|
|
16196
|
+
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
15914
16197
|
React.createElement(Col, { xl: 8, md: 9 },
|
|
15915
|
-
React.createElement(Form.Item, { className: "inline", name: ["
|
|
15916
|
-
|
|
16198
|
+
React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
16199
|
+
{
|
|
16200
|
+
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
16201
|
+
message: "Percentage Should be a positive number",
|
|
16202
|
+
},
|
|
16203
|
+
{
|
|
16204
|
+
required: true,
|
|
16205
|
+
message: "Required field",
|
|
16206
|
+
},
|
|
16207
|
+
function (_a) {
|
|
16208
|
+
var getFieldValue = _a.getFieldValue;
|
|
16209
|
+
return ({
|
|
16210
|
+
validator: function (rule, v) {
|
|
16211
|
+
if (getFieldValue([
|
|
16212
|
+
"percentage",
|
|
16213
|
+
index,
|
|
16214
|
+
]) &&
|
|
16215
|
+
parseFloat(getFieldValue([
|
|
16216
|
+
"percentage",
|
|
16217
|
+
index,
|
|
16218
|
+
])) >
|
|
16219
|
+
data.proponentPercentage[index]) {
|
|
16220
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
16221
|
+
return Promise.reject("Amount > Available");
|
|
16222
|
+
}
|
|
16223
|
+
return Promise.resolve();
|
|
16224
|
+
},
|
|
16225
|
+
});
|
|
16226
|
+
},
|
|
16227
|
+
] },
|
|
16228
|
+
React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
16229
|
+
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
16230
|
+
onKeyPress: function (event) {
|
|
15917
16231
|
if (!/[0-9\.]/.test(event.key)) {
|
|
15918
16232
|
event.preventDefault();
|
|
15919
16233
|
}
|
|
15920
16234
|
} })),
|
|
15921
16235
|
React.createElement("div", { className: "inline separator" }, "/"),
|
|
15922
16236
|
React.createElement(Form.Item, { className: "inline" },
|
|
15923
|
-
React.createElement(InputNumber, {
|
|
15924
|
-
|
|
15925
|
-
|
|
15926
|
-
|
|
15927
|
-
|
|
16237
|
+
React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
16238
|
+
}),
|
|
16239
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16240
|
+
React.createElement(Col, { xl: 8, md: 15 },
|
|
16241
|
+
React.createElement("div", { className: "label" }, t("programme:total"))),
|
|
16242
|
+
React.createElement(Col, { xl: 8, md: 9 },
|
|
16243
|
+
React.createElement(Form.Item, { className: "inline", name: ["total"] },
|
|
16244
|
+
React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16245
|
+
if (!/[0-9\.]/.test(event.key)) {
|
|
16246
|
+
event.preventDefault();
|
|
16247
|
+
}
|
|
16248
|
+
} })),
|
|
16249
|
+
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16250
|
+
React.createElement(Form.Item, { className: "inline" },
|
|
16251
|
+
React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
|
|
16252
|
+
React.createElement(Form.Item, null,
|
|
16253
|
+
React.createElement("div", { className: "steps-actions" },
|
|
16254
|
+
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
16255
|
+
React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
|
|
15928
16256
|
},
|
|
15929
16257
|
] })))));
|
|
15930
16258
|
};
|
|
@@ -16063,6 +16391,7 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16063
16391
|
var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
|
|
16064
16392
|
var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
|
|
16065
16393
|
var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
|
|
16394
|
+
var _x = useState(), dataQuery = _x[0], setDataQuery = _x[1];
|
|
16066
16395
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16067
16396
|
return __generator(this, function (_a) {
|
|
16068
16397
|
console.log(checkedValues);
|
|
@@ -16159,6 +16488,12 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16159
16488
|
console.log(response);
|
|
16160
16489
|
setTableData(response.data);
|
|
16161
16490
|
setTotalProgramme(response.response.data.total);
|
|
16491
|
+
setDataQuery({
|
|
16492
|
+
filterAnd: filter,
|
|
16493
|
+
filterOr: dataFilter,
|
|
16494
|
+
sort: sort,
|
|
16495
|
+
filterBy: filterBy,
|
|
16496
|
+
});
|
|
16162
16497
|
setLoading(false);
|
|
16163
16498
|
return [3 /*break*/, 4];
|
|
16164
16499
|
case 3:
|
|
@@ -16176,8 +16511,53 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16176
16511
|
}
|
|
16177
16512
|
});
|
|
16178
16513
|
}); };
|
|
16514
|
+
var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
16515
|
+
var response, url, a, error_2;
|
|
16516
|
+
var _a;
|
|
16517
|
+
return __generator(this, function (_b) {
|
|
16518
|
+
switch (_b.label) {
|
|
16519
|
+
case 0:
|
|
16520
|
+
setLoading(true);
|
|
16521
|
+
_b.label = 1;
|
|
16522
|
+
case 1:
|
|
16523
|
+
_b.trys.push([1, 3, , 4]);
|
|
16524
|
+
return [4 /*yield*/, post("national/programme/investments/download", {
|
|
16525
|
+
filterAnd: dataQuery.filterAnd,
|
|
16526
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
16527
|
+
sort: dataQuery.sort,
|
|
16528
|
+
filterBy: dataQuery.filterBy,
|
|
16529
|
+
})];
|
|
16530
|
+
case 2:
|
|
16531
|
+
response = _b.sent();
|
|
16532
|
+
if (response && response.data) {
|
|
16533
|
+
url = response.data.url;
|
|
16534
|
+
a = document.createElement('a');
|
|
16535
|
+
a.href = url;
|
|
16536
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
16537
|
+
document.body.appendChild(a);
|
|
16538
|
+
a.click();
|
|
16539
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
16540
|
+
window.URL.revokeObjectURL(url);
|
|
16541
|
+
}
|
|
16542
|
+
setLoading(false);
|
|
16543
|
+
return [3 /*break*/, 4];
|
|
16544
|
+
case 3:
|
|
16545
|
+
error_2 = _b.sent();
|
|
16546
|
+
console.log("Error in exporting investments", error_2);
|
|
16547
|
+
message.open({
|
|
16548
|
+
type: "error",
|
|
16549
|
+
content: error_2.message,
|
|
16550
|
+
duration: 3,
|
|
16551
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
16552
|
+
});
|
|
16553
|
+
setLoading(false);
|
|
16554
|
+
return [3 /*break*/, 4];
|
|
16555
|
+
case 4: return [2 /*return*/];
|
|
16556
|
+
}
|
|
16557
|
+
});
|
|
16558
|
+
}); };
|
|
16179
16559
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
16180
|
-
var response,
|
|
16560
|
+
var response, error_3;
|
|
16181
16561
|
var _a, _b, _c, _d, _e, _f;
|
|
16182
16562
|
return __generator(this, function (_g) {
|
|
16183
16563
|
switch (_g.label) {
|
|
@@ -16209,8 +16589,8 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16209
16589
|
setLoading(false);
|
|
16210
16590
|
return [3 /*break*/, 4];
|
|
16211
16591
|
case 3:
|
|
16212
|
-
|
|
16213
|
-
console.log("Error in getting users",
|
|
16592
|
+
error_3 = _g.sent();
|
|
16593
|
+
console.log("Error in getting users", error_3);
|
|
16214
16594
|
setLoading(false);
|
|
16215
16595
|
return [3 /*break*/, 4];
|
|
16216
16596
|
case 4: return [2 /*return*/];
|
|
@@ -16241,7 +16621,7 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16241
16621
|
ministryLevelFilter,
|
|
16242
16622
|
]);
|
|
16243
16623
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16244
|
-
var response, successMsg,
|
|
16624
|
+
var response, successMsg, error_4;
|
|
16245
16625
|
return __generator(this, function (_a) {
|
|
16246
16626
|
switch (_a.label) {
|
|
16247
16627
|
case 0:
|
|
@@ -16271,10 +16651,10 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16271
16651
|
setModalVisible(false);
|
|
16272
16652
|
return [3 /*break*/, 4];
|
|
16273
16653
|
case 3:
|
|
16274
|
-
|
|
16275
|
-
console.log("Error in Cancelling transfer request",
|
|
16654
|
+
error_4 = _a.sent();
|
|
16655
|
+
console.log("Error in Cancelling transfer request", error_4);
|
|
16276
16656
|
setLoading(false);
|
|
16277
|
-
return [2 /*return*/,
|
|
16657
|
+
return [2 /*return*/, error_4.message];
|
|
16278
16658
|
case 4: return [2 /*return*/];
|
|
16279
16659
|
}
|
|
16280
16660
|
});
|
|
@@ -16540,7 +16920,13 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16540
16920
|
return e.target.value === ""
|
|
16541
16921
|
? setSearch(e.target.value)
|
|
16542
16922
|
: setSearchText(e.target.value);
|
|
16543
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
16923
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
16924
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
16925
|
+
React.createElement("a", { onClick: downloadInvestmentData },
|
|
16926
|
+
React.createElement(DownloadOutlined, { style: {
|
|
16927
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
16928
|
+
fontSize: "20px",
|
|
16929
|
+
} })))))),
|
|
16544
16930
|
React.createElement(Row, null,
|
|
16545
16931
|
React.createElement(Col, { span: 24 },
|
|
16546
16932
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -17440,6 +17826,7 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17440
17826
|
var _m = useState(), dataFilter = _m[0]; _m[1];
|
|
17441
17827
|
var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
|
17442
17828
|
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
|
17829
|
+
var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
|
17443
17830
|
var Search = Input.Search;
|
|
17444
17831
|
var post = useConnection().post;
|
|
17445
17832
|
var userInfoState = useUserContext().userInfoState;
|
|
@@ -17447,7 +17834,7 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17447
17834
|
label: addSpaces(Object.values(NdcActionStatus)[index]),
|
|
17448
17835
|
value: Object.values(NdcActionStatus)[index],
|
|
17449
17836
|
}); });
|
|
17450
|
-
var
|
|
17837
|
+
var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
|
17451
17838
|
var getNdcActionNames = function (action) {
|
|
17452
17839
|
switch (action) {
|
|
17453
17840
|
case NdcActionTypes.Adaptation:
|
|
@@ -17629,6 +18016,11 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17629
18016
|
response = _a.sent();
|
|
17630
18017
|
setTableData(response.data);
|
|
17631
18018
|
setTotalProgramme(response.response.data.total);
|
|
18019
|
+
setDataQuery({
|
|
18020
|
+
filterAnd: filter,
|
|
18021
|
+
filterBy: filterBy,
|
|
18022
|
+
sort: sort,
|
|
18023
|
+
});
|
|
17632
18024
|
setLoading(false);
|
|
17633
18025
|
return [3 /*break*/, 4];
|
|
17634
18026
|
case 3:
|
|
@@ -17687,6 +18079,49 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17687
18079
|
}
|
|
17688
18080
|
});
|
|
17689
18081
|
}); };
|
|
18082
|
+
var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
18083
|
+
var response, url, a, error_3;
|
|
18084
|
+
return __generator(this, function (_a) {
|
|
18085
|
+
switch (_a.label) {
|
|
18086
|
+
case 0:
|
|
18087
|
+
setLoading(true);
|
|
18088
|
+
_a.label = 1;
|
|
18089
|
+
case 1:
|
|
18090
|
+
_a.trys.push([1, 3, , 4]);
|
|
18091
|
+
return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
|
|
18092
|
+
filterAnd: dataQuery.filterAnd,
|
|
18093
|
+
filterBy: dataQuery.filterBy,
|
|
18094
|
+
sort: dataQuery.sort,
|
|
18095
|
+
})];
|
|
18096
|
+
case 2:
|
|
18097
|
+
response = _a.sent();
|
|
18098
|
+
if (response && response.data) {
|
|
18099
|
+
url = response.data.url;
|
|
18100
|
+
a = document.createElement('a');
|
|
18101
|
+
a.href = url;
|
|
18102
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
18103
|
+
document.body.appendChild(a);
|
|
18104
|
+
a.click();
|
|
18105
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
18106
|
+
window.URL.revokeObjectURL(url);
|
|
18107
|
+
}
|
|
18108
|
+
setLoading(false);
|
|
18109
|
+
return [3 /*break*/, 4];
|
|
18110
|
+
case 3:
|
|
18111
|
+
error_3 = _a.sent();
|
|
18112
|
+
console.log("Error in exporting NDC Actions", error_3);
|
|
18113
|
+
message.open({
|
|
18114
|
+
type: "error",
|
|
18115
|
+
content: error_3.message,
|
|
18116
|
+
duration: 3,
|
|
18117
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
18118
|
+
});
|
|
18119
|
+
setLoading(false);
|
|
18120
|
+
return [3 /*break*/, 4];
|
|
18121
|
+
case 4: return [2 /*return*/];
|
|
18122
|
+
}
|
|
18123
|
+
});
|
|
18124
|
+
}); };
|
|
17690
18125
|
useEffect(function () {
|
|
17691
18126
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
17692
18127
|
getUserDetails();
|
|
@@ -17782,7 +18217,13 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17782
18217
|
return e.target.value === ""
|
|
17783
18218
|
? setSearch(e.target.value)
|
|
17784
18219
|
: setSearchText(e.target.value);
|
|
17785
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
18220
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
18221
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
18222
|
+
React.createElement("a", { onClick: downloadNdcData },
|
|
18223
|
+
React.createElement(DownloadOutlined, { style: {
|
|
18224
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
18225
|
+
fontSize: "20px",
|
|
18226
|
+
} })))))),
|
|
17786
18227
|
React.createElement(Row, null,
|
|
17787
18228
|
React.createElement(Col, { span: 24 },
|
|
17788
18229
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -22216,7 +22657,7 @@ var NdcActionViewComponent = function (props) {
|
|
|
22216
22657
|
var css_248z$e = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
|
|
22217
22658
|
styleInject(css_248z$e);
|
|
22218
22659
|
|
|
22219
|
-
var css_248z$d = ".credit-transfer-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.credit-transfer-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.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-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.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
22660
|
+
var css_248z$d = ".credit-transfer-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.credit-transfer-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.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-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.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .ministry-level-filter-checkbox {\n margin-left: 0px !important; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
22220
22661
|
styleInject(css_248z$d);
|
|
22221
22662
|
|
|
22222
22663
|
function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
|
|
@@ -22395,6 +22836,7 @@ var CreditTransferComponent = function (props) {
|
|
|
22395
22836
|
var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
|
|
22396
22837
|
var _z = useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
|
|
22397
22838
|
var _0 = useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
|
|
22839
|
+
var _1 = useState(), dataQuery = _1[0], setDataQuery = _1[1];
|
|
22398
22840
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22399
22841
|
return __generator(this, function (_a) {
|
|
22400
22842
|
console.log(checkedValues);
|
|
@@ -22498,6 +22940,12 @@ var CreditTransferComponent = function (props) {
|
|
|
22498
22940
|
console.log(response);
|
|
22499
22941
|
setTableData(response.data);
|
|
22500
22942
|
setTotalProgramme(response.response.data.total);
|
|
22943
|
+
setDataQuery({
|
|
22944
|
+
filterAnd: filter,
|
|
22945
|
+
filterOr: dataFilter,
|
|
22946
|
+
sort: sort,
|
|
22947
|
+
filterBy: filterBy,
|
|
22948
|
+
});
|
|
22501
22949
|
setLoading(false);
|
|
22502
22950
|
return [3 /*break*/, 4];
|
|
22503
22951
|
case 3:
|
|
@@ -22515,8 +22963,53 @@ var CreditTransferComponent = function (props) {
|
|
|
22515
22963
|
}
|
|
22516
22964
|
});
|
|
22517
22965
|
}); };
|
|
22966
|
+
var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
22967
|
+
var response, url, a, error_2;
|
|
22968
|
+
var _a;
|
|
22969
|
+
return __generator(this, function (_b) {
|
|
22970
|
+
switch (_b.label) {
|
|
22971
|
+
case 0:
|
|
22972
|
+
setLoading(true);
|
|
22973
|
+
_b.label = 1;
|
|
22974
|
+
case 1:
|
|
22975
|
+
_b.trys.push([1, 3, , 4]);
|
|
22976
|
+
return [4 /*yield*/, post("national/programme/transfers/download", {
|
|
22977
|
+
filterAnd: dataQuery.filterAnd,
|
|
22978
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
22979
|
+
sort: dataQuery.sort,
|
|
22980
|
+
filterBy: dataQuery.filterBy,
|
|
22981
|
+
})];
|
|
22982
|
+
case 2:
|
|
22983
|
+
response = _b.sent();
|
|
22984
|
+
if (response && response.data) {
|
|
22985
|
+
url = response.data.url;
|
|
22986
|
+
a = document.createElement('a');
|
|
22987
|
+
a.href = url;
|
|
22988
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
22989
|
+
document.body.appendChild(a);
|
|
22990
|
+
a.click();
|
|
22991
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
22992
|
+
window.URL.revokeObjectURL(url);
|
|
22993
|
+
}
|
|
22994
|
+
setLoading(false);
|
|
22995
|
+
return [3 /*break*/, 4];
|
|
22996
|
+
case 3:
|
|
22997
|
+
error_2 = _b.sent();
|
|
22998
|
+
console.log("Error in exporting transfers", error_2);
|
|
22999
|
+
message.open({
|
|
23000
|
+
type: "error",
|
|
23001
|
+
content: error_2.message,
|
|
23002
|
+
duration: 3,
|
|
23003
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
23004
|
+
});
|
|
23005
|
+
setLoading(false);
|
|
23006
|
+
return [3 /*break*/, 4];
|
|
23007
|
+
case 4: return [2 /*return*/];
|
|
23008
|
+
}
|
|
23009
|
+
});
|
|
23010
|
+
}); };
|
|
22518
23011
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
22519
|
-
var response,
|
|
23012
|
+
var response, error_3;
|
|
22520
23013
|
var _a, _b, _c, _d, _e, _f;
|
|
22521
23014
|
return __generator(this, function (_g) {
|
|
22522
23015
|
switch (_g.label) {
|
|
@@ -22548,8 +23041,8 @@ var CreditTransferComponent = function (props) {
|
|
|
22548
23041
|
setLoading(false);
|
|
22549
23042
|
return [3 /*break*/, 4];
|
|
22550
23043
|
case 3:
|
|
22551
|
-
|
|
22552
|
-
console.log("Error in getting users",
|
|
23044
|
+
error_3 = _g.sent();
|
|
23045
|
+
console.log("Error in getting users", error_3);
|
|
22553
23046
|
setLoading(false);
|
|
22554
23047
|
return [3 /*break*/, 4];
|
|
22555
23048
|
case 4: return [2 /*return*/];
|
|
@@ -22573,7 +23066,7 @@ var CreditTransferComponent = function (props) {
|
|
|
22573
23066
|
}
|
|
22574
23067
|
}, []);
|
|
22575
23068
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22576
|
-
var response, successMsg,
|
|
23069
|
+
var response, successMsg, error_4;
|
|
22577
23070
|
return __generator(this, function (_a) {
|
|
22578
23071
|
switch (_a.label) {
|
|
22579
23072
|
case 0:
|
|
@@ -22603,10 +23096,10 @@ var CreditTransferComponent = function (props) {
|
|
|
22603
23096
|
setModalVisible(false);
|
|
22604
23097
|
return [3 /*break*/, 4];
|
|
22605
23098
|
case 3:
|
|
22606
|
-
|
|
22607
|
-
console.log("Error in Cancelling transfer request",
|
|
23099
|
+
error_4 = _a.sent();
|
|
23100
|
+
console.log("Error in Cancelling transfer request", error_4);
|
|
22608
23101
|
setLoading(false);
|
|
22609
|
-
return [2 /*return*/,
|
|
23102
|
+
return [2 /*return*/, error_4.message];
|
|
22610
23103
|
case 4: return [2 /*return*/];
|
|
22611
23104
|
}
|
|
22612
23105
|
});
|
|
@@ -22955,7 +23448,7 @@ var CreditTransferComponent = function (props) {
|
|
|
22955
23448
|
]
|
|
22956
23449
|
: undefined);
|
|
22957
23450
|
} }, t("view:seeMine")),
|
|
22958
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
|
23451
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
|
|
22959
23452
|
if (v.target.checked) {
|
|
22960
23453
|
setMinistryLevelFilter(true);
|
|
22961
23454
|
}
|
|
@@ -22968,7 +23461,13 @@ var CreditTransferComponent = function (props) {
|
|
|
22968
23461
|
return e.target.value === ""
|
|
22969
23462
|
? setSearch(e.target.value)
|
|
22970
23463
|
: setSearchText(e.target.value);
|
|
22971
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
23464
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
23465
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
23466
|
+
React.createElement("a", { onClick: downloadTransferData },
|
|
23467
|
+
React.createElement(DownloadOutlined, { style: {
|
|
23468
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
23469
|
+
fontSize: "20px",
|
|
23470
|
+
} })))))),
|
|
22972
23471
|
React.createElement(Row, null,
|
|
22973
23472
|
React.createElement(Col, { span: 24 },
|
|
22974
23473
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -26754,7 +27253,21 @@ var EditableCell = function (_a) {
|
|
|
26754
27253
|
}); },
|
|
26755
27254
|
},
|
|
26756
27255
|
] },
|
|
26757
|
-
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "
|
|
27256
|
+
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
|
27257
|
+
{
|
|
27258
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
27259
|
+
var trimValue;
|
|
27260
|
+
return __generator(this, function (_a) {
|
|
27261
|
+
trimValue = typeof value === "string" ? value.trim() : value;
|
|
27262
|
+
if (!trimValue) {
|
|
27263
|
+
throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
|
|
27264
|
+
}
|
|
27265
|
+
return [2 /*return*/];
|
|
27266
|
+
});
|
|
27267
|
+
}); },
|
|
27268
|
+
},
|
|
27269
|
+
] },
|
|
27270
|
+
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
|
26758
27271
|
{
|
|
26759
27272
|
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
26760
27273
|
var trimValue;
|
|
@@ -26861,11 +27374,13 @@ var NdcDetailsComponent = function (props) {
|
|
|
26861
27374
|
: undefined;
|
|
26862
27375
|
var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
|
26863
27376
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
|
26864
|
-
var isMainNdcActionsEditable =
|
|
27377
|
+
var isMainNdcActionsEditable = selectedPeriod &&
|
|
27378
|
+
!selectedPeriod.finalized &&
|
|
26865
27379
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
|
26866
27380
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
|
26867
27381
|
var isSubNdcActionsEditable = function (record) {
|
|
26868
|
-
return (
|
|
27382
|
+
return (selectedPeriod &&
|
|
27383
|
+
!selectedPeriod.finalized &&
|
|
26869
27384
|
record.status !== NdcDetailsActionStatus.Approved &&
|
|
26870
27385
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
|
26871
27386
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
|
|
@@ -26873,7 +27388,8 @@ var NdcDetailsComponent = function (props) {
|
|
|
26873
27388
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
|
26874
27389
|
};
|
|
26875
27390
|
var checkSubNdcActionCreatePermission = function () {
|
|
26876
|
-
return (
|
|
27391
|
+
return (selectedPeriod &&
|
|
27392
|
+
!selectedPeriod.finalized &&
|
|
26877
27393
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
|
26878
27394
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
|
|
26879
27395
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
|
@@ -26886,7 +27402,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
26886
27402
|
return isSubNdcActionsEditable(record);
|
|
26887
27403
|
}
|
|
26888
27404
|
};
|
|
26889
|
-
var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
|
|
27405
|
+
var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
|
|
26890
27406
|
? ndcActionsList.filter(function (ndcDetail) {
|
|
26891
27407
|
return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
|
|
26892
27408
|
ndcDetail.actionType === NdcDetailsActionType.MainAction);
|
|
@@ -26902,6 +27418,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
26902
27418
|
actionType: NdcDetailsActionType.SubAction,
|
|
26903
27419
|
nationalPlanObjective: "",
|
|
26904
27420
|
kpi: "",
|
|
27421
|
+
kpiUnit: "",
|
|
26905
27422
|
ministryName: loginMinistry,
|
|
26906
27423
|
status: NdcDetailsActionStatus.New,
|
|
26907
27424
|
parentActionId: mainActionId,
|
|
@@ -26913,6 +27430,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
26913
27430
|
form.setFieldsValue({
|
|
26914
27431
|
nationalPlanObjective: "",
|
|
26915
27432
|
kpi: "",
|
|
27433
|
+
kpiUnit: "",
|
|
26916
27434
|
});
|
|
26917
27435
|
}
|
|
26918
27436
|
setSubNdcActionsForPeriod(subNdcDetails);
|
|
@@ -26954,6 +27472,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
26954
27472
|
return [2 /*return*/];
|
|
26955
27473
|
}
|
|
26956
27474
|
else if (updatedFields.kpi === row.kpi &&
|
|
27475
|
+
updatedFields.kpiUnit === row.kpiUnit &&
|
|
26957
27476
|
updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
|
|
26958
27477
|
ClearEditMode();
|
|
26959
27478
|
return [2 /*return*/];
|
|
@@ -26967,13 +27486,13 @@ var NdcDetailsComponent = function (props) {
|
|
|
26967
27486
|
else {
|
|
26968
27487
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
|
26969
27488
|
}
|
|
26970
|
-
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
|
27489
|
+
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
|
26971
27490
|
case 5:
|
|
26972
27491
|
_a.sent();
|
|
26973
27492
|
return [3 /*break*/, 8];
|
|
26974
27493
|
case 6:
|
|
26975
27494
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
|
26976
|
-
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
|
27495
|
+
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
|
26977
27496
|
case 7:
|
|
26978
27497
|
_a.sent();
|
|
26979
27498
|
_a.label = 8;
|
|
@@ -26998,6 +27517,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
26998
27517
|
var actionMenu = function (record) {
|
|
26999
27518
|
if (record.status === NdcDetailsActionStatus.Pending &&
|
|
27000
27519
|
isGovernmentUser &&
|
|
27520
|
+
selectedPeriod &&
|
|
27001
27521
|
!selectedPeriod.finalized) {
|
|
27002
27522
|
return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
|
27003
27523
|
{
|
|
@@ -27057,7 +27577,17 @@ var NdcDetailsComponent = function (props) {
|
|
|
27057
27577
|
width: 100,
|
|
27058
27578
|
editable: true,
|
|
27059
27579
|
render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
|
27060
|
-
React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "
|
|
27580
|
+
React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
|
|
27581
|
+
},
|
|
27582
|
+
{
|
|
27583
|
+
title: t("ndc:ndcColumnsKpiUnit"),
|
|
27584
|
+
dataIndex: "kpiUnit",
|
|
27585
|
+
key: "kpiUnit",
|
|
27586
|
+
align: "left",
|
|
27587
|
+
width: 100,
|
|
27588
|
+
editable: true,
|
|
27589
|
+
render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpiUnit ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
|
27590
|
+
React.createElement("span", null, record.kpiUnit))) : (React.createElement(Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
|
|
27061
27591
|
},
|
|
27062
27592
|
{
|
|
27063
27593
|
title: t("ndc:ndcColumnsMinistry"),
|
|
@@ -27121,6 +27651,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27121
27651
|
form.setFieldsValue({
|
|
27122
27652
|
nationalPlanObjective: "",
|
|
27123
27653
|
kpi: "",
|
|
27654
|
+
kpiUnit: "",
|
|
27124
27655
|
});
|
|
27125
27656
|
periodId = parseInt(selectedPeriod.key);
|
|
27126
27657
|
newData_1 = {
|
|
@@ -27128,6 +27659,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27128
27659
|
actionType: NdcDetailsActionType.MainAction,
|
|
27129
27660
|
nationalPlanObjective: "",
|
|
27130
27661
|
kpi: "",
|
|
27662
|
+
kpiUnit: "",
|
|
27131
27663
|
ministryName: loginMinistry,
|
|
27132
27664
|
periodId: periodId,
|
|
27133
27665
|
status: NdcDetailsActionStatus.New,
|
|
@@ -27266,10 +27798,11 @@ var NdcDetailsComponent = function (props) {
|
|
|
27266
27798
|
};
|
|
27267
27799
|
}, footer: function () {
|
|
27268
27800
|
return isGovernmentUser &&
|
|
27801
|
+
selectedPeriod &&
|
|
27269
27802
|
!selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
|
|
27270
27803
|
React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
|
|
27271
27804
|
} })))),
|
|
27272
|
-
isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
|
27805
|
+
isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
|
27273
27806
|
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
|
|
27274
27807
|
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
|
|
27275
27808
|
React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
|
|
@@ -27617,10 +28150,12 @@ var NdcDetailsComponent = function (props) {
|
|
|
27617
28150
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
|
27618
28151
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
|
27619
28152
|
React.createElement("div", null,
|
|
27620
|
-
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
|
|
27621
|
-
React.createElement("div", null, selectedPeriod
|
|
27622
|
-
?
|
|
27623
|
-
|
|
28153
|
+
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
|
|
28154
|
+
React.createElement("div", null, selectedPeriod
|
|
28155
|
+
? selectedPeriod.key === "add_new"
|
|
28156
|
+
? addNewPeriodContent()
|
|
28157
|
+
: mainNdcActionTableContent()
|
|
28158
|
+
: ""),
|
|
27624
28159
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
|
|
27625
28160
|
};
|
|
27626
28161
|
|
|
@@ -28194,8 +28729,8 @@ var ProgrammeTransferForm = function (props) {
|
|
|
28194
28729
|
},
|
|
28195
28730
|
{
|
|
28196
28731
|
key: "companyRole",
|
|
28197
|
-
operation: "
|
|
28198
|
-
value:
|
|
28732
|
+
operation: "=",
|
|
28733
|
+
value: CompanyRole.PROGRAMME_DEVELOPER,
|
|
28199
28734
|
},
|
|
28200
28735
|
],
|
|
28201
28736
|
sort: {
|
|
@@ -29379,7 +29914,7 @@ var TimelineBody = function (props) {
|
|
|
29379
29914
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
29380
29915
|
};
|
|
29381
29916
|
|
|
29382
|
-
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius:
|
|
29917
|
+
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";
|
|
29383
29918
|
styleInject(css_248z$2);
|
|
29384
29919
|
|
|
29385
29920
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
|
@@ -29833,14 +30368,26 @@ var GHGEmissionsComponent = function (props) {
|
|
|
29833
30368
|
var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
|
29834
30369
|
var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
|
29835
30370
|
var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
|
29836
|
-
var _20 = useState(
|
|
29837
|
-
|
|
29838
|
-
|
|
29839
|
-
|
|
29840
|
-
|
|
29841
|
-
|
|
29842
|
-
var
|
|
29843
|
-
|
|
30371
|
+
var _20 = useState({
|
|
30372
|
+
totalCo2WithoutLand_ch4: 0,
|
|
30373
|
+
totalCo2WithoutLand_co2: 0,
|
|
30374
|
+
totalCo2WithoutLand_n2o: 0,
|
|
30375
|
+
totalCo2WithoutLand_co2eq: 0
|
|
30376
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
|
30377
|
+
var _21 = useState({
|
|
30378
|
+
totalCo2WithLand_ch4: 0,
|
|
30379
|
+
totalCo2WithLand_co2: 0,
|
|
30380
|
+
totalCo2WithLand_n2o: 0,
|
|
30381
|
+
totalCo2WithLand_co2eq: 0
|
|
30382
|
+
}); _21[0]; _21[1];
|
|
30383
|
+
var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
|
30384
|
+
var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
|
30385
|
+
var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
|
30386
|
+
var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
|
30387
|
+
var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
|
30388
|
+
var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
|
30389
|
+
var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
|
30390
|
+
var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
|
29844
30391
|
var Panel = Collapse.Panel;
|
|
29845
30392
|
var form = Form.useForm()[0];
|
|
29846
30393
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -30995,19 +31542,35 @@ var GHGEmissionsComponent = function (props) {
|
|
|
30995
31542
|
return 0;
|
|
30996
31543
|
}
|
|
30997
31544
|
};
|
|
31545
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
31546
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
31547
|
+
var _a;
|
|
31548
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
31549
|
+
});
|
|
31550
|
+
};
|
|
31551
|
+
// Helper function to get form field value
|
|
31552
|
+
var getFieldValue = function (fieldName) {
|
|
31553
|
+
var formValues = form.getFieldsValue(true);
|
|
31554
|
+
var fieldValue = formValues[fieldName];
|
|
31555
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
31556
|
+
};
|
|
30998
31557
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
30999
31558
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
31000
31559
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
31001
31560
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
31002
31561
|
React.createElement(Row, { gutter: 16 },
|
|
31003
31562
|
React.createElement(Col, { xl: 6 },
|
|
31004
|
-
React.createElement(
|
|
31563
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
|
31564
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
|
31005
31565
|
React.createElement(Col, { xl: 6 },
|
|
31006
|
-
React.createElement(
|
|
31566
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
|
31567
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
|
31007
31568
|
React.createElement(Col, { xl: 6 },
|
|
31008
|
-
React.createElement(
|
|
31569
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
|
31570
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
|
31009
31571
|
React.createElement(Col, { xl: 6 },
|
|
31010
|
-
React.createElement(
|
|
31572
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
|
31573
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
|
31011
31574
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
31012
31575
|
var emissionsObject = tabData[panelHeading];
|
|
31013
31576
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -31016,13 +31579,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31016
31579
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31017
31580
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
31018
31581
|
React.createElement(Col, { xl: 6 },
|
|
31019
|
-
React.createElement(
|
|
31582
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31583
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
|
31020
31584
|
React.createElement(Col, { xl: 6 },
|
|
31021
|
-
React.createElement(
|
|
31585
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31586
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
|
31022
31587
|
React.createElement(Col, { xl: 6 },
|
|
31023
|
-
React.createElement(
|
|
31588
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31589
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
|
31024
31590
|
React.createElement(Col, { xl: 6 },
|
|
31025
|
-
React.createElement(
|
|
31591
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31592
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
|
31026
31593
|
};
|
|
31027
31594
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31028
31595
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31030,61 +31597,65 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31030
31597
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31031
31598
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31032
31599
|
React.createElement(Col, { xl: 6 },
|
|
31033
|
-
React.createElement(
|
|
31034
|
-
|
|
31035
|
-
|
|
31036
|
-
return
|
|
31037
|
-
|
|
31038
|
-
|
|
31039
|
-
|
|
31040
|
-
|
|
31041
|
-
|
|
31042
|
-
|
|
31043
|
-
|
|
31044
|
-
|
|
31045
|
-
|
|
31600
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
|
31601
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
|
31602
|
+
{
|
|
31603
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31604
|
+
return __generator(this, function (_a) {
|
|
31605
|
+
if (value && value < 0) {
|
|
31606
|
+
throw new Error();
|
|
31607
|
+
}
|
|
31608
|
+
return [2 /*return*/];
|
|
31609
|
+
});
|
|
31610
|
+
}); },
|
|
31611
|
+
},
|
|
31612
|
+
] },
|
|
31613
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31046
31614
|
React.createElement(Col, { xl: 6 },
|
|
31047
|
-
React.createElement(
|
|
31048
|
-
|
|
31049
|
-
|
|
31050
|
-
return
|
|
31051
|
-
|
|
31052
|
-
|
|
31053
|
-
|
|
31054
|
-
|
|
31055
|
-
|
|
31056
|
-
|
|
31057
|
-
|
|
31058
|
-
|
|
31059
|
-
|
|
31615
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
|
31616
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
|
31617
|
+
{
|
|
31618
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31619
|
+
return __generator(this, function (_a) {
|
|
31620
|
+
if (value && value < 0) {
|
|
31621
|
+
throw new Error();
|
|
31622
|
+
}
|
|
31623
|
+
return [2 /*return*/];
|
|
31624
|
+
});
|
|
31625
|
+
}); },
|
|
31626
|
+
},
|
|
31627
|
+
] },
|
|
31628
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31060
31629
|
React.createElement(Col, { xl: 6 },
|
|
31061
|
-
React.createElement(
|
|
31062
|
-
|
|
31063
|
-
|
|
31064
|
-
return
|
|
31065
|
-
|
|
31066
|
-
|
|
31067
|
-
|
|
31068
|
-
|
|
31069
|
-
|
|
31070
|
-
|
|
31071
|
-
|
|
31072
|
-
|
|
31073
|
-
|
|
31630
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
|
31631
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
|
31632
|
+
{
|
|
31633
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31634
|
+
return __generator(this, function (_a) {
|
|
31635
|
+
if (value && value < 0) {
|
|
31636
|
+
throw new Error();
|
|
31637
|
+
}
|
|
31638
|
+
return [2 /*return*/];
|
|
31639
|
+
});
|
|
31640
|
+
}); },
|
|
31641
|
+
},
|
|
31642
|
+
] },
|
|
31643
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31074
31644
|
React.createElement(Col, { xl: 6 },
|
|
31075
|
-
React.createElement(
|
|
31076
|
-
|
|
31077
|
-
|
|
31078
|
-
return
|
|
31079
|
-
|
|
31080
|
-
|
|
31081
|
-
|
|
31082
|
-
|
|
31083
|
-
|
|
31084
|
-
|
|
31085
|
-
|
|
31086
|
-
|
|
31087
|
-
|
|
31645
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
|
31646
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
|
31647
|
+
{
|
|
31648
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31649
|
+
return __generator(this, function (_a) {
|
|
31650
|
+
if (value && value < 0) {
|
|
31651
|
+
throw new Error();
|
|
31652
|
+
}
|
|
31653
|
+
return [2 /*return*/];
|
|
31654
|
+
});
|
|
31655
|
+
}); },
|
|
31656
|
+
},
|
|
31657
|
+
] },
|
|
31658
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
31088
31659
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
|
31089
31660
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31090
31661
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31092,13 +31663,21 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31092
31663
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31093
31664
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31094
31665
|
React.createElement(Col, { xl: 6 },
|
|
31095
|
-
React.createElement(
|
|
31666
|
+
React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
|
31667
|
+
React.createElement("div", null,
|
|
31668
|
+
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
|
31096
31669
|
React.createElement(Col, { xl: 6 },
|
|
31097
|
-
React.createElement(
|
|
31670
|
+
React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
|
31671
|
+
React.createElement("div", null,
|
|
31672
|
+
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
|
31098
31673
|
React.createElement(Col, { xl: 6 },
|
|
31099
|
-
React.createElement(
|
|
31674
|
+
React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
|
31675
|
+
React.createElement("div", null,
|
|
31676
|
+
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
|
31100
31677
|
React.createElement(Col, { xl: 6 },
|
|
31101
|
-
React.createElement(
|
|
31678
|
+
React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
|
31679
|
+
React.createElement("div", null,
|
|
31680
|
+
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
|
31102
31681
|
};
|
|
31103
31682
|
var objectToCSV = function (dataToDownload) {
|
|
31104
31683
|
var flattenObject = function (obj, prefix) {
|
|
@@ -31169,6 +31748,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31169
31748
|
}
|
|
31170
31749
|
return false;
|
|
31171
31750
|
};
|
|
31751
|
+
var displayEmptyView = function () {
|
|
31752
|
+
if (!data || data.length === 0) {
|
|
31753
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
31754
|
+
return true;
|
|
31755
|
+
}
|
|
31756
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
31757
|
+
return true;
|
|
31758
|
+
}
|
|
31759
|
+
}
|
|
31760
|
+
return false;
|
|
31761
|
+
};
|
|
31172
31762
|
var canViewForm = function () {
|
|
31173
31763
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
31174
31764
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -31186,7 +31776,9 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31186
31776
|
React.createElement("div", { className: "title-bar" },
|
|
31187
31777
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
|
31188
31778
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
31189
|
-
React.createElement("div", { className: "content-card
|
|
31779
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
31780
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
|
31781
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
|
31190
31782
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
31191
31783
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
31192
31784
|
React.createElement("div", null,
|
|
@@ -31291,13 +31883,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31291
31883
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31292
31884
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
31293
31885
|
React.createElement(Col, { xl: 6 },
|
|
31294
|
-
React.createElement(
|
|
31886
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
|
31887
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
|
31295
31888
|
React.createElement(Col, { xl: 6 },
|
|
31296
|
-
React.createElement(
|
|
31889
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
|
31890
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
|
31297
31891
|
React.createElement(Col, { xl: 6 },
|
|
31298
|
-
React.createElement(
|
|
31892
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
|
31893
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
|
31299
31894
|
React.createElement(Col, { xl: 6 },
|
|
31300
|
-
React.createElement(
|
|
31895
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
|
31896
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
|
31301
31897
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31302
31898
|
var isActive = _a.isActive;
|
|
31303
31899
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31322,122 +31918,130 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31322
31918
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31323
31919
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31324
31920
|
React.createElement(Col, { xl: 6 },
|
|
31325
|
-
React.createElement(
|
|
31326
|
-
|
|
31327
|
-
|
|
31328
|
-
return
|
|
31329
|
-
|
|
31330
|
-
|
|
31331
|
-
|
|
31332
|
-
|
|
31333
|
-
|
|
31334
|
-
|
|
31335
|
-
|
|
31336
|
-
|
|
31337
|
-
|
|
31921
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
|
31922
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
|
31923
|
+
{
|
|
31924
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31925
|
+
return __generator(this, function (_a) {
|
|
31926
|
+
if (value && value < 0) {
|
|
31927
|
+
throw new Error();
|
|
31928
|
+
}
|
|
31929
|
+
return [2 /*return*/];
|
|
31930
|
+
});
|
|
31931
|
+
}); },
|
|
31932
|
+
},
|
|
31933
|
+
] },
|
|
31934
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31338
31935
|
React.createElement(Col, { xl: 6 },
|
|
31339
|
-
React.createElement(
|
|
31340
|
-
|
|
31341
|
-
|
|
31342
|
-
return
|
|
31343
|
-
|
|
31344
|
-
|
|
31345
|
-
|
|
31346
|
-
|
|
31347
|
-
|
|
31348
|
-
|
|
31349
|
-
|
|
31350
|
-
|
|
31351
|
-
|
|
31936
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
|
31937
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
|
31938
|
+
{
|
|
31939
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31940
|
+
return __generator(this, function (_a) {
|
|
31941
|
+
if (value && value < 0) {
|
|
31942
|
+
throw new Error();
|
|
31943
|
+
}
|
|
31944
|
+
return [2 /*return*/];
|
|
31945
|
+
});
|
|
31946
|
+
}); },
|
|
31947
|
+
},
|
|
31948
|
+
] },
|
|
31949
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31352
31950
|
React.createElement(Col, { xl: 6 },
|
|
31353
|
-
React.createElement(
|
|
31354
|
-
|
|
31355
|
-
|
|
31356
|
-
return
|
|
31357
|
-
|
|
31358
|
-
|
|
31359
|
-
|
|
31360
|
-
|
|
31361
|
-
|
|
31362
|
-
|
|
31363
|
-
|
|
31364
|
-
|
|
31365
|
-
|
|
31951
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
|
31952
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
|
31953
|
+
{
|
|
31954
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31955
|
+
return __generator(this, function (_a) {
|
|
31956
|
+
if (value && value < 0) {
|
|
31957
|
+
throw new Error();
|
|
31958
|
+
}
|
|
31959
|
+
return [2 /*return*/];
|
|
31960
|
+
});
|
|
31961
|
+
}); },
|
|
31962
|
+
},
|
|
31963
|
+
] },
|
|
31964
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31366
31965
|
React.createElement(Col, { xl: 6 },
|
|
31367
|
-
React.createElement(
|
|
31368
|
-
|
|
31369
|
-
|
|
31370
|
-
return
|
|
31371
|
-
|
|
31372
|
-
|
|
31373
|
-
|
|
31374
|
-
|
|
31375
|
-
|
|
31376
|
-
|
|
31377
|
-
|
|
31378
|
-
|
|
31379
|
-
|
|
31966
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
|
31967
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
|
31968
|
+
{
|
|
31969
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31970
|
+
return __generator(this, function (_a) {
|
|
31971
|
+
if (value && value < 0) {
|
|
31972
|
+
throw new Error();
|
|
31973
|
+
}
|
|
31974
|
+
return [2 /*return*/];
|
|
31975
|
+
});
|
|
31976
|
+
}); },
|
|
31977
|
+
},
|
|
31978
|
+
] },
|
|
31979
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31380
31980
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31381
31981
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31382
31982
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31383
31983
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31384
31984
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31385
31985
|
React.createElement(Col, { xl: 6 },
|
|
31386
|
-
React.createElement(
|
|
31387
|
-
|
|
31388
|
-
|
|
31389
|
-
return
|
|
31390
|
-
|
|
31391
|
-
|
|
31392
|
-
|
|
31393
|
-
|
|
31394
|
-
|
|
31395
|
-
|
|
31396
|
-
|
|
31397
|
-
|
|
31398
|
-
|
|
31986
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
|
31987
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
|
31988
|
+
{
|
|
31989
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31990
|
+
return __generator(this, function (_a) {
|
|
31991
|
+
if (value && value < 0) {
|
|
31992
|
+
throw new Error();
|
|
31993
|
+
}
|
|
31994
|
+
return [2 /*return*/];
|
|
31995
|
+
});
|
|
31996
|
+
}); },
|
|
31997
|
+
},
|
|
31998
|
+
] },
|
|
31999
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31399
32000
|
React.createElement(Col, { xl: 6 },
|
|
31400
|
-
React.createElement(
|
|
31401
|
-
|
|
31402
|
-
|
|
31403
|
-
return
|
|
31404
|
-
|
|
31405
|
-
|
|
31406
|
-
|
|
31407
|
-
|
|
31408
|
-
|
|
31409
|
-
|
|
31410
|
-
|
|
31411
|
-
|
|
31412
|
-
|
|
32001
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
|
32002
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
|
32003
|
+
{
|
|
32004
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32005
|
+
return __generator(this, function (_a) {
|
|
32006
|
+
if (value && value < 0) {
|
|
32007
|
+
throw new Error();
|
|
32008
|
+
}
|
|
32009
|
+
return [2 /*return*/];
|
|
32010
|
+
});
|
|
32011
|
+
}); },
|
|
32012
|
+
},
|
|
32013
|
+
] },
|
|
32014
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31413
32015
|
React.createElement(Col, { xl: 6 },
|
|
31414
|
-
React.createElement(
|
|
31415
|
-
|
|
31416
|
-
|
|
31417
|
-
return
|
|
31418
|
-
|
|
31419
|
-
|
|
31420
|
-
|
|
31421
|
-
|
|
31422
|
-
|
|
31423
|
-
|
|
31424
|
-
|
|
31425
|
-
|
|
31426
|
-
|
|
32016
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
|
32017
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
|
32018
|
+
{
|
|
32019
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32020
|
+
return __generator(this, function (_a) {
|
|
32021
|
+
if (value && value < 0) {
|
|
32022
|
+
throw new Error();
|
|
32023
|
+
}
|
|
32024
|
+
return [2 /*return*/];
|
|
32025
|
+
});
|
|
32026
|
+
}); },
|
|
32027
|
+
},
|
|
32028
|
+
] },
|
|
32029
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31427
32030
|
React.createElement(Col, { xl: 6 },
|
|
31428
|
-
React.createElement(
|
|
31429
|
-
|
|
31430
|
-
|
|
31431
|
-
return
|
|
31432
|
-
|
|
31433
|
-
|
|
31434
|
-
|
|
31435
|
-
|
|
31436
|
-
|
|
31437
|
-
|
|
31438
|
-
|
|
31439
|
-
|
|
31440
|
-
|
|
32031
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
|
32032
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
|
32033
|
+
{
|
|
32034
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32035
|
+
return __generator(this, function (_a) {
|
|
32036
|
+
if (value && value < 0) {
|
|
32037
|
+
throw new Error();
|
|
32038
|
+
}
|
|
32039
|
+
return [2 /*return*/];
|
|
32040
|
+
});
|
|
32041
|
+
}); },
|
|
32042
|
+
},
|
|
32043
|
+
] },
|
|
32044
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31441
32045
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
31442
32046
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
31443
32047
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -31446,7 +32050,7 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31446
32050
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
31447
32051
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
31448
32052
|
data.map(function (tabData) {
|
|
31449
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
32053
|
+
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;
|
|
31450
32054
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
31451
32055
|
tabData.year,
|
|
31452
32056
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -31486,13 +32090,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31486
32090
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
31487
32091
|
React.createElement(Row, { gutter: 16 },
|
|
31488
32092
|
React.createElement(Col, { xl: 6 },
|
|
31489
|
-
React.createElement(
|
|
32093
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
|
32094
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
|
31490
32095
|
React.createElement(Col, { xl: 6 },
|
|
31491
|
-
React.createElement(
|
|
32096
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
|
32097
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
|
31492
32098
|
React.createElement(Col, { xl: 6 },
|
|
31493
|
-
React.createElement(
|
|
32099
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
|
32100
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
|
31494
32101
|
React.createElement(Col, { xl: 6 },
|
|
31495
|
-
React.createElement(
|
|
32102
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
|
32103
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
|
31496
32104
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31497
32105
|
var isActive = _a.isActive;
|
|
31498
32106
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31547,49 +32155,81 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31547
32155
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31548
32156
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31549
32157
|
React.createElement(Col, { xl: 6 },
|
|
31550
|
-
React.createElement(
|
|
32158
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
|
31551
32159
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
|
31552
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
|
32160
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
|
32161
|
+
React.createElement("div", null,
|
|
32162
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
|
32163
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
|
32164
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
|
31553
32165
|
React.createElement(Col, { xl: 6 },
|
|
31554
|
-
React.createElement(
|
|
31555
|
-
? addCommSep(Number((
|
|
31556
|
-
: (
|
|
32166
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
|
32167
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
|
32168
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
|
32169
|
+
React.createElement("div", null,
|
|
32170
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
|
32171
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
|
32172
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
|
31557
32173
|
React.createElement(Col, { xl: 6 },
|
|
31558
|
-
React.createElement(
|
|
31559
|
-
? addCommSep(Number((
|
|
31560
|
-
: (
|
|
32174
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
|
32175
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
|
32176
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
|
32177
|
+
React.createElement("div", null,
|
|
32178
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
|
32179
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
|
32180
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
|
31561
32181
|
React.createElement(Col, { xl: 6 },
|
|
31562
|
-
React.createElement(
|
|
31563
|
-
? addCommSep(Number((
|
|
31564
|
-
: (
|
|
32182
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
|
32183
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
|
32184
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
|
32185
|
+
React.createElement("div", null,
|
|
32186
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
|
32187
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
|
32188
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
|
31565
32189
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31566
32190
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31567
32191
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31568
32192
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31569
32193
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31570
32194
|
React.createElement(Col, { xl: 6 },
|
|
31571
|
-
React.createElement(
|
|
31572
|
-
? addCommSep(Number((
|
|
31573
|
-
: (
|
|
32195
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
|
32196
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
|
32197
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
|
32198
|
+
React.createElement("div", null,
|
|
32199
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
|
32200
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
|
32201
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
|
31574
32202
|
React.createElement(Col, { xl: 6 },
|
|
31575
|
-
React.createElement(
|
|
31576
|
-
? addCommSep(Number((
|
|
31577
|
-
: (
|
|
32203
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
|
32204
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
|
32205
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
|
32206
|
+
React.createElement("div", null,
|
|
32207
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
|
32208
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
|
32209
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
|
31578
32210
|
React.createElement(Col, { xl: 6 },
|
|
31579
|
-
React.createElement(
|
|
31580
|
-
? addCommSep(Number((
|
|
31581
|
-
: (
|
|
32211
|
+
React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
|
32212
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
|
32213
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
|
32214
|
+
React.createElement("div", null,
|
|
32215
|
+
React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
|
32216
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
|
32217
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
|
31582
32218
|
React.createElement(Col, { xl: 6 },
|
|
31583
|
-
React.createElement(
|
|
31584
|
-
? addCommSep(Number((
|
|
31585
|
-
: (
|
|
31586
|
-
|
|
32219
|
+
React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
|
32220
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
|
32221
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
|
32222
|
+
React.createElement("div", null,
|
|
32223
|
+
React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
|
32224
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
|
32225
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
|
32226
|
+
}))))),
|
|
31587
32227
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31588
32228
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31589
32229
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
31590
32230
|
};
|
|
31591
32231
|
|
|
31592
|
-
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius:
|
|
32232
|
+
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";
|
|
31593
32233
|
styleInject(css_248z$1);
|
|
31594
32234
|
|
|
31595
32235
|
var ProjectionTypes = {
|
|
@@ -31636,14 +32276,24 @@ var GHGProjectionsComponent = function (props) {
|
|
|
31636
32276
|
var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
|
31637
32277
|
var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
|
31638
32278
|
var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
|
31639
|
-
var _11 = useState(
|
|
31640
|
-
|
|
31641
|
-
|
|
31642
|
-
|
|
31643
|
-
|
|
31644
|
-
var
|
|
31645
|
-
|
|
31646
|
-
|
|
32279
|
+
var _11 = useState({
|
|
32280
|
+
totalCo2WithoutLand_bau: 0,
|
|
32281
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
|
32282
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
|
32283
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
|
32284
|
+
var _12 = useState({
|
|
32285
|
+
totalCo2WithLand_bau: 0,
|
|
32286
|
+
totalCo2WithLand_conditionalNdc: 0,
|
|
32287
|
+
totalCo2WithLand_unconditionalNdc: 0
|
|
32288
|
+
}); _12[0]; _12[1];
|
|
32289
|
+
var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
|
32290
|
+
var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
|
32291
|
+
var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
|
32292
|
+
var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
|
32293
|
+
var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
|
32294
|
+
var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
|
32295
|
+
var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
|
32296
|
+
var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
|
31647
32297
|
var Panel = Collapse.Panel;
|
|
31648
32298
|
var form = Form.useForm()[0];
|
|
31649
32299
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -32667,17 +33317,32 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32667
33317
|
}
|
|
32668
33318
|
return 0;
|
|
32669
33319
|
};
|
|
33320
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
33321
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
33322
|
+
var _a;
|
|
33323
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
33324
|
+
});
|
|
33325
|
+
};
|
|
33326
|
+
// Helper function to get form field value
|
|
33327
|
+
var getFieldValue = function (fieldName) {
|
|
33328
|
+
var formValues = form.getFieldsValue(true);
|
|
33329
|
+
var fieldValue = formValues[fieldName];
|
|
33330
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
33331
|
+
};
|
|
32670
33332
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
32671
33333
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
32672
33334
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
32673
33335
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
32674
33336
|
React.createElement(Row, { gutter: 16 },
|
|
32675
33337
|
React.createElement(Col, { xl: 7 },
|
|
32676
|
-
React.createElement(
|
|
33338
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
|
33339
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
|
32677
33340
|
React.createElement(Col, { xl: 7 },
|
|
32678
|
-
React.createElement(
|
|
33341
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
|
33342
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
|
32679
33343
|
React.createElement(Col, { xl: 7 },
|
|
32680
|
-
React.createElement(
|
|
33344
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
|
33345
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
|
32681
33346
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
32682
33347
|
var projectionObject = tabData[panelHeading];
|
|
32683
33348
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -32686,11 +33351,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32686
33351
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32687
33352
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
32688
33353
|
React.createElement(Col, { xl: 7 },
|
|
32689
|
-
React.createElement(
|
|
33354
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
|
33355
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
|
32690
33356
|
React.createElement(Col, { xl: 7 },
|
|
32691
|
-
React.createElement(
|
|
33357
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
|
33358
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
|
32692
33359
|
React.createElement(Col, { xl: 7 },
|
|
32693
|
-
React.createElement(
|
|
33360
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
|
33361
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
|
32694
33362
|
};
|
|
32695
33363
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32696
33364
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32698,47 +33366,50 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32698
33366
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32699
33367
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32700
33368
|
React.createElement(Col, { xl: 7 },
|
|
32701
|
-
React.createElement(
|
|
32702
|
-
|
|
32703
|
-
|
|
32704
|
-
return
|
|
32705
|
-
|
|
32706
|
-
|
|
32707
|
-
|
|
32708
|
-
|
|
32709
|
-
|
|
32710
|
-
|
|
32711
|
-
|
|
32712
|
-
|
|
32713
|
-
|
|
33369
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
|
33370
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
|
33371
|
+
{
|
|
33372
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33373
|
+
return __generator(this, function (_a) {
|
|
33374
|
+
if (value && value < 0) {
|
|
33375
|
+
throw new Error();
|
|
33376
|
+
}
|
|
33377
|
+
return [2 /*return*/];
|
|
33378
|
+
});
|
|
33379
|
+
}); },
|
|
33380
|
+
},
|
|
33381
|
+
] },
|
|
33382
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32714
33383
|
React.createElement(Col, { xl: 7 },
|
|
32715
|
-
React.createElement(
|
|
32716
|
-
|
|
32717
|
-
|
|
32718
|
-
return
|
|
32719
|
-
|
|
32720
|
-
|
|
32721
|
-
|
|
32722
|
-
|
|
32723
|
-
|
|
32724
|
-
|
|
32725
|
-
|
|
32726
|
-
|
|
32727
|
-
|
|
33384
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
|
33385
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
|
33386
|
+
{
|
|
33387
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33388
|
+
return __generator(this, function (_a) {
|
|
33389
|
+
if (value && value < 0) {
|
|
33390
|
+
throw new Error();
|
|
33391
|
+
}
|
|
33392
|
+
return [2 /*return*/];
|
|
33393
|
+
});
|
|
33394
|
+
}); },
|
|
33395
|
+
},
|
|
33396
|
+
] },
|
|
33397
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32728
33398
|
React.createElement(Col, { xl: 7 },
|
|
32729
|
-
React.createElement(
|
|
32730
|
-
|
|
32731
|
-
|
|
32732
|
-
return
|
|
32733
|
-
|
|
32734
|
-
|
|
32735
|
-
|
|
32736
|
-
|
|
32737
|
-
|
|
32738
|
-
|
|
32739
|
-
|
|
32740
|
-
|
|
32741
|
-
|
|
33399
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
|
33400
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
|
33401
|
+
{
|
|
33402
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33403
|
+
return __generator(this, function (_a) {
|
|
33404
|
+
if (value && value < 0) {
|
|
33405
|
+
throw new Error();
|
|
33406
|
+
}
|
|
33407
|
+
return [2 /*return*/];
|
|
33408
|
+
});
|
|
33409
|
+
}); },
|
|
33410
|
+
},
|
|
33411
|
+
] },
|
|
33412
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
32742
33413
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
|
32743
33414
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
32744
33415
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -32746,11 +33417,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32746
33417
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32747
33418
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
32748
33419
|
React.createElement(Col, { xl: 7 },
|
|
32749
|
-
React.createElement(
|
|
33420
|
+
React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
|
33421
|
+
React.createElement("div", null,
|
|
33422
|
+
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
|
32750
33423
|
React.createElement(Col, { xl: 7 },
|
|
32751
|
-
React.createElement(
|
|
33424
|
+
React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
|
33425
|
+
React.createElement("div", null,
|
|
33426
|
+
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
|
32752
33427
|
React.createElement(Col, { xl: 7 },
|
|
32753
|
-
React.createElement(
|
|
33428
|
+
React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
|
33429
|
+
React.createElement("div", null,
|
|
33430
|
+
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
|
32754
33431
|
};
|
|
32755
33432
|
var objectToCSV = function (dataToDownload) {
|
|
32756
33433
|
var flattenObject = function (obj, prefix) {
|
|
@@ -32819,6 +33496,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32819
33496
|
}
|
|
32820
33497
|
return false;
|
|
32821
33498
|
};
|
|
33499
|
+
var displayEmptyView = function () {
|
|
33500
|
+
if (!data || data.length === 0) {
|
|
33501
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
33502
|
+
return true;
|
|
33503
|
+
}
|
|
33504
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
33505
|
+
return true;
|
|
33506
|
+
}
|
|
33507
|
+
}
|
|
33508
|
+
return false;
|
|
33509
|
+
};
|
|
32822
33510
|
var canViewForm = function () {
|
|
32823
33511
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
32824
33512
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -32836,7 +33524,9 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32836
33524
|
React.createElement("div", { className: "title-bar" },
|
|
32837
33525
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
|
32838
33526
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
32839
|
-
React.createElement("div", { className: "content-card
|
|
33527
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
33528
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
|
33529
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
|
32840
33530
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
32841
33531
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
32842
33532
|
React.createElement("div", null,
|
|
@@ -32929,11 +33619,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32929
33619
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32930
33620
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
32931
33621
|
React.createElement(Col, { xl: 7 },
|
|
32932
|
-
React.createElement(
|
|
33622
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
|
33623
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
|
32933
33624
|
React.createElement(Col, { xl: 7 },
|
|
32934
|
-
React.createElement(
|
|
33625
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
|
33626
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
|
32935
33627
|
React.createElement(Col, { xl: 7 },
|
|
32936
|
-
React.createElement(
|
|
33628
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
|
33629
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
|
32937
33630
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
32938
33631
|
var isActive = _a.isActive;
|
|
32939
33632
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -32960,94 +33653,100 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32960
33653
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32961
33654
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
32962
33655
|
React.createElement(Col, { xl: 7 },
|
|
32963
|
-
React.createElement(
|
|
32964
|
-
|
|
32965
|
-
|
|
32966
|
-
return
|
|
32967
|
-
|
|
32968
|
-
|
|
32969
|
-
|
|
32970
|
-
|
|
32971
|
-
|
|
32972
|
-
|
|
32973
|
-
|
|
32974
|
-
|
|
32975
|
-
|
|
33656
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
|
33657
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
|
33658
|
+
{
|
|
33659
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33660
|
+
return __generator(this, function (_a) {
|
|
33661
|
+
if (value && value < 0) {
|
|
33662
|
+
throw new Error();
|
|
33663
|
+
}
|
|
33664
|
+
return [2 /*return*/];
|
|
33665
|
+
});
|
|
33666
|
+
}); },
|
|
33667
|
+
},
|
|
33668
|
+
] },
|
|
33669
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32976
33670
|
React.createElement(Col, { xl: 7 },
|
|
32977
|
-
React.createElement(
|
|
32978
|
-
|
|
32979
|
-
|
|
32980
|
-
return
|
|
32981
|
-
|
|
32982
|
-
|
|
32983
|
-
|
|
32984
|
-
|
|
32985
|
-
|
|
32986
|
-
|
|
32987
|
-
|
|
32988
|
-
|
|
32989
|
-
|
|
33671
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
|
33672
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
|
33673
|
+
{
|
|
33674
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33675
|
+
return __generator(this, function (_a) {
|
|
33676
|
+
if (value && value < 0) {
|
|
33677
|
+
throw new Error();
|
|
33678
|
+
}
|
|
33679
|
+
return [2 /*return*/];
|
|
33680
|
+
});
|
|
33681
|
+
}); },
|
|
33682
|
+
},
|
|
33683
|
+
] },
|
|
33684
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
32990
33685
|
React.createElement(Col, { xl: 7 },
|
|
32991
|
-
React.createElement(
|
|
32992
|
-
|
|
32993
|
-
|
|
32994
|
-
return
|
|
32995
|
-
|
|
32996
|
-
|
|
32997
|
-
|
|
32998
|
-
|
|
32999
|
-
|
|
33000
|
-
|
|
33001
|
-
|
|
33002
|
-
|
|
33003
|
-
|
|
33686
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
|
33687
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
|
33688
|
+
{
|
|
33689
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33690
|
+
return __generator(this, function (_a) {
|
|
33691
|
+
if (value && value < 0) {
|
|
33692
|
+
throw new Error();
|
|
33693
|
+
}
|
|
33694
|
+
return [2 /*return*/];
|
|
33695
|
+
});
|
|
33696
|
+
}); },
|
|
33697
|
+
},
|
|
33698
|
+
] },
|
|
33699
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33004
33700
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
33005
33701
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33006
33702
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33007
33703
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33008
33704
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33009
33705
|
React.createElement(Col, { xl: 7 },
|
|
33010
|
-
React.createElement(
|
|
33011
|
-
|
|
33012
|
-
|
|
33013
|
-
return
|
|
33014
|
-
|
|
33015
|
-
|
|
33016
|
-
|
|
33017
|
-
|
|
33018
|
-
|
|
33019
|
-
|
|
33020
|
-
|
|
33021
|
-
|
|
33022
|
-
|
|
33706
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
|
33707
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
|
33708
|
+
{
|
|
33709
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33710
|
+
return __generator(this, function (_a) {
|
|
33711
|
+
if (value && value < 0) {
|
|
33712
|
+
throw new Error();
|
|
33713
|
+
}
|
|
33714
|
+
return [2 /*return*/];
|
|
33715
|
+
});
|
|
33716
|
+
}); },
|
|
33717
|
+
},
|
|
33718
|
+
] },
|
|
33719
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33023
33720
|
React.createElement(Col, { xl: 7 },
|
|
33024
|
-
React.createElement(
|
|
33025
|
-
|
|
33026
|
-
|
|
33027
|
-
return
|
|
33028
|
-
|
|
33029
|
-
|
|
33030
|
-
|
|
33031
|
-
|
|
33032
|
-
|
|
33033
|
-
|
|
33034
|
-
|
|
33035
|
-
|
|
33036
|
-
|
|
33721
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
|
33722
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
|
33723
|
+
{
|
|
33724
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33725
|
+
return __generator(this, function (_a) {
|
|
33726
|
+
if (value && value < 0) {
|
|
33727
|
+
throw new Error();
|
|
33728
|
+
}
|
|
33729
|
+
return [2 /*return*/];
|
|
33730
|
+
});
|
|
33731
|
+
}); },
|
|
33732
|
+
},
|
|
33733
|
+
] },
|
|
33734
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33037
33735
|
React.createElement(Col, { xl: 7 },
|
|
33038
|
-
React.createElement(
|
|
33039
|
-
|
|
33040
|
-
|
|
33041
|
-
return
|
|
33042
|
-
|
|
33043
|
-
|
|
33044
|
-
|
|
33045
|
-
|
|
33046
|
-
|
|
33047
|
-
|
|
33048
|
-
|
|
33049
|
-
|
|
33050
|
-
|
|
33736
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
|
33737
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
|
33738
|
+
{
|
|
33739
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33740
|
+
return __generator(this, function (_a) {
|
|
33741
|
+
if (value && value < 0) {
|
|
33742
|
+
throw new Error();
|
|
33743
|
+
}
|
|
33744
|
+
return [2 /*return*/];
|
|
33745
|
+
});
|
|
33746
|
+
}); },
|
|
33747
|
+
},
|
|
33748
|
+
] },
|
|
33749
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33051
33750
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
33052
33751
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
33053
33752
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -33056,7 +33755,7 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33056
33755
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
33057
33756
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
33058
33757
|
data.map(function (tabData) {
|
|
33059
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33758
|
+
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;
|
|
33060
33759
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
33061
33760
|
tabData.year,
|
|
33062
33761
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -33089,11 +33788,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33089
33788
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
33090
33789
|
React.createElement(Row, { gutter: 16 },
|
|
33091
33790
|
React.createElement(Col, { xl: 7 },
|
|
33092
|
-
React.createElement(
|
|
33791
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
|
33792
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
|
33093
33793
|
React.createElement(Col, { xl: 7 },
|
|
33094
|
-
React.createElement(
|
|
33794
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
|
33795
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
|
33095
33796
|
React.createElement(Col, { xl: 7 },
|
|
33096
|
-
React.createElement(
|
|
33797
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
|
33798
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
|
33097
33799
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33098
33800
|
var isActive = _a.isActive;
|
|
33099
33801
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -33146,41 +33848,65 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33146
33848
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33147
33849
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33148
33850
|
React.createElement(Col, { xl: 7 },
|
|
33149
|
-
React.createElement(
|
|
33851
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
|
33150
33852
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
|
33151
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
|
33853
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
|
33854
|
+
React.createElement("div", null,
|
|
33855
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
|
33856
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
|
33857
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
|
33152
33858
|
React.createElement(Col, { xl: 7 },
|
|
33153
|
-
React.createElement(
|
|
33154
|
-
? addCommSep(Number((
|
|
33155
|
-
: (
|
|
33859
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
|
33860
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
|
33861
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
|
33862
|
+
React.createElement("div", null,
|
|
33863
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
|
33864
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
|
33865
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
|
33156
33866
|
React.createElement(Col, { xl: 7 },
|
|
33157
|
-
React.createElement(
|
|
33158
|
-
? addCommSep(Number((
|
|
33159
|
-
: (
|
|
33867
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
|
33868
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
|
33869
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
|
33870
|
+
React.createElement("div", null,
|
|
33871
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
|
33872
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
|
33873
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
|
33160
33874
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
|
33161
33875
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33162
33876
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33163
33877
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33164
33878
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33165
33879
|
React.createElement(Col, { xl: 7 },
|
|
33166
|
-
React.createElement(
|
|
33167
|
-
? addCommSep(Number((
|
|
33168
|
-
: (
|
|
33880
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
|
33881
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
|
33882
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
|
33883
|
+
React.createElement("div", null,
|
|
33884
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
|
33885
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
|
33886
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
|
33169
33887
|
React.createElement(Col, { xl: 7 },
|
|
33170
|
-
React.createElement(
|
|
33171
|
-
? addCommSep(Number((
|
|
33172
|
-
: (
|
|
33888
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
|
33889
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
|
33890
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
|
33891
|
+
React.createElement("div", null,
|
|
33892
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
|
33893
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
|
33894
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
|
33173
33895
|
React.createElement(Col, { xl: 7 },
|
|
33174
|
-
React.createElement(
|
|
33175
|
-
? addCommSep(Number((
|
|
33176
|
-
: (
|
|
33177
|
-
|
|
33896
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
|
33897
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
|
33898
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
|
33899
|
+
React.createElement("div", null,
|
|
33900
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
|
33901
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
|
33902
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
|
33903
|
+
}))))),
|
|
33178
33904
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33179
33905
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33180
33906
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
33181
33907
|
};
|
|
33182
33908
|
|
|
33183
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33909
|
+
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";
|
|
33184
33910
|
styleInject(css_248z);
|
|
33185
33911
|
|
|
33186
33912
|
var BarChartEstimatedActualStatComponent = function (props) {
|
|
@@ -33361,7 +34087,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33361
34087
|
position: 'bottom',
|
|
33362
34088
|
horizontalAlign: 'center',
|
|
33363
34089
|
floating: false,
|
|
33364
|
-
fontSize: '
|
|
34090
|
+
fontSize: '14px',
|
|
33365
34091
|
fontFamily: 'Inter',
|
|
33366
34092
|
fontWeight: 400,
|
|
33367
34093
|
formatter: undefined,
|
|
@@ -33377,12 +34103,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33377
34103
|
useSeriesColors: false,
|
|
33378
34104
|
},
|
|
33379
34105
|
markers: {
|
|
33380
|
-
width:
|
|
33381
|
-
height:
|
|
34106
|
+
width: 12,
|
|
34107
|
+
height: 12,
|
|
33382
34108
|
strokeWidth: 0,
|
|
33383
34109
|
strokeColor: '#fff',
|
|
33384
34110
|
fillColors: chartColors,
|
|
33385
|
-
radius:
|
|
34111
|
+
radius: 12,
|
|
33386
34112
|
customHTML: undefined,
|
|
33387
34113
|
onClick: undefined,
|
|
33388
34114
|
offsetX: 0,
|
|
@@ -33582,7 +34308,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33582
34308
|
],
|
|
33583
34309
|
xaxis: {
|
|
33584
34310
|
title: {
|
|
33585
|
-
text: '',
|
|
34311
|
+
text: 'Year',
|
|
33586
34312
|
style: {
|
|
33587
34313
|
color: '#263238',
|
|
33588
34314
|
fontSize: '12px',
|
|
@@ -33667,12 +34393,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33667
34393
|
useSeriesColors: false,
|
|
33668
34394
|
},
|
|
33669
34395
|
markers: {
|
|
33670
|
-
width: [
|
|
33671
|
-
height: [
|
|
34396
|
+
width: [12, 12, 12, 33],
|
|
34397
|
+
height: [12, 12, 12, 2],
|
|
33672
34398
|
strokeWidth: 0,
|
|
33673
34399
|
strokeColor: '#fff',
|
|
33674
34400
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
|
33675
|
-
radius:
|
|
34401
|
+
radius: 12,
|
|
33676
34402
|
customHTML: undefined,
|
|
33677
34403
|
onClick: undefined,
|
|
33678
34404
|
offsetX: 0,
|
|
@@ -33712,7 +34438,6 @@ var GHGDashboardComponent = function (props) {
|
|
|
33712
34438
|
[GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
|
33713
34439
|
[GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
|
33714
34440
|
];
|
|
33715
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
|
33716
34441
|
var handleResize = function () {
|
|
33717
34442
|
setScreenWidth(window.innerWidth);
|
|
33718
34443
|
};
|
|
@@ -33857,7 +34582,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33857
34582
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
|
33858
34583
|
configs: {
|
|
33859
34584
|
title: t('emissionsBySectorTitle'),
|
|
33860
|
-
tooltip: t('emissionsBySectorTT'
|
|
34585
|
+
tooltip: t('emissionsBySectorTT'),
|
|
33861
34586
|
colors: colors,
|
|
33862
34587
|
chartColumnWidth: 12,
|
|
33863
34588
|
chartWidth: 490,
|
|
@@ -33872,7 +34597,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33872
34597
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
|
33873
34598
|
configs: {
|
|
33874
34599
|
title: t('emissionsByGasTitle'),
|
|
33875
|
-
tooltip: t('emissionsByGasTT'
|
|
34600
|
+
tooltip: t('emissionsByGasTT'),
|
|
33876
34601
|
colors: colors,
|
|
33877
34602
|
chartColumnWidth: 12,
|
|
33878
34603
|
chartWidth: 490,
|
|
@@ -33886,7 +34611,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33886
34611
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
|
33887
34612
|
configs: {
|
|
33888
34613
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
|
33889
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
|
34614
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
|
33890
34615
|
colors: colors,
|
|
33891
34616
|
chartColumnWidth: 24,
|
|
33892
34617
|
chartWidth: screenWidth * 0.72,
|
|
@@ -33900,7 +34625,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33900
34625
|
aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
|
33901
34626
|
configs: {
|
|
33902
34627
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
|
33903
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
|
34628
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
|
33904
34629
|
colors: colors,
|
|
33905
34630
|
chartColumnWidth: 24,
|
|
33906
34631
|
chartWidth: screenWidth * 0.72,
|
|
@@ -33914,7 +34639,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
33914
34639
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
|
33915
34640
|
configs: {
|
|
33916
34641
|
title: t('emissionsComparisonTitle'),
|
|
33917
|
-
tooltip: t('emissionsComparisonTT'
|
|
34642
|
+
tooltip: t('emissionsComparisonTT'),
|
|
33918
34643
|
colors: colorsComparison,
|
|
33919
34644
|
chartColumnWidth: 24,
|
|
33920
34645
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34058,7 +34783,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34058
34783
|
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 })));
|
|
34059
34784
|
}
|
|
34060
34785
|
};
|
|
34061
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
|
34786
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
|
34062
34787
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
|
34063
34788
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
|
34064
34789
|
React.createElement(Link, { to: "/dashboard" },
|