@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/cjs/index.js
CHANGED
@@ -151,15 +151,15 @@ function styleInject(css, ref) {
|
|
151
151
|
}
|
152
152
|
}
|
153
153
|
|
154
|
-
var css_248z$
|
154
|
+
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";
|
155
|
+
styleInject(css_248z$B);
|
156
|
+
|
157
|
+
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";
|
155
158
|
styleInject(css_248z$A);
|
156
159
|
|
157
|
-
var css_248z$z = ".
|
160
|
+
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";
|
158
161
|
styleInject(css_248z$z);
|
159
162
|
|
160
|
-
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";
|
161
|
-
styleInject(css_248z$y);
|
162
|
-
|
163
163
|
var RoleIcon = function (props) {
|
164
164
|
var icon = props.icon, bg = props.bg, color = props.color;
|
165
165
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
@@ -452,8 +452,8 @@ exports.CompanyManagementColumns = void 0;
|
|
452
452
|
CompanyManagementColumns["companyState"] = "status";
|
453
453
|
})(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
|
454
454
|
|
455
|
-
var css_248z$
|
456
|
-
styleInject(css_248z$
|
455
|
+
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";
|
456
|
+
styleInject(css_248z$y);
|
457
457
|
|
458
458
|
var isBase64 = function (str) {
|
459
459
|
if (!str || str === '' || str.trim() === '') {
|
@@ -493,8 +493,8 @@ exports.CompanyRole = void 0;
|
|
493
493
|
CompanyRole["API"] = "API";
|
494
494
|
})(exports.CompanyRole || (exports.CompanyRole = {}));
|
495
495
|
|
496
|
-
var css_248z$
|
497
|
-
styleInject(css_248z$
|
496
|
+
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";
|
497
|
+
styleInject(css_248z$x);
|
498
498
|
|
499
499
|
var OrganisationStatus = function (props) {
|
500
500
|
var organisationStatus = props.organisationStatus, t = props.t;
|
@@ -528,6 +528,7 @@ var CompanyManagementComponent = function (props) {
|
|
528
528
|
var _j = React.useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
|
529
529
|
var _k = React.useState(""), sortOrder = _k[0], setSortOrder = _k[1];
|
530
530
|
var _l = React.useState(""), sortField = _l[0], setSortField = _l[1];
|
531
|
+
var _m = React.useState(), dataQuery = _m[0], setDataQuery = _m[1];
|
531
532
|
var ability = useAbilityContext();
|
532
533
|
document.addEventListener("mousedown", function (event) {
|
533
534
|
var organisationFilterArea1 = document.querySelector(".filter-bar");
|
@@ -733,6 +734,11 @@ var CompanyManagementComponent = function (props) {
|
|
733
734
|
setTableData(availableCompanies);
|
734
735
|
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);
|
735
736
|
}
|
737
|
+
setDataQuery({
|
738
|
+
filterAnd: filterAnd(),
|
739
|
+
filterOr: filterOr(),
|
740
|
+
sort: sort(),
|
741
|
+
});
|
736
742
|
setLoading(false);
|
737
743
|
return [3 /*break*/, 4];
|
738
744
|
case 3:
|
@@ -749,6 +755,50 @@ var CompanyManagementComponent = function (props) {
|
|
749
755
|
}
|
750
756
|
});
|
751
757
|
}); };
|
758
|
+
var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
759
|
+
var response, url, a, error_2;
|
760
|
+
var _a;
|
761
|
+
return __generator(this, function (_b) {
|
762
|
+
switch (_b.label) {
|
763
|
+
case 0:
|
764
|
+
setLoading(true);
|
765
|
+
_b.label = 1;
|
766
|
+
case 1:
|
767
|
+
_b.trys.push([1, 3, , 4]);
|
768
|
+
return [4 /*yield*/, post("national/organisation/download", {
|
769
|
+
filterAnd: dataQuery.filterAnd,
|
770
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
771
|
+
sort: dataQuery.sort,
|
772
|
+
})];
|
773
|
+
case 2:
|
774
|
+
response = _b.sent();
|
775
|
+
if (response && response.data) {
|
776
|
+
url = response.data.url;
|
777
|
+
a = document.createElement('a');
|
778
|
+
a.href = url;
|
779
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
780
|
+
document.body.appendChild(a);
|
781
|
+
a.click();
|
782
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
783
|
+
window.URL.revokeObjectURL(url);
|
784
|
+
}
|
785
|
+
setLoading(false);
|
786
|
+
return [3 /*break*/, 4];
|
787
|
+
case 3:
|
788
|
+
error_2 = _b.sent();
|
789
|
+
console.log("Error in exporting organisations", error_2);
|
790
|
+
antd.message.open({
|
791
|
+
type: "error",
|
792
|
+
content: error_2.message,
|
793
|
+
duration: 3,
|
794
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
795
|
+
});
|
796
|
+
setLoading(false);
|
797
|
+
return [3 /*break*/, 4];
|
798
|
+
case 4: return [2 /*return*/];
|
799
|
+
}
|
800
|
+
});
|
801
|
+
}); };
|
752
802
|
React.useEffect(function () {
|
753
803
|
getAllCompany();
|
754
804
|
}, [
|
@@ -836,7 +886,13 @@ var CompanyManagementComponent = function (props) {
|
|
836
886
|
React.createElement(icons.FilterOutlined, { style: {
|
837
887
|
color: "rgba(58, 53, 65, 0.3)",
|
838
888
|
fontSize: "20px",
|
839
|
-
} }))))
|
889
|
+
} })))),
|
890
|
+
React.createElement("div", { className: "download-data-btn company-data-download" },
|
891
|
+
React.createElement("a", { onClick: downloadCompanyData },
|
892
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
893
|
+
color: "rgba(58, 53, 65, 0.3)",
|
894
|
+
fontSize: "20px",
|
895
|
+
} })))))),
|
840
896
|
React.createElement(antd.Row, null,
|
841
897
|
React.createElement(antd.Col, { span: 24 },
|
842
898
|
React.createElement("div", { className: "userManagement-table-container" },
|
@@ -858,11 +914,11 @@ var CompanyManagementComponent = function (props) {
|
|
858
914
|
} })))))));
|
859
915
|
};
|
860
916
|
|
861
|
-
var css_248z$
|
862
|
-
styleInject(css_248z$
|
917
|
+
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";
|
918
|
+
styleInject(css_248z$w);
|
863
919
|
|
864
|
-
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";
|
865
|
-
styleInject(css_248z$
|
920
|
+
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";
|
921
|
+
styleInject(css_248z$v);
|
866
922
|
|
867
923
|
exports.UserManagementColumns = void 0;
|
868
924
|
(function (UserManagementColumns) {
|
@@ -2043,6 +2099,9 @@ exports.Instrument = void 0;
|
|
2043
2099
|
Instrument["EQUITY"] = "Equity";
|
2044
2100
|
Instrument["GUARANTEE"] = "Guarantee";
|
2045
2101
|
Instrument["INKIND"] = "In-Kind";
|
2102
|
+
Instrument["CONLOAN"] = "ConcessionalLoan";
|
2103
|
+
Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
|
2104
|
+
Instrument["INSURANCE"] = "Insurance";
|
2046
2105
|
Instrument["OTHER"] = "Other";
|
2047
2106
|
})(exports.Instrument || (exports.Instrument = {}));
|
2048
2107
|
|
@@ -6581,13 +6640,6 @@ var AddNewCompanyComponent = function (props) {
|
|
6581
6640
|
] }))))));
|
6582
6641
|
};
|
6583
6642
|
|
6584
|
-
var CompanyRoleIcon = function (props) {
|
6585
|
-
var role = props.role;
|
6586
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
6587
|
-
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
6588
|
-
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
6589
|
-
};
|
6590
|
-
|
6591
6643
|
var TextArea$2 = antd.Input.TextArea;
|
6592
6644
|
var UserActionConfirmationModel = function (props) {
|
6593
6645
|
var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
|
@@ -6612,11 +6664,115 @@ var UserActionConfirmationModel = function (props) {
|
|
6612
6664
|
React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
6613
6665
|
};
|
6614
6666
|
|
6667
|
+
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";
|
6668
|
+
styleInject(css_248z$u);
|
6669
|
+
|
6670
|
+
var CompanyRoleIcon = function (props) {
|
6671
|
+
var role = props.role;
|
6672
|
+
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
6673
|
+
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
6674
|
+
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
6675
|
+
};
|
6676
|
+
|
6615
6677
|
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";
|
6616
6678
|
styleInject(css_248z$t);
|
6617
6679
|
|
6680
|
+
var CompanyDetailsComponent = function (props) {
|
6681
|
+
var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
|
6682
|
+
var getEnumKeysFromValues = function (values) {
|
6683
|
+
var enumKeys = [];
|
6684
|
+
for (var key in exports.SectoralScope) {
|
6685
|
+
if (values.includes(exports.SectoralScope[key])) {
|
6686
|
+
enumKeys.push(key);
|
6687
|
+
}
|
6688
|
+
}
|
6689
|
+
return enumKeys;
|
6690
|
+
};
|
6691
|
+
return (React.createElement(antd.Card, { className: "card-container" },
|
6692
|
+
React.createElement("div", { className: "info-view" },
|
6693
|
+
React.createElement("div", { className: "title" },
|
6694
|
+
React.createElement("span", { className: "title-icon" },
|
6695
|
+
React.createElement(icons.BankOutlined, null)),
|
6696
|
+
React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
|
6697
|
+
React.createElement(antd.Skeleton, { loading: isLoading, active: true },
|
6698
|
+
React.createElement(antd.Row, { className: "field" },
|
6699
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
|
6700
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
6701
|
+
React.createElement(antd.Row, { className: "field" },
|
6702
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
|
6703
|
+
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
6704
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
|
6705
|
+
? companyDetails.taxId
|
6706
|
+
: "-")),
|
6707
|
+
React.createElement(antd.Row, { className: "field" },
|
6708
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
|
6709
|
+
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
6710
|
+
? companyDetails.paymentId
|
6711
|
+
: "-")),
|
6712
|
+
React.createElement(antd.Row, { className: "field" },
|
6713
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
|
6714
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" },
|
6715
|
+
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
6716
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
6717
|
+
React.createElement(antd.Row, { className: "field" },
|
6718
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
|
6719
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
6720
|
+
? companyDetails.nameOfMinister
|
6721
|
+
: "-")),
|
6722
|
+
React.createElement(antd.Row, { className: "field" },
|
6723
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
|
6724
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
6725
|
+
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
6726
|
+
: "-")))),
|
6727
|
+
React.createElement(antd.Row, { className: "field" },
|
6728
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
|
6729
|
+
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
6730
|
+
React.createElement(antd.Row, { className: "field" },
|
6731
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
|
6732
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
6733
|
+
React.createElement(antd.Row, { className: "field" },
|
6734
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
|
6735
|
+
React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
6736
|
+
React.createElement(antd.Row, { className: "field" },
|
6737
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
|
6738
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
6739
|
+
regionField && (React.createElement(antd.Row, { className: "field" },
|
6740
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
|
6741
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
|
6742
|
+
? companyDetails.regions.join(", ")
|
6743
|
+
: "-"))),
|
6744
|
+
React.createElement(antd.Row, { className: "field" },
|
6745
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
|
6746
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
6747
|
+
? companyDetails.programmeCount
|
6748
|
+
: "-")),
|
6749
|
+
React.createElement(antd.Row, { className: "field" },
|
6750
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
|
6751
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
6752
|
+
? addCommSep(companyDetails.creditBalance)
|
6753
|
+
: "-")),
|
6754
|
+
parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
|
6755
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
|
6756
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
6757
|
+
? companyDetails.remarks
|
6758
|
+
: "-"))) : (""),
|
6759
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
6760
|
+
systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
6761
|
+
React.createElement(antd.Row, { className: "field" },
|
6762
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
|
6763
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
6764
|
+
? companyDetails.omgePercentage
|
6765
|
+
: "-")))),
|
6766
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
6767
|
+
React.createElement(antd.Row, { className: "field" },
|
6768
|
+
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
|
6769
|
+
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
6770
|
+
? companyDetails.nationalSopValue
|
6771
|
+
: "-"))))))));
|
6772
|
+
};
|
6773
|
+
|
6618
6774
|
var CompanyProfileComponent = function (props) {
|
6619
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit
|
6775
|
+
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;
|
6620
6776
|
var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
|
6621
6777
|
var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
|
6622
6778
|
var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
|
@@ -6894,15 +7050,6 @@ var CompanyProfileComponent = function (props) {
|
|
6894
7050
|
setErrorMsg("");
|
6895
7051
|
setOpenRejectModal(true);
|
6896
7052
|
};
|
6897
|
-
var getEnumKeysFromValues = function (values) {
|
6898
|
-
var enumKeys = [];
|
6899
|
-
for (var key in exports.SectoralScope) {
|
6900
|
-
if (values.includes(exports.SectoralScope[key])) {
|
6901
|
-
enumKeys.push(key);
|
6902
|
-
}
|
6903
|
-
}
|
6904
|
-
return enumKeys;
|
6905
|
-
};
|
6906
7053
|
return (React.createElement("div", { className: "content-container company-profile" },
|
6907
7054
|
React.createElement("div", { className: "title-bar" },
|
6908
7055
|
React.createElement("div", null,
|
@@ -6941,87 +7088,7 @@ var CompanyProfileComponent = function (props) {
|
|
6941
7088
|
React.createElement(antd.Row, { justify: "center" },
|
6942
7089
|
React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
|
6943
7090
|
React.createElement(antd.Col, { md: 24, lg: 16 },
|
6944
|
-
React.createElement(
|
6945
|
-
React.createElement("div", { className: "info-view" },
|
6946
|
-
React.createElement("div", { className: "title" },
|
6947
|
-
React.createElement("span", { className: "title-icon" },
|
6948
|
-
React.createElement(icons.BankOutlined, null)),
|
6949
|
-
React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
|
6950
|
-
React.createElement(antd.Skeleton, { loading: isLoading, active: true },
|
6951
|
-
React.createElement(antd.Row, { className: "field" },
|
6952
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
|
6953
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
6954
|
-
React.createElement(antd.Row, { className: "field" },
|
6955
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
|
6956
|
-
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
6957
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== exports.CompanyRole.GOVERNMENT
|
6958
|
-
? companyDetails.taxId
|
6959
|
-
: "-")),
|
6960
|
-
React.createElement(antd.Row, { className: "field" },
|
6961
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
|
6962
|
-
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
6963
|
-
? companyDetails.paymentId
|
6964
|
-
: "-")),
|
6965
|
-
React.createElement(antd.Row, { className: "field" },
|
6966
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
|
6967
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" },
|
6968
|
-
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
6969
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
6970
|
-
React.createElement(antd.Row, { className: "field" },
|
6971
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
|
6972
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
6973
|
-
? companyDetails.nameOfMinister
|
6974
|
-
: "-")),
|
6975
|
-
React.createElement(antd.Row, { className: "field" },
|
6976
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
|
6977
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
6978
|
-
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
6979
|
-
: "-")))),
|
6980
|
-
React.createElement(antd.Row, { className: "field" },
|
6981
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
|
6982
|
-
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
6983
|
-
React.createElement(antd.Row, { className: "field" },
|
6984
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
|
6985
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
6986
|
-
React.createElement(antd.Row, { className: "field" },
|
6987
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
|
6988
|
-
React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
6989
|
-
React.createElement(antd.Row, { className: "field" },
|
6990
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
|
6991
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
6992
|
-
regionField && (React.createElement(antd.Row, { className: "field" },
|
6993
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
|
6994
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.regions
|
6995
|
-
? companyDetails.regions.join(", ")
|
6996
|
-
: "-"))),
|
6997
|
-
React.createElement(antd.Row, { className: "field" },
|
6998
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
|
6999
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
7000
|
-
? companyDetails.programmeCount
|
7001
|
-
: "-")),
|
7002
|
-
React.createElement(antd.Row, { className: "field" },
|
7003
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
|
7004
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
7005
|
-
? addCommSep(companyDetails.creditBalance)
|
7006
|
-
: "-")),
|
7007
|
-
parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
|
7008
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
|
7009
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
7010
|
-
? companyDetails.remarks
|
7011
|
-
: "-"))) : (""),
|
7012
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
7013
|
-
systemType !== exports.CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
7014
|
-
React.createElement(antd.Row, { className: "field" },
|
7015
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
|
7016
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
7017
|
-
? companyDetails.omgePercentage
|
7018
|
-
: "-")))),
|
7019
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === exports.CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
7020
|
-
React.createElement(antd.Row, { className: "field" },
|
7021
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
|
7022
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
7023
|
-
? companyDetails.nationalSopValue
|
7024
|
-
: "-"))))))),
|
7091
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
|
7025
7092
|
((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
|
7026
7093
|
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(antd.Card, { className: "card-container" },
|
7027
7094
|
React.createElement("div", { className: "info-view" },
|
@@ -7066,14 +7133,15 @@ var ProgrammeManagementComponent = function (props) {
|
|
7066
7133
|
var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
7067
7134
|
var userInfoState = useUserContext().userInfoState;
|
7068
7135
|
var ability = useAbilityContext();
|
7136
|
+
var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
7069
7137
|
var stageObject = enableAddProgramme ? exports.ProgrammeStageMRV : exports.ProgrammeStageR;
|
7070
7138
|
var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
|
7071
7139
|
label: Object.values(stageObject)[index],
|
7072
7140
|
value: k,
|
7073
7141
|
}); });
|
7074
|
-
var
|
7075
|
-
var
|
7076
|
-
var
|
7142
|
+
var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
7143
|
+
var _s = React.useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
|
7144
|
+
var _t = React.useState(true), checkAll = _t[0], setCheckAll = _t[1];
|
7077
7145
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
7078
7146
|
return __generator(this, function (_a) {
|
7079
7147
|
console.log(checkedValues);
|
@@ -7316,6 +7384,11 @@ var ProgrammeManagementComponent = function (props) {
|
|
7316
7384
|
setTableData(response.data);
|
7317
7385
|
setTotalProgramme(response.response.data.total);
|
7318
7386
|
setLoading(false);
|
7387
|
+
setDataQuery({
|
7388
|
+
filterAnd: filter,
|
7389
|
+
filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
|
7390
|
+
sort: sort,
|
7391
|
+
});
|
7319
7392
|
return [3 /*break*/, 4];
|
7320
7393
|
case 3:
|
7321
7394
|
error_1 = _a.sent();
|
@@ -7373,6 +7446,50 @@ var ProgrammeManagementComponent = function (props) {
|
|
7373
7446
|
}
|
7374
7447
|
});
|
7375
7448
|
}); };
|
7449
|
+
var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
7450
|
+
var response, url, a, error_3;
|
7451
|
+
var _a;
|
7452
|
+
return __generator(this, function (_b) {
|
7453
|
+
switch (_b.label) {
|
7454
|
+
case 0:
|
7455
|
+
setLoading(true);
|
7456
|
+
_b.label = 1;
|
7457
|
+
case 1:
|
7458
|
+
_b.trys.push([1, 3, , 4]);
|
7459
|
+
return [4 /*yield*/, post("national/programme/download", {
|
7460
|
+
filterAnd: dataQuery.filterAnd,
|
7461
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
7462
|
+
sort: dataQuery.sort,
|
7463
|
+
})];
|
7464
|
+
case 2:
|
7465
|
+
response = _b.sent();
|
7466
|
+
if (response && response.data) {
|
7467
|
+
url = response.data.url;
|
7468
|
+
a = document.createElement('a');
|
7469
|
+
a.href = url;
|
7470
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
7471
|
+
document.body.appendChild(a);
|
7472
|
+
a.click();
|
7473
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
7474
|
+
window.URL.revokeObjectURL(url);
|
7475
|
+
}
|
7476
|
+
setLoading(false);
|
7477
|
+
return [3 /*break*/, 4];
|
7478
|
+
case 3:
|
7479
|
+
error_3 = _b.sent();
|
7480
|
+
console.log("Error in exporting programmes", error_3);
|
7481
|
+
antd.message.open({
|
7482
|
+
type: "error",
|
7483
|
+
content: error_3.message,
|
7484
|
+
duration: 3,
|
7485
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
7486
|
+
});
|
7487
|
+
setLoading(false);
|
7488
|
+
return [3 /*break*/, 4];
|
7489
|
+
case 4: return [2 /*return*/];
|
7490
|
+
}
|
7491
|
+
});
|
7492
|
+
}); };
|
7376
7493
|
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
7377
7494
|
return __generator(this, function (_a) {
|
7378
7495
|
setSearch(searchText);
|
@@ -7461,7 +7578,13 @@ var ProgrammeManagementComponent = function (props) {
|
|
7461
7578
|
return e.target.value === ""
|
7462
7579
|
? setSearch(e.target.value)
|
7463
7580
|
: setSearchText(e.target.value);
|
7464
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
7581
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
7582
|
+
React.createElement("div", { className: "download-data-btn" },
|
7583
|
+
React.createElement("a", { onClick: downloadProgrammeData },
|
7584
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
7585
|
+
color: "rgba(58, 53, 65, 0.3)",
|
7586
|
+
fontSize: "20px",
|
7587
|
+
} })))))),
|
7465
7588
|
React.createElement(antd.Row, null,
|
7466
7589
|
React.createElement(antd.Col, { span: 24 },
|
7467
7590
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
@@ -14750,15 +14873,6 @@ var UserProfileComponent = function (props) {
|
|
14750
14873
|
}
|
14751
14874
|
});
|
14752
14875
|
}); };
|
14753
|
-
var getEnumKeysFromValues = function (values) {
|
14754
|
-
var enumKeys = [];
|
14755
|
-
for (var key in exports.SectoralScope) {
|
14756
|
-
if (values.includes(exports.SectoralScope[key])) {
|
14757
|
-
enumKeys.push(key);
|
14758
|
-
}
|
14759
|
-
}
|
14760
|
-
return enumKeys;
|
14761
|
-
};
|
14762
14876
|
React.useEffect(function () {
|
14763
14877
|
getUserProfileDetails();
|
14764
14878
|
}, []);
|
@@ -14808,77 +14922,10 @@ var UserProfileComponent = function (props) {
|
|
14808
14922
|
React.createElement(antd.Row, { className: "field" },
|
14809
14923
|
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
14810
14924
|
React.createElement(antd.Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
|
14811
|
-
React.createElement(
|
14812
|
-
React.createElement("div", { className: "info-view" },
|
14813
|
-
React.createElement("div", { className: "title" },
|
14814
|
-
React.createElement("span", { className: "title-icon" },
|
14815
|
-
React.createElement(icons.BankOutlined, null)),
|
14816
|
-
React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
|
14817
|
-
React.createElement(antd.Skeleton, { loading: isLoading, active: true },
|
14818
|
-
React.createElement(antd.Row, { className: "field" },
|
14819
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:name")),
|
14820
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.name
|
14821
|
-
? organisationDetails.name
|
14822
|
-
: "-")),
|
14823
|
-
React.createElement(antd.Row, { className: "field" },
|
14824
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
|
14825
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
|
14826
|
-
organisationDetails.companyRole !==
|
14827
|
-
exports.CompanyRole.GOVERNMENT
|
14828
|
-
? organisationDetails.taxId
|
14829
|
-
: "-")),
|
14830
|
-
React.createElement(antd.Row, { className: "field" },
|
14831
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
|
14832
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
|
14833
|
-
? organisationDetails.paymentId
|
14834
|
-
: "-")),
|
14835
|
-
React.createElement(antd.Row, { className: "field" },
|
14836
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
|
14837
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" },
|
14838
|
-
React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
|
14839
|
-
(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
|
14840
|
-
exports.CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
14841
|
-
React.createElement(antd.Row, { className: "field" },
|
14842
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
|
14843
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
|
14844
|
-
? organisationDetails.nameOfMinister
|
14845
|
-
: "-")),
|
14846
|
-
React.createElement(antd.Row, { className: "field" },
|
14847
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
|
14848
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
|
14849
|
-
? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
|
14850
|
-
: "-")))),
|
14851
|
-
React.createElement(antd.Row, { className: "field" },
|
14852
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:email")),
|
14853
|
-
React.createElement(antd.Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
|
14854
|
-
? organisationDetails.email
|
14855
|
-
: "-")),
|
14856
|
-
React.createElement(antd.Row, { className: "field" },
|
14857
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
14858
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
|
14859
|
-
? organisationDetails.phoneNo
|
14860
|
-
: "-")),
|
14861
|
-
React.createElement(antd.Row, { className: "field" },
|
14862
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:website")),
|
14863
|
-
React.createElement(antd.Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
|
14864
|
-
React.createElement(antd.Row, { className: "field" },
|
14865
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:address")),
|
14866
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.address
|
14867
|
-
? organisationDetails.address
|
14868
|
-
: "-")),
|
14869
|
-
React.createElement(antd.Row, { className: "field" },
|
14870
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
|
14871
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
|
14872
|
-
? organisationDetails.programmeCount
|
14873
|
-
: "-")),
|
14874
|
-
React.createElement(antd.Row, { className: "field" },
|
14875
|
-
React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
|
14876
|
-
React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
|
14877
|
-
? addCommSep(organisationDetails.creditBalance)
|
14878
|
-
: "-")))))))))));
|
14925
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
|
14879
14926
|
};
|
14880
14927
|
|
14881
|
-
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";
|
14928
|
+
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";
|
14882
14929
|
styleInject(css_248z$n);
|
14883
14930
|
|
14884
14931
|
var Search = antd.Input.Search;
|
@@ -14904,6 +14951,7 @@ var UserManagementComponent = function (props) {
|
|
14904
14951
|
var _r = React.useState({}), actionInfo = _r[0], setActionInfo = _r[1];
|
14905
14952
|
var _s = React.useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
|
14906
14953
|
var _t = React.useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
|
14954
|
+
var _u = React.useState(), dataQuery = _u[0], setDataQuery = _u[1];
|
14907
14955
|
var ability = useAbilityContext();
|
14908
14956
|
document.addEventListener("mousedown", function (event) {
|
14909
14957
|
var userFilterArea1 = document.querySelector(".filter-bar");
|
@@ -15259,6 +15307,11 @@ var UserManagementComponent = function (props) {
|
|
15259
15307
|
setTableData(availableUsers);
|
15260
15308
|
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);
|
15261
15309
|
}
|
15310
|
+
setDataQuery({
|
15311
|
+
filterAnd: filterAnd(),
|
15312
|
+
filterOr: filterOr(),
|
15313
|
+
sort: sort(),
|
15314
|
+
});
|
15262
15315
|
setLoading(false);
|
15263
15316
|
return [3 /*break*/, 4];
|
15264
15317
|
case 3:
|
@@ -15276,6 +15329,50 @@ var UserManagementComponent = function (props) {
|
|
15276
15329
|
}
|
15277
15330
|
});
|
15278
15331
|
}); };
|
15332
|
+
var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
15333
|
+
var response, url, a, error_3;
|
15334
|
+
var _a;
|
15335
|
+
return __generator(this, function (_b) {
|
15336
|
+
switch (_b.label) {
|
15337
|
+
case 0:
|
15338
|
+
setLoading(true);
|
15339
|
+
_b.label = 1;
|
15340
|
+
case 1:
|
15341
|
+
_b.trys.push([1, 3, , 4]);
|
15342
|
+
return [4 /*yield*/, post("national/user/download", {
|
15343
|
+
filterAnd: dataQuery.filterAnd,
|
15344
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
15345
|
+
sort: dataQuery.sort,
|
15346
|
+
})];
|
15347
|
+
case 2:
|
15348
|
+
response = _b.sent();
|
15349
|
+
if (response && response.data) {
|
15350
|
+
url = response.data.url;
|
15351
|
+
a = document.createElement('a');
|
15352
|
+
a.href = url;
|
15353
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
15354
|
+
document.body.appendChild(a);
|
15355
|
+
a.click();
|
15356
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
15357
|
+
window.URL.revokeObjectURL(url);
|
15358
|
+
}
|
15359
|
+
setLoading(false);
|
15360
|
+
return [3 /*break*/, 4];
|
15361
|
+
case 3:
|
15362
|
+
error_3 = _b.sent();
|
15363
|
+
console.log("Error in exporting users", error_3);
|
15364
|
+
antd.message.open({
|
15365
|
+
type: "error",
|
15366
|
+
content: error_3.message,
|
15367
|
+
duration: 3,
|
15368
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
15369
|
+
});
|
15370
|
+
setLoading(false);
|
15371
|
+
return [3 /*break*/, 4];
|
15372
|
+
case 4: return [2 /*return*/];
|
15373
|
+
}
|
15374
|
+
});
|
15375
|
+
}); };
|
15279
15376
|
React.useEffect(function () {
|
15280
15377
|
getAllUser();
|
15281
15378
|
}, [
|
@@ -15398,7 +15495,13 @@ var UserManagementComponent = function (props) {
|
|
15398
15495
|
React.createElement(icons.FilterOutlined, { style: {
|
15399
15496
|
color: "rgba(58, 53, 65, 0.3)",
|
15400
15497
|
fontSize: "20px",
|
15401
|
-
} }))))
|
15498
|
+
} })))),
|
15499
|
+
React.createElement("div", { className: "download-data-btn user-data-download" },
|
15500
|
+
React.createElement("a", { onClick: downloadUserData },
|
15501
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
15502
|
+
color: "rgba(58, 53, 65, 0.3)",
|
15503
|
+
fontSize: "20px",
|
15504
|
+
} })))))),
|
15402
15505
|
React.createElement(antd.Row, null,
|
15403
15506
|
React.createElement(antd.Col, { span: 24 },
|
15404
15507
|
React.createElement("div", { className: "userManagement-table-container" },
|
@@ -15417,13 +15520,25 @@ var UserManagementComponent = function (props) {
|
|
15417
15520
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
15418
15521
|
};
|
15419
15522
|
|
15420
|
-
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
15523
|
+
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";
|
15421
15524
|
styleInject(css_248z$m);
|
15422
15525
|
|
15423
15526
|
var Loading = function () {
|
15424
15527
|
return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
|
15425
15528
|
};
|
15426
15529
|
|
15530
|
+
var GuaranteePayback;
|
15531
|
+
(function (GuaranteePayback) {
|
15532
|
+
GuaranteePayback["UPFORNT"] = "Upfront";
|
15533
|
+
GuaranteePayback["ANNUAL"] = "Annual";
|
15534
|
+
})(GuaranteePayback || (GuaranteePayback = {}));
|
15535
|
+
var InsurancePayback;
|
15536
|
+
(function (InsurancePayback) {
|
15537
|
+
InsurancePayback["LUMPSUM"] = "LumpSum";
|
15538
|
+
InsurancePayback["ANNUAL"] = "Annual";
|
15539
|
+
})(InsurancePayback || (InsurancePayback = {}));
|
15540
|
+
|
15541
|
+
var RangePicker$3 = antd.DatePicker.RangePicker;
|
15427
15542
|
var InvestmentCreationComponent = function (props) {
|
15428
15543
|
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
15429
15544
|
var state = useLocation().state;
|
@@ -15444,8 +15559,9 @@ var InvestmentCreationComponent = function (props) {
|
|
15444
15559
|
label: addSpaces(Object.values(exports.Instrument)[index]),
|
15445
15560
|
value: Object.values(exports.Instrument)[index],
|
15446
15561
|
}); });
|
15447
|
-
var onInstrumentChange = function (
|
15448
|
-
|
15562
|
+
var onInstrumentChange = function (e) {
|
15563
|
+
console.log("radio checked", e.target.value);
|
15564
|
+
setInstrument([e.target.value]);
|
15449
15565
|
};
|
15450
15566
|
var onPercentageChange = function (value) {
|
15451
15567
|
setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
|
@@ -15568,7 +15684,7 @@ var InvestmentCreationComponent = function (props) {
|
|
15568
15684
|
if (!data) {
|
15569
15685
|
return React.createElement(Loading, null);
|
15570
15686
|
}
|
15571
|
-
console.log(
|
15687
|
+
console.log("data", data);
|
15572
15688
|
var companyName = {};
|
15573
15689
|
if (data && Object.keys(data)[0] !== "ownership") {
|
15574
15690
|
for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
|
@@ -15603,6 +15719,16 @@ var InvestmentCreationComponent = function (props) {
|
|
15603
15719
|
if (payload.paymentPerMetric) {
|
15604
15720
|
payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
15605
15721
|
}
|
15722
|
+
if (payload.period) {
|
15723
|
+
payload.period[0] = moment(payload.period[0]).startOf("day").unix();
|
15724
|
+
payload.period[1] = moment(payload.period[1]).endOf("day").unix();
|
15725
|
+
}
|
15726
|
+
if (payload.startOfPayback) {
|
15727
|
+
payload.startOfPayback = moment(payload.startOfPayback)
|
15728
|
+
.startOf("day")
|
15729
|
+
.unix();
|
15730
|
+
}
|
15731
|
+
payload.instrument = [payload.instrument];
|
15606
15732
|
payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
|
15607
15733
|
payload.percentage = val.percentage;
|
15608
15734
|
payload.toCompanyId = Number(payload.toCompanyId);
|
@@ -15648,7 +15774,7 @@ var InvestmentCreationComponent = function (props) {
|
|
15648
15774
|
}
|
15649
15775
|
};
|
15650
15776
|
var onChangeTypeCreation = function (e) {
|
15651
|
-
console.log(
|
15777
|
+
console.log("radio checked", e.target.value);
|
15652
15778
|
setTypeCreation(e.target.value);
|
15653
15779
|
};
|
15654
15780
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
@@ -15714,8 +15840,30 @@ var InvestmentCreationComponent = function (props) {
|
|
15714
15840
|
React.createElement(antd.Input, { size: "large" }))))),
|
15715
15841
|
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15716
15842
|
React.createElement(antd.Col, { xl: 24, md: 24 },
|
15717
|
-
React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
|
15718
|
-
|
15843
|
+
React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
|
15844
|
+
//wrapperCol={{ span: 24 }}
|
15845
|
+
required: true, className: "investment-radio-button", rules: [
|
15846
|
+
{
|
15847
|
+
required: true,
|
15848
|
+
message: "",
|
15849
|
+
},
|
15850
|
+
{
|
15851
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15852
|
+
return __generator(this, function (_a) {
|
15853
|
+
if (String(value).trim() === "" ||
|
15854
|
+
String(value).trim() === undefined ||
|
15855
|
+
value === null ||
|
15856
|
+
value === undefined) {
|
15857
|
+
throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
|
15858
|
+
}
|
15859
|
+
return [2 /*return*/];
|
15860
|
+
});
|
15861
|
+
}); },
|
15862
|
+
},
|
15863
|
+
] },
|
15864
|
+
React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
|
15865
|
+
return (React.createElement(antd.Radio, { value: e.value }, e.label));
|
15866
|
+
}))))),
|
15719
15867
|
instrument &&
|
15720
15868
|
instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15721
15869
|
React.createElement(antd.Col, { xl: 8, md: 12 },
|
@@ -15746,6 +15894,160 @@ var InvestmentCreationComponent = function (props) {
|
|
15746
15894
|
},
|
15747
15895
|
] },
|
15748
15896
|
React.createElement(antd.Input, { size: "large" })))))),
|
15897
|
+
instrument &&
|
15898
|
+
(instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
|
15899
|
+
instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
|
15900
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15901
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
15902
|
+
React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
15903
|
+
{
|
15904
|
+
required: true,
|
15905
|
+
message: "",
|
15906
|
+
},
|
15907
|
+
{
|
15908
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15909
|
+
return __generator(this, function (_a) {
|
15910
|
+
if (String(value).trim() === "" ||
|
15911
|
+
String(value).trim() ===
|
15912
|
+
undefined ||
|
15913
|
+
value === null ||
|
15914
|
+
value === undefined) {
|
15915
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
15916
|
+
}
|
15917
|
+
else if (!isNaN(value)) {
|
15918
|
+
return [2 /*return*/, Promise.resolve()];
|
15919
|
+
}
|
15920
|
+
else {
|
15921
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
15922
|
+
}
|
15923
|
+
});
|
15924
|
+
}); },
|
15925
|
+
},
|
15926
|
+
] },
|
15927
|
+
React.createElement(antd.Input, { size: "large" })))),
|
15928
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15929
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
15930
|
+
React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
|
15931
|
+
{
|
15932
|
+
required: true,
|
15933
|
+
message: "",
|
15934
|
+
},
|
15935
|
+
{
|
15936
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15937
|
+
return __generator(this, function (_a) {
|
15938
|
+
if (String(value).trim() === "" ||
|
15939
|
+
String(value).trim() ===
|
15940
|
+
undefined ||
|
15941
|
+
value === null ||
|
15942
|
+
value === undefined) {
|
15943
|
+
throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
|
15944
|
+
}
|
15945
|
+
return [2 /*return*/];
|
15946
|
+
});
|
15947
|
+
}); },
|
15948
|
+
},
|
15949
|
+
] },
|
15950
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
15951
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
15952
|
+
React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
|
15953
|
+
{
|
15954
|
+
required: true,
|
15955
|
+
message: "",
|
15956
|
+
},
|
15957
|
+
{
|
15958
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15959
|
+
return __generator(this, function (_a) {
|
15960
|
+
if (String(value).trim() === "" ||
|
15961
|
+
String(value).trim() ===
|
15962
|
+
undefined ||
|
15963
|
+
value === null ||
|
15964
|
+
value === undefined) {
|
15965
|
+
throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
|
15966
|
+
}
|
15967
|
+
return [2 /*return*/];
|
15968
|
+
});
|
15969
|
+
}); },
|
15970
|
+
},
|
15971
|
+
] },
|
15972
|
+
React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
|
15973
|
+
return currentDate < moment().startOf("day");
|
15974
|
+
} })))))),
|
15975
|
+
instrument &&
|
15976
|
+
instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
|
15977
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15978
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
15979
|
+
React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
15980
|
+
{
|
15981
|
+
required: true,
|
15982
|
+
message: "",
|
15983
|
+
},
|
15984
|
+
{
|
15985
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
15986
|
+
return __generator(this, function (_a) {
|
15987
|
+
if (String(value).trim() === "" ||
|
15988
|
+
String(value).trim() ===
|
15989
|
+
undefined ||
|
15990
|
+
value === null ||
|
15991
|
+
value === undefined) {
|
15992
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
15993
|
+
}
|
15994
|
+
else if (!isNaN(value)) {
|
15995
|
+
return [2 /*return*/, Promise.resolve()];
|
15996
|
+
}
|
15997
|
+
else {
|
15998
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
15999
|
+
}
|
16000
|
+
});
|
16001
|
+
}); },
|
16002
|
+
},
|
16003
|
+
] },
|
16004
|
+
React.createElement(antd.Input, { size: "large" })))),
|
16005
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
16006
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
16007
|
+
React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
|
16008
|
+
{
|
16009
|
+
required: true,
|
16010
|
+
message: "",
|
16011
|
+
},
|
16012
|
+
{
|
16013
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
16014
|
+
return __generator(this, function (_a) {
|
16015
|
+
if (String(value).trim() === "" ||
|
16016
|
+
String(value).trim() ===
|
16017
|
+
undefined ||
|
16018
|
+
value === null ||
|
16019
|
+
value === undefined) {
|
16020
|
+
throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
|
16021
|
+
}
|
16022
|
+
return [2 /*return*/];
|
16023
|
+
});
|
16024
|
+
}); },
|
16025
|
+
},
|
16026
|
+
] },
|
16027
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
16028
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
16029
|
+
React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
|
16030
|
+
{
|
16031
|
+
required: true,
|
16032
|
+
message: "",
|
16033
|
+
},
|
16034
|
+
{
|
16035
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
16036
|
+
return __generator(this, function (_a) {
|
16037
|
+
if (String(value).trim() === "" ||
|
16038
|
+
String(value).trim() ===
|
16039
|
+
undefined ||
|
16040
|
+
value === null ||
|
16041
|
+
value === undefined) {
|
16042
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
16043
|
+
}
|
16044
|
+
return [2 /*return*/];
|
16045
|
+
});
|
16046
|
+
}); },
|
16047
|
+
},
|
16048
|
+
] },
|
16049
|
+
React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
16050
|
+
React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
15749
16051
|
instrument &&
|
15750
16052
|
instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15751
16053
|
React.createElement(antd.Col, { xl: 12, md: 24 },
|
@@ -15810,6 +16112,32 @@ var InvestmentCreationComponent = function (props) {
|
|
15810
16112
|
},
|
15811
16113
|
] },
|
15812
16114
|
React.createElement(antd.Input, { size: "large" })))))),
|
16115
|
+
instrument &&
|
16116
|
+
instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
16117
|
+
React.createElement(antd.Col, { xl: 8, md: 12 },
|
16118
|
+
React.createElement("div", { className: "details-part-two" },
|
16119
|
+
React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
|
16120
|
+
{
|
16121
|
+
required: true,
|
16122
|
+
message: "",
|
16123
|
+
},
|
16124
|
+
{
|
16125
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
16126
|
+
return __generator(this, function (_a) {
|
16127
|
+
if (String(value).trim() === "" ||
|
16128
|
+
String(value).trim() ===
|
16129
|
+
undefined ||
|
16130
|
+
value === null ||
|
16131
|
+
value === undefined) {
|
16132
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
16133
|
+
}
|
16134
|
+
return [2 /*return*/];
|
16135
|
+
});
|
16136
|
+
}); },
|
16137
|
+
},
|
16138
|
+
] },
|
16139
|
+
React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
16140
|
+
React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
15813
16141
|
instrument &&
|
15814
16142
|
instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15815
16143
|
React.createElement(antd.Col, { xl: 12, md: 24 },
|
@@ -15835,7 +16163,7 @@ var InvestmentCreationComponent = function (props) {
|
|
15835
16163
|
},
|
15836
16164
|
] },
|
15837
16165
|
React.createElement(antd.Input, { size: "large" })))))),
|
15838
|
-
React.createElement(antd.Row, { className: "row", gutter: [
|
16166
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15839
16167
|
React.createElement(antd.Col, { xl: 8, md: 12 },
|
15840
16168
|
React.createElement(antd.Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
|
15841
16169
|
{
|
@@ -15879,73 +16207,73 @@ var InvestmentCreationComponent = function (props) {
|
|
15879
16207
|
React.createElement("div", { className: "step-count" }, "02"),
|
15880
16208
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
15881
16209
|
description: current === 1 && (React.createElement("div", null,
|
15882
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
15883
|
-
React.createElement("
|
15884
|
-
|
15885
|
-
|
15886
|
-
return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15887
|
-
React.createElement(antd.Col, { xl: 8, md: 15 },
|
15888
|
-
React.createElement("div", { className: "label" },
|
15889
|
-
companyName[companyId].name,
|
15890
|
-
React.createElement("span", { className: "required-mark" }, "*"))),
|
15891
|
-
React.createElement(antd.Col, { xl: 8, md: 9 },
|
15892
|
-
React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
15893
|
-
{
|
15894
|
-
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
15895
|
-
message: "Percentage Should be a positive number",
|
15896
|
-
},
|
15897
|
-
{
|
15898
|
-
required: true,
|
15899
|
-
message: "Required field",
|
15900
|
-
},
|
15901
|
-
function (_a) {
|
15902
|
-
var getFieldValue = _a.getFieldValue;
|
15903
|
-
return ({
|
15904
|
-
validator: function (rule, v) {
|
15905
|
-
if (getFieldValue([
|
15906
|
-
"percentage",
|
15907
|
-
index,
|
15908
|
-
]) &&
|
15909
|
-
parseFloat(getFieldValue([
|
15910
|
-
"percentage",
|
15911
|
-
index,
|
15912
|
-
])) > data.proponentPercentage[index]) {
|
15913
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
15914
|
-
return Promise.reject("Amount > Available");
|
15915
|
-
}
|
15916
|
-
return Promise.resolve();
|
15917
|
-
},
|
15918
|
-
});
|
15919
|
-
},
|
15920
|
-
] },
|
15921
|
-
React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
15922
|
-
// disabled={userInfoState?.companyId === Number(companyId)}
|
15923
|
-
onKeyPress: function (event) {
|
15924
|
-
if (!/[0-9\.]/.test(event.key)) {
|
15925
|
-
event.preventDefault();
|
15926
|
-
}
|
15927
|
-
} })),
|
15928
|
-
React.createElement("div", { className: "inline separator" }, "/"),
|
15929
|
-
React.createElement(antd.Form.Item, { className: "inline" },
|
15930
|
-
React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
15931
|
-
}),
|
15932
|
-
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
16210
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
|
16211
|
+
React.createElement(antd.Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
16212
|
+
data.companyId.map(function (companyId, index) {
|
16213
|
+
return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
15933
16214
|
React.createElement(antd.Col, { xl: 8, md: 15 },
|
15934
|
-
React.createElement("div", { className: "label" },
|
16215
|
+
React.createElement("div", { className: "label" },
|
16216
|
+
companyName[companyId].name,
|
16217
|
+
React.createElement("span", { className: "required-mark" }, "*"))),
|
15935
16218
|
React.createElement(antd.Col, { xl: 8, md: 9 },
|
15936
|
-
React.createElement(antd.Form.Item, { className: "inline", name: ["
|
15937
|
-
|
16219
|
+
React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
16220
|
+
{
|
16221
|
+
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
16222
|
+
message: "Percentage Should be a positive number",
|
16223
|
+
},
|
16224
|
+
{
|
16225
|
+
required: true,
|
16226
|
+
message: "Required field",
|
16227
|
+
},
|
16228
|
+
function (_a) {
|
16229
|
+
var getFieldValue = _a.getFieldValue;
|
16230
|
+
return ({
|
16231
|
+
validator: function (rule, v) {
|
16232
|
+
if (getFieldValue([
|
16233
|
+
"percentage",
|
16234
|
+
index,
|
16235
|
+
]) &&
|
16236
|
+
parseFloat(getFieldValue([
|
16237
|
+
"percentage",
|
16238
|
+
index,
|
16239
|
+
])) >
|
16240
|
+
data.proponentPercentage[index]) {
|
16241
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
16242
|
+
return Promise.reject("Amount > Available");
|
16243
|
+
}
|
16244
|
+
return Promise.resolve();
|
16245
|
+
},
|
16246
|
+
});
|
16247
|
+
},
|
16248
|
+
] },
|
16249
|
+
React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
16250
|
+
// disabled={userInfoState?.companyId === Number(companyId)}
|
16251
|
+
onKeyPress: function (event) {
|
15938
16252
|
if (!/[0-9\.]/.test(event.key)) {
|
15939
16253
|
event.preventDefault();
|
15940
16254
|
}
|
15941
16255
|
} })),
|
15942
16256
|
React.createElement("div", { className: "inline separator" }, "/"),
|
15943
16257
|
React.createElement(antd.Form.Item, { className: "inline" },
|
15944
|
-
React.createElement(antd.InputNumber, {
|
15945
|
-
|
15946
|
-
|
15947
|
-
|
15948
|
-
|
16258
|
+
React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
16259
|
+
}),
|
16260
|
+
React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
|
16261
|
+
React.createElement(antd.Col, { xl: 8, md: 15 },
|
16262
|
+
React.createElement("div", { className: "label" }, t("programme:total"))),
|
16263
|
+
React.createElement(antd.Col, { xl: 8, md: 9 },
|
16264
|
+
React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
|
16265
|
+
React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
16266
|
+
if (!/[0-9\.]/.test(event.key)) {
|
16267
|
+
event.preventDefault();
|
16268
|
+
}
|
16269
|
+
} })),
|
16270
|
+
React.createElement("div", { className: "inline separator" }, "/"),
|
16271
|
+
React.createElement(antd.Form.Item, { className: "inline" },
|
16272
|
+
React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
|
16273
|
+
React.createElement(antd.Form.Item, null,
|
16274
|
+
React.createElement("div", { className: "steps-actions" },
|
16275
|
+
React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
16276
|
+
React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
|
15949
16277
|
},
|
15950
16278
|
] })))));
|
15951
16279
|
};
|
@@ -16084,6 +16412,7 @@ var InvestmentManagementComponent = function (props) {
|
|
16084
16412
|
var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
|
16085
16413
|
var _v = React.useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
|
16086
16414
|
var _w = React.useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
|
16415
|
+
var _x = React.useState(), dataQuery = _x[0], setDataQuery = _x[1];
|
16087
16416
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
16088
16417
|
return __generator(this, function (_a) {
|
16089
16418
|
console.log(checkedValues);
|
@@ -16180,6 +16509,12 @@ var InvestmentManagementComponent = function (props) {
|
|
16180
16509
|
console.log(response);
|
16181
16510
|
setTableData(response.data);
|
16182
16511
|
setTotalProgramme(response.response.data.total);
|
16512
|
+
setDataQuery({
|
16513
|
+
filterAnd: filter,
|
16514
|
+
filterOr: dataFilter,
|
16515
|
+
sort: sort,
|
16516
|
+
filterBy: filterBy,
|
16517
|
+
});
|
16183
16518
|
setLoading(false);
|
16184
16519
|
return [3 /*break*/, 4];
|
16185
16520
|
case 3:
|
@@ -16197,8 +16532,53 @@ var InvestmentManagementComponent = function (props) {
|
|
16197
16532
|
}
|
16198
16533
|
});
|
16199
16534
|
}); };
|
16535
|
+
var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
16536
|
+
var response, url, a, error_2;
|
16537
|
+
var _a;
|
16538
|
+
return __generator(this, function (_b) {
|
16539
|
+
switch (_b.label) {
|
16540
|
+
case 0:
|
16541
|
+
setLoading(true);
|
16542
|
+
_b.label = 1;
|
16543
|
+
case 1:
|
16544
|
+
_b.trys.push([1, 3, , 4]);
|
16545
|
+
return [4 /*yield*/, post("national/programme/investments/download", {
|
16546
|
+
filterAnd: dataQuery.filterAnd,
|
16547
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
16548
|
+
sort: dataQuery.sort,
|
16549
|
+
filterBy: dataQuery.filterBy,
|
16550
|
+
})];
|
16551
|
+
case 2:
|
16552
|
+
response = _b.sent();
|
16553
|
+
if (response && response.data) {
|
16554
|
+
url = response.data.url;
|
16555
|
+
a = document.createElement('a');
|
16556
|
+
a.href = url;
|
16557
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
16558
|
+
document.body.appendChild(a);
|
16559
|
+
a.click();
|
16560
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
16561
|
+
window.URL.revokeObjectURL(url);
|
16562
|
+
}
|
16563
|
+
setLoading(false);
|
16564
|
+
return [3 /*break*/, 4];
|
16565
|
+
case 3:
|
16566
|
+
error_2 = _b.sent();
|
16567
|
+
console.log("Error in exporting investments", error_2);
|
16568
|
+
antd.message.open({
|
16569
|
+
type: "error",
|
16570
|
+
content: error_2.message,
|
16571
|
+
duration: 3,
|
16572
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
16573
|
+
});
|
16574
|
+
setLoading(false);
|
16575
|
+
return [3 /*break*/, 4];
|
16576
|
+
case 4: return [2 /*return*/];
|
16577
|
+
}
|
16578
|
+
});
|
16579
|
+
}); };
|
16200
16580
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
16201
|
-
var response,
|
16581
|
+
var response, error_3;
|
16202
16582
|
var _a, _b, _c, _d, _e, _f;
|
16203
16583
|
return __generator(this, function (_g) {
|
16204
16584
|
switch (_g.label) {
|
@@ -16230,8 +16610,8 @@ var InvestmentManagementComponent = function (props) {
|
|
16230
16610
|
setLoading(false);
|
16231
16611
|
return [3 /*break*/, 4];
|
16232
16612
|
case 3:
|
16233
|
-
|
16234
|
-
console.log("Error in getting users",
|
16613
|
+
error_3 = _g.sent();
|
16614
|
+
console.log("Error in getting users", error_3);
|
16235
16615
|
setLoading(false);
|
16236
16616
|
return [3 /*break*/, 4];
|
16237
16617
|
case 4: return [2 /*return*/];
|
@@ -16262,7 +16642,7 @@ var InvestmentManagementComponent = function (props) {
|
|
16262
16642
|
ministryLevelFilter,
|
16263
16643
|
]);
|
16264
16644
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
16265
|
-
var response, successMsg,
|
16645
|
+
var response, successMsg, error_4;
|
16266
16646
|
return __generator(this, function (_a) {
|
16267
16647
|
switch (_a.label) {
|
16268
16648
|
case 0:
|
@@ -16292,10 +16672,10 @@ var InvestmentManagementComponent = function (props) {
|
|
16292
16672
|
setModalVisible(false);
|
16293
16673
|
return [3 /*break*/, 4];
|
16294
16674
|
case 3:
|
16295
|
-
|
16296
|
-
console.log("Error in Cancelling transfer request",
|
16675
|
+
error_4 = _a.sent();
|
16676
|
+
console.log("Error in Cancelling transfer request", error_4);
|
16297
16677
|
setLoading(false);
|
16298
|
-
return [2 /*return*/,
|
16678
|
+
return [2 /*return*/, error_4.message];
|
16299
16679
|
case 4: return [2 /*return*/];
|
16300
16680
|
}
|
16301
16681
|
});
|
@@ -16561,7 +16941,13 @@ var InvestmentManagementComponent = function (props) {
|
|
16561
16941
|
return e.target.value === ""
|
16562
16942
|
? setSearch(e.target.value)
|
16563
16943
|
: setSearchText(e.target.value);
|
16564
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
16944
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
16945
|
+
React.createElement("div", { className: "download-data-btn" },
|
16946
|
+
React.createElement("a", { onClick: downloadInvestmentData },
|
16947
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
16948
|
+
color: "rgba(58, 53, 65, 0.3)",
|
16949
|
+
fontSize: "20px",
|
16950
|
+
} })))))),
|
16565
16951
|
React.createElement(antd.Row, null,
|
16566
16952
|
React.createElement(antd.Col, { span: 24 },
|
16567
16953
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
@@ -17461,6 +17847,7 @@ var NdcActionManagementComponent = function (props) {
|
|
17461
17847
|
var _m = React.useState(), dataFilter = _m[0]; _m[1];
|
17462
17848
|
var _o = React.useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
17463
17849
|
var _p = React.useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
17850
|
+
var _q = React.useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
17464
17851
|
var Search = antd.Input.Search;
|
17465
17852
|
var post = useConnection().post;
|
17466
17853
|
var userInfoState = useUserContext().userInfoState;
|
@@ -17468,7 +17855,7 @@ var NdcActionManagementComponent = function (props) {
|
|
17468
17855
|
label: addSpaces(Object.values(exports.NdcActionStatus)[index]),
|
17469
17856
|
value: Object.values(exports.NdcActionStatus)[index],
|
17470
17857
|
}); });
|
17471
|
-
var
|
17858
|
+
var _r = React.useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
17472
17859
|
var getNdcActionNames = function (action) {
|
17473
17860
|
switch (action) {
|
17474
17861
|
case exports.NdcActionTypes.Adaptation:
|
@@ -17650,6 +18037,11 @@ var NdcActionManagementComponent = function (props) {
|
|
17650
18037
|
response = _a.sent();
|
17651
18038
|
setTableData(response.data);
|
17652
18039
|
setTotalProgramme(response.response.data.total);
|
18040
|
+
setDataQuery({
|
18041
|
+
filterAnd: filter,
|
18042
|
+
filterBy: filterBy,
|
18043
|
+
sort: sort,
|
18044
|
+
});
|
17653
18045
|
setLoading(false);
|
17654
18046
|
return [3 /*break*/, 4];
|
17655
18047
|
case 3:
|
@@ -17708,6 +18100,49 @@ var NdcActionManagementComponent = function (props) {
|
|
17708
18100
|
}
|
17709
18101
|
});
|
17710
18102
|
}); };
|
18103
|
+
var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
18104
|
+
var response, url, a, error_3;
|
18105
|
+
return __generator(this, function (_a) {
|
18106
|
+
switch (_a.label) {
|
18107
|
+
case 0:
|
18108
|
+
setLoading(true);
|
18109
|
+
_a.label = 1;
|
18110
|
+
case 1:
|
18111
|
+
_a.trys.push([1, 3, , 4]);
|
18112
|
+
return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
|
18113
|
+
filterAnd: dataQuery.filterAnd,
|
18114
|
+
filterBy: dataQuery.filterBy,
|
18115
|
+
sort: dataQuery.sort,
|
18116
|
+
})];
|
18117
|
+
case 2:
|
18118
|
+
response = _a.sent();
|
18119
|
+
if (response && response.data) {
|
18120
|
+
url = response.data.url;
|
18121
|
+
a = document.createElement('a');
|
18122
|
+
a.href = url;
|
18123
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
18124
|
+
document.body.appendChild(a);
|
18125
|
+
a.click();
|
18126
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
18127
|
+
window.URL.revokeObjectURL(url);
|
18128
|
+
}
|
18129
|
+
setLoading(false);
|
18130
|
+
return [3 /*break*/, 4];
|
18131
|
+
case 3:
|
18132
|
+
error_3 = _a.sent();
|
18133
|
+
console.log("Error in exporting NDC Actions", error_3);
|
18134
|
+
antd.message.open({
|
18135
|
+
type: "error",
|
18136
|
+
content: error_3.message,
|
18137
|
+
duration: 3,
|
18138
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
18139
|
+
});
|
18140
|
+
setLoading(false);
|
18141
|
+
return [3 /*break*/, 4];
|
18142
|
+
case 4: return [2 /*return*/];
|
18143
|
+
}
|
18144
|
+
});
|
18145
|
+
}); };
|
17711
18146
|
React.useEffect(function () {
|
17712
18147
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
17713
18148
|
getUserDetails();
|
@@ -17803,7 +18238,13 @@ var NdcActionManagementComponent = function (props) {
|
|
17803
18238
|
return e.target.value === ""
|
17804
18239
|
? setSearch(e.target.value)
|
17805
18240
|
: setSearchText(e.target.value);
|
17806
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
18241
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
18242
|
+
React.createElement("div", { className: "download-data-btn" },
|
18243
|
+
React.createElement("a", { onClick: downloadNdcData },
|
18244
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
18245
|
+
color: "rgba(58, 53, 65, 0.3)",
|
18246
|
+
fontSize: "20px",
|
18247
|
+
} })))))),
|
17807
18248
|
React.createElement(antd.Row, null,
|
17808
18249
|
React.createElement(antd.Col, { span: 24 },
|
17809
18250
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
@@ -22237,7 +22678,7 @@ var NdcActionViewComponent = function (props) {
|
|
22237
22678
|
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";
|
22238
22679
|
styleInject(css_248z$e);
|
22239
22680
|
|
22240
|
-
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";
|
22681
|
+
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";
|
22241
22682
|
styleInject(css_248z$d);
|
22242
22683
|
|
22243
22684
|
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)))};
|
@@ -22416,6 +22857,7 @@ var CreditTransferComponent = function (props) {
|
|
22416
22857
|
var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
|
22417
22858
|
var _z = React.useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
|
22418
22859
|
var _0 = React.useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
|
22860
|
+
var _1 = React.useState(), dataQuery = _1[0], setDataQuery = _1[1];
|
22419
22861
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
22420
22862
|
return __generator(this, function (_a) {
|
22421
22863
|
console.log(checkedValues);
|
@@ -22519,6 +22961,12 @@ var CreditTransferComponent = function (props) {
|
|
22519
22961
|
console.log(response);
|
22520
22962
|
setTableData(response.data);
|
22521
22963
|
setTotalProgramme(response.response.data.total);
|
22964
|
+
setDataQuery({
|
22965
|
+
filterAnd: filter,
|
22966
|
+
filterOr: dataFilter,
|
22967
|
+
sort: sort,
|
22968
|
+
filterBy: filterBy,
|
22969
|
+
});
|
22522
22970
|
setLoading(false);
|
22523
22971
|
return [3 /*break*/, 4];
|
22524
22972
|
case 3:
|
@@ -22536,8 +22984,53 @@ var CreditTransferComponent = function (props) {
|
|
22536
22984
|
}
|
22537
22985
|
});
|
22538
22986
|
}); };
|
22987
|
+
var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
22988
|
+
var response, url, a, error_2;
|
22989
|
+
var _a;
|
22990
|
+
return __generator(this, function (_b) {
|
22991
|
+
switch (_b.label) {
|
22992
|
+
case 0:
|
22993
|
+
setLoading(true);
|
22994
|
+
_b.label = 1;
|
22995
|
+
case 1:
|
22996
|
+
_b.trys.push([1, 3, , 4]);
|
22997
|
+
return [4 /*yield*/, post("national/programme/transfers/download", {
|
22998
|
+
filterAnd: dataQuery.filterAnd,
|
22999
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
23000
|
+
sort: dataQuery.sort,
|
23001
|
+
filterBy: dataQuery.filterBy,
|
23002
|
+
})];
|
23003
|
+
case 2:
|
23004
|
+
response = _b.sent();
|
23005
|
+
if (response && response.data) {
|
23006
|
+
url = response.data.url;
|
23007
|
+
a = document.createElement('a');
|
23008
|
+
a.href = url;
|
23009
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
23010
|
+
document.body.appendChild(a);
|
23011
|
+
a.click();
|
23012
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
23013
|
+
window.URL.revokeObjectURL(url);
|
23014
|
+
}
|
23015
|
+
setLoading(false);
|
23016
|
+
return [3 /*break*/, 4];
|
23017
|
+
case 3:
|
23018
|
+
error_2 = _b.sent();
|
23019
|
+
console.log("Error in exporting transfers", error_2);
|
23020
|
+
antd.message.open({
|
23021
|
+
type: "error",
|
23022
|
+
content: error_2.message,
|
23023
|
+
duration: 3,
|
23024
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
23025
|
+
});
|
23026
|
+
setLoading(false);
|
23027
|
+
return [3 /*break*/, 4];
|
23028
|
+
case 4: return [2 /*return*/];
|
23029
|
+
}
|
23030
|
+
});
|
23031
|
+
}); };
|
22539
23032
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
22540
|
-
var response,
|
23033
|
+
var response, error_3;
|
22541
23034
|
var _a, _b, _c, _d, _e, _f;
|
22542
23035
|
return __generator(this, function (_g) {
|
22543
23036
|
switch (_g.label) {
|
@@ -22569,8 +23062,8 @@ var CreditTransferComponent = function (props) {
|
|
22569
23062
|
setLoading(false);
|
22570
23063
|
return [3 /*break*/, 4];
|
22571
23064
|
case 3:
|
22572
|
-
|
22573
|
-
console.log("Error in getting users",
|
23065
|
+
error_3 = _g.sent();
|
23066
|
+
console.log("Error in getting users", error_3);
|
22574
23067
|
setLoading(false);
|
22575
23068
|
return [3 /*break*/, 4];
|
22576
23069
|
case 4: return [2 /*return*/];
|
@@ -22594,7 +23087,7 @@ var CreditTransferComponent = function (props) {
|
|
22594
23087
|
}
|
22595
23088
|
}, []);
|
22596
23089
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
22597
|
-
var response, successMsg,
|
23090
|
+
var response, successMsg, error_4;
|
22598
23091
|
return __generator(this, function (_a) {
|
22599
23092
|
switch (_a.label) {
|
22600
23093
|
case 0:
|
@@ -22624,10 +23117,10 @@ var CreditTransferComponent = function (props) {
|
|
22624
23117
|
setModalVisible(false);
|
22625
23118
|
return [3 /*break*/, 4];
|
22626
23119
|
case 3:
|
22627
|
-
|
22628
|
-
console.log("Error in Cancelling transfer request",
|
23120
|
+
error_4 = _a.sent();
|
23121
|
+
console.log("Error in Cancelling transfer request", error_4);
|
22629
23122
|
setLoading(false);
|
22630
|
-
return [2 /*return*/,
|
23123
|
+
return [2 /*return*/, error_4.message];
|
22631
23124
|
case 4: return [2 /*return*/];
|
22632
23125
|
}
|
22633
23126
|
});
|
@@ -22976,7 +23469,7 @@ var CreditTransferComponent = function (props) {
|
|
22976
23469
|
]
|
22977
23470
|
: undefined);
|
22978
23471
|
} }, t("view:seeMine")),
|
22979
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label", onChange: function (v) {
|
23472
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY && (React.createElement(antd.Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
|
22980
23473
|
if (v.target.checked) {
|
22981
23474
|
setMinistryLevelFilter(true);
|
22982
23475
|
}
|
@@ -22989,7 +23482,13 @@ var CreditTransferComponent = function (props) {
|
|
22989
23482
|
return e.target.value === ""
|
22990
23483
|
? setSearch(e.target.value)
|
22991
23484
|
: setSearchText(e.target.value);
|
22992
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
23485
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
23486
|
+
React.createElement("div", { className: "download-data-btn" },
|
23487
|
+
React.createElement("a", { onClick: downloadTransferData },
|
23488
|
+
React.createElement(icons.DownloadOutlined, { style: {
|
23489
|
+
color: "rgba(58, 53, 65, 0.3)",
|
23490
|
+
fontSize: "20px",
|
23491
|
+
} })))))),
|
22993
23492
|
React.createElement(antd.Row, null,
|
22994
23493
|
React.createElement(antd.Col, { span: 24 },
|
22995
23494
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
@@ -26775,7 +27274,21 @@ var EditableCell = function (_a) {
|
|
26775
27274
|
}); },
|
26776
27275
|
},
|
26777
27276
|
] },
|
26778
|
-
React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "
|
27277
|
+
React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
27278
|
+
{
|
27279
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
27280
|
+
var trimValue;
|
27281
|
+
return __generator(this, function (_a) {
|
27282
|
+
trimValue = typeof value === "string" ? value.trim() : value;
|
27283
|
+
if (!trimValue) {
|
27284
|
+
throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
|
27285
|
+
}
|
27286
|
+
return [2 /*return*/];
|
27287
|
+
});
|
27288
|
+
}); },
|
27289
|
+
},
|
27290
|
+
] },
|
27291
|
+
React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
26779
27292
|
{
|
26780
27293
|
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
26781
27294
|
var trimValue;
|
@@ -26882,11 +27395,13 @@ var NdcDetailsComponent = function (props) {
|
|
26882
27395
|
: undefined;
|
26883
27396
|
var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
26884
27397
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
|
26885
|
-
var isMainNdcActionsEditable =
|
27398
|
+
var isMainNdcActionsEditable = selectedPeriod &&
|
27399
|
+
!selectedPeriod.finalized &&
|
26886
27400
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
|
26887
27401
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
|
26888
27402
|
var isSubNdcActionsEditable = function (record) {
|
26889
|
-
return (
|
27403
|
+
return (selectedPeriod &&
|
27404
|
+
!selectedPeriod.finalized &&
|
26890
27405
|
record.status !== NdcDetailsActionStatus.Approved &&
|
26891
27406
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
|
26892
27407
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
|
@@ -26894,7 +27409,8 @@ var NdcDetailsComponent = function (props) {
|
|
26894
27409
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
|
26895
27410
|
};
|
26896
27411
|
var checkSubNdcActionCreatePermission = function () {
|
26897
|
-
return (
|
27412
|
+
return (selectedPeriod &&
|
27413
|
+
!selectedPeriod.finalized &&
|
26898
27414
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
|
26899
27415
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
|
26900
27416
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
|
@@ -26907,7 +27423,7 @@ var NdcDetailsComponent = function (props) {
|
|
26907
27423
|
return isSubNdcActionsEditable(record);
|
26908
27424
|
}
|
26909
27425
|
};
|
26910
|
-
var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
|
27426
|
+
var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
|
26911
27427
|
? ndcActionsList.filter(function (ndcDetail) {
|
26912
27428
|
return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
|
26913
27429
|
ndcDetail.actionType === NdcDetailsActionType.MainAction);
|
@@ -26923,6 +27439,7 @@ var NdcDetailsComponent = function (props) {
|
|
26923
27439
|
actionType: NdcDetailsActionType.SubAction,
|
26924
27440
|
nationalPlanObjective: "",
|
26925
27441
|
kpi: "",
|
27442
|
+
kpiUnit: "",
|
26926
27443
|
ministryName: loginMinistry,
|
26927
27444
|
status: NdcDetailsActionStatus.New,
|
26928
27445
|
parentActionId: mainActionId,
|
@@ -26934,6 +27451,7 @@ var NdcDetailsComponent = function (props) {
|
|
26934
27451
|
form.setFieldsValue({
|
26935
27452
|
nationalPlanObjective: "",
|
26936
27453
|
kpi: "",
|
27454
|
+
kpiUnit: "",
|
26937
27455
|
});
|
26938
27456
|
}
|
26939
27457
|
setSubNdcActionsForPeriod(subNdcDetails);
|
@@ -26975,6 +27493,7 @@ var NdcDetailsComponent = function (props) {
|
|
26975
27493
|
return [2 /*return*/];
|
26976
27494
|
}
|
26977
27495
|
else if (updatedFields.kpi === row.kpi &&
|
27496
|
+
updatedFields.kpiUnit === row.kpiUnit &&
|
26978
27497
|
updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
|
26979
27498
|
ClearEditMode();
|
26980
27499
|
return [2 /*return*/];
|
@@ -26988,13 +27507,13 @@ var NdcDetailsComponent = function (props) {
|
|
26988
27507
|
else {
|
26989
27508
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
26990
27509
|
}
|
26991
|
-
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
27510
|
+
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
26992
27511
|
case 5:
|
26993
27512
|
_a.sent();
|
26994
27513
|
return [3 /*break*/, 8];
|
26995
27514
|
case 6:
|
26996
27515
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
26997
|
-
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
27516
|
+
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
26998
27517
|
case 7:
|
26999
27518
|
_a.sent();
|
27000
27519
|
_a.label = 8;
|
@@ -27019,6 +27538,7 @@ var NdcDetailsComponent = function (props) {
|
|
27019
27538
|
var actionMenu = function (record) {
|
27020
27539
|
if (record.status === NdcDetailsActionStatus.Pending &&
|
27021
27540
|
isGovernmentUser &&
|
27541
|
+
selectedPeriod &&
|
27022
27542
|
!selectedPeriod.finalized) {
|
27023
27543
|
return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
|
27024
27544
|
{
|
@@ -27078,7 +27598,17 @@ var NdcDetailsComponent = function (props) {
|
|
27078
27598
|
width: 100,
|
27079
27599
|
editable: true,
|
27080
27600
|
render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
27081
|
-
React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "
|
27601
|
+
React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
|
27602
|
+
},
|
27603
|
+
{
|
27604
|
+
title: t("ndc:ndcColumnsKpiUnit"),
|
27605
|
+
dataIndex: "kpiUnit",
|
27606
|
+
key: "kpiUnit",
|
27607
|
+
align: "left",
|
27608
|
+
width: 100,
|
27609
|
+
editable: true,
|
27610
|
+
render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpiUnit ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
27611
|
+
React.createElement("span", null, record.kpiUnit))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
|
27082
27612
|
},
|
27083
27613
|
{
|
27084
27614
|
title: t("ndc:ndcColumnsMinistry"),
|
@@ -27142,6 +27672,7 @@ var NdcDetailsComponent = function (props) {
|
|
27142
27672
|
form.setFieldsValue({
|
27143
27673
|
nationalPlanObjective: "",
|
27144
27674
|
kpi: "",
|
27675
|
+
kpiUnit: "",
|
27145
27676
|
});
|
27146
27677
|
periodId = parseInt(selectedPeriod.key);
|
27147
27678
|
newData_1 = {
|
@@ -27149,6 +27680,7 @@ var NdcDetailsComponent = function (props) {
|
|
27149
27680
|
actionType: NdcDetailsActionType.MainAction,
|
27150
27681
|
nationalPlanObjective: "",
|
27151
27682
|
kpi: "",
|
27683
|
+
kpiUnit: "",
|
27152
27684
|
ministryName: loginMinistry,
|
27153
27685
|
periodId: periodId,
|
27154
27686
|
status: NdcDetailsActionStatus.New,
|
@@ -27287,10 +27819,11 @@ var NdcDetailsComponent = function (props) {
|
|
27287
27819
|
};
|
27288
27820
|
}, footer: function () {
|
27289
27821
|
return isGovernmentUser &&
|
27822
|
+
selectedPeriod &&
|
27290
27823
|
!selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
|
27291
27824
|
React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
|
27292
27825
|
} })))),
|
27293
|
-
isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
27826
|
+
isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
27294
27827
|
React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
|
27295
27828
|
React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
|
27296
27829
|
React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
|
@@ -27638,10 +28171,12 @@ var NdcDetailsComponent = function (props) {
|
|
27638
28171
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
27639
28172
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
27640
28173
|
React.createElement("div", null,
|
27641
|
-
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
|
27642
|
-
React.createElement("div", null, selectedPeriod
|
27643
|
-
?
|
27644
|
-
|
28174
|
+
React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
|
28175
|
+
React.createElement("div", null, selectedPeriod
|
28176
|
+
? selectedPeriod.key === "add_new"
|
28177
|
+
? addNewPeriodContent()
|
28178
|
+
: mainNdcActionTableContent()
|
28179
|
+
: ""),
|
27645
28180
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
|
27646
28181
|
};
|
27647
28182
|
|
@@ -28215,8 +28750,8 @@ var ProgrammeTransferForm = function (props) {
|
|
28215
28750
|
},
|
28216
28751
|
{
|
28217
28752
|
key: "companyRole",
|
28218
|
-
operation: "
|
28219
|
-
value:
|
28753
|
+
operation: "=",
|
28754
|
+
value: exports.CompanyRole.PROGRAMME_DEVELOPER,
|
28220
28755
|
},
|
28221
28756
|
],
|
28222
28757
|
sort: {
|
@@ -29400,7 +29935,7 @@ var TimelineBody = function (props) {
|
|
29400
29935
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
29401
29936
|
};
|
29402
29937
|
|
29403
|
-
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius:
|
29938
|
+
var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
|
29404
29939
|
styleInject(css_248z$2);
|
29405
29940
|
|
29406
29941
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
@@ -29854,14 +30389,26 @@ var GHGEmissionsComponent = function (props) {
|
|
29854
30389
|
var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
29855
30390
|
var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
29856
30391
|
var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
29857
|
-
var _20 = React.useState(
|
29858
|
-
|
29859
|
-
|
29860
|
-
|
29861
|
-
|
29862
|
-
|
29863
|
-
var
|
29864
|
-
|
30392
|
+
var _20 = React.useState({
|
30393
|
+
totalCo2WithoutLand_ch4: 0,
|
30394
|
+
totalCo2WithoutLand_co2: 0,
|
30395
|
+
totalCo2WithoutLand_n2o: 0,
|
30396
|
+
totalCo2WithoutLand_co2eq: 0
|
30397
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
30398
|
+
var _21 = React.useState({
|
30399
|
+
totalCo2WithLand_ch4: 0,
|
30400
|
+
totalCo2WithLand_co2: 0,
|
30401
|
+
totalCo2WithLand_n2o: 0,
|
30402
|
+
totalCo2WithLand_co2eq: 0
|
30403
|
+
}); _21[0]; _21[1];
|
30404
|
+
var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
30405
|
+
var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
30406
|
+
var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
30407
|
+
var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
30408
|
+
var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
30409
|
+
var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
30410
|
+
var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
30411
|
+
var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
29865
30412
|
var Panel = antd.Collapse.Panel;
|
29866
30413
|
var form = antd.Form.useForm()[0];
|
29867
30414
|
var createSetFieldObject = function (obj, objName) {
|
@@ -31016,19 +31563,35 @@ var GHGEmissionsComponent = function (props) {
|
|
31016
31563
|
return 0;
|
31017
31564
|
}
|
31018
31565
|
};
|
31566
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
31567
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
31568
|
+
var _a;
|
31569
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
31570
|
+
});
|
31571
|
+
};
|
31572
|
+
// Helper function to get form field value
|
31573
|
+
var getFieldValue = function (fieldName) {
|
31574
|
+
var formValues = form.getFieldsValue(true);
|
31575
|
+
var fieldValue = formValues[fieldName];
|
31576
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
31577
|
+
};
|
31019
31578
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
31020
31579
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
31021
31580
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
31022
31581
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
31023
31582
|
React.createElement(antd.Row, { gutter: 16 },
|
31024
31583
|
React.createElement(antd.Col, { xl: 6 },
|
31025
|
-
React.createElement(
|
31584
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
31585
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
31026
31586
|
React.createElement(antd.Col, { xl: 6 },
|
31027
|
-
React.createElement(
|
31587
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
31588
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
31028
31589
|
React.createElement(antd.Col, { xl: 6 },
|
31029
|
-
React.createElement(
|
31590
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
31591
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
31030
31592
|
React.createElement(antd.Col, { xl: 6 },
|
31031
|
-
React.createElement(
|
31593
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
31594
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
31032
31595
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
31033
31596
|
var emissionsObject = tabData[panelHeading];
|
31034
31597
|
return (React.createElement(antd.Row, { gutter: 16 },
|
@@ -31037,13 +31600,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31037
31600
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31038
31601
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
31039
31602
|
React.createElement(antd.Col, { xl: 6 },
|
31040
|
-
React.createElement(
|
31603
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31604
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
31041
31605
|
React.createElement(antd.Col, { xl: 6 },
|
31042
|
-
React.createElement(
|
31606
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31607
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
31043
31608
|
React.createElement(antd.Col, { xl: 6 },
|
31044
|
-
React.createElement(
|
31609
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31610
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
31045
31611
|
React.createElement(antd.Col, { xl: 6 },
|
31046
|
-
React.createElement(
|
31612
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
31613
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
31047
31614
|
};
|
31048
31615
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31049
31616
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31051,61 +31618,65 @@ var GHGEmissionsComponent = function (props) {
|
|
31051
31618
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31052
31619
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31053
31620
|
React.createElement(antd.Col, { xl: 6 },
|
31054
|
-
React.createElement(antd.
|
31055
|
-
|
31056
|
-
|
31057
|
-
return
|
31058
|
-
|
31059
|
-
|
31060
|
-
|
31061
|
-
|
31062
|
-
|
31063
|
-
|
31064
|
-
|
31065
|
-
|
31066
|
-
|
31621
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
31622
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
31623
|
+
{
|
31624
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31625
|
+
return __generator(this, function (_a) {
|
31626
|
+
if (value && value < 0) {
|
31627
|
+
throw new Error();
|
31628
|
+
}
|
31629
|
+
return [2 /*return*/];
|
31630
|
+
});
|
31631
|
+
}); },
|
31632
|
+
},
|
31633
|
+
] },
|
31634
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31067
31635
|
React.createElement(antd.Col, { xl: 6 },
|
31068
|
-
React.createElement(antd.
|
31069
|
-
|
31070
|
-
|
31071
|
-
return
|
31072
|
-
|
31073
|
-
|
31074
|
-
|
31075
|
-
|
31076
|
-
|
31077
|
-
|
31078
|
-
|
31079
|
-
|
31080
|
-
|
31636
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
31637
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
31638
|
+
{
|
31639
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31640
|
+
return __generator(this, function (_a) {
|
31641
|
+
if (value && value < 0) {
|
31642
|
+
throw new Error();
|
31643
|
+
}
|
31644
|
+
return [2 /*return*/];
|
31645
|
+
});
|
31646
|
+
}); },
|
31647
|
+
},
|
31648
|
+
] },
|
31649
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31081
31650
|
React.createElement(antd.Col, { xl: 6 },
|
31082
|
-
React.createElement(antd.
|
31083
|
-
|
31084
|
-
|
31085
|
-
return
|
31086
|
-
|
31087
|
-
|
31088
|
-
|
31089
|
-
|
31090
|
-
|
31091
|
-
|
31092
|
-
|
31093
|
-
|
31094
|
-
|
31651
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
31652
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
31653
|
+
{
|
31654
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31655
|
+
return __generator(this, function (_a) {
|
31656
|
+
if (value && value < 0) {
|
31657
|
+
throw new Error();
|
31658
|
+
}
|
31659
|
+
return [2 /*return*/];
|
31660
|
+
});
|
31661
|
+
}); },
|
31662
|
+
},
|
31663
|
+
] },
|
31664
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31095
31665
|
React.createElement(antd.Col, { xl: 6 },
|
31096
|
-
React.createElement(antd.
|
31097
|
-
|
31098
|
-
|
31099
|
-
return
|
31100
|
-
|
31101
|
-
|
31102
|
-
|
31103
|
-
|
31104
|
-
|
31105
|
-
|
31106
|
-
|
31107
|
-
|
31108
|
-
|
31666
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
31667
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
31668
|
+
{
|
31669
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31670
|
+
return __generator(this, function (_a) {
|
31671
|
+
if (value && value < 0) {
|
31672
|
+
throw new Error();
|
31673
|
+
}
|
31674
|
+
return [2 /*return*/];
|
31675
|
+
});
|
31676
|
+
}); },
|
31677
|
+
},
|
31678
|
+
] },
|
31679
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
31109
31680
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
31110
31681
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
31111
31682
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -31113,13 +31684,21 @@ var GHGEmissionsComponent = function (props) {
|
|
31113
31684
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31114
31685
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
31115
31686
|
React.createElement(antd.Col, { xl: 6 },
|
31116
|
-
React.createElement(antd.
|
31687
|
+
React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
31688
|
+
React.createElement("div", null,
|
31689
|
+
React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
31117
31690
|
React.createElement(antd.Col, { xl: 6 },
|
31118
|
-
React.createElement(antd.
|
31691
|
+
React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
31692
|
+
React.createElement("div", null,
|
31693
|
+
React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
31119
31694
|
React.createElement(antd.Col, { xl: 6 },
|
31120
|
-
React.createElement(antd.
|
31695
|
+
React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
31696
|
+
React.createElement("div", null,
|
31697
|
+
React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
31121
31698
|
React.createElement(antd.Col, { xl: 6 },
|
31122
|
-
React.createElement(antd.
|
31699
|
+
React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
31700
|
+
React.createElement("div", null,
|
31701
|
+
React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
31123
31702
|
};
|
31124
31703
|
var objectToCSV = function (dataToDownload) {
|
31125
31704
|
var flattenObject = function (obj, prefix) {
|
@@ -31190,6 +31769,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31190
31769
|
}
|
31191
31770
|
return false;
|
31192
31771
|
};
|
31772
|
+
var displayEmptyView = function () {
|
31773
|
+
if (!data || data.length === 0) {
|
31774
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
31775
|
+
return true;
|
31776
|
+
}
|
31777
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
31778
|
+
return true;
|
31779
|
+
}
|
31780
|
+
}
|
31781
|
+
return false;
|
31782
|
+
};
|
31193
31783
|
var canViewForm = function () {
|
31194
31784
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
31195
31785
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -31207,7 +31797,9 @@ var GHGEmissionsComponent = function (props) {
|
|
31207
31797
|
React.createElement("div", { className: "title-bar" },
|
31208
31798
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
31209
31799
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
31210
|
-
React.createElement("div", { className: "content-card
|
31800
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
31801
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
31802
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
31211
31803
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
31212
31804
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
31213
31805
|
React.createElement("div", null,
|
@@ -31312,13 +31904,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31312
31904
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31313
31905
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
31314
31906
|
React.createElement(antd.Col, { xl: 6 },
|
31315
|
-
React.createElement(
|
31907
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
31908
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
31316
31909
|
React.createElement(antd.Col, { xl: 6 },
|
31317
|
-
React.createElement(
|
31910
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
31911
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
31318
31912
|
React.createElement(antd.Col, { xl: 6 },
|
31319
|
-
React.createElement(
|
31913
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
31914
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
31320
31915
|
React.createElement(antd.Col, { xl: 6 },
|
31321
|
-
React.createElement(
|
31916
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
31917
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
31322
31918
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
31323
31919
|
var isActive = _a.isActive;
|
31324
31920
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
@@ -31343,122 +31939,130 @@ var GHGEmissionsComponent = function (props) {
|
|
31343
31939
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31344
31940
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31345
31941
|
React.createElement(antd.Col, { xl: 6 },
|
31346
|
-
React.createElement(antd.
|
31347
|
-
|
31348
|
-
|
31349
|
-
return
|
31350
|
-
|
31351
|
-
|
31352
|
-
|
31353
|
-
|
31354
|
-
|
31355
|
-
|
31356
|
-
|
31357
|
-
|
31358
|
-
|
31942
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
31943
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
31944
|
+
{
|
31945
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31946
|
+
return __generator(this, function (_a) {
|
31947
|
+
if (value && value < 0) {
|
31948
|
+
throw new Error();
|
31949
|
+
}
|
31950
|
+
return [2 /*return*/];
|
31951
|
+
});
|
31952
|
+
}); },
|
31953
|
+
},
|
31954
|
+
] },
|
31955
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31359
31956
|
React.createElement(antd.Col, { xl: 6 },
|
31360
|
-
React.createElement(antd.
|
31361
|
-
|
31362
|
-
|
31363
|
-
return
|
31364
|
-
|
31365
|
-
|
31366
|
-
|
31367
|
-
|
31368
|
-
|
31369
|
-
|
31370
|
-
|
31371
|
-
|
31372
|
-
|
31957
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
31958
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
31959
|
+
{
|
31960
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31961
|
+
return __generator(this, function (_a) {
|
31962
|
+
if (value && value < 0) {
|
31963
|
+
throw new Error();
|
31964
|
+
}
|
31965
|
+
return [2 /*return*/];
|
31966
|
+
});
|
31967
|
+
}); },
|
31968
|
+
},
|
31969
|
+
] },
|
31970
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31373
31971
|
React.createElement(antd.Col, { xl: 6 },
|
31374
|
-
React.createElement(antd.
|
31375
|
-
|
31376
|
-
|
31377
|
-
return
|
31378
|
-
|
31379
|
-
|
31380
|
-
|
31381
|
-
|
31382
|
-
|
31383
|
-
|
31384
|
-
|
31385
|
-
|
31386
|
-
|
31972
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
31973
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
31974
|
+
{
|
31975
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31976
|
+
return __generator(this, function (_a) {
|
31977
|
+
if (value && value < 0) {
|
31978
|
+
throw new Error();
|
31979
|
+
}
|
31980
|
+
return [2 /*return*/];
|
31981
|
+
});
|
31982
|
+
}); },
|
31983
|
+
},
|
31984
|
+
] },
|
31985
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31387
31986
|
React.createElement(antd.Col, { xl: 6 },
|
31388
|
-
React.createElement(antd.
|
31389
|
-
|
31390
|
-
|
31391
|
-
return
|
31392
|
-
|
31393
|
-
|
31394
|
-
|
31395
|
-
|
31396
|
-
|
31397
|
-
|
31398
|
-
|
31399
|
-
|
31400
|
-
|
31987
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
31988
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
31989
|
+
{
|
31990
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
31991
|
+
return __generator(this, function (_a) {
|
31992
|
+
if (value && value < 0) {
|
31993
|
+
throw new Error();
|
31994
|
+
}
|
31995
|
+
return [2 /*return*/];
|
31996
|
+
});
|
31997
|
+
}); },
|
31998
|
+
},
|
31999
|
+
] },
|
32000
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
31401
32001
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31402
32002
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31403
32003
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31404
32004
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31405
32005
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31406
32006
|
React.createElement(antd.Col, { xl: 6 },
|
31407
|
-
React.createElement(antd.
|
31408
|
-
|
31409
|
-
|
31410
|
-
return
|
31411
|
-
|
31412
|
-
|
31413
|
-
|
31414
|
-
|
31415
|
-
|
31416
|
-
|
31417
|
-
|
31418
|
-
|
31419
|
-
|
32007
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
32008
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
32009
|
+
{
|
32010
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32011
|
+
return __generator(this, function (_a) {
|
32012
|
+
if (value && value < 0) {
|
32013
|
+
throw new Error();
|
32014
|
+
}
|
32015
|
+
return [2 /*return*/];
|
32016
|
+
});
|
32017
|
+
}); },
|
32018
|
+
},
|
32019
|
+
] },
|
32020
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31420
32021
|
React.createElement(antd.Col, { xl: 6 },
|
31421
|
-
React.createElement(antd.
|
31422
|
-
|
31423
|
-
|
31424
|
-
return
|
31425
|
-
|
31426
|
-
|
31427
|
-
|
31428
|
-
|
31429
|
-
|
31430
|
-
|
31431
|
-
|
31432
|
-
|
31433
|
-
|
32022
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
32023
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
32024
|
+
{
|
32025
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32026
|
+
return __generator(this, function (_a) {
|
32027
|
+
if (value && value < 0) {
|
32028
|
+
throw new Error();
|
32029
|
+
}
|
32030
|
+
return [2 /*return*/];
|
32031
|
+
});
|
32032
|
+
}); },
|
32033
|
+
},
|
32034
|
+
] },
|
32035
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31434
32036
|
React.createElement(antd.Col, { xl: 6 },
|
31435
|
-
React.createElement(antd.
|
31436
|
-
|
31437
|
-
|
31438
|
-
return
|
31439
|
-
|
31440
|
-
|
31441
|
-
|
31442
|
-
|
31443
|
-
|
31444
|
-
|
31445
|
-
|
31446
|
-
|
31447
|
-
|
32037
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
32038
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
32039
|
+
{
|
32040
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32041
|
+
return __generator(this, function (_a) {
|
32042
|
+
if (value && value < 0) {
|
32043
|
+
throw new Error();
|
32044
|
+
}
|
32045
|
+
return [2 /*return*/];
|
32046
|
+
});
|
32047
|
+
}); },
|
32048
|
+
},
|
32049
|
+
] },
|
32050
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
31448
32051
|
React.createElement(antd.Col, { xl: 6 },
|
31449
|
-
React.createElement(antd.
|
31450
|
-
|
31451
|
-
|
31452
|
-
return
|
31453
|
-
|
31454
|
-
|
31455
|
-
|
31456
|
-
|
31457
|
-
|
31458
|
-
|
31459
|
-
|
31460
|
-
|
31461
|
-
|
32052
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
32053
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
32054
|
+
{
|
32055
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
32056
|
+
return __generator(this, function (_a) {
|
32057
|
+
if (value && value < 0) {
|
32058
|
+
throw new Error();
|
32059
|
+
}
|
32060
|
+
return [2 /*return*/];
|
32061
|
+
});
|
32062
|
+
}); },
|
32063
|
+
},
|
32064
|
+
] },
|
32065
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
31462
32066
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
31463
32067
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
31464
32068
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -31467,7 +32071,7 @@ var GHGEmissionsComponent = function (props) {
|
|
31467
32071
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
31468
32072
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
31469
32073
|
data.map(function (tabData) {
|
31470
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
32074
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
|
31471
32075
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
31472
32076
|
tabData.year,
|
31473
32077
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -31507,13 +32111,17 @@ var GHGEmissionsComponent = function (props) {
|
|
31507
32111
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
31508
32112
|
React.createElement(antd.Row, { gutter: 16 },
|
31509
32113
|
React.createElement(antd.Col, { xl: 6 },
|
31510
|
-
React.createElement(
|
32114
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
32115
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
31511
32116
|
React.createElement(antd.Col, { xl: 6 },
|
31512
|
-
React.createElement(
|
32117
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
32118
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
31513
32119
|
React.createElement(antd.Col, { xl: 6 },
|
31514
|
-
React.createElement(
|
32120
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
32121
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
31515
32122
|
React.createElement(antd.Col, { xl: 6 },
|
31516
|
-
React.createElement(
|
32123
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
32124
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
31517
32125
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
31518
32126
|
var isActive = _a.isActive;
|
31519
32127
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
@@ -31568,49 +32176,81 @@ var GHGEmissionsComponent = function (props) {
|
|
31568
32176
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31569
32177
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31570
32178
|
React.createElement(antd.Col, { xl: 6 },
|
31571
|
-
React.createElement(antd.
|
32179
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
31572
32180
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
31573
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
32181
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
32182
|
+
React.createElement("div", null,
|
32183
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
32184
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
32185
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
31574
32186
|
React.createElement(antd.Col, { xl: 6 },
|
31575
|
-
React.createElement(antd.
|
31576
|
-
? addCommSep(Number((
|
31577
|
-
: (
|
32187
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
32188
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
32189
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
32190
|
+
React.createElement("div", null,
|
32191
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
32192
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
32193
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
31578
32194
|
React.createElement(antd.Col, { xl: 6 },
|
31579
|
-
React.createElement(antd.
|
31580
|
-
? addCommSep(Number((
|
31581
|
-
: (
|
32195
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
32196
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
32197
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
32198
|
+
React.createElement("div", null,
|
32199
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
32200
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
32201
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
31582
32202
|
React.createElement(antd.Col, { xl: 6 },
|
31583
|
-
React.createElement(antd.
|
31584
|
-
? addCommSep(Number((
|
31585
|
-
: (
|
32203
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
32204
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
32205
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
32206
|
+
React.createElement("div", null,
|
32207
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
32208
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
32209
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
31586
32210
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
31587
32211
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
31588
32212
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
31589
32213
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
31590
32214
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
31591
32215
|
React.createElement(antd.Col, { xl: 6 },
|
31592
|
-
React.createElement(antd.
|
31593
|
-
? addCommSep(Number((
|
31594
|
-
: (
|
32216
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
32217
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
32218
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
32219
|
+
React.createElement("div", null,
|
32220
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
32221
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
32222
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
31595
32223
|
React.createElement(antd.Col, { xl: 6 },
|
31596
|
-
React.createElement(antd.
|
31597
|
-
? addCommSep(Number((
|
31598
|
-
: (
|
32224
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
32225
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
32226
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
32227
|
+
React.createElement("div", null,
|
32228
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
32229
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
32230
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
31599
32231
|
React.createElement(antd.Col, { xl: 6 },
|
31600
|
-
React.createElement(antd.
|
31601
|
-
? addCommSep(Number((
|
31602
|
-
: (
|
32232
|
+
React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
32233
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
32234
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
32235
|
+
React.createElement("div", null,
|
32236
|
+
React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
32237
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
32238
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
31603
32239
|
React.createElement(antd.Col, { xl: 6 },
|
31604
|
-
React.createElement(antd.
|
31605
|
-
? addCommSep(Number((
|
31606
|
-
: (
|
31607
|
-
|
32240
|
+
React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
32241
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
32242
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
32243
|
+
React.createElement("div", null,
|
32244
|
+
React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
32245
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
32246
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
32247
|
+
}))))),
|
31608
32248
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
31609
32249
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
31610
32250
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
31611
32251
|
};
|
31612
32252
|
|
31613
|
-
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius:
|
32253
|
+
var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
|
31614
32254
|
styleInject(css_248z$1);
|
31615
32255
|
|
31616
32256
|
var ProjectionTypes = {
|
@@ -31657,14 +32297,24 @@ var GHGProjectionsComponent = function (props) {
|
|
31657
32297
|
var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
31658
32298
|
var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
31659
32299
|
var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
31660
|
-
var _11 = React.useState(
|
31661
|
-
|
31662
|
-
|
31663
|
-
|
31664
|
-
|
31665
|
-
var
|
31666
|
-
|
31667
|
-
|
32300
|
+
var _11 = React.useState({
|
32301
|
+
totalCo2WithoutLand_bau: 0,
|
32302
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
32303
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
32304
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
32305
|
+
var _12 = React.useState({
|
32306
|
+
totalCo2WithLand_bau: 0,
|
32307
|
+
totalCo2WithLand_conditionalNdc: 0,
|
32308
|
+
totalCo2WithLand_unconditionalNdc: 0
|
32309
|
+
}); _12[0]; _12[1];
|
32310
|
+
var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
32311
|
+
var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
32312
|
+
var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
32313
|
+
var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
32314
|
+
var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
32315
|
+
var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
32316
|
+
var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
32317
|
+
var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
31668
32318
|
var Panel = antd.Collapse.Panel;
|
31669
32319
|
var form = antd.Form.useForm()[0];
|
31670
32320
|
var createSetFieldObject = function (obj, objName) {
|
@@ -32688,17 +33338,32 @@ var GHGProjectionsComponent = function (props) {
|
|
32688
33338
|
}
|
32689
33339
|
return 0;
|
32690
33340
|
};
|
33341
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
33342
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
33343
|
+
var _a;
|
33344
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
33345
|
+
});
|
33346
|
+
};
|
33347
|
+
// Helper function to get form field value
|
33348
|
+
var getFieldValue = function (fieldName) {
|
33349
|
+
var formValues = form.getFieldsValue(true);
|
33350
|
+
var fieldValue = formValues[fieldName];
|
33351
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
33352
|
+
};
|
32691
33353
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
|
32692
33354
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
|
32693
33355
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
32694
33356
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
32695
33357
|
React.createElement(antd.Row, { gutter: 16 },
|
32696
33358
|
React.createElement(antd.Col, { xl: 7 },
|
32697
|
-
React.createElement(
|
33359
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
33360
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
32698
33361
|
React.createElement(antd.Col, { xl: 7 },
|
32699
|
-
React.createElement(
|
33362
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
33363
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
32700
33364
|
React.createElement(antd.Col, { xl: 7 },
|
32701
|
-
React.createElement(
|
33365
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
33366
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
32702
33367
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
32703
33368
|
var projectionObject = tabData[panelHeading];
|
32704
33369
|
return (React.createElement(antd.Row, { gutter: 16 },
|
@@ -32707,11 +33372,14 @@ var GHGProjectionsComponent = function (props) {
|
|
32707
33372
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
32708
33373
|
React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
32709
33374
|
React.createElement(antd.Col, { xl: 7 },
|
32710
|
-
React.createElement(
|
33375
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
33376
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
32711
33377
|
React.createElement(antd.Col, { xl: 7 },
|
32712
|
-
React.createElement(
|
33378
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
33379
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
32713
33380
|
React.createElement(antd.Col, { xl: 7 },
|
32714
|
-
React.createElement(
|
33381
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
33382
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
32715
33383
|
};
|
32716
33384
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32717
33385
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32719,47 +33387,50 @@ var GHGProjectionsComponent = function (props) {
|
|
32719
33387
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
32720
33388
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32721
33389
|
React.createElement(antd.Col, { xl: 7 },
|
32722
|
-
React.createElement(antd.
|
32723
|
-
|
32724
|
-
|
32725
|
-
return
|
32726
|
-
|
32727
|
-
|
32728
|
-
|
32729
|
-
|
32730
|
-
|
32731
|
-
|
32732
|
-
|
32733
|
-
|
32734
|
-
|
33390
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
33391
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
33392
|
+
{
|
33393
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33394
|
+
return __generator(this, function (_a) {
|
33395
|
+
if (value && value < 0) {
|
33396
|
+
throw new Error();
|
33397
|
+
}
|
33398
|
+
return [2 /*return*/];
|
33399
|
+
});
|
33400
|
+
}); },
|
33401
|
+
},
|
33402
|
+
] },
|
33403
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
32735
33404
|
React.createElement(antd.Col, { xl: 7 },
|
32736
|
-
React.createElement(antd.
|
32737
|
-
|
32738
|
-
|
32739
|
-
return
|
32740
|
-
|
32741
|
-
|
32742
|
-
|
32743
|
-
|
32744
|
-
|
32745
|
-
|
32746
|
-
|
32747
|
-
|
32748
|
-
|
33405
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
33406
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
33407
|
+
{
|
33408
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33409
|
+
return __generator(this, function (_a) {
|
33410
|
+
if (value && value < 0) {
|
33411
|
+
throw new Error();
|
33412
|
+
}
|
33413
|
+
return [2 /*return*/];
|
33414
|
+
});
|
33415
|
+
}); },
|
33416
|
+
},
|
33417
|
+
] },
|
33418
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
32749
33419
|
React.createElement(antd.Col, { xl: 7 },
|
32750
|
-
React.createElement(antd.
|
32751
|
-
|
32752
|
-
|
32753
|
-
return
|
32754
|
-
|
32755
|
-
|
32756
|
-
|
32757
|
-
|
32758
|
-
|
32759
|
-
|
32760
|
-
|
32761
|
-
|
32762
|
-
|
33420
|
+
React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
33421
|
+
React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
33422
|
+
{
|
33423
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33424
|
+
return __generator(this, function (_a) {
|
33425
|
+
if (value && value < 0) {
|
33426
|
+
throw new Error();
|
33427
|
+
}
|
33428
|
+
return [2 /*return*/];
|
33429
|
+
});
|
33430
|
+
}); },
|
33431
|
+
},
|
33432
|
+
] },
|
33433
|
+
React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
|
32763
33434
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
32764
33435
|
return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
|
32765
33436
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
|
@@ -32767,11 +33438,17 @@ var GHGProjectionsComponent = function (props) {
|
|
32767
33438
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
32768
33439
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
32769
33440
|
React.createElement(antd.Col, { xl: 7 },
|
32770
|
-
React.createElement(antd.
|
33441
|
+
React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
33442
|
+
React.createElement("div", null,
|
33443
|
+
React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
32771
33444
|
React.createElement(antd.Col, { xl: 7 },
|
32772
|
-
React.createElement(antd.
|
33445
|
+
React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
33446
|
+
React.createElement("div", null,
|
33447
|
+
React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
32773
33448
|
React.createElement(antd.Col, { xl: 7 },
|
32774
|
-
React.createElement(antd.
|
33449
|
+
React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
33450
|
+
React.createElement("div", null,
|
33451
|
+
React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
32775
33452
|
};
|
32776
33453
|
var objectToCSV = function (dataToDownload) {
|
32777
33454
|
var flattenObject = function (obj, prefix) {
|
@@ -32840,6 +33517,17 @@ var GHGProjectionsComponent = function (props) {
|
|
32840
33517
|
}
|
32841
33518
|
return false;
|
32842
33519
|
};
|
33520
|
+
var displayEmptyView = function () {
|
33521
|
+
if (!data || data.length === 0) {
|
33522
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
|
33523
|
+
return true;
|
33524
|
+
}
|
33525
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
|
33526
|
+
return true;
|
33527
|
+
}
|
33528
|
+
}
|
33529
|
+
return false;
|
33530
|
+
};
|
32843
33531
|
var canViewForm = function () {
|
32844
33532
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
|
32845
33533
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
@@ -32857,7 +33545,9 @@ var GHGProjectionsComponent = function (props) {
|
|
32857
33545
|
React.createElement("div", { className: "title-bar" },
|
32858
33546
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
32859
33547
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
32860
|
-
React.createElement("div", { className: "content-card
|
33548
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
33549
|
+
React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
33550
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
32861
33551
|
React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
|
32862
33552
|
(canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
32863
33553
|
React.createElement("div", null,
|
@@ -32950,11 +33640,14 @@ var GHGProjectionsComponent = function (props) {
|
|
32950
33640
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
32951
33641
|
React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
|
32952
33642
|
React.createElement(antd.Col, { xl: 7 },
|
32953
|
-
React.createElement(
|
33643
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
33644
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
32954
33645
|
React.createElement(antd.Col, { xl: 7 },
|
32955
|
-
React.createElement(
|
33646
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
33647
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
32956
33648
|
React.createElement(antd.Col, { xl: 7 },
|
32957
|
-
React.createElement(
|
33649
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
33650
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
32958
33651
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
32959
33652
|
var isActive = _a.isActive;
|
32960
33653
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
@@ -32981,94 +33674,100 @@ var GHGProjectionsComponent = function (props) {
|
|
32981
33674
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
32982
33675
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
32983
33676
|
React.createElement(antd.Col, { xl: 7 },
|
32984
|
-
React.createElement(antd.
|
32985
|
-
|
32986
|
-
|
32987
|
-
return
|
32988
|
-
|
32989
|
-
|
32990
|
-
|
32991
|
-
|
32992
|
-
|
32993
|
-
|
32994
|
-
|
32995
|
-
|
32996
|
-
|
33677
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
33678
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
33679
|
+
{
|
33680
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33681
|
+
return __generator(this, function (_a) {
|
33682
|
+
if (value && value < 0) {
|
33683
|
+
throw new Error();
|
33684
|
+
}
|
33685
|
+
return [2 /*return*/];
|
33686
|
+
});
|
33687
|
+
}); },
|
33688
|
+
},
|
33689
|
+
] },
|
33690
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
32997
33691
|
React.createElement(antd.Col, { xl: 7 },
|
32998
|
-
React.createElement(antd.
|
32999
|
-
|
33000
|
-
|
33001
|
-
return
|
33002
|
-
|
33003
|
-
|
33004
|
-
|
33005
|
-
|
33006
|
-
|
33007
|
-
|
33008
|
-
|
33009
|
-
|
33010
|
-
|
33692
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
33693
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
33694
|
+
{
|
33695
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33696
|
+
return __generator(this, function (_a) {
|
33697
|
+
if (value && value < 0) {
|
33698
|
+
throw new Error();
|
33699
|
+
}
|
33700
|
+
return [2 /*return*/];
|
33701
|
+
});
|
33702
|
+
}); },
|
33703
|
+
},
|
33704
|
+
] },
|
33705
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
33011
33706
|
React.createElement(antd.Col, { xl: 7 },
|
33012
|
-
React.createElement(antd.
|
33013
|
-
|
33014
|
-
|
33015
|
-
return
|
33016
|
-
|
33017
|
-
|
33018
|
-
|
33019
|
-
|
33020
|
-
|
33021
|
-
|
33022
|
-
|
33023
|
-
|
33024
|
-
|
33707
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
33708
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
33709
|
+
{
|
33710
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33711
|
+
return __generator(this, function (_a) {
|
33712
|
+
if (value && value < 0) {
|
33713
|
+
throw new Error();
|
33714
|
+
}
|
33715
|
+
return [2 /*return*/];
|
33716
|
+
});
|
33717
|
+
}); },
|
33718
|
+
},
|
33719
|
+
] },
|
33720
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
33025
33721
|
React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
33026
33722
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33027
33723
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33028
33724
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
33029
33725
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33030
33726
|
React.createElement(antd.Col, { xl: 7 },
|
33031
|
-
React.createElement(antd.
|
33032
|
-
|
33033
|
-
|
33034
|
-
return
|
33035
|
-
|
33036
|
-
|
33037
|
-
|
33038
|
-
|
33039
|
-
|
33040
|
-
|
33041
|
-
|
33042
|
-
|
33043
|
-
|
33727
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
33728
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
33729
|
+
{
|
33730
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33731
|
+
return __generator(this, function (_a) {
|
33732
|
+
if (value && value < 0) {
|
33733
|
+
throw new Error();
|
33734
|
+
}
|
33735
|
+
return [2 /*return*/];
|
33736
|
+
});
|
33737
|
+
}); },
|
33738
|
+
},
|
33739
|
+
] },
|
33740
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
33044
33741
|
React.createElement(antd.Col, { xl: 7 },
|
33045
|
-
React.createElement(antd.
|
33046
|
-
|
33047
|
-
|
33048
|
-
return
|
33049
|
-
|
33050
|
-
|
33051
|
-
|
33052
|
-
|
33053
|
-
|
33054
|
-
|
33055
|
-
|
33056
|
-
|
33057
|
-
|
33742
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
33743
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
33744
|
+
{
|
33745
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33746
|
+
return __generator(this, function (_a) {
|
33747
|
+
if (value && value < 0) {
|
33748
|
+
throw new Error();
|
33749
|
+
}
|
33750
|
+
return [2 /*return*/];
|
33751
|
+
});
|
33752
|
+
}); },
|
33753
|
+
},
|
33754
|
+
] },
|
33755
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
|
33058
33756
|
React.createElement(antd.Col, { xl: 7 },
|
33059
|
-
React.createElement(antd.
|
33060
|
-
|
33061
|
-
|
33062
|
-
return
|
33063
|
-
|
33064
|
-
|
33065
|
-
|
33066
|
-
|
33067
|
-
|
33068
|
-
|
33069
|
-
|
33070
|
-
|
33071
|
-
|
33757
|
+
React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
33758
|
+
React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
33759
|
+
{
|
33760
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
33761
|
+
return __generator(this, function (_a) {
|
33762
|
+
if (value && value < 0) {
|
33763
|
+
throw new Error();
|
33764
|
+
}
|
33765
|
+
return [2 /*return*/];
|
33766
|
+
});
|
33767
|
+
}); },
|
33768
|
+
},
|
33769
|
+
] },
|
33770
|
+
React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
|
33072
33771
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
|
33073
33772
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
|
33074
33773
|
(React.createElement("div", { className: "steps-actions" },
|
@@ -33077,7 +33776,7 @@ var GHGProjectionsComponent = function (props) {
|
|
33077
33776
|
React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
33078
33777
|
React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
33079
33778
|
data.map(function (tabData) {
|
33080
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
33779
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
33081
33780
|
return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
33082
33781
|
tabData.year,
|
33083
33782
|
tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
|
@@ -33110,11 +33809,14 @@ var GHGProjectionsComponent = function (props) {
|
|
33110
33809
|
React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
33111
33810
|
React.createElement(antd.Row, { gutter: 16 },
|
33112
33811
|
React.createElement(antd.Col, { xl: 7 },
|
33113
|
-
React.createElement(
|
33812
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
33813
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
33114
33814
|
React.createElement(antd.Col, { xl: 7 },
|
33115
|
-
React.createElement(
|
33815
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
33816
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
33116
33817
|
React.createElement(antd.Col, { xl: 7 },
|
33117
|
-
React.createElement(
|
33818
|
+
React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
33819
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
33118
33820
|
React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
|
33119
33821
|
var isActive = _a.isActive;
|
33120
33822
|
return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
|
@@ -33167,41 +33869,65 @@ var GHGProjectionsComponent = function (props) {
|
|
33167
33869
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
33168
33870
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
33169
33871
|
React.createElement(antd.Col, { xl: 7 },
|
33170
|
-
React.createElement(antd.
|
33872
|
+
React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
33171
33873
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
33172
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
33874
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
33875
|
+
React.createElement("div", null,
|
33876
|
+
React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
33877
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
33878
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
33173
33879
|
React.createElement(antd.Col, { xl: 7 },
|
33174
|
-
React.createElement(antd.
|
33175
|
-
? addCommSep(Number((
|
33176
|
-
: (
|
33880
|
+
React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
33881
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
33882
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
33883
|
+
React.createElement("div", null,
|
33884
|
+
React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
33885
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
33886
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
33177
33887
|
React.createElement(antd.Col, { xl: 7 },
|
33178
|
-
React.createElement(antd.
|
33179
|
-
? addCommSep(Number((
|
33180
|
-
: (
|
33888
|
+
React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
33889
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
33890
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
33891
|
+
React.createElement("div", null,
|
33892
|
+
React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
33893
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
33894
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
33181
33895
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
33182
33896
|
React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
33183
33897
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
33184
33898
|
React.createElement(antd.Col, { xl: 9, md: 9 },
|
33185
33899
|
React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
|
33186
33900
|
React.createElement(antd.Col, { xl: 7 },
|
33187
|
-
React.createElement(antd.
|
33188
|
-
? addCommSep(Number((
|
33189
|
-
: (
|
33901
|
+
React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
33902
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
33903
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
33904
|
+
React.createElement("div", null,
|
33905
|
+
React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
33906
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
33907
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
33190
33908
|
React.createElement(antd.Col, { xl: 7 },
|
33191
|
-
React.createElement(antd.
|
33192
|
-
? addCommSep(Number((
|
33193
|
-
: (
|
33909
|
+
React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
33910
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
33911
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
33912
|
+
React.createElement("div", null,
|
33913
|
+
React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
33914
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
33915
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
33194
33916
|
React.createElement(antd.Col, { xl: 7 },
|
33195
|
-
React.createElement(antd.
|
33196
|
-
? addCommSep(Number((
|
33197
|
-
: (
|
33198
|
-
|
33917
|
+
React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
33918
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
33919
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
33920
|
+
React.createElement("div", null,
|
33921
|
+
React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
33922
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
33923
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
33924
|
+
}))))),
|
33199
33925
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
33200
33926
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
33201
33927
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
33202
33928
|
};
|
33203
33929
|
|
33204
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
33930
|
+
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
33205
33931
|
styleInject(css_248z);
|
33206
33932
|
|
33207
33933
|
var BarChartEstimatedActualStatComponent = function (props) {
|
@@ -33382,7 +34108,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33382
34108
|
position: 'bottom',
|
33383
34109
|
horizontalAlign: 'center',
|
33384
34110
|
floating: false,
|
33385
|
-
fontSize: '
|
34111
|
+
fontSize: '14px',
|
33386
34112
|
fontFamily: 'Inter',
|
33387
34113
|
fontWeight: 400,
|
33388
34114
|
formatter: undefined,
|
@@ -33398,12 +34124,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
33398
34124
|
useSeriesColors: false,
|
33399
34125
|
},
|
33400
34126
|
markers: {
|
33401
|
-
width:
|
33402
|
-
height:
|
34127
|
+
width: 12,
|
34128
|
+
height: 12,
|
33403
34129
|
strokeWidth: 0,
|
33404
34130
|
strokeColor: '#fff',
|
33405
34131
|
fillColors: chartColors,
|
33406
|
-
radius:
|
34132
|
+
radius: 12,
|
33407
34133
|
customHTML: undefined,
|
33408
34134
|
onClick: undefined,
|
33409
34135
|
offsetX: 0,
|
@@ -33603,7 +34329,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33603
34329
|
],
|
33604
34330
|
xaxis: {
|
33605
34331
|
title: {
|
33606
|
-
text: '',
|
34332
|
+
text: 'Year',
|
33607
34333
|
style: {
|
33608
34334
|
color: '#263238',
|
33609
34335
|
fontSize: '12px',
|
@@ -33688,12 +34414,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
33688
34414
|
useSeriesColors: false,
|
33689
34415
|
},
|
33690
34416
|
markers: {
|
33691
|
-
width: [
|
33692
|
-
height: [
|
34417
|
+
width: [12, 12, 12, 33],
|
34418
|
+
height: [12, 12, 12, 2],
|
33693
34419
|
strokeWidth: 0,
|
33694
34420
|
strokeColor: '#fff',
|
33695
34421
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
33696
|
-
radius:
|
34422
|
+
radius: 12,
|
33697
34423
|
customHTML: undefined,
|
33698
34424
|
onClick: undefined,
|
33699
34425
|
offsetX: 0,
|
@@ -33733,7 +34459,6 @@ var GHGDashboardComponent = function (props) {
|
|
33733
34459
|
[exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
33734
34460
|
[exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
33735
34461
|
];
|
33736
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
33737
34462
|
var handleResize = function () {
|
33738
34463
|
setScreenWidth(window.innerWidth);
|
33739
34464
|
};
|
@@ -33878,7 +34603,7 @@ var GHGDashboardComponent = function (props) {
|
|
33878
34603
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
33879
34604
|
configs: {
|
33880
34605
|
title: t('emissionsBySectorTitle'),
|
33881
|
-
tooltip: t('emissionsBySectorTT'
|
34606
|
+
tooltip: t('emissionsBySectorTT'),
|
33882
34607
|
colors: colors,
|
33883
34608
|
chartColumnWidth: 12,
|
33884
34609
|
chartWidth: 490,
|
@@ -33893,7 +34618,7 @@ var GHGDashboardComponent = function (props) {
|
|
33893
34618
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
33894
34619
|
configs: {
|
33895
34620
|
title: t('emissionsByGasTitle'),
|
33896
|
-
tooltip: t('emissionsByGasTT'
|
34621
|
+
tooltip: t('emissionsByGasTT'),
|
33897
34622
|
colors: colors,
|
33898
34623
|
chartColumnWidth: 12,
|
33899
34624
|
chartWidth: 490,
|
@@ -33907,7 +34632,7 @@ var GHGDashboardComponent = function (props) {
|
|
33907
34632
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
33908
34633
|
configs: {
|
33909
34634
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
33910
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
34635
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
33911
34636
|
colors: colors,
|
33912
34637
|
chartColumnWidth: 24,
|
33913
34638
|
chartWidth: screenWidth * 0.72,
|
@@ -33921,7 +34646,7 @@ var GHGDashboardComponent = function (props) {
|
|
33921
34646
|
aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
33922
34647
|
configs: {
|
33923
34648
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
33924
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
34649
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
33925
34650
|
colors: colors,
|
33926
34651
|
chartColumnWidth: 24,
|
33927
34652
|
chartWidth: screenWidth * 0.72,
|
@@ -33935,7 +34660,7 @@ var GHGDashboardComponent = function (props) {
|
|
33935
34660
|
aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
33936
34661
|
configs: {
|
33937
34662
|
title: t('emissionsComparisonTitle'),
|
33938
|
-
tooltip: t('emissionsComparisonTT'
|
34663
|
+
tooltip: t('emissionsComparisonTT'),
|
33939
34664
|
colors: colorsComparison,
|
33940
34665
|
chartColumnWidth: 24,
|
33941
34666
|
chartWidth: screenWidth * 0.72,
|
@@ -34079,7 +34804,7 @@ var GHGDashboardComponent = function (props) {
|
|
34079
34804
|
React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
|
34080
34805
|
}
|
34081
34806
|
};
|
34082
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
34807
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
34083
34808
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
34084
34809
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
34085
34810
|
React.createElement(Link, { to: "/dashboard" },
|