@undp/carbon-library 1.0.287-carbon-lib-test.0 → 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 +1449 -1044
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts +1 -0
- package/dist/cjs/types/Components/Common/Models/programmeRetireForm.d.ts +1 -0
- package/dist/cjs/types/Components/Common/Models/programmeTransferForm.d.ts +1 -0
- package/dist/cjs/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +2 -0
- package/dist/cjs/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +2 -0
- package/dist/cjs/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/cjs/types/Definitions/Definitions/connectionContext.definitions.d.ts +0 -3
- 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/cjs/types/index.d.ts +0 -1
- package/dist/esm/index.js +1453 -1040
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Components/Common/CoBenifits/coBenifits.d.ts +1 -0
- package/dist/esm/types/Components/Common/Models/programmeRetireForm.d.ts +1 -0
- package/dist/esm/types/Components/Common/Models/programmeTransferForm.d.ts +1 -0
- package/dist/esm/types/Components/Common/NdcActionBody/ndcActionBody.d.ts +2 -0
- package/dist/esm/types/Components/Common/ProgrammeDocuments/programmeDocuments.d.ts +2 -0
- package/dist/esm/types/Components/Company/CompanyDetails/companyDetailsComponent.d.ts +3 -0
- package/dist/esm/types/Definitions/Definitions/connectionContext.definitions.d.ts +0 -3
- 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/esm/types/index.d.ts +0 -1
- package/dist/index.d.ts +11 -23
- 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 +2 -29
- package/dist/cjs/types/Context/ConnectionContext/connectionContext.d.ts +0 -8
- package/dist/cjs/types/Context/SettingsContext/settingsContext.d.ts +0 -10
- package/dist/cjs/types/Context/UserInformationContext/userInformationContext.d.ts +0 -6
- package/dist/cjs/types/Context/index.d.ts +0 -3
- package/dist/cjs/types/Storybook/AddNewCompanyComponent.stories.d.ts +0 -12
- package/dist/cjs/types/Storybook/AddNewUserComponent.stories.d.ts +0 -12
- package/dist/cjs/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +0 -2
- package/dist/cjs/types/Storybook/InvestmentCreationComponent.stories.d.ts +0 -12
- package/dist/cjs/types/Storybook/MRVDashboard.stories.d.ts +0 -12
- package/dist/cjs/types/Storybook/ProgrammeCreationComponent.stories.d.ts +0 -12
- package/dist/cjs/types/Storybook/RegistryDashboard.stories.d.ts +0 -12
- package/dist/esm/types/Context/ConnectionContext/connectionContext.d.ts +0 -8
- package/dist/esm/types/Context/SettingsContext/settingsContext.d.ts +0 -10
- package/dist/esm/types/Context/UserInformationContext/userInformationContext.d.ts +0 -6
- package/dist/esm/types/Context/index.d.ts +0 -3
- package/dist/esm/types/Storybook/AddNewCompanyComponent.stories.d.ts +0 -12
- package/dist/esm/types/Storybook/AddNewUserComponent.stories.d.ts +0 -12
- package/dist/esm/types/Storybook/Decorators/AddNewCompanyI18nDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/Decorators/AddNewUserI18nDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/Decorators/ConnectionContextDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/Decorators/DashboardI18nDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/Decorators/InvestmentCreationI18nDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/Decorators/ProgrammeCreateI18nDecorator.d.ts +0 -2
- package/dist/esm/types/Storybook/InvestmentCreationComponent.stories.d.ts +0 -12
- package/dist/esm/types/Storybook/MRVDashboard.stories.d.ts +0 -12
- package/dist/esm/types/Storybook/ProgrammeCreationComponent.stories.d.ts +0 -12
- package/dist/esm/types/Storybook/RegistryDashboard.stories.d.ts +0 -12
package/dist/esm/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled,
|
|
2
|
-
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert,
|
|
3
|
-
import React, {
|
|
1
|
+
import { PlusOutlined, FilterOutlined, DownloadOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, BookOutlined, CaretDownOutlined, LockOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined, PlusCircleOutlined, LockFilled, CloseCircleOutlined } from '@ant-design/icons';
|
|
2
|
+
import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, InputNumber, Tooltip, Select, Modal, Alert, Card, Skeleton, Tag, Checkbox, DatePicker, Popover, List, Typography, Spin, Tabs, Progress, Collapse } from 'antd';
|
|
3
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
4
4
|
import { DateTime } from 'luxon';
|
|
5
5
|
import { Buffer } from 'buffer';
|
|
6
|
-
import axios, { HttpStatusCode } from 'axios';
|
|
7
6
|
import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
|
|
8
7
|
import validator from 'validator';
|
|
9
8
|
import { plainToClass } from 'class-transformer';
|
|
@@ -14,6 +13,7 @@ import mapboxgl from 'mapbox-gl';
|
|
|
14
13
|
import 'mapbox-gl/dist/mapbox-gl.css';
|
|
15
14
|
import 'antd/dist/antd.css';
|
|
16
15
|
import * as XLSX from 'xlsx';
|
|
16
|
+
import { HttpStatusCode } from 'axios';
|
|
17
17
|
|
|
18
18
|
/******************************************************************************
|
|
19
19
|
Copyright (c) Microsoft Corporation.
|
|
@@ -130,15 +130,15 @@ function styleInject(css, ref) {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
var css_248z$
|
|
133
|
+
var css_248z$B = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #F0F0F0; }\n\n.company-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
|
|
134
|
+
styleInject(css_248z$B);
|
|
135
|
+
|
|
136
|
+
var css_248z$A = ".common-table-class .ant-table {\n border-radius: 1rem; }\n .common-table-class .ant-table .ant-table-thead {\n justify-content: center; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-size: 0.8rem;\n text-align: center; }\n .common-table-class .ant-table .ant-table-tbody {\n font-size: 0.8rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8); }\n .common-table-class .ant-table .ant-table-cell {\n padding: 14px 12px; }\n .common-table-class .ant-table .ant-table-thead .ant-table-cell {\n text-transform: uppercase; }\n\n.ant-table-pagination.ant-pagination {\n margin: 16px 24px; }\n\n.ant-select-item-option-content {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next, .ant-pagination-item {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\"; }\n\n.ant-pagination-item-active:focus-visible {\n border-color: #16b1ff; }\n\n.ant-pagination-options-quick-jumper {\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n height: 30px;\n line-height: 30px; }\n .ant-pagination-options-quick-jumper input {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n height: 28px;\n border-radius: 4px;\n line-height: 26px;\n font-size: 0.8rem;\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-pagination-options .ant-select-selection-item {\n height: 28px;\n color: rgba(58, 53, 65, 0.8);\n line-height: 26px !important; }\n\n.ant-pagination-options .ant-select-dropdown {\n font-family: \"Inter\";\n color: rgba(58, 53, 65, 0.8);\n font-size: 0.8rem; }\n";
|
|
134
137
|
styleInject(css_248z$A);
|
|
135
138
|
|
|
136
|
-
var css_248z$z = ".
|
|
139
|
+
var css_248z$z = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
|
137
140
|
styleInject(css_248z$z);
|
|
138
141
|
|
|
139
|
-
var css_248z$y = ".role-icon {\n border-radius: 100%;\n margin-right: 10px;\n padding: 0.30rem 0.5rem;\n font-size: 0.7rem; }\n";
|
|
140
|
-
styleInject(css_248z$y);
|
|
141
|
-
|
|
142
142
|
var RoleIcon = function (props) {
|
|
143
143
|
var icon = props.icon, bg = props.bg, color = props.color;
|
|
144
144
|
return (React.createElement("span", { className: "role-icon", style: { backgroundColor: bg, color: color } }, icon));
|
|
@@ -431,8 +431,8 @@ var CompanyManagementColumns;
|
|
|
431
431
|
CompanyManagementColumns["companyState"] = "status";
|
|
432
432
|
})(CompanyManagementColumns || (CompanyManagementColumns = {}));
|
|
433
433
|
|
|
434
|
-
var css_248z$
|
|
435
|
-
styleInject(css_248z$
|
|
434
|
+
var css_248z$y = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
|
|
435
|
+
styleInject(css_248z$y);
|
|
436
436
|
|
|
437
437
|
var isBase64 = function (str) {
|
|
438
438
|
if (!str || str === '' || str.trim() === '') {
|
|
@@ -472,8 +472,8 @@ var CompanyRole;
|
|
|
472
472
|
CompanyRole["API"] = "API";
|
|
473
473
|
})(CompanyRole || (CompanyRole = {}));
|
|
474
474
|
|
|
475
|
-
var css_248z$
|
|
476
|
-
styleInject(css_248z$
|
|
475
|
+
var css_248z$x = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n background: #fff7e6;\n border-color: #ffd591; }\n";
|
|
476
|
+
styleInject(css_248z$x);
|
|
477
477
|
|
|
478
478
|
var OrganisationStatus = function (props) {
|
|
479
479
|
var organisationStatus = props.organisationStatus, t = props.t;
|
|
@@ -492,317 +492,9 @@ var OrganisationStatus = function (props) {
|
|
|
492
492
|
return orgState;
|
|
493
493
|
};
|
|
494
494
|
|
|
495
|
-
function e$1(e){this.message=e;}e$1.prototype=new Error,e$1.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e$1("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t$1(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n$1(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n$1("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t$1(e.split(".")[o]))}catch(e){throw new n$1("Invalid token specified: "+e.message)}}n$1.prototype=new Error,n$1.prototype.name="InvalidTokenError";
|
|
496
|
-
|
|
497
|
-
var ConnectionContext = createContext({});
|
|
498
|
-
var ConnectionContextProvider = function (props) {
|
|
499
|
-
var _a = useState(), token = _a[0], setToken = _a[1];
|
|
500
|
-
var serverURL = props.serverURL, t = props.t, statServerUrl = props.statServerUrl, children = props.children;
|
|
501
|
-
useEffect(function () {
|
|
502
|
-
var timer = setInterval(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
503
|
-
var newToken;
|
|
504
|
-
return __generator(this, function (_a) {
|
|
505
|
-
switch (_a.label) {
|
|
506
|
-
case 0: return [4 /*yield*/, localStorage.getItem('token')];
|
|
507
|
-
case 1:
|
|
508
|
-
newToken = _a.sent();
|
|
509
|
-
if (token !== newToken) {
|
|
510
|
-
setToken(newToken);
|
|
511
|
-
}
|
|
512
|
-
return [2 /*return*/];
|
|
513
|
-
}
|
|
514
|
-
});
|
|
515
|
-
}); }, 3000);
|
|
516
|
-
if (token) {
|
|
517
|
-
clearTimeout(timer);
|
|
518
|
-
}
|
|
519
|
-
return function () {
|
|
520
|
-
clearTimeout(timer);
|
|
521
|
-
};
|
|
522
|
-
}, [token]);
|
|
523
|
-
var send = useCallback(function (method, path, data, config, extraUrl) {
|
|
524
|
-
return new Promise(function (resolve, reject) {
|
|
525
|
-
var url = "".concat(extraUrl ? extraUrl : serverURL, "/").concat(path);
|
|
526
|
-
var headers;
|
|
527
|
-
if (token) {
|
|
528
|
-
headers = { authorization: "Bearer ".concat(token.toString()) };
|
|
529
|
-
}
|
|
530
|
-
else {
|
|
531
|
-
if (localStorage.getItem('token')) {
|
|
532
|
-
headers = {
|
|
533
|
-
authorization: "Bearer ".concat(localStorage.getItem('token')),
|
|
534
|
-
};
|
|
535
|
-
}
|
|
536
|
-
else {
|
|
537
|
-
headers = {
|
|
538
|
-
authorization: "Bearer ".concat(process.env.STORYBOOK_ACCESS_TOKEN),
|
|
539
|
-
};
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
axios(__assign({ method: method, url: url, data: data, headers: headers }, config))
|
|
543
|
-
.then(function (response) {
|
|
544
|
-
var _a, _b, _c;
|
|
545
|
-
if (response.status) {
|
|
546
|
-
if (response.status === 200 || response.status === 201) {
|
|
547
|
-
resolve({
|
|
548
|
-
status: response.status,
|
|
549
|
-
data: (_a = response.data.data) !== null && _a !== void 0 ? _a : response.data,
|
|
550
|
-
response: response,
|
|
551
|
-
statusText: 'SUCCESS',
|
|
552
|
-
message: response.data.message,
|
|
553
|
-
});
|
|
554
|
-
}
|
|
555
|
-
else if (response.status === 422) {
|
|
556
|
-
reject({
|
|
557
|
-
status: response.status,
|
|
558
|
-
data: (_b = response.data) === null || _b === void 0 ? void 0 : _b.data,
|
|
559
|
-
statusText: 'ERROR',
|
|
560
|
-
response: response,
|
|
561
|
-
message: response.data.message,
|
|
562
|
-
errors: (_c = response.data) === null || _c === void 0 ? void 0 : _c.errors,
|
|
563
|
-
});
|
|
564
|
-
}
|
|
565
|
-
}
|
|
566
|
-
else {
|
|
567
|
-
reject({
|
|
568
|
-
status: 500,
|
|
569
|
-
statusText: 'UNKNOWN',
|
|
570
|
-
message: t('common:systemError'),
|
|
571
|
-
});
|
|
572
|
-
}
|
|
573
|
-
})
|
|
574
|
-
.catch(function (e) {
|
|
575
|
-
var _a;
|
|
576
|
-
if (e.response) {
|
|
577
|
-
if (e.response.status) {
|
|
578
|
-
if (e.response.data.message === 'jwt expired') {
|
|
579
|
-
localStorage.removeItem('token');
|
|
580
|
-
window.location.reload();
|
|
581
|
-
}
|
|
582
|
-
reject({
|
|
583
|
-
status: e.response.status,
|
|
584
|
-
statusText: 'ERROR',
|
|
585
|
-
errors: (_a = e.response.data) === null || _a === void 0 ? void 0 : _a.errors,
|
|
586
|
-
message: e.response.data.message,
|
|
587
|
-
});
|
|
588
|
-
}
|
|
589
|
-
else {
|
|
590
|
-
reject({
|
|
591
|
-
statusText: 'ERROR',
|
|
592
|
-
message: t('common:systemError'),
|
|
593
|
-
});
|
|
594
|
-
}
|
|
595
|
-
}
|
|
596
|
-
else {
|
|
597
|
-
reject({
|
|
598
|
-
statusText: 'ERROR',
|
|
599
|
-
message: t('common:networkError'),
|
|
600
|
-
});
|
|
601
|
-
}
|
|
602
|
-
});
|
|
603
|
-
});
|
|
604
|
-
}, [token, serverURL]);
|
|
605
|
-
var post = useCallback(function (path, data, config, extraUrl) {
|
|
606
|
-
return send('post', path, data, config, extraUrl);
|
|
607
|
-
}, [send]);
|
|
608
|
-
var put = useCallback(function (path, data, config) {
|
|
609
|
-
return send('put', path, data, config);
|
|
610
|
-
}, [send]);
|
|
611
|
-
var get = useCallback(function (path, config) {
|
|
612
|
-
return send('get', path, undefined, config);
|
|
613
|
-
}, [send]);
|
|
614
|
-
var patch = useCallback(function (path, data, config) {
|
|
615
|
-
return send('patch', path, data, config);
|
|
616
|
-
}, [send]);
|
|
617
|
-
var del = useCallback(function (path, config) {
|
|
618
|
-
return send('delete', path, config);
|
|
619
|
-
}, [send]);
|
|
620
|
-
var updateToken = useCallback(function (newToken) { return __awaiter(void 0, void 0, void 0, function () {
|
|
621
|
-
return __generator(this, function (_a) {
|
|
622
|
-
if (newToken) {
|
|
623
|
-
localStorage.setItem('token', newToken);
|
|
624
|
-
setToken(newToken);
|
|
625
|
-
}
|
|
626
|
-
else {
|
|
627
|
-
localStorage.setItem('token', '');
|
|
628
|
-
setToken(undefined);
|
|
629
|
-
}
|
|
630
|
-
return [2 /*return*/];
|
|
631
|
-
});
|
|
632
|
-
}); }, []);
|
|
633
|
-
var removeToken = function (tkn) {
|
|
634
|
-
if (tkn) {
|
|
635
|
-
var exp = o(tkn).exp;
|
|
636
|
-
if (Date.now() > exp * 1000) {
|
|
637
|
-
localStorage.setItem('token', '');
|
|
638
|
-
localStorage.removeItem('userRole');
|
|
639
|
-
localStorage.removeItem('userId');
|
|
640
|
-
localStorage.removeItem('companyId');
|
|
641
|
-
localStorage.removeItem('companyRole');
|
|
642
|
-
}
|
|
643
|
-
else {
|
|
644
|
-
var diff = exp * 1000 - Date.now();
|
|
645
|
-
setTimeout(function () {
|
|
646
|
-
setToken(undefined);
|
|
647
|
-
localStorage.setItem('token', '');
|
|
648
|
-
localStorage.removeItem('userRole');
|
|
649
|
-
localStorage.removeItem('userId');
|
|
650
|
-
localStorage.removeItem('companyId');
|
|
651
|
-
localStorage.removeItem('companyRole');
|
|
652
|
-
}, diff);
|
|
653
|
-
console.log(diff, 'Remaining Token expire time');
|
|
654
|
-
}
|
|
655
|
-
}
|
|
656
|
-
};
|
|
657
|
-
useEffect(function () {
|
|
658
|
-
removeToken(token);
|
|
659
|
-
}, [token]);
|
|
660
|
-
return (React.createElement(ConnectionContext.Provider, { value: {
|
|
661
|
-
connection: { post: post, put: put, get: get, patch: patch, delete: del, updateToken: updateToken, token: token, removeToken: removeToken, statServerUrl: statServerUrl },
|
|
662
|
-
} }, children));
|
|
663
|
-
};
|
|
664
|
-
var useConnection = function () {
|
|
665
|
-
var context = useContext(ConnectionContext);
|
|
666
|
-
return context.connection;
|
|
667
|
-
};
|
|
668
|
-
|
|
669
|
-
var UserContext = createContext({
|
|
670
|
-
setUserInfo: function () { },
|
|
671
|
-
removeUserInfo: function () { },
|
|
672
|
-
IsAuthenticated: function (tkn) { return false; },
|
|
673
|
-
isTokenExpired: false,
|
|
674
|
-
setIsTokenExpired: function (val) { },
|
|
675
|
-
});
|
|
676
|
-
var UserInformationContextProvider = function (_a) {
|
|
677
|
-
var children = _a.children;
|
|
678
|
-
var token = useConnection().token;
|
|
679
|
-
var _b = useState(false), isTokenExpired = _b[0], setIsTokenExpired = _b[1];
|
|
680
|
-
var initialUserProps = {
|
|
681
|
-
id: localStorage.getItem('userId') ? localStorage.getItem('userId') : process.env.STORYBOOK_USER_ID ? process.env.STORYBOOK_USER_ID : '',
|
|
682
|
-
userRole: localStorage.getItem('userRole') ? localStorage.getItem('userRole') : process.env.STORYBOOK_USER_ROLE ? process.env.STORYBOOK_USER_ROLE : '',
|
|
683
|
-
companyRole: localStorage.getItem('companyRole')
|
|
684
|
-
? localStorage.getItem('companyRole')
|
|
685
|
-
: process.env.STORYBOOK_COMPANY_ROLE ? process.env.STORYBOOK_COMPANY_ROLE : '',
|
|
686
|
-
companyId: localStorage.getItem('companyId')
|
|
687
|
-
? parseInt(localStorage.getItem('companyId'))
|
|
688
|
-
: process.env.STORYBOOK_COMPANY_ID ? parseInt(process.env.STORYBOOK_COMPANY_ID) : -1,
|
|
689
|
-
companyLogo: localStorage.getItem('companyLogo')
|
|
690
|
-
? localStorage.getItem('companyLogo')
|
|
691
|
-
: process.env.STORYBOOK_COMPANY_LOGO ? process.env.STORYBOOK_COMPANY_LOGO : '',
|
|
692
|
-
companyName: localStorage.getItem('companyName')
|
|
693
|
-
? localStorage.getItem('companyName')
|
|
694
|
-
: process.env.STORYBOOK_COMPANY_NAME ? process.env.STORYBOOK_COMPANY_NAME : '',
|
|
695
|
-
companyState: localStorage.getItem('companyState')
|
|
696
|
-
? parseInt(localStorage.getItem('companyState'))
|
|
697
|
-
: process.env.STORYBOOK_COMPANY_STATE ? parseInt(process.env.STORYBOOK_COMPANY_STATE) : 0,
|
|
698
|
-
};
|
|
699
|
-
var _c = useState(initialUserProps), userInfoState = _c[0], setUserInfoState = _c[1];
|
|
700
|
-
var setUserInfo = function (value) {
|
|
701
|
-
var state = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState) === 1 ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyState : 0;
|
|
702
|
-
var id = value.id, userRole = value.userRole, companyId = value.companyId, companyRole = value.companyRole, companyLogo = value.companyLogo, companyName = value.companyName, _a = value.companyState, companyState = _a === void 0 ? state : _a;
|
|
703
|
-
if (id) {
|
|
704
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { id: id })); });
|
|
705
|
-
localStorage.setItem('userId', id);
|
|
706
|
-
}
|
|
707
|
-
if (userRole) {
|
|
708
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { userRole: userRole })); });
|
|
709
|
-
localStorage.setItem('userRole', userRole);
|
|
710
|
-
}
|
|
711
|
-
if (companyId) {
|
|
712
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyId: companyId })); });
|
|
713
|
-
localStorage.setItem('companyId', companyId + '');
|
|
714
|
-
}
|
|
715
|
-
if (companyLogo) {
|
|
716
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: companyLogo })); });
|
|
717
|
-
localStorage.setItem('companyLogo', companyLogo);
|
|
718
|
-
}
|
|
719
|
-
else {
|
|
720
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyLogo: '' })); });
|
|
721
|
-
localStorage.setItem('companyLogo', '');
|
|
722
|
-
}
|
|
723
|
-
if (companyName) {
|
|
724
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyName: companyName })); });
|
|
725
|
-
localStorage.setItem('companyName', companyName);
|
|
726
|
-
}
|
|
727
|
-
if (userRole) {
|
|
728
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyRole: companyRole })); });
|
|
729
|
-
localStorage.setItem('companyRole', companyRole);
|
|
730
|
-
}
|
|
731
|
-
setUserInfoState(function (prev) { return (__assign(__assign({}, prev), { companyState: companyState })); });
|
|
732
|
-
localStorage.setItem('companyState', companyState + '');
|
|
733
|
-
};
|
|
734
|
-
var IsAuthenticated = useCallback(function (tokenNew) {
|
|
735
|
-
var tokenVal;
|
|
736
|
-
if (tokenNew) {
|
|
737
|
-
tokenVal = tokenNew;
|
|
738
|
-
}
|
|
739
|
-
else if (token) {
|
|
740
|
-
tokenVal = token;
|
|
741
|
-
}
|
|
742
|
-
else {
|
|
743
|
-
tokenVal = localStorage.getItem('token');
|
|
744
|
-
if (tokenVal === '') {
|
|
745
|
-
if (history.length !== 1) {
|
|
746
|
-
setIsTokenExpired(true);
|
|
747
|
-
}
|
|
748
|
-
}
|
|
749
|
-
}
|
|
750
|
-
try {
|
|
751
|
-
if (tokenVal) {
|
|
752
|
-
var exp = o(tokenVal).exp;
|
|
753
|
-
return Date.now() < exp * 1000;
|
|
754
|
-
}
|
|
755
|
-
return false;
|
|
756
|
-
}
|
|
757
|
-
catch (err) {
|
|
758
|
-
return false;
|
|
759
|
-
}
|
|
760
|
-
}, [token]);
|
|
761
|
-
var removeUserInfo = function () {
|
|
762
|
-
localStorage.removeItem('userId');
|
|
763
|
-
localStorage.removeItem('userRole');
|
|
764
|
-
localStorage.removeItem('companyId');
|
|
765
|
-
localStorage.removeItem('companyRole');
|
|
766
|
-
localStorage.removeItem('companyName');
|
|
767
|
-
localStorage.removeItem('companyState');
|
|
768
|
-
localStorage.removeItem('companyLogo');
|
|
769
|
-
setUserInfoState(initialUserProps);
|
|
770
|
-
};
|
|
771
|
-
return (React.createElement(UserContext.Provider, { value: {
|
|
772
|
-
userInfoState: userInfoState,
|
|
773
|
-
setUserInfo: setUserInfo,
|
|
774
|
-
removeUserInfo: removeUserInfo,
|
|
775
|
-
IsAuthenticated: IsAuthenticated,
|
|
776
|
-
isTokenExpired: isTokenExpired,
|
|
777
|
-
setIsTokenExpired: setIsTokenExpired,
|
|
778
|
-
} }, children));
|
|
779
|
-
};
|
|
780
|
-
var useUserContext = function () {
|
|
781
|
-
return useContext(UserContext);
|
|
782
|
-
};
|
|
783
|
-
|
|
784
|
-
var SettingsContext = createContext({
|
|
785
|
-
isTransferFrozen: false,
|
|
786
|
-
setTransferFrozen: function (value) { },
|
|
787
|
-
});
|
|
788
|
-
var SettingsContextProvider = function (_a) {
|
|
789
|
-
var children = _a.children;
|
|
790
|
-
var _b = useState(false), isTransferFrozen = _b[0], setIsTransferFrozen = _b[1];
|
|
791
|
-
var setTransferFrozen = function (value) {
|
|
792
|
-
setIsTransferFrozen(value);
|
|
793
|
-
};
|
|
794
|
-
return (React.createElement(SettingsContext.Provider, { value: {
|
|
795
|
-
isTransferFrozen: isTransferFrozen,
|
|
796
|
-
setTransferFrozen: setTransferFrozen,
|
|
797
|
-
} }, children));
|
|
798
|
-
};
|
|
799
|
-
var useSettingsContext = function () {
|
|
800
|
-
return useContext(SettingsContext);
|
|
801
|
-
};
|
|
802
|
-
|
|
803
495
|
var Search$2 = Input.Search;
|
|
804
496
|
var CompanyManagementComponent = function (props) {
|
|
805
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
|
|
497
|
+
var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
|
|
806
498
|
var _a = useState(), totalCompany = _a[0], setTotalCompany = _a[1];
|
|
807
499
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
808
500
|
var _c = useState([]), tableData = _c[0], setTableData = _c[1];
|
|
@@ -815,8 +507,8 @@ var CompanyManagementComponent = function (props) {
|
|
|
815
507
|
var _j = useState("All"), filterByOrganisationType = _j[0], setFilterByOrganisationType = _j[1];
|
|
816
508
|
var _k = useState(""), sortOrder = _k[0], setSortOrder = _k[1];
|
|
817
509
|
var _l = useState(""), sortField = _l[0], setSortField = _l[1];
|
|
510
|
+
var _m = useState(), dataQuery = _m[0], setDataQuery = _m[1];
|
|
818
511
|
var ability = useAbilityContext();
|
|
819
|
-
var post = useConnection().post;
|
|
820
512
|
document.addEventListener("mousedown", function (event) {
|
|
821
513
|
var organisationFilterArea1 = document.querySelector(".filter-bar");
|
|
822
514
|
var organisationFilterArea2 = document.querySelector(".filter-dropdown");
|
|
@@ -1021,6 +713,11 @@ var CompanyManagementComponent = function (props) {
|
|
|
1021
713
|
setTableData(availableCompanies);
|
|
1022
714
|
setTotalCompany((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
|
|
1023
715
|
}
|
|
716
|
+
setDataQuery({
|
|
717
|
+
filterAnd: filterAnd(),
|
|
718
|
+
filterOr: filterOr(),
|
|
719
|
+
sort: sort(),
|
|
720
|
+
});
|
|
1024
721
|
setLoading(false);
|
|
1025
722
|
return [3 /*break*/, 4];
|
|
1026
723
|
case 3:
|
|
@@ -1037,6 +734,50 @@ var CompanyManagementComponent = function (props) {
|
|
|
1037
734
|
}
|
|
1038
735
|
});
|
|
1039
736
|
}); };
|
|
737
|
+
var downloadCompanyData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
738
|
+
var response, url, a, error_2;
|
|
739
|
+
var _a;
|
|
740
|
+
return __generator(this, function (_b) {
|
|
741
|
+
switch (_b.label) {
|
|
742
|
+
case 0:
|
|
743
|
+
setLoading(true);
|
|
744
|
+
_b.label = 1;
|
|
745
|
+
case 1:
|
|
746
|
+
_b.trys.push([1, 3, , 4]);
|
|
747
|
+
return [4 /*yield*/, post("national/organisation/download", {
|
|
748
|
+
filterAnd: dataQuery.filterAnd,
|
|
749
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
750
|
+
sort: dataQuery.sort,
|
|
751
|
+
})];
|
|
752
|
+
case 2:
|
|
753
|
+
response = _b.sent();
|
|
754
|
+
if (response && response.data) {
|
|
755
|
+
url = response.data.url;
|
|
756
|
+
a = document.createElement('a');
|
|
757
|
+
a.href = url;
|
|
758
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
759
|
+
document.body.appendChild(a);
|
|
760
|
+
a.click();
|
|
761
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
762
|
+
window.URL.revokeObjectURL(url);
|
|
763
|
+
}
|
|
764
|
+
setLoading(false);
|
|
765
|
+
return [3 /*break*/, 4];
|
|
766
|
+
case 3:
|
|
767
|
+
error_2 = _b.sent();
|
|
768
|
+
console.log("Error in exporting organisations", error_2);
|
|
769
|
+
message.open({
|
|
770
|
+
type: "error",
|
|
771
|
+
content: error_2.message,
|
|
772
|
+
duration: 3,
|
|
773
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
774
|
+
});
|
|
775
|
+
setLoading(false);
|
|
776
|
+
return [3 /*break*/, 4];
|
|
777
|
+
case 4: return [2 /*return*/];
|
|
778
|
+
}
|
|
779
|
+
});
|
|
780
|
+
}); };
|
|
1040
781
|
useEffect(function () {
|
|
1041
782
|
getAllCompany();
|
|
1042
783
|
}, [
|
|
@@ -1124,7 +865,13 @@ var CompanyManagementComponent = function (props) {
|
|
|
1124
865
|
React.createElement(FilterOutlined, { style: {
|
|
1125
866
|
color: "rgba(58, 53, 65, 0.3)",
|
|
1126
867
|
fontSize: "20px",
|
|
1127
|
-
} }))))
|
|
868
|
+
} })))),
|
|
869
|
+
React.createElement("div", { className: "download-data-btn company-data-download" },
|
|
870
|
+
React.createElement("a", { onClick: downloadCompanyData },
|
|
871
|
+
React.createElement(DownloadOutlined, { style: {
|
|
872
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
873
|
+
fontSize: "20px",
|
|
874
|
+
} })))))),
|
|
1128
875
|
React.createElement(Row, null,
|
|
1129
876
|
React.createElement(Col, { span: 24 },
|
|
1130
877
|
React.createElement("div", { className: "userManagement-table-container" },
|
|
@@ -1146,11 +893,11 @@ var CompanyManagementComponent = function (props) {
|
|
|
1146
893
|
} })))))));
|
|
1147
894
|
};
|
|
1148
895
|
|
|
1149
|
-
var css_248z$
|
|
1150
|
-
styleInject(css_248z$
|
|
896
|
+
var css_248z$w = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-one .space-container .ant-space-item {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .space-container .ant-space-item {\n width: 100%; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
|
|
897
|
+
styleInject(css_248z$w);
|
|
1151
898
|
|
|
1152
|
-
var css_248z$u = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n body .ant-menu {\n background-color: #f4f5fa; }\n body .ant-layout-header {\n background-color: #f4f5fa; }\n body .ant-layout {\n background-color: #f4f5fa; }\n body .ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n body .ant-menu-item {\n background-color: #f4f5fa; }\n body .ant-menu-sub {\n background-color: #f4f5fa; }\n body .ant-table-content {\n font-family: \"Inter\"; }\n body .ant-input {\n border-radius: 5px !important; }\n body .ant-btn {\n border-radius: 5px !important; }\n body .ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n body .ant-input-group .ant-input {\n width: 99% !important; }\n body .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n body .ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n body .ant-upload-list-picture .ant-upload-list-item-error,\n body .ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n body .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n body .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n body .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n body .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n body .ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n body .ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n body .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 body .ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n body .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 body .ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n body .space-container {\n width: 100%; }\n body .space-container .ant-space-item {\n width: 100%; }\n body .PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n body .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 body .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 body .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 body .ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n body .PhoneInput .PhoneInputInput:focus-visible,\n body .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 body .layout-content-container {\n padding-bottom: 100px; }\n body .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n body .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 body .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n body .content-container {\n padding: 0px 20px; }\n body .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n body .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n body .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n body .content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n body .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n body .content-card .action-bar button {\n width: fit-content; }\n body .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 body .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n body .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n body .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n body .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 body .layout-content-container .ant-btn {\n min-width: 50px !important; }\n body .table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n body .action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n body .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n body .action-menu .anticon-edit {\n color: #16b1ff; }\n body .action-menu .anticon-delete {\n color: #f25a29; }\n body .ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n body .ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n body .ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n body .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n body .ant-tag {\n border-radius: 20px; }\n body .clickable {\n cursor: pointer; }\n body .text-center {\n text-align: center; }\n body .float-left {\n float: left; }\n body .float-right {\n float: right; }\n body .apexcharts-canvas {\n font-family: \"Inter\" !important; }\n body .apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n body .ant-tag {\n padding: 1px 10px; }\n body .flex-display {\n display: flex; }\n body .ant-modal-footer {\n border-top: none;\n text-align: center; }\n body .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n body .ant-modal-header {\n border-radius: 15px;\n border: none; }\n body .ant-modal-content {\n border-radius: 15px;\n border: none; }\n body .ant-modal-header {\n border: none; }\n body .ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n body .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n body .ant-modal-body .form-label {\n text-align: left; }\n body .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n body .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n body .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n body .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 body .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n body .popup-header img {\n height: 100px; }\n body .popup-success .icon {\n color: #5dc380; }\n body .popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-primary .icon {\n color: #16b1ff; }\n body .popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n body .popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n body .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 body .popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n body .popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n body .ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n body .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 body .ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n body .filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n body .pull-right {\n float: right; }\n body .disabled {\n opacity: 0.5; }\n body .mg-left-3 {\n margin-left: 3rem; }\n body .mg-left-2 {\n margin-left: 2rem !important; }\n body .mg-left-1 {\n margin-left: 1rem; }\n body .mg-top-1 {\n margin-top: 1rem; }\n body .mg-top-2 {\n margin-top: 2rem; }\n body .mg-bottom-1 {\n margin-bottom: 1rem !important; }\n body .transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n body .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 body .transfer-form .ant-row {\n align-items: unset; }\n body .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n body .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n body .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n body .transfer-form label {\n font-size: 0.8rem; }\n body .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n body .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n body .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n body .color-error {\n color: rgba(255, 77, 79, 0.8); }\n body .color-primary {\n color: #16b1ff; }\n body .ant-input-number-input {\n text-align: right; }\n body .text-left {\n text-align: left; }\n body .ant-form-item .ant-radio-group {\n text-align: left; }\n body .loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n body .ant-tag-purple {\n color: #976ed7; }\n body .ant-tag-orange {\n color: #ff8f56; }\n body .ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n body .ant-popover-inner {\n border-radius: 4px; }\n body .ant-input-number {\n border-radius: 5px; }\n body .ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n body .flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n body .b-icon {\n vertical-align: middle; }\n body .ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n body .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n body .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 body .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n body .ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n body .sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n body .search-filter {\n margin-right: 15px; }\n body .mg-bottom-0 {\n margin-bottom: 0px; }\n body .padding-bottom-0 {\n padding-bottom: 0px; }\n body .ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n body .nextline-overflow {\n overflow-wrap: break-word; }\n body .ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
|
1153
|
-
styleInject(css_248z$
|
|
899
|
+
var css_248z$v = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.space-container {\n width: 100%; }\n .space-container .ant-space-item {\n width: 100%; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 20px;\n align-items: center;\n justify-content: start;\n margin-left: 5px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.download-data-btn {\n margin-left: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
|
|
900
|
+
styleInject(css_248z$v);
|
|
1154
901
|
|
|
1155
902
|
var UserManagementColumns;
|
|
1156
903
|
(function (UserManagementColumns) {
|
|
@@ -2331,6 +2078,9 @@ var Instrument;
|
|
|
2331
2078
|
Instrument["EQUITY"] = "Equity";
|
|
2332
2079
|
Instrument["GUARANTEE"] = "Guarantee";
|
|
2333
2080
|
Instrument["INKIND"] = "In-Kind";
|
|
2081
|
+
Instrument["CONLOAN"] = "ConcessionalLoan";
|
|
2082
|
+
Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
|
|
2083
|
+
Instrument["INSURANCE"] = "Insurance";
|
|
2334
2084
|
Instrument["OTHER"] = "Other";
|
|
2335
2085
|
})(Instrument || (Instrument = {}));
|
|
2336
2086
|
|
|
@@ -6115,7 +5865,7 @@ var Projection = /** @class */ (function () {
|
|
|
6115
5865
|
|
|
6116
5866
|
var AddNewCompanyComponent = function (props) {
|
|
6117
5867
|
var _a;
|
|
6118
|
-
var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
|
|
5868
|
+
var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome, systemType = props.systemType;
|
|
6119
5869
|
var formOne = Form.useForm()[0];
|
|
6120
5870
|
var formTwo = Form.useForm()[0];
|
|
6121
5871
|
var _b = useState(), stepOneData = _b[0], setStepOneData = _b[1];
|
|
@@ -6869,13 +6619,6 @@ var AddNewCompanyComponent = function (props) {
|
|
|
6869
6619
|
] }))))));
|
|
6870
6620
|
};
|
|
6871
6621
|
|
|
6872
|
-
var CompanyRoleIcon = function (props) {
|
|
6873
|
-
var role = props.role;
|
|
6874
|
-
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
6875
|
-
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
6876
|
-
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
|
6877
|
-
};
|
|
6878
|
-
|
|
6879
6622
|
var TextArea$2 = Input.TextArea;
|
|
6880
6623
|
var UserActionConfirmationModel = function (props) {
|
|
6881
6624
|
var t = props.t, actionInfo = props.actionInfo, onActionConfirmed = props.onActionConfirmed, onActionCanceled = props.onActionCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loading = props.loading;
|
|
@@ -6900,11 +6643,115 @@ var UserActionConfirmationModel = function (props) {
|
|
|
6900
6643
|
React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
|
|
6901
6644
|
};
|
|
6902
6645
|
|
|
6646
|
+
var css_248z$u = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
|
|
6647
|
+
styleInject(css_248z$u);
|
|
6648
|
+
|
|
6649
|
+
var CompanyRoleIcon = function (props) {
|
|
6650
|
+
var role = props.role;
|
|
6651
|
+
return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
6652
|
+
role === 'Government' ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : role === 'Certifier' ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
|
|
6653
|
+
role === 'ProgrammeDeveloper' ? React.createElement("div", null, 'Developer') : React.createElement("div", null, role)));
|
|
6654
|
+
};
|
|
6655
|
+
|
|
6903
6656
|
var css_248z$t = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
|
|
6904
6657
|
styleInject(css_248z$t);
|
|
6905
6658
|
|
|
6659
|
+
var CompanyDetailsComponent = function (props) {
|
|
6660
|
+
var t = props.t, companyDetails = props.companyDetails; props.userDetails; var isLoading = props.isLoading, regionField = props.regionField, systemType = props.systemType;
|
|
6661
|
+
var getEnumKeysFromValues = function (values) {
|
|
6662
|
+
var enumKeys = [];
|
|
6663
|
+
for (var key in SectoralScope) {
|
|
6664
|
+
if (values.includes(SectoralScope[key])) {
|
|
6665
|
+
enumKeys.push(key);
|
|
6666
|
+
}
|
|
6667
|
+
}
|
|
6668
|
+
return enumKeys;
|
|
6669
|
+
};
|
|
6670
|
+
return (React.createElement(Card, { className: "card-container" },
|
|
6671
|
+
React.createElement("div", { className: "info-view" },
|
|
6672
|
+
React.createElement("div", { className: "title" },
|
|
6673
|
+
React.createElement("span", { className: "title-icon" },
|
|
6674
|
+
React.createElement(BankOutlined, null)),
|
|
6675
|
+
React.createElement("span", { className: "title-text" }, t("companyDetails:organisationDetailsHeading"))),
|
|
6676
|
+
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
6677
|
+
React.createElement(Row, { className: "field" },
|
|
6678
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:name")),
|
|
6679
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
|
6680
|
+
React.createElement(Row, { className: "field" },
|
|
6681
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:taxId")),
|
|
6682
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
|
6683
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
|
6684
|
+
? companyDetails.taxId
|
|
6685
|
+
: "-")),
|
|
6686
|
+
React.createElement(Row, { className: "field" },
|
|
6687
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:paymentId")),
|
|
6688
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
|
6689
|
+
? companyDetails.paymentId
|
|
6690
|
+
: "-")),
|
|
6691
|
+
React.createElement(Row, { className: "field" },
|
|
6692
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:companyRole")),
|
|
6693
|
+
React.createElement(Col, { span: 12, className: "field-value" },
|
|
6694
|
+
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
|
6695
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
6696
|
+
React.createElement(Row, { className: "field" },
|
|
6697
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:ministerName")),
|
|
6698
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
|
6699
|
+
? companyDetails.nameOfMinister
|
|
6700
|
+
: "-")),
|
|
6701
|
+
React.createElement(Row, { className: "field" },
|
|
6702
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:sectoralScope")),
|
|
6703
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
|
6704
|
+
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
|
6705
|
+
: "-")))),
|
|
6706
|
+
React.createElement(Row, { className: "field" },
|
|
6707
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:email")),
|
|
6708
|
+
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
|
6709
|
+
React.createElement(Row, { className: "field" },
|
|
6710
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:phoneNo")),
|
|
6711
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
|
6712
|
+
React.createElement(Row, { className: "field" },
|
|
6713
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:website")),
|
|
6714
|
+
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
|
6715
|
+
React.createElement(Row, { className: "field" },
|
|
6716
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:address")),
|
|
6717
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
|
6718
|
+
regionField && (React.createElement(Row, { className: "field" },
|
|
6719
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:region")),
|
|
6720
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
|
6721
|
+
? companyDetails.regions.join(", ")
|
|
6722
|
+
: "-"))),
|
|
6723
|
+
React.createElement(Row, { className: "field" },
|
|
6724
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:programmeCount")),
|
|
6725
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
|
6726
|
+
? companyDetails.programmeCount
|
|
6727
|
+
: "-")),
|
|
6728
|
+
React.createElement(Row, { className: "field" },
|
|
6729
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:creditBalance")),
|
|
6730
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
|
6731
|
+
? addCommSep(companyDetails.creditBalance)
|
|
6732
|
+
: "-")),
|
|
6733
|
+
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
|
6734
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:remarks")),
|
|
6735
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
|
6736
|
+
? companyDetails.remarks
|
|
6737
|
+
: "-"))) : (""),
|
|
6738
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
|
6739
|
+
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
|
6740
|
+
React.createElement(Row, { className: "field" },
|
|
6741
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:omgePercentage")),
|
|
6742
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
|
6743
|
+
? companyDetails.omgePercentage
|
|
6744
|
+
: "-")))),
|
|
6745
|
+
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
|
6746
|
+
React.createElement(Row, { className: "field" },
|
|
6747
|
+
React.createElement(Col, { span: 12, className: "field-key" }, t("companyDetails:nationalSopValue")),
|
|
6748
|
+
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
|
6749
|
+
? companyDetails.nationalSopValue
|
|
6750
|
+
: "-"))))))));
|
|
6751
|
+
};
|
|
6752
|
+
|
|
6906
6753
|
var CompanyProfileComponent = function (props) {
|
|
6907
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation,
|
|
6754
|
+
var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit; props.regionField; var systemType = props.systemType;
|
|
6908
6755
|
var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
|
|
6909
6756
|
var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
|
|
6910
6757
|
var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
|
|
@@ -7182,15 +7029,6 @@ var CompanyProfileComponent = function (props) {
|
|
|
7182
7029
|
setErrorMsg("");
|
|
7183
7030
|
setOpenRejectModal(true);
|
|
7184
7031
|
};
|
|
7185
|
-
var getEnumKeysFromValues = function (values) {
|
|
7186
|
-
var enumKeys = [];
|
|
7187
|
-
for (var key in SectoralScope) {
|
|
7188
|
-
if (values.includes(SectoralScope[key])) {
|
|
7189
|
-
enumKeys.push(key);
|
|
7190
|
-
}
|
|
7191
|
-
}
|
|
7192
|
-
return enumKeys;
|
|
7193
|
-
};
|
|
7194
7032
|
return (React.createElement("div", { className: "content-container company-profile" },
|
|
7195
7033
|
React.createElement("div", { className: "title-bar" },
|
|
7196
7034
|
React.createElement("div", null,
|
|
@@ -7229,87 +7067,7 @@ var CompanyProfileComponent = function (props) {
|
|
|
7229
7067
|
React.createElement(Row, { justify: "center" },
|
|
7230
7068
|
React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(companyDetails.state) }))))),
|
|
7231
7069
|
React.createElement(Col, { md: 24, lg: 16 },
|
|
7232
|
-
React.createElement(
|
|
7233
|
-
React.createElement("div", { className: "info-view" },
|
|
7234
|
-
React.createElement("div", { className: "title" },
|
|
7235
|
-
React.createElement("span", { className: "title-icon" },
|
|
7236
|
-
React.createElement(BankOutlined, null)),
|
|
7237
|
-
React.createElement("span", { className: "title-text" }, t("companyProfile:organisationDetailsHeading"))),
|
|
7238
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
7239
|
-
React.createElement(Row, { className: "field" },
|
|
7240
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:name")),
|
|
7241
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.name ? companyDetails.name : "-")),
|
|
7242
|
-
React.createElement(Row, { className: "field" },
|
|
7243
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:taxId")),
|
|
7244
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.taxId &&
|
|
7245
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) !== CompanyRole.GOVERNMENT
|
|
7246
|
-
? companyDetails.taxId
|
|
7247
|
-
: "-")),
|
|
7248
|
-
React.createElement(Row, { className: "field" },
|
|
7249
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:paymentId")),
|
|
7250
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.paymentId
|
|
7251
|
-
? companyDetails.paymentId
|
|
7252
|
-
: "-")),
|
|
7253
|
-
React.createElement(Row, { className: "field" },
|
|
7254
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:companyRole")),
|
|
7255
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
|
7256
|
-
React.createElement(CompanyRoleIcon, { role: companyDetails.companyRole }))),
|
|
7257
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
7258
|
-
React.createElement(Row, { className: "field" },
|
|
7259
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:ministerName")),
|
|
7260
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nameOfMinister
|
|
7261
|
-
? companyDetails.nameOfMinister
|
|
7262
|
-
: "-")),
|
|
7263
|
-
React.createElement(Row, { className: "field" },
|
|
7264
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:sectoralScope")),
|
|
7265
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.sectoralScope
|
|
7266
|
-
? getEnumKeysFromValues(companyDetails.sectoralScope).join(", ")
|
|
7267
|
-
: "-")))),
|
|
7268
|
-
React.createElement(Row, { className: "field" },
|
|
7269
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:email")),
|
|
7270
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, companyDetails.email ? companyDetails.email : "-")),
|
|
7271
|
-
React.createElement(Row, { className: "field" },
|
|
7272
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:phoneNo")),
|
|
7273
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.phoneNo ? companyDetails.phoneNo : "-")),
|
|
7274
|
-
React.createElement(Row, { className: "field" },
|
|
7275
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:website")),
|
|
7276
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, companyDetails.website ? (React.createElement("a", { target: "blank", href: companyDetails.website }, companyDetails.website)) : ("-"))),
|
|
7277
|
-
React.createElement(Row, { className: "field" },
|
|
7278
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
|
|
7279
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
|
|
7280
|
-
regionField && (React.createElement(Row, { className: "field" },
|
|
7281
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
|
|
7282
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
|
|
7283
|
-
? companyDetails.regions.join(", ")
|
|
7284
|
-
: "-"))),
|
|
7285
|
-
React.createElement(Row, { className: "field" },
|
|
7286
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
|
|
7287
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount
|
|
7288
|
-
? companyDetails.programmeCount
|
|
7289
|
-
: "-")),
|
|
7290
|
-
React.createElement(Row, { className: "field" },
|
|
7291
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:creditBalance")),
|
|
7292
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.creditBalance
|
|
7293
|
-
? addCommSep(companyDetails.creditBalance)
|
|
7294
|
-
: "-")),
|
|
7295
|
-
parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
|
|
7296
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
|
|
7297
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
|
|
7298
|
-
? companyDetails.remarks
|
|
7299
|
-
: "-"))) : (""),
|
|
7300
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT &&
|
|
7301
|
-
systemType !== CarbonSystemType.MRV && (React.createElement(React.Fragment, null,
|
|
7302
|
-
React.createElement(Row, { className: "field" },
|
|
7303
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:omgePercentage")),
|
|
7304
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.omgePercentage
|
|
7305
|
-
? companyDetails.omgePercentage
|
|
7306
|
-
: "-")))),
|
|
7307
|
-
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.companyRole) === CompanyRole.GOVERNMENT && (React.createElement(React.Fragment, null,
|
|
7308
|
-
React.createElement(Row, { className: "field" },
|
|
7309
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:nationalSopValue")),
|
|
7310
|
-
React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.nationalSopValue
|
|
7311
|
-
? companyDetails.nationalSopValue
|
|
7312
|
-
: "-"))))))),
|
|
7070
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: companyDetails, userDetails: userDetails, isLoading: isLoading, regionField: true, systemType: systemType }),
|
|
7313
7071
|
((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" ||
|
|
7314
7072
|
(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") && (React.createElement(Card, { className: "card-container" },
|
|
7315
7073
|
React.createElement("div", { className: "info-view" },
|
|
@@ -7337,7 +7095,7 @@ styleInject(css_248z$s);
|
|
|
7337
7095
|
|
|
7338
7096
|
var Search$1 = Input.Search;
|
|
7339
7097
|
var ProgrammeManagementComponent = function (props) {
|
|
7340
|
-
var t = props.t, visibleColumns = props.visibleColumns, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
|
|
7098
|
+
var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme, useAbilityContext = props.useAbilityContext;
|
|
7341
7099
|
var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
|
|
7342
7100
|
var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
|
|
7343
7101
|
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
@@ -7354,14 +7112,15 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7354
7112
|
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
|
7355
7113
|
var userInfoState = useUserContext().userInfoState;
|
|
7356
7114
|
var ability = useAbilityContext();
|
|
7115
|
+
var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
|
7357
7116
|
var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStageR;
|
|
7358
7117
|
var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
|
|
7359
7118
|
label: Object.values(stageObject)[index],
|
|
7360
7119
|
value: k,
|
|
7361
7120
|
}); });
|
|
7362
|
-
var
|
|
7363
|
-
var
|
|
7364
|
-
var
|
|
7121
|
+
var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
|
7122
|
+
var _s = useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
|
|
7123
|
+
var _t = useState(true), checkAll = _t[0], setCheckAll = _t[1];
|
|
7365
7124
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
7366
7125
|
return __generator(this, function (_a) {
|
|
7367
7126
|
console.log(checkedValues);
|
|
@@ -7604,6 +7363,11 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7604
7363
|
setTableData(response.data);
|
|
7605
7364
|
setTotalProgramme(response.response.data.total);
|
|
7606
7365
|
setLoading(false);
|
|
7366
|
+
setDataQuery({
|
|
7367
|
+
filterAnd: filter,
|
|
7368
|
+
filterOr: (filterOr === null || filterOr === void 0 ? void 0 : filterOr.length) > 0 ? filterOr : undefined,
|
|
7369
|
+
sort: sort,
|
|
7370
|
+
});
|
|
7607
7371
|
return [3 /*break*/, 4];
|
|
7608
7372
|
case 3:
|
|
7609
7373
|
error_1 = _a.sent();
|
|
@@ -7661,6 +7425,50 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7661
7425
|
}
|
|
7662
7426
|
});
|
|
7663
7427
|
}); };
|
|
7428
|
+
var downloadProgrammeData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
7429
|
+
var response, url, a, error_3;
|
|
7430
|
+
var _a;
|
|
7431
|
+
return __generator(this, function (_b) {
|
|
7432
|
+
switch (_b.label) {
|
|
7433
|
+
case 0:
|
|
7434
|
+
setLoading(true);
|
|
7435
|
+
_b.label = 1;
|
|
7436
|
+
case 1:
|
|
7437
|
+
_b.trys.push([1, 3, , 4]);
|
|
7438
|
+
return [4 /*yield*/, post("national/programme/download", {
|
|
7439
|
+
filterAnd: dataQuery.filterAnd,
|
|
7440
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
7441
|
+
sort: dataQuery.sort,
|
|
7442
|
+
})];
|
|
7443
|
+
case 2:
|
|
7444
|
+
response = _b.sent();
|
|
7445
|
+
if (response && response.data) {
|
|
7446
|
+
url = response.data.url;
|
|
7447
|
+
a = document.createElement('a');
|
|
7448
|
+
a.href = url;
|
|
7449
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
7450
|
+
document.body.appendChild(a);
|
|
7451
|
+
a.click();
|
|
7452
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
7453
|
+
window.URL.revokeObjectURL(url);
|
|
7454
|
+
}
|
|
7455
|
+
setLoading(false);
|
|
7456
|
+
return [3 /*break*/, 4];
|
|
7457
|
+
case 3:
|
|
7458
|
+
error_3 = _b.sent();
|
|
7459
|
+
console.log("Error in exporting programmes", error_3);
|
|
7460
|
+
message.open({
|
|
7461
|
+
type: "error",
|
|
7462
|
+
content: error_3.message,
|
|
7463
|
+
duration: 3,
|
|
7464
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
7465
|
+
});
|
|
7466
|
+
setLoading(false);
|
|
7467
|
+
return [3 /*break*/, 4];
|
|
7468
|
+
case 4: return [2 /*return*/];
|
|
7469
|
+
}
|
|
7470
|
+
});
|
|
7471
|
+
}); };
|
|
7664
7472
|
var onSearch = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
7665
7473
|
return __generator(this, function (_a) {
|
|
7666
7474
|
setSearch(searchText);
|
|
@@ -7722,7 +7530,7 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7722
7530
|
React.createElement("div", { className: "filter-section" },
|
|
7723
7531
|
React.createElement("div", { className: "search-filter" },
|
|
7724
7532
|
React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
|
7725
|
-
if (
|
|
7533
|
+
if (userInfoState.companyRole === CompanyRole.MINISTRY) {
|
|
7726
7534
|
if (v.target.checked) {
|
|
7727
7535
|
setMinistryLevelFilter(true);
|
|
7728
7536
|
}
|
|
@@ -7739,7 +7547,7 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7739
7547
|
}
|
|
7740
7548
|
: undefined);
|
|
7741
7549
|
}
|
|
7742
|
-
} },
|
|
7550
|
+
} }, userInfoState.companyRole === CompanyRole.MINISTRY
|
|
7743
7551
|
? t("view:ministryLevel")
|
|
7744
7552
|
: t("view:seeMine"))),
|
|
7745
7553
|
React.createElement("div", { className: "search-bar" },
|
|
@@ -7749,7 +7557,13 @@ var ProgrammeManagementComponent = function (props) {
|
|
|
7749
7557
|
return e.target.value === ""
|
|
7750
7558
|
? setSearch(e.target.value)
|
|
7751
7559
|
: setSearchText(e.target.value);
|
|
7752
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
7560
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
7561
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
7562
|
+
React.createElement("a", { onClick: downloadProgrammeData },
|
|
7563
|
+
React.createElement(DownloadOutlined, { style: {
|
|
7564
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
7565
|
+
fontSize: "20px",
|
|
7566
|
+
} })))))),
|
|
7753
7567
|
React.createElement(Row, null,
|
|
7754
7568
|
React.createElement(Col, { span: 24 },
|
|
7755
7569
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -13520,7 +13334,7 @@ var sectoralScopes = {
|
|
|
13520
13334
|
};
|
|
13521
13335
|
var ProgrammeCreationComponent = function (props) {
|
|
13522
13336
|
var _a, _b, _c;
|
|
13523
|
-
var useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
|
|
13337
|
+
var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
|
|
13524
13338
|
var t = translator.t;
|
|
13525
13339
|
var state = useLocation().state;
|
|
13526
13340
|
var formOne = Form.useForm()[0];
|
|
@@ -14585,7 +14399,7 @@ var ChangePasswordModel = function (props) {
|
|
|
14585
14399
|
|
|
14586
14400
|
var AddNewUserComponent = function (props) {
|
|
14587
14401
|
var _a, _b, _c, _d, _e, _f;
|
|
14588
|
-
var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
|
|
14402
|
+
var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
|
|
14589
14403
|
var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
|
|
14590
14404
|
var formOne = Form.useForm()[0];
|
|
14591
14405
|
var state = useLocation().state;
|
|
@@ -15003,7 +14817,7 @@ var LanguageSelection = function (props) {
|
|
|
15003
14817
|
};
|
|
15004
14818
|
|
|
15005
14819
|
var UserProfileComponent = function (props) {
|
|
15006
|
-
var t = props.t, i18n = props.i18n, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin;
|
|
14820
|
+
var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
|
|
15007
14821
|
var get = useConnection().get;
|
|
15008
14822
|
var _a = useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
|
|
15009
14823
|
var _b = useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
|
|
@@ -15038,15 +14852,6 @@ var UserProfileComponent = function (props) {
|
|
|
15038
14852
|
}
|
|
15039
14853
|
});
|
|
15040
14854
|
}); };
|
|
15041
|
-
var getEnumKeysFromValues = function (values) {
|
|
15042
|
-
var enumKeys = [];
|
|
15043
|
-
for (var key in SectoralScope) {
|
|
15044
|
-
if (values.includes(SectoralScope[key])) {
|
|
15045
|
-
enumKeys.push(key);
|
|
15046
|
-
}
|
|
15047
|
-
}
|
|
15048
|
-
return enumKeys;
|
|
15049
|
-
};
|
|
15050
14855
|
useEffect(function () {
|
|
15051
14856
|
getUserProfileDetails();
|
|
15052
14857
|
}, []);
|
|
@@ -15096,82 +14901,15 @@ var UserProfileComponent = function (props) {
|
|
|
15096
14901
|
React.createElement(Row, { className: "field" },
|
|
15097
14902
|
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
|
15098
14903
|
React.createElement(Col, { span: 12, className: "field-value" }, userDetails.phoneNo ? userDetails.phoneNo : "-"))))),
|
|
15099
|
-
React.createElement(
|
|
15100
|
-
React.createElement("div", { className: "info-view" },
|
|
15101
|
-
React.createElement("div", { className: "title" },
|
|
15102
|
-
React.createElement("span", { className: "title-icon" },
|
|
15103
|
-
React.createElement(BankOutlined, null)),
|
|
15104
|
-
React.createElement("span", { className: "title-text" }, t("userProfile:organisationDetailsHeading"))),
|
|
15105
|
-
React.createElement(Skeleton, { loading: isLoading, active: true },
|
|
15106
|
-
React.createElement(Row, { className: "field" },
|
|
15107
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:name")),
|
|
15108
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.name
|
|
15109
|
-
? organisationDetails.name
|
|
15110
|
-
: "-")),
|
|
15111
|
-
React.createElement(Row, { className: "field" },
|
|
15112
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:taxId")),
|
|
15113
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.taxId &&
|
|
15114
|
-
organisationDetails.companyRole !==
|
|
15115
|
-
CompanyRole.GOVERNMENT
|
|
15116
|
-
? organisationDetails.taxId
|
|
15117
|
-
: "-")),
|
|
15118
|
-
React.createElement(Row, { className: "field" },
|
|
15119
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:paymentId")),
|
|
15120
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.paymentId
|
|
15121
|
-
? organisationDetails.paymentId
|
|
15122
|
-
: "-")),
|
|
15123
|
-
React.createElement(Row, { className: "field" },
|
|
15124
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:companyRole")),
|
|
15125
|
-
React.createElement(Col, { span: 12, className: "field-value" },
|
|
15126
|
-
React.createElement(CompanyRoleIcon, { role: organisationDetails.companyRole }))),
|
|
15127
|
-
(organisationDetails === null || organisationDetails === void 0 ? void 0 : organisationDetails.companyRole) ===
|
|
15128
|
-
CompanyRole.MINISTRY && (React.createElement(React.Fragment, null,
|
|
15129
|
-
React.createElement(Row, { className: "field" },
|
|
15130
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:ministerName")),
|
|
15131
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.nameOfMinister
|
|
15132
|
-
? organisationDetails.nameOfMinister
|
|
15133
|
-
: "-")),
|
|
15134
|
-
React.createElement(Row, { className: "field" },
|
|
15135
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:sectoralScope")),
|
|
15136
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.sectoralScope
|
|
15137
|
-
? getEnumKeysFromValues(organisationDetails.sectoralScope).join(", ")
|
|
15138
|
-
: "-")))),
|
|
15139
|
-
React.createElement(Row, { className: "field" },
|
|
15140
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:email")),
|
|
15141
|
-
React.createElement(Col, { span: 12, className: "field-value nextline-overflow" }, organisationDetails.email
|
|
15142
|
-
? organisationDetails.email
|
|
15143
|
-
: "-")),
|
|
15144
|
-
React.createElement(Row, { className: "field" },
|
|
15145
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:phoneNo")),
|
|
15146
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.phoneNo
|
|
15147
|
-
? organisationDetails.phoneNo
|
|
15148
|
-
: "-")),
|
|
15149
|
-
React.createElement(Row, { className: "field" },
|
|
15150
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:website")),
|
|
15151
|
-
React.createElement(Col, { span: 12, className: "field-value ellipsis-overflow" }, organisationDetails.website ? (React.createElement("a", { target: "blank", href: organisationDetails.website }, organisationDetails.website)) : ("-"))),
|
|
15152
|
-
React.createElement(Row, { className: "field" },
|
|
15153
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:address")),
|
|
15154
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.address
|
|
15155
|
-
? organisationDetails.address
|
|
15156
|
-
: "-")),
|
|
15157
|
-
React.createElement(Row, { className: "field" },
|
|
15158
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:programmeCount")),
|
|
15159
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.programmeCount
|
|
15160
|
-
? organisationDetails.programmeCount
|
|
15161
|
-
: "-")),
|
|
15162
|
-
React.createElement(Row, { className: "field" },
|
|
15163
|
-
React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
|
|
15164
|
-
React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
|
|
15165
|
-
? addCommSep(organisationDetails.creditBalance)
|
|
15166
|
-
: "-")))))))))));
|
|
14904
|
+
React.createElement(CompanyDetailsComponent, { t: t, companyDetails: organisationDetails, userDetails: userDetails, isLoading: isLoading, regionField: true })))))));
|
|
15167
14905
|
};
|
|
15168
14906
|
|
|
15169
|
-
var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n";
|
|
14907
|
+
var css_248z$n = ".filter-menu-item .filter-title {\n margin-bottom: 0.5rem;\n font-weight: 600; }\n\n.table-row-gray {\n background-color: #f0f0f0; }\n\n.user-data-download {\n margin-left: 15px;\n margin-top: 0.8rem; }\n";
|
|
15170
14908
|
styleInject(css_248z$n);
|
|
15171
14909
|
|
|
15172
14910
|
var Search = Input.Search;
|
|
15173
14911
|
var UserManagementComponent = function (props) {
|
|
15174
|
-
var t = props.t, useAbilityContext = props.useAbilityContext, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser;
|
|
14912
|
+
var t = props.t, useAbilityContext = props.useAbilityContext, useConnection = props.useConnection, visibleColumns = props.visibleColumns, onNavigateToUpdateUser = props.onNavigateToUpdateUser, onClickAddUser = props.onClickAddUser, userInfoState = props.userInfoState;
|
|
15175
14913
|
Form.useForm()[0];
|
|
15176
14914
|
var _a = useConnection(), post = _a.post, del = _a.delete;
|
|
15177
14915
|
var _b = useState(), totalUser = _b[0], setTotalUser = _b[1];
|
|
@@ -15192,8 +14930,8 @@ var UserManagementComponent = function (props) {
|
|
|
15192
14930
|
var _r = useState({}), actionInfo = _r[0], setActionInfo = _r[1];
|
|
15193
14931
|
var _s = useState(""), errorMsg = _s[0], setErrorMsg = _s[1];
|
|
15194
14932
|
var _t = useState(false), openDeleteConfirmationModal = _t[0], setOpenDeleteConfirmationModal = _t[1];
|
|
14933
|
+
var _u = useState(), dataQuery = _u[0], setDataQuery = _u[1];
|
|
15195
14934
|
var ability = useAbilityContext();
|
|
15196
|
-
var userInfoState = useUserContext().userInfoState;
|
|
15197
14935
|
document.addEventListener("mousedown", function (event) {
|
|
15198
14936
|
var userFilterArea1 = document.querySelector(".filter-bar");
|
|
15199
14937
|
var userFilterArea2 = document.querySelector(".filter-dropdown");
|
|
@@ -15548,6 +15286,11 @@ var UserManagementComponent = function (props) {
|
|
|
15548
15286
|
setTableData(availableUsers);
|
|
15549
15287
|
setTotalUser((_b = (_a = response === null || response === void 0 ? void 0 : response.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.total);
|
|
15550
15288
|
}
|
|
15289
|
+
setDataQuery({
|
|
15290
|
+
filterAnd: filterAnd(),
|
|
15291
|
+
filterOr: filterOr(),
|
|
15292
|
+
sort: sort(),
|
|
15293
|
+
});
|
|
15551
15294
|
setLoading(false);
|
|
15552
15295
|
return [3 /*break*/, 4];
|
|
15553
15296
|
case 3:
|
|
@@ -15565,6 +15308,50 @@ var UserManagementComponent = function (props) {
|
|
|
15565
15308
|
}
|
|
15566
15309
|
});
|
|
15567
15310
|
}); };
|
|
15311
|
+
var downloadUserData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
15312
|
+
var response, url, a, error_3;
|
|
15313
|
+
var _a;
|
|
15314
|
+
return __generator(this, function (_b) {
|
|
15315
|
+
switch (_b.label) {
|
|
15316
|
+
case 0:
|
|
15317
|
+
setLoading(true);
|
|
15318
|
+
_b.label = 1;
|
|
15319
|
+
case 1:
|
|
15320
|
+
_b.trys.push([1, 3, , 4]);
|
|
15321
|
+
return [4 /*yield*/, post("national/user/download", {
|
|
15322
|
+
filterAnd: dataQuery.filterAnd,
|
|
15323
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
15324
|
+
sort: dataQuery.sort,
|
|
15325
|
+
})];
|
|
15326
|
+
case 2:
|
|
15327
|
+
response = _b.sent();
|
|
15328
|
+
if (response && response.data) {
|
|
15329
|
+
url = response.data.url;
|
|
15330
|
+
a = document.createElement('a');
|
|
15331
|
+
a.href = url;
|
|
15332
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
15333
|
+
document.body.appendChild(a);
|
|
15334
|
+
a.click();
|
|
15335
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
15336
|
+
window.URL.revokeObjectURL(url);
|
|
15337
|
+
}
|
|
15338
|
+
setLoading(false);
|
|
15339
|
+
return [3 /*break*/, 4];
|
|
15340
|
+
case 3:
|
|
15341
|
+
error_3 = _b.sent();
|
|
15342
|
+
console.log("Error in exporting users", error_3);
|
|
15343
|
+
message.open({
|
|
15344
|
+
type: "error",
|
|
15345
|
+
content: error_3.message,
|
|
15346
|
+
duration: 3,
|
|
15347
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
15348
|
+
});
|
|
15349
|
+
setLoading(false);
|
|
15350
|
+
return [3 /*break*/, 4];
|
|
15351
|
+
case 4: return [2 /*return*/];
|
|
15352
|
+
}
|
|
15353
|
+
});
|
|
15354
|
+
}); };
|
|
15568
15355
|
useEffect(function () {
|
|
15569
15356
|
getAllUser();
|
|
15570
15357
|
}, [
|
|
@@ -15687,7 +15474,13 @@ var UserManagementComponent = function (props) {
|
|
|
15687
15474
|
React.createElement(FilterOutlined, { style: {
|
|
15688
15475
|
color: "rgba(58, 53, 65, 0.3)",
|
|
15689
15476
|
fontSize: "20px",
|
|
15690
|
-
} }))))
|
|
15477
|
+
} })))),
|
|
15478
|
+
React.createElement("div", { className: "download-data-btn user-data-download" },
|
|
15479
|
+
React.createElement("a", { onClick: downloadUserData },
|
|
15480
|
+
React.createElement(DownloadOutlined, { style: {
|
|
15481
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
15482
|
+
fontSize: "20px",
|
|
15483
|
+
} })))))),
|
|
15691
15484
|
React.createElement(Row, null,
|
|
15692
15485
|
React.createElement(Col, { span: 24 },
|
|
15693
15486
|
React.createElement("div", { className: "userManagement-table-container" },
|
|
@@ -15706,15 +15499,27 @@ var UserManagementComponent = function (props) {
|
|
|
15706
15499
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
|
|
15707
15500
|
};
|
|
15708
15501
|
|
|
15709
|
-
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
|
|
15502
|
+
var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
|
|
15710
15503
|
styleInject(css_248z$m);
|
|
15711
15504
|
|
|
15712
15505
|
var Loading = function () {
|
|
15713
15506
|
return React.createElement(Spin, { className: "loading-center", size: "large" });
|
|
15714
15507
|
};
|
|
15715
15508
|
|
|
15509
|
+
var GuaranteePayback;
|
|
15510
|
+
(function (GuaranteePayback) {
|
|
15511
|
+
GuaranteePayback["UPFORNT"] = "Upfront";
|
|
15512
|
+
GuaranteePayback["ANNUAL"] = "Annual";
|
|
15513
|
+
})(GuaranteePayback || (GuaranteePayback = {}));
|
|
15514
|
+
var InsurancePayback;
|
|
15515
|
+
(function (InsurancePayback) {
|
|
15516
|
+
InsurancePayback["LUMPSUM"] = "LumpSum";
|
|
15517
|
+
InsurancePayback["ANNUAL"] = "Annual";
|
|
15518
|
+
})(InsurancePayback || (InsurancePayback = {}));
|
|
15519
|
+
|
|
15520
|
+
var RangePicker$3 = DatePicker.RangePicker;
|
|
15716
15521
|
var InvestmentCreationComponent = function (props) {
|
|
15717
|
-
var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
15522
|
+
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
15718
15523
|
var state = useLocation().state;
|
|
15719
15524
|
var _a = useState(), data = _a[0], setData = _a[1];
|
|
15720
15525
|
var formOne = Form.useForm()[0];
|
|
@@ -15729,13 +15534,13 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15729
15534
|
var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
|
|
15730
15535
|
var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
|
|
15731
15536
|
var _k = useState(), govData = _k[0], setGovData = _k[1];
|
|
15732
|
-
var userInfoState = useUserContext().userInfoState;
|
|
15733
15537
|
var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
|
|
15734
15538
|
label: addSpaces(Object.values(Instrument)[index]),
|
|
15735
15539
|
value: Object.values(Instrument)[index],
|
|
15736
15540
|
}); });
|
|
15737
|
-
var onInstrumentChange = function (
|
|
15738
|
-
|
|
15541
|
+
var onInstrumentChange = function (e) {
|
|
15542
|
+
console.log("radio checked", e.target.value);
|
|
15543
|
+
setInstrument([e.target.value]);
|
|
15739
15544
|
};
|
|
15740
15545
|
var onPercentageChange = function (value) {
|
|
15741
15546
|
setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
|
|
@@ -15858,7 +15663,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15858
15663
|
if (!data) {
|
|
15859
15664
|
return React.createElement(Loading, null);
|
|
15860
15665
|
}
|
|
15861
|
-
console.log(
|
|
15666
|
+
console.log("data", data);
|
|
15862
15667
|
var companyName = {};
|
|
15863
15668
|
if (data && Object.keys(data)[0] !== "ownership") {
|
|
15864
15669
|
for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
|
|
@@ -15893,6 +15698,16 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15893
15698
|
if (payload.paymentPerMetric) {
|
|
15894
15699
|
payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
|
|
15895
15700
|
}
|
|
15701
|
+
if (payload.period) {
|
|
15702
|
+
payload.period[0] = moment(payload.period[0]).startOf("day").unix();
|
|
15703
|
+
payload.period[1] = moment(payload.period[1]).endOf("day").unix();
|
|
15704
|
+
}
|
|
15705
|
+
if (payload.startOfPayback) {
|
|
15706
|
+
payload.startOfPayback = moment(payload.startOfPayback)
|
|
15707
|
+
.startOf("day")
|
|
15708
|
+
.unix();
|
|
15709
|
+
}
|
|
15710
|
+
payload.instrument = [payload.instrument];
|
|
15896
15711
|
payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
|
|
15897
15712
|
payload.percentage = val.percentage;
|
|
15898
15713
|
payload.toCompanyId = Number(payload.toCompanyId);
|
|
@@ -15938,7 +15753,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
15938
15753
|
}
|
|
15939
15754
|
};
|
|
15940
15755
|
var onChangeTypeCreation = function (e) {
|
|
15941
|
-
console.log(
|
|
15756
|
+
console.log("radio checked", e.target.value);
|
|
15942
15757
|
setTypeCreation(e.target.value);
|
|
15943
15758
|
};
|
|
15944
15759
|
return (React.createElement("div", { className: "add-programme-main-container" },
|
|
@@ -16004,8 +15819,30 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16004
15819
|
React.createElement(Input, { size: "large" }))))),
|
|
16005
15820
|
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16006
15821
|
React.createElement(Col, { xl: 24, md: 24 },
|
|
16007
|
-
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
16008
|
-
|
|
15822
|
+
React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
|
|
15823
|
+
//wrapperCol={{ span: 24 }}
|
|
15824
|
+
required: true, className: "investment-radio-button", rules: [
|
|
15825
|
+
{
|
|
15826
|
+
required: true,
|
|
15827
|
+
message: "",
|
|
15828
|
+
},
|
|
15829
|
+
{
|
|
15830
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15831
|
+
return __generator(this, function (_a) {
|
|
15832
|
+
if (String(value).trim() === "" ||
|
|
15833
|
+
String(value).trim() === undefined ||
|
|
15834
|
+
value === null ||
|
|
15835
|
+
value === undefined) {
|
|
15836
|
+
throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
|
|
15837
|
+
}
|
|
15838
|
+
return [2 /*return*/];
|
|
15839
|
+
});
|
|
15840
|
+
}); },
|
|
15841
|
+
},
|
|
15842
|
+
] },
|
|
15843
|
+
React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
|
|
15844
|
+
return (React.createElement(Radio, { value: e.value }, e.label));
|
|
15845
|
+
}))))),
|
|
16009
15846
|
instrument &&
|
|
16010
15847
|
instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16011
15848
|
React.createElement(Col, { xl: 8, md: 12 },
|
|
@@ -16036,6 +15873,160 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16036
15873
|
},
|
|
16037
15874
|
] },
|
|
16038
15875
|
React.createElement(Input, { size: "large" })))))),
|
|
15876
|
+
instrument &&
|
|
15877
|
+
(instrument.indexOf(Instrument.CONLOAN) >= 0 ||
|
|
15878
|
+
instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
|
|
15879
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15880
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15881
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15882
|
+
{
|
|
15883
|
+
required: true,
|
|
15884
|
+
message: "",
|
|
15885
|
+
},
|
|
15886
|
+
{
|
|
15887
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15888
|
+
return __generator(this, function (_a) {
|
|
15889
|
+
if (String(value).trim() === "" ||
|
|
15890
|
+
String(value).trim() ===
|
|
15891
|
+
undefined ||
|
|
15892
|
+
value === null ||
|
|
15893
|
+
value === undefined) {
|
|
15894
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15895
|
+
}
|
|
15896
|
+
else if (!isNaN(value)) {
|
|
15897
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15898
|
+
}
|
|
15899
|
+
else {
|
|
15900
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15901
|
+
}
|
|
15902
|
+
});
|
|
15903
|
+
}); },
|
|
15904
|
+
},
|
|
15905
|
+
] },
|
|
15906
|
+
React.createElement(Input, { size: "large" })))),
|
|
15907
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15908
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15909
|
+
React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
|
|
15910
|
+
{
|
|
15911
|
+
required: true,
|
|
15912
|
+
message: "",
|
|
15913
|
+
},
|
|
15914
|
+
{
|
|
15915
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15916
|
+
return __generator(this, function (_a) {
|
|
15917
|
+
if (String(value).trim() === "" ||
|
|
15918
|
+
String(value).trim() ===
|
|
15919
|
+
undefined ||
|
|
15920
|
+
value === null ||
|
|
15921
|
+
value === undefined) {
|
|
15922
|
+
throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
|
|
15923
|
+
}
|
|
15924
|
+
return [2 /*return*/];
|
|
15925
|
+
});
|
|
15926
|
+
}); },
|
|
15927
|
+
},
|
|
15928
|
+
] },
|
|
15929
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
15930
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15931
|
+
React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
|
|
15932
|
+
{
|
|
15933
|
+
required: true,
|
|
15934
|
+
message: "",
|
|
15935
|
+
},
|
|
15936
|
+
{
|
|
15937
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15938
|
+
return __generator(this, function (_a) {
|
|
15939
|
+
if (String(value).trim() === "" ||
|
|
15940
|
+
String(value).trim() ===
|
|
15941
|
+
undefined ||
|
|
15942
|
+
value === null ||
|
|
15943
|
+
value === undefined) {
|
|
15944
|
+
throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
|
|
15945
|
+
}
|
|
15946
|
+
return [2 /*return*/];
|
|
15947
|
+
});
|
|
15948
|
+
}); },
|
|
15949
|
+
},
|
|
15950
|
+
] },
|
|
15951
|
+
React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
|
|
15952
|
+
return currentDate < moment().startOf("day");
|
|
15953
|
+
} })))))),
|
|
15954
|
+
instrument &&
|
|
15955
|
+
instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
|
|
15956
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15957
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15958
|
+
React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
|
|
15959
|
+
{
|
|
15960
|
+
required: true,
|
|
15961
|
+
message: "",
|
|
15962
|
+
},
|
|
15963
|
+
{
|
|
15964
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15965
|
+
return __generator(this, function (_a) {
|
|
15966
|
+
if (String(value).trim() === "" ||
|
|
15967
|
+
String(value).trim() ===
|
|
15968
|
+
undefined ||
|
|
15969
|
+
value === null ||
|
|
15970
|
+
value === undefined) {
|
|
15971
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
|
|
15972
|
+
}
|
|
15973
|
+
else if (!isNaN(value)) {
|
|
15974
|
+
return [2 /*return*/, Promise.resolve()];
|
|
15975
|
+
}
|
|
15976
|
+
else {
|
|
15977
|
+
throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
|
|
15978
|
+
}
|
|
15979
|
+
});
|
|
15980
|
+
}); },
|
|
15981
|
+
},
|
|
15982
|
+
] },
|
|
15983
|
+
React.createElement(Input, { size: "large" })))),
|
|
15984
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
15985
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
15986
|
+
React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
|
|
15987
|
+
{
|
|
15988
|
+
required: true,
|
|
15989
|
+
message: "",
|
|
15990
|
+
},
|
|
15991
|
+
{
|
|
15992
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
15993
|
+
return __generator(this, function (_a) {
|
|
15994
|
+
if (String(value).trim() === "" ||
|
|
15995
|
+
String(value).trim() ===
|
|
15996
|
+
undefined ||
|
|
15997
|
+
value === null ||
|
|
15998
|
+
value === undefined) {
|
|
15999
|
+
throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
|
|
16000
|
+
}
|
|
16001
|
+
return [2 /*return*/];
|
|
16002
|
+
});
|
|
16003
|
+
}); },
|
|
16004
|
+
},
|
|
16005
|
+
] },
|
|
16006
|
+
React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
|
|
16007
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
16008
|
+
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
|
|
16009
|
+
{
|
|
16010
|
+
required: true,
|
|
16011
|
+
message: "",
|
|
16012
|
+
},
|
|
16013
|
+
{
|
|
16014
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16015
|
+
return __generator(this, function (_a) {
|
|
16016
|
+
if (String(value).trim() === "" ||
|
|
16017
|
+
String(value).trim() ===
|
|
16018
|
+
undefined ||
|
|
16019
|
+
value === null ||
|
|
16020
|
+
value === undefined) {
|
|
16021
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16022
|
+
}
|
|
16023
|
+
return [2 /*return*/];
|
|
16024
|
+
});
|
|
16025
|
+
}); },
|
|
16026
|
+
},
|
|
16027
|
+
] },
|
|
16028
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16029
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
16039
16030
|
instrument &&
|
|
16040
16031
|
instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16041
16032
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -16100,6 +16091,32 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16100
16091
|
},
|
|
16101
16092
|
] },
|
|
16102
16093
|
React.createElement(Input, { size: "large" })))))),
|
|
16094
|
+
instrument &&
|
|
16095
|
+
instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16096
|
+
React.createElement(Col, { xl: 8, md: 12 },
|
|
16097
|
+
React.createElement("div", { className: "details-part-two" },
|
|
16098
|
+
React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
|
|
16099
|
+
{
|
|
16100
|
+
required: true,
|
|
16101
|
+
message: "",
|
|
16102
|
+
},
|
|
16103
|
+
{
|
|
16104
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16105
|
+
return __generator(this, function (_a) {
|
|
16106
|
+
if (String(value).trim() === "" ||
|
|
16107
|
+
String(value).trim() ===
|
|
16108
|
+
undefined ||
|
|
16109
|
+
value === null ||
|
|
16110
|
+
value === undefined) {
|
|
16111
|
+
throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
|
|
16112
|
+
}
|
|
16113
|
+
return [2 /*return*/];
|
|
16114
|
+
});
|
|
16115
|
+
}); },
|
|
16116
|
+
},
|
|
16117
|
+
] },
|
|
16118
|
+
React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
|
|
16119
|
+
React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
|
|
16103
16120
|
instrument &&
|
|
16104
16121
|
instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16105
16122
|
React.createElement(Col, { xl: 12, md: 24 },
|
|
@@ -16125,7 +16142,7 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16125
16142
|
},
|
|
16126
16143
|
] },
|
|
16127
16144
|
React.createElement(Input, { size: "large" })))))),
|
|
16128
|
-
React.createElement(Row, { className: "row", gutter: [
|
|
16145
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16129
16146
|
React.createElement(Col, { xl: 8, md: 12 },
|
|
16130
16147
|
React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
|
|
16131
16148
|
{
|
|
@@ -16169,73 +16186,73 @@ var InvestmentCreationComponent = function (props) {
|
|
|
16169
16186
|
React.createElement("div", { className: "step-count" }, "02"),
|
|
16170
16187
|
React.createElement("div", { className: "title" }, t("programme:ownership")))),
|
|
16171
16188
|
description: current === 1 && (React.createElement("div", null,
|
|
16172
|
-
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
|
|
16173
|
-
React.createElement("
|
|
16174
|
-
|
|
16175
|
-
|
|
16176
|
-
return (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16177
|
-
React.createElement(Col, { xl: 8, md: 15 },
|
|
16178
|
-
React.createElement("div", { className: "label" },
|
|
16179
|
-
companyName[companyId].name,
|
|
16180
|
-
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
16181
|
-
React.createElement(Col, { xl: 8, md: 9 },
|
|
16182
|
-
React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
16183
|
-
{
|
|
16184
|
-
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
16185
|
-
message: "Percentage Should be a positive number",
|
|
16186
|
-
},
|
|
16187
|
-
{
|
|
16188
|
-
required: true,
|
|
16189
|
-
message: "Required field",
|
|
16190
|
-
},
|
|
16191
|
-
function (_a) {
|
|
16192
|
-
var getFieldValue = _a.getFieldValue;
|
|
16193
|
-
return ({
|
|
16194
|
-
validator: function (rule, v) {
|
|
16195
|
-
if (getFieldValue([
|
|
16196
|
-
"percentage",
|
|
16197
|
-
index,
|
|
16198
|
-
]) &&
|
|
16199
|
-
parseFloat(getFieldValue([
|
|
16200
|
-
"percentage",
|
|
16201
|
-
index,
|
|
16202
|
-
])) > data.proponentPercentage[index]) {
|
|
16203
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
|
16204
|
-
return Promise.reject("Amount > Available");
|
|
16205
|
-
}
|
|
16206
|
-
return Promise.resolve();
|
|
16207
|
-
},
|
|
16208
|
-
});
|
|
16209
|
-
},
|
|
16210
|
-
] },
|
|
16211
|
-
React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
16212
|
-
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
16213
|
-
onKeyPress: function (event) {
|
|
16214
|
-
if (!/[0-9\.]/.test(event.key)) {
|
|
16215
|
-
event.preventDefault();
|
|
16216
|
-
}
|
|
16217
|
-
} })),
|
|
16218
|
-
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16219
|
-
React.createElement(Form.Item, { className: "inline" },
|
|
16220
|
-
React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
16221
|
-
}),
|
|
16222
|
-
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16189
|
+
React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
|
|
16190
|
+
React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
|
|
16191
|
+
data.companyId.map(function (companyId, index) {
|
|
16192
|
+
return (React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16223
16193
|
React.createElement(Col, { xl: 8, md: 15 },
|
|
16224
|
-
React.createElement("div", { className: "label" },
|
|
16194
|
+
React.createElement("div", { className: "label" },
|
|
16195
|
+
companyName[companyId].name,
|
|
16196
|
+
React.createElement("span", { className: "required-mark" }, "*"))),
|
|
16225
16197
|
React.createElement(Col, { xl: 8, md: 9 },
|
|
16226
|
-
React.createElement(Form.Item, { className: "inline", name: ["
|
|
16227
|
-
|
|
16198
|
+
React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
|
|
16199
|
+
{
|
|
16200
|
+
pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
|
|
16201
|
+
message: "Percentage Should be a positive number",
|
|
16202
|
+
},
|
|
16203
|
+
{
|
|
16204
|
+
required: true,
|
|
16205
|
+
message: "Required field",
|
|
16206
|
+
},
|
|
16207
|
+
function (_a) {
|
|
16208
|
+
var getFieldValue = _a.getFieldValue;
|
|
16209
|
+
return ({
|
|
16210
|
+
validator: function (rule, v) {
|
|
16211
|
+
if (getFieldValue([
|
|
16212
|
+
"percentage",
|
|
16213
|
+
index,
|
|
16214
|
+
]) &&
|
|
16215
|
+
parseFloat(getFieldValue([
|
|
16216
|
+
"percentage",
|
|
16217
|
+
index,
|
|
16218
|
+
])) >
|
|
16219
|
+
data.proponentPercentage[index]) {
|
|
16220
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
16221
|
+
return Promise.reject("Amount > Available");
|
|
16222
|
+
}
|
|
16223
|
+
return Promise.resolve();
|
|
16224
|
+
},
|
|
16225
|
+
});
|
|
16226
|
+
},
|
|
16227
|
+
] },
|
|
16228
|
+
React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
|
|
16229
|
+
// disabled={userInfoState?.companyId === Number(companyId)}
|
|
16230
|
+
onKeyPress: function (event) {
|
|
16228
16231
|
if (!/[0-9\.]/.test(event.key)) {
|
|
16229
16232
|
event.preventDefault();
|
|
16230
16233
|
}
|
|
16231
16234
|
} })),
|
|
16232
16235
|
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16233
16236
|
React.createElement(Form.Item, { className: "inline" },
|
|
16234
|
-
React.createElement(InputNumber, {
|
|
16235
|
-
|
|
16236
|
-
|
|
16237
|
-
|
|
16238
|
-
|
|
16237
|
+
React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
|
|
16238
|
+
}),
|
|
16239
|
+
React.createElement(Row, { className: "row", gutter: [16, 16] },
|
|
16240
|
+
React.createElement(Col, { xl: 8, md: 15 },
|
|
16241
|
+
React.createElement("div", { className: "label" }, t("programme:total"))),
|
|
16242
|
+
React.createElement(Col, { xl: 8, md: 9 },
|
|
16243
|
+
React.createElement(Form.Item, { className: "inline", name: ["total"] },
|
|
16244
|
+
React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
|
|
16245
|
+
if (!/[0-9\.]/.test(event.key)) {
|
|
16246
|
+
event.preventDefault();
|
|
16247
|
+
}
|
|
16248
|
+
} })),
|
|
16249
|
+
React.createElement("div", { className: "inline separator" }, "/"),
|
|
16250
|
+
React.createElement(Form.Item, { className: "inline" },
|
|
16251
|
+
React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
|
|
16252
|
+
React.createElement(Form.Item, null,
|
|
16253
|
+
React.createElement("div", { className: "steps-actions" },
|
|
16254
|
+
React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
|
|
16255
|
+
React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
|
|
16239
16256
|
},
|
|
16240
16257
|
] })))));
|
|
16241
16258
|
};
|
|
@@ -16346,7 +16363,7 @@ var InvestmentActionModel = function (props) {
|
|
|
16346
16363
|
};
|
|
16347
16364
|
|
|
16348
16365
|
var InvestmentManagementComponent = function (props) {
|
|
16349
|
-
var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
|
|
16366
|
+
var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, onClickAddOwnership = props.onClickAddOwnership, enableAddOwnership = props.enableAddOwnership;
|
|
16350
16367
|
var t = translator.t;
|
|
16351
16368
|
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
|
16352
16369
|
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
|
@@ -16374,6 +16391,7 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16374
16391
|
var _u = useSettingsContext(), isTransferFrozen = _u.isTransferFrozen; _u.setTransferFrozen;
|
|
16375
16392
|
var _v = useState([]), ministrySectoralScope = _v[0], setMinistrySectoralScope = _v[1];
|
|
16376
16393
|
var _w = useState(false), ministryLevelFilter = _w[0], setMinistryLevelFilter = _w[1];
|
|
16394
|
+
var _x = useState(), dataQuery = _x[0], setDataQuery = _x[1];
|
|
16377
16395
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16378
16396
|
return __generator(this, function (_a) {
|
|
16379
16397
|
console.log(checkedValues);
|
|
@@ -16470,6 +16488,12 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16470
16488
|
console.log(response);
|
|
16471
16489
|
setTableData(response.data);
|
|
16472
16490
|
setTotalProgramme(response.response.data.total);
|
|
16491
|
+
setDataQuery({
|
|
16492
|
+
filterAnd: filter,
|
|
16493
|
+
filterOr: dataFilter,
|
|
16494
|
+
sort: sort,
|
|
16495
|
+
filterBy: filterBy,
|
|
16496
|
+
});
|
|
16473
16497
|
setLoading(false);
|
|
16474
16498
|
return [3 /*break*/, 4];
|
|
16475
16499
|
case 3:
|
|
@@ -16487,8 +16511,53 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16487
16511
|
}
|
|
16488
16512
|
});
|
|
16489
16513
|
}); };
|
|
16514
|
+
var downloadInvestmentData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
16515
|
+
var response, url, a, error_2;
|
|
16516
|
+
var _a;
|
|
16517
|
+
return __generator(this, function (_b) {
|
|
16518
|
+
switch (_b.label) {
|
|
16519
|
+
case 0:
|
|
16520
|
+
setLoading(true);
|
|
16521
|
+
_b.label = 1;
|
|
16522
|
+
case 1:
|
|
16523
|
+
_b.trys.push([1, 3, , 4]);
|
|
16524
|
+
return [4 /*yield*/, post("national/programme/investments/download", {
|
|
16525
|
+
filterAnd: dataQuery.filterAnd,
|
|
16526
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
16527
|
+
sort: dataQuery.sort,
|
|
16528
|
+
filterBy: dataQuery.filterBy,
|
|
16529
|
+
})];
|
|
16530
|
+
case 2:
|
|
16531
|
+
response = _b.sent();
|
|
16532
|
+
if (response && response.data) {
|
|
16533
|
+
url = response.data.url;
|
|
16534
|
+
a = document.createElement('a');
|
|
16535
|
+
a.href = url;
|
|
16536
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
16537
|
+
document.body.appendChild(a);
|
|
16538
|
+
a.click();
|
|
16539
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
16540
|
+
window.URL.revokeObjectURL(url);
|
|
16541
|
+
}
|
|
16542
|
+
setLoading(false);
|
|
16543
|
+
return [3 /*break*/, 4];
|
|
16544
|
+
case 3:
|
|
16545
|
+
error_2 = _b.sent();
|
|
16546
|
+
console.log("Error in exporting investments", error_2);
|
|
16547
|
+
message.open({
|
|
16548
|
+
type: "error",
|
|
16549
|
+
content: error_2.message,
|
|
16550
|
+
duration: 3,
|
|
16551
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
16552
|
+
});
|
|
16553
|
+
setLoading(false);
|
|
16554
|
+
return [3 /*break*/, 4];
|
|
16555
|
+
case 4: return [2 /*return*/];
|
|
16556
|
+
}
|
|
16557
|
+
});
|
|
16558
|
+
}); };
|
|
16490
16559
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
16491
|
-
var response,
|
|
16560
|
+
var response, error_3;
|
|
16492
16561
|
var _a, _b, _c, _d, _e, _f;
|
|
16493
16562
|
return __generator(this, function (_g) {
|
|
16494
16563
|
switch (_g.label) {
|
|
@@ -16520,8 +16589,8 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16520
16589
|
setLoading(false);
|
|
16521
16590
|
return [3 /*break*/, 4];
|
|
16522
16591
|
case 3:
|
|
16523
|
-
|
|
16524
|
-
console.log("Error in getting users",
|
|
16592
|
+
error_3 = _g.sent();
|
|
16593
|
+
console.log("Error in getting users", error_3);
|
|
16525
16594
|
setLoading(false);
|
|
16526
16595
|
return [3 /*break*/, 4];
|
|
16527
16596
|
case 4: return [2 /*return*/];
|
|
@@ -16552,7 +16621,7 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16552
16621
|
ministryLevelFilter,
|
|
16553
16622
|
]);
|
|
16554
16623
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
|
16555
|
-
var response, successMsg,
|
|
16624
|
+
var response, successMsg, error_4;
|
|
16556
16625
|
return __generator(this, function (_a) {
|
|
16557
16626
|
switch (_a.label) {
|
|
16558
16627
|
case 0:
|
|
@@ -16582,10 +16651,10 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16582
16651
|
setModalVisible(false);
|
|
16583
16652
|
return [3 /*break*/, 4];
|
|
16584
16653
|
case 3:
|
|
16585
|
-
|
|
16586
|
-
console.log("Error in Cancelling transfer request",
|
|
16654
|
+
error_4 = _a.sent();
|
|
16655
|
+
console.log("Error in Cancelling transfer request", error_4);
|
|
16587
16656
|
setLoading(false);
|
|
16588
|
-
return [2 /*return*/,
|
|
16657
|
+
return [2 /*return*/, error_4.message];
|
|
16589
16658
|
case 4: return [2 /*return*/];
|
|
16590
16659
|
}
|
|
16591
16660
|
});
|
|
@@ -16851,7 +16920,13 @@ var InvestmentManagementComponent = function (props) {
|
|
|
16851
16920
|
return e.target.value === ""
|
|
16852
16921
|
? setSearch(e.target.value)
|
|
16853
16922
|
: setSearchText(e.target.value);
|
|
16854
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
16923
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
16924
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
16925
|
+
React.createElement("a", { onClick: downloadInvestmentData },
|
|
16926
|
+
React.createElement(DownloadOutlined, { style: {
|
|
16927
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
16928
|
+
fontSize: "20px",
|
|
16929
|
+
} })))))),
|
|
16855
16930
|
React.createElement(Row, null,
|
|
16856
16931
|
React.createElement(Col, { span: 24 },
|
|
16857
16932
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -16879,7 +16954,7 @@ var css_248z$l = ".steps-actions {\n display: flex;\n flex-direction: row-reve
|
|
|
16879
16954
|
styleInject(css_248z$l);
|
|
16880
16955
|
|
|
16881
16956
|
var SupportCreationComponent = function (props) {
|
|
16882
|
-
var t = props.t, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
|
|
16957
|
+
var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation; props.onNavigateToProgrammeManagementView; props.onNavigateToProgrammeView;
|
|
16883
16958
|
useLocation().state;
|
|
16884
16959
|
var _a = useState(); _a[0]; _a[1];
|
|
16885
16960
|
var formOne = Form.useForm()[0];
|
|
@@ -16892,7 +16967,6 @@ var SupportCreationComponent = function (props) {
|
|
|
16892
16967
|
var _f = useState([]), organisationsList = _f[0], setOrganisationList = _f[1];
|
|
16893
16968
|
var _g = useState([]), instrument = _g[0], setInstrument = _g[1];
|
|
16894
16969
|
var _h = useState(); _h[0]; var setStepOneData = _h[1];
|
|
16895
|
-
var userInfoState = useUserContext().userInfoState;
|
|
16896
16970
|
var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
|
|
16897
16971
|
label: addSpaces(Object.values(Instrument)[index]),
|
|
16898
16972
|
value: Object.values(Instrument)[index],
|
|
@@ -17235,7 +17309,7 @@ var SupportCreationComponent = function (props) {
|
|
|
17235
17309
|
};
|
|
17236
17310
|
|
|
17237
17311
|
var SupportManagementComponent = function (props) {
|
|
17238
|
-
var translator = props.translator; props.onNavigateToProgrammeView; var enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
|
|
17312
|
+
var translator = props.translator, useConnection = props.useConnection; props.onNavigateToProgrammeView; var useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, enableAddSupport = props.enableAddSupport, onClickAddSupport = props.onClickAddSupport;
|
|
17239
17313
|
var t = translator.t;
|
|
17240
17314
|
var statusOptions = Object.keys(InvestmentStatus).map(function (k, index) { return ({
|
|
17241
17315
|
label: addSpaces(Object.values(InvestmentStatus)[index]),
|
|
@@ -17737,7 +17811,7 @@ var css_248z$k = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[valu
|
|
|
17737
17811
|
styleInject(css_248z$k);
|
|
17738
17812
|
|
|
17739
17813
|
var NdcActionManagementComponent = function (props) {
|
|
17740
|
-
var t = props.t, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
|
|
17814
|
+
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView;
|
|
17741
17815
|
var _a = useState(true), checkAll = _a[0], setCheckAll = _a[1];
|
|
17742
17816
|
var _b = useState([]), tableData = _b[0], setTableData = _b[1];
|
|
17743
17817
|
var _c = useState(), totalProgramme = _c[0], setTotalProgramme = _c[1];
|
|
@@ -17752,6 +17826,7 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17752
17826
|
var _m = useState(), dataFilter = _m[0]; _m[1];
|
|
17753
17827
|
var _o = useState([]), ministrySectoralScope = _o[0], setMinistrySectoralScope = _o[1];
|
|
17754
17828
|
var _p = useState(false), ministryLevelFilter = _p[0], setMinistryLevelFilter = _p[1];
|
|
17829
|
+
var _q = useState(), dataQuery = _q[0], setDataQuery = _q[1];
|
|
17755
17830
|
var Search = Input.Search;
|
|
17756
17831
|
var post = useConnection().post;
|
|
17757
17832
|
var userInfoState = useUserContext().userInfoState;
|
|
@@ -17759,7 +17834,7 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17759
17834
|
label: addSpaces(Object.values(NdcActionStatus)[index]),
|
|
17760
17835
|
value: Object.values(NdcActionStatus)[index],
|
|
17761
17836
|
}); });
|
|
17762
|
-
var
|
|
17837
|
+
var _r = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _r[0], setSelectedStatus = _r[1];
|
|
17763
17838
|
var getNdcActionNames = function (action) {
|
|
17764
17839
|
switch (action) {
|
|
17765
17840
|
case NdcActionTypes.Adaptation:
|
|
@@ -17941,6 +18016,11 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17941
18016
|
response = _a.sent();
|
|
17942
18017
|
setTableData(response.data);
|
|
17943
18018
|
setTotalProgramme(response.response.data.total);
|
|
18019
|
+
setDataQuery({
|
|
18020
|
+
filterAnd: filter,
|
|
18021
|
+
filterBy: filterBy,
|
|
18022
|
+
sort: sort,
|
|
18023
|
+
});
|
|
17944
18024
|
setLoading(false);
|
|
17945
18025
|
return [3 /*break*/, 4];
|
|
17946
18026
|
case 3:
|
|
@@ -17999,6 +18079,49 @@ var NdcActionManagementComponent = function (props) {
|
|
|
17999
18079
|
}
|
|
18000
18080
|
});
|
|
18001
18081
|
}); };
|
|
18082
|
+
var downloadNdcData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
18083
|
+
var response, url, a, error_3;
|
|
18084
|
+
return __generator(this, function (_a) {
|
|
18085
|
+
switch (_a.label) {
|
|
18086
|
+
case 0:
|
|
18087
|
+
setLoading(true);
|
|
18088
|
+
_a.label = 1;
|
|
18089
|
+
case 1:
|
|
18090
|
+
_a.trys.push([1, 3, , 4]);
|
|
18091
|
+
return [4 /*yield*/, post("national/programme/queryNdcActions/download", {
|
|
18092
|
+
filterAnd: dataQuery.filterAnd,
|
|
18093
|
+
filterBy: dataQuery.filterBy,
|
|
18094
|
+
sort: dataQuery.sort,
|
|
18095
|
+
})];
|
|
18096
|
+
case 2:
|
|
18097
|
+
response = _a.sent();
|
|
18098
|
+
if (response && response.data) {
|
|
18099
|
+
url = response.data.url;
|
|
18100
|
+
a = document.createElement('a');
|
|
18101
|
+
a.href = url;
|
|
18102
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
18103
|
+
document.body.appendChild(a);
|
|
18104
|
+
a.click();
|
|
18105
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
18106
|
+
window.URL.revokeObjectURL(url);
|
|
18107
|
+
}
|
|
18108
|
+
setLoading(false);
|
|
18109
|
+
return [3 /*break*/, 4];
|
|
18110
|
+
case 3:
|
|
18111
|
+
error_3 = _a.sent();
|
|
18112
|
+
console.log("Error in exporting NDC Actions", error_3);
|
|
18113
|
+
message.open({
|
|
18114
|
+
type: "error",
|
|
18115
|
+
content: error_3.message,
|
|
18116
|
+
duration: 3,
|
|
18117
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
18118
|
+
});
|
|
18119
|
+
setLoading(false);
|
|
18120
|
+
return [3 /*break*/, 4];
|
|
18121
|
+
case 4: return [2 /*return*/];
|
|
18122
|
+
}
|
|
18123
|
+
});
|
|
18124
|
+
}); };
|
|
18002
18125
|
useEffect(function () {
|
|
18003
18126
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
18004
18127
|
getUserDetails();
|
|
@@ -18094,7 +18217,13 @@ var NdcActionManagementComponent = function (props) {
|
|
|
18094
18217
|
return e.target.value === ""
|
|
18095
18218
|
? setSearch(e.target.value)
|
|
18096
18219
|
: setSearchText(e.target.value);
|
|
18097
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
18220
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
18221
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
18222
|
+
React.createElement("a", { onClick: downloadNdcData },
|
|
18223
|
+
React.createElement(DownloadOutlined, { style: {
|
|
18224
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
18225
|
+
fontSize: "20px",
|
|
18226
|
+
} })))))),
|
|
18098
18227
|
React.createElement(Row, null,
|
|
18099
18228
|
React.createElement(Col, { span: 24 },
|
|
18100
18229
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -19096,7 +19225,7 @@ var GenderParity = function (props) {
|
|
|
19096
19225
|
};
|
|
19097
19226
|
|
|
19098
19227
|
var Assessment = function (props) {
|
|
19099
|
-
var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, translator = props.translator;
|
|
19228
|
+
var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
|
|
19100
19229
|
translator.setDefaultNamespace("coBenifits");
|
|
19101
19230
|
var t = translator.t;
|
|
19102
19231
|
var form1 = Form.useForm()[0];
|
|
@@ -21501,7 +21630,7 @@ var SocialEnvironmentalRisk = function (props) {
|
|
|
21501
21630
|
};
|
|
21502
21631
|
|
|
21503
21632
|
var CoBenifitsComponent = function (props) {
|
|
21504
|
-
var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
|
|
21633
|
+
var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
|
|
21505
21634
|
var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
|
|
21506
21635
|
var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
|
|
21507
21636
|
var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
|
|
@@ -21575,7 +21704,7 @@ var CoBenifitsComponent = function (props) {
|
|
|
21575
21704
|
label: t("coBenifits:assessment"),
|
|
21576
21705
|
key: "7",
|
|
21577
21706
|
children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
|
|
21578
|
-
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, translator: translator })),
|
|
21707
|
+
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
|
|
21579
21708
|
},
|
|
21580
21709
|
{
|
|
21581
21710
|
label: t("coBenifits:socialEnvironmentalRisk"),
|
|
@@ -21744,7 +21873,7 @@ var CoBenifitsComponent = function (props) {
|
|
|
21744
21873
|
};
|
|
21745
21874
|
|
|
21746
21875
|
var AddNdcActionComponent = function (props) {
|
|
21747
|
-
var useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
|
|
21876
|
+
var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
|
|
21748
21877
|
translator.setDefaultNamespace("ndcAction");
|
|
21749
21878
|
var t = translator.t;
|
|
21750
21879
|
var _a = useState(1), current = _a[0], setCurrent = _a[1];
|
|
@@ -21886,7 +22015,7 @@ var AddNdcActionComponent = function (props) {
|
|
|
21886
22015
|
description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
|
|
21887
22016
|
React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
|
|
21888
22017
|
? t("ndcAction:next")
|
|
21889
|
-
: t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, translator: translator }))),
|
|
22018
|
+
: t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
|
|
21890
22019
|
},
|
|
21891
22020
|
];
|
|
21892
22021
|
if (isProjectReportsVisible()) {
|
|
@@ -22023,7 +22152,7 @@ var uploadDocUserPermission = function (userInfoState, docType, programmeOwnerId
|
|
|
22023
22152
|
var NdcActionViewComponent = function (props) {
|
|
22024
22153
|
var _a;
|
|
22025
22154
|
var _b, _c;
|
|
22026
|
-
var useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
|
|
22155
|
+
var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages, Chart = props.Chart;
|
|
22027
22156
|
translator.setDefaultNamespace("ndcAction");
|
|
22028
22157
|
var t = translator.t;
|
|
22029
22158
|
var userInfoState = useUserContext().userInfoState;
|
|
@@ -22522,13 +22651,13 @@ var NdcActionViewComponent = function (props) {
|
|
|
22522
22651
|
React.createElement(Card, { className: "card-container" },
|
|
22523
22652
|
React.createElement("div", { className: "co-benifits-view" },
|
|
22524
22653
|
React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
|
|
22525
|
-
React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, translator: translator })))))))));
|
|
22654
|
+
React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
|
|
22526
22655
|
};
|
|
22527
22656
|
|
|
22528
22657
|
var css_248z$e = ".credit-transfer-management .certify-list {\n width: 110px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .credit-transfer-management .certify-list .profile-icon {\n margin-bottom: 4px; }\n\n.credit-transfer-management .table-actions-section {\n margin-bottom: 0px; }\n .credit-transfer-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.credit-transfer-management .all-check {\n margin-right: 10px; }\n .credit-transfer-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .credit-transfer-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Retired'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='AwaitingAuthorization'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Issued'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Transferred'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-modal-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 2rem 0 0 0;\n width: 100%; }\n .credit-transfer-modal-container .icon-credit {\n margin-bottom: 15px; }\n .credit-transfer-modal-container .credit-transfer-details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-bottom: 10px; }\n .credit-transfer-modal-container .credit-transfer-details .content-credit-transfer {\n font-family: 'Inter' !important;\n font-style: normal;\n font-weight: 600;\n font-size: 0.9rem;\n line-height: 1.3rem;\n padding: 0 1rem 0 1rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.8) !important; }\n .credit-transfer-modal-container .credit-transfer-details .sub-content-credit-transfer {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n line-height: 1.375rem;\n text-align: center;\n color: rgba(58, 53, 65, 0.5); }\n .credit-transfer-modal-container .remarks-credit-transfer {\n flex-direction: row;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form-item-explain-error {\n display: flex;\n flex-direction: row; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form {\n width: 100%; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .ant-form .ant-form-item-label > label {\n font-size: 0.8rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 1rem; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .credit-transfer-modal-container .remarks-credit-transfer .modal-form .modal-credit-transfer-btns .width-60 {\n width: 60%; }\n\n.common-table-class .ant-table .ant-table-thead .ant-table-cell {\n font-size: 0.75rem;\n font-weight: 600; }\n";
|
|
22529
22658
|
styleInject(css_248z$e);
|
|
22530
22659
|
|
|
22531
|
-
var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
22660
|
+
var css_248z$d = ".credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.credit-transfer-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.credit-transfer-management .ministry-level-filter-checkbox {\n margin-left: 0px !important; }\n\n.credit-transfer-management .transfer-freeze-icon {\n float: right; }\n .credit-transfer-management .transfer-freeze-icon .pause-circle {\n color: rgba(255, 77, 79, 0.8); }\n .credit-transfer-management .transfer-freeze-icon .play-circle {\n color: rgba(118, 195, 39, 0.6); }\n";
|
|
22532
22661
|
styleInject(css_248z$d);
|
|
22533
22662
|
|
|
22534
22663
|
function n(){return (n=Object.assign?Object.assign.bind():function(a){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e]);}return a}).apply(this,arguments)}function t(a,n){if(null==a)return {};var t,e,r={},s=Object.keys(a);for(e=0;e<s.length;e++)n.indexOf(t=s[e])>=0||(r[t]=a[t]);return r}var e={ac:!0,ad:!0,ae:!0,af:!0,afar:!0,ag:!0,ai:!0,al:!0,am:!0,ao:!0,aq:!0,ar:!0,as:!0,at:!0,au:!0,"au-aboriginal":!0,"au-act":!0,"au-nsw":!0,"au-nt":!0,"au-qld":!0,"au-tas":!0,"au-vic":!0,"au-wa":!0,aw:!0,ax:!0,az:!0,ba:!0,bb:!0,bd:!0,be:!0,bf:!0,bg:!0,bh:!0,bi:!0,bj:!0,bl:!0,bm:!0,bn:!0,bo:!0,"bq-bo":!0,"bq-sa":!0,"bq-se":!0,bq:!0,br:!0,bs:!0,bt:!0,bv:!0,bw:!0,by:!0,bz:!0,"ca-bc":!0,ca:!0,cc:!0,cd:!0,cf:!0,cg:!0,"ch-gr":!0,ch:!0,ci:!0,ck:!0,cl:!0,cm:!0,"cn-xj":!0,cn:!0,co:!0,cp:!0,cq:!0,cr:!0,cu:!0,cv:!0,cw:!0,cx:!0,cy:!0,cz:!0,de:!0,dg:!0,dj:!0,dk:!0,dm:!0,do:!0,dz:!0,ea:!0,earth:!0,east_african_federation:!0,easter_island:!0,"ec-w":!0,ec:!0,ee:!0,eg:!0,eh:!0,er:!0,"es-ar":!0,"es-ce":!0,"es-cn":!0,"es-ct":!0,"es-ga":!0,"es-ib":!0,"es-ml":!0,"es-pv":!0,"es-variant":!0,es:!0,"et-or":!0,"et-ti":!0,et:!0,eu:!0,european_union:!0,ewe:!0,fi:!0,fj:!0,fk:!0,fm:!0,fo:!0,"fr-20r":!0,"fr-bre":!0,"fr-cp":!0,fr:!0,fx:!0,ga:!0,"gb-con":!0,"gb-eng":!0,"gb-nir":!0,"gb-ork":!0,"gb-sct":!0,"gb-wls":!0,gb:!0,gd:!0,"ge-ab":!0,ge:!0,gf:!0,gg:!0,gh:!0,gi:!0,gl:!0,gm:!0,gn:!0,gp:!0,gq:!0,gr:!0,gs:!0,gt:!0,gu:!0,guarani:!0,gw:!0,gy:!0,hausa:!0,hk:!0,hm:!0,hmong:!0,hn:!0,hr:!0,ht:!0,hu:!0,ic:!0,id:!0,"id-jb":!0,"id-jt":!0,ie:!0,il:!0,im:!0,"in-as":!0,"in-gj":!0,"in-ka":!0,"in-or":!0,"in-tn":!0,in:!0,io:!0,iq:!0,ir:!0,is:!0,"it-23":!0,"it-82":!0,"it-88":!0,it:!0,je:!0,jm:!0,jo:!0,jp:!0,kanuri:!0,ke:!0,kg:!0,kh:!0,ki:!0,kikuyu:!0,km:!0,kn:!0,kongo:!0,kp:!0,kr:!0,kurdistan:!0,kw:!0,ky:!0,kz:!0,la:!0,lb:!0,lc:!0,li:!0,lk:!0,lr:!0,ls:!0,lt:!0,lu:!0,lv:!0,ly:!0,ma:!0,malayali:!0,manipur:!0,maori:!0,mc:!0,md:!0,me:!0,mf:!0,mg:!0,mh:!0,mizoram:!0,mk:!0,ml:!0,mm:!0,mn:!0,mo:!0,mp:!0,mq:!0,mr:!0,ms:!0,mt:!0,mu:!0,mv:!0,mw:!0,mx:!0,my:!0,mz:!0,na:!0,nato:!0,nc:!0,ne:!0,nf:!0,ng:!0,ni:!0,"nl-fr":!0,nl:!0,no:!0,northern_cyprus:!0,np:!0,nr:!0,nu:!0,nz:!0,occitania:!0,olympics:!0,om:!0,otomi:!0,pa:!0,pe:!0,pf:!0,pg:!0,ph:!0,"pk-jk":!0,"pk-sd":!0,pk:!0,pl:!0,pm:!0,pn:!0,pr:!0,ps:!0,"pt-20":!0,"pt-30":!0,pt:!0,pw:!0,py:!0,qa:!0,quechua:!0,re:!0,ro:!0,rs:!0,ru:!0,"ru-ba":!0,"ru-ce":!0,"ru-cu":!0,"ru-da":!0,"ru-ko":!0,"ru-ta":!0,"ru-ud":!0,rw:!0,sa:!0,sami:!0,sb:!0,sc:!0,sd:!0,se:!0,sg:!0,"sh-ac":!0,"sh-hl":!0,"sh-ta":!0,sh:!0,si:!0,sj:!0,sk:!0,sl:!0,sm:!0,sn:!0,so:!0,somaliland:!0,south_ossetia:!0,soviet_union:!0,sr:!0,ss:!0,st:!0,su:!0,sv:!0,sx:!0,sy:!0,sz:!0,ta:!0,tc:!0,td:!0,tf:!0,tg:!0,th:!0,tibet:!0,tj:!0,tk:!0,tl:!0,tm:!0,tn:!0,to:!0,torres_strait_islands:!0,tr:!0,transnistria:!0,tt:!0,tv:!0,tw:!0,tz:!0,ua:!0,ug:!0,uk:!0,um:!0,un:!0,united_nations:!0,"us-hi":!0,us:!0,uy:!0,uz:!0,va:!0,vc:!0,ve:!0,vg:!0,vi:!0,vn:!0,vu:!0,wf:!0,wiphala:!0,ws:!0,xk:!0,xx:!0,ye:!0,yorubaland:!0,yt:!0,za:!0,zm:!0,zw:!0},s=["countryCode","cdnUrl"],c=function(a,t,e,r){return void 0===r&&(r=""),n({},e,{title:e.title||a,height:e.height||100,src:""+(t||"https://hatscripts.github.io/circle-flags/flags/")+r+a+".svg"})},u=function(r){var i=r.countryCode,u=r.cdnUrl,o=t(r,s);return React.createElement("img",n({"data-testid":"circle-country-flag"},c(function(a){return e[a]?a:"xx"}(i).toLowerCase(),u,o)))};
|
|
@@ -22675,7 +22804,7 @@ var TransferActionModel = function (props) {
|
|
|
22675
22804
|
};
|
|
22676
22805
|
|
|
22677
22806
|
var CreditTransferComponent = function (props) {
|
|
22678
|
-
var translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
22807
|
+
var useConnection = props.useConnection, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext, translator = props.translator, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
|
|
22679
22808
|
var userInfoState = useUserContext().userInfoState;
|
|
22680
22809
|
var t = translator.t;
|
|
22681
22810
|
var statusOptions = Object.keys(CreditTransferStage).map(function (k, index) { return ({
|
|
@@ -22707,6 +22836,7 @@ var CreditTransferComponent = function (props) {
|
|
|
22707
22836
|
var _y = useSettingsContext(), isTransferFrozen = _y.isTransferFrozen, setTransferFrozen = _y.setTransferFrozen;
|
|
22708
22837
|
var _z = useState([]), ministrySectoralScope = _z[0], setMinistrySectoralScope = _z[1];
|
|
22709
22838
|
var _0 = useState(false), ministryLevelFilter = _0[0], setMinistryLevelFilter = _0[1];
|
|
22839
|
+
var _1 = useState(), dataQuery = _1[0], setDataQuery = _1[1];
|
|
22710
22840
|
var onStatusQuery = function (checkedValues) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22711
22841
|
return __generator(this, function (_a) {
|
|
22712
22842
|
console.log(checkedValues);
|
|
@@ -22810,6 +22940,12 @@ var CreditTransferComponent = function (props) {
|
|
|
22810
22940
|
console.log(response);
|
|
22811
22941
|
setTableData(response.data);
|
|
22812
22942
|
setTotalProgramme(response.response.data.total);
|
|
22943
|
+
setDataQuery({
|
|
22944
|
+
filterAnd: filter,
|
|
22945
|
+
filterOr: dataFilter,
|
|
22946
|
+
sort: sort,
|
|
22947
|
+
filterBy: filterBy,
|
|
22948
|
+
});
|
|
22813
22949
|
setLoading(false);
|
|
22814
22950
|
return [3 /*break*/, 4];
|
|
22815
22951
|
case 3:
|
|
@@ -22827,8 +22963,53 @@ var CreditTransferComponent = function (props) {
|
|
|
22827
22963
|
}
|
|
22828
22964
|
});
|
|
22829
22965
|
}); };
|
|
22966
|
+
var downloadTransferData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
22967
|
+
var response, url, a, error_2;
|
|
22968
|
+
var _a;
|
|
22969
|
+
return __generator(this, function (_b) {
|
|
22970
|
+
switch (_b.label) {
|
|
22971
|
+
case 0:
|
|
22972
|
+
setLoading(true);
|
|
22973
|
+
_b.label = 1;
|
|
22974
|
+
case 1:
|
|
22975
|
+
_b.trys.push([1, 3, , 4]);
|
|
22976
|
+
return [4 /*yield*/, post("national/programme/transfers/download", {
|
|
22977
|
+
filterAnd: dataQuery.filterAnd,
|
|
22978
|
+
filterOr: ((_a = dataQuery.filterOr) === null || _a === void 0 ? void 0 : _a.length) > 0 ? dataQuery.filterOr : undefined,
|
|
22979
|
+
sort: dataQuery.sort,
|
|
22980
|
+
filterBy: dataQuery.filterBy,
|
|
22981
|
+
})];
|
|
22982
|
+
case 2:
|
|
22983
|
+
response = _b.sent();
|
|
22984
|
+
if (response && response.data) {
|
|
22985
|
+
url = response.data.url;
|
|
22986
|
+
a = document.createElement('a');
|
|
22987
|
+
a.href = url;
|
|
22988
|
+
a.download = response.data.csvFile; // Specify the filename for the downloaded file
|
|
22989
|
+
document.body.appendChild(a);
|
|
22990
|
+
a.click();
|
|
22991
|
+
document.body.removeChild(a); // Clean up the created <a> element
|
|
22992
|
+
window.URL.revokeObjectURL(url);
|
|
22993
|
+
}
|
|
22994
|
+
setLoading(false);
|
|
22995
|
+
return [3 /*break*/, 4];
|
|
22996
|
+
case 3:
|
|
22997
|
+
error_2 = _b.sent();
|
|
22998
|
+
console.log("Error in exporting transfers", error_2);
|
|
22999
|
+
message.open({
|
|
23000
|
+
type: "error",
|
|
23001
|
+
content: error_2.message,
|
|
23002
|
+
duration: 3,
|
|
23003
|
+
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
|
23004
|
+
});
|
|
23005
|
+
setLoading(false);
|
|
23006
|
+
return [3 /*break*/, 4];
|
|
23007
|
+
case 4: return [2 /*return*/];
|
|
23008
|
+
}
|
|
23009
|
+
});
|
|
23010
|
+
}); };
|
|
22830
23011
|
var getUserDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
22831
|
-
var response,
|
|
23012
|
+
var response, error_3;
|
|
22832
23013
|
var _a, _b, _c, _d, _e, _f;
|
|
22833
23014
|
return __generator(this, function (_g) {
|
|
22834
23015
|
switch (_g.label) {
|
|
@@ -22860,8 +23041,8 @@ var CreditTransferComponent = function (props) {
|
|
|
22860
23041
|
setLoading(false);
|
|
22861
23042
|
return [3 /*break*/, 4];
|
|
22862
23043
|
case 3:
|
|
22863
|
-
|
|
22864
|
-
console.log("Error in getting users",
|
|
23044
|
+
error_3 = _g.sent();
|
|
23045
|
+
console.log("Error in getting users", error_3);
|
|
22865
23046
|
setLoading(false);
|
|
22866
23047
|
return [3 /*break*/, 4];
|
|
22867
23048
|
case 4: return [2 /*return*/];
|
|
@@ -22885,7 +23066,7 @@ var CreditTransferComponent = function (props) {
|
|
|
22885
23066
|
}
|
|
22886
23067
|
}, []);
|
|
22887
23068
|
var handleRequestOk = function (reqId, remarks, endpoint, successText, isRetire) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22888
|
-
var response, successMsg,
|
|
23069
|
+
var response, successMsg, error_4;
|
|
22889
23070
|
return __generator(this, function (_a) {
|
|
22890
23071
|
switch (_a.label) {
|
|
22891
23072
|
case 0:
|
|
@@ -22915,10 +23096,10 @@ var CreditTransferComponent = function (props) {
|
|
|
22915
23096
|
setModalVisible(false);
|
|
22916
23097
|
return [3 /*break*/, 4];
|
|
22917
23098
|
case 3:
|
|
22918
|
-
|
|
22919
|
-
console.log("Error in Cancelling transfer request",
|
|
23099
|
+
error_4 = _a.sent();
|
|
23100
|
+
console.log("Error in Cancelling transfer request", error_4);
|
|
22920
23101
|
setLoading(false);
|
|
22921
|
-
return [2 /*return*/,
|
|
23102
|
+
return [2 /*return*/, error_4.message];
|
|
22922
23103
|
case 4: return [2 /*return*/];
|
|
22923
23104
|
}
|
|
22924
23105
|
});
|
|
@@ -23267,7 +23448,7 @@ var CreditTransferComponent = function (props) {
|
|
|
23267
23448
|
]
|
|
23268
23449
|
: undefined);
|
|
23269
23450
|
} }, t("view:seeMine")),
|
|
23270
|
-
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label", onChange: function (v) {
|
|
23451
|
+
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY && (React.createElement(Checkbox, { className: "label ministry-level-filter-checkbox", onChange: function (v) {
|
|
23271
23452
|
if (v.target.checked) {
|
|
23272
23453
|
setMinistryLevelFilter(true);
|
|
23273
23454
|
}
|
|
@@ -23280,7 +23461,13 @@ var CreditTransferComponent = function (props) {
|
|
|
23280
23461
|
return e.target.value === ""
|
|
23281
23462
|
? setSearch(e.target.value)
|
|
23282
23463
|
: setSearchText(e.target.value);
|
|
23283
|
-
}, onSearch: setSearch, style: { width: 265 } }))
|
|
23464
|
+
}, onSearch: setSearch, style: { width: 265 } })),
|
|
23465
|
+
React.createElement("div", { className: "download-data-btn" },
|
|
23466
|
+
React.createElement("a", { onClick: downloadTransferData },
|
|
23467
|
+
React.createElement(DownloadOutlined, { style: {
|
|
23468
|
+
color: "rgba(58, 53, 65, 0.3)",
|
|
23469
|
+
fontSize: "20px",
|
|
23470
|
+
} })))))),
|
|
23284
23471
|
React.createElement(Row, null,
|
|
23285
23472
|
React.createElement(Col, { span: 24 },
|
|
23286
23473
|
React.createElement("div", { className: "programmeManagement-table-container" },
|
|
@@ -23610,8 +23797,8 @@ var MapStatsComponent = function (props) {
|
|
|
23610
23797
|
|
|
23611
23798
|
var RangePicker$2 = DatePicker.RangePicker;
|
|
23612
23799
|
var MrvDashboardComponent = function (props) {
|
|
23613
|
-
var Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
|
|
23614
|
-
var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
|
|
23800
|
+
var useConnection = props.useConnection, useUserContext = props.useUserContext, Link = props.Link, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
|
|
23801
|
+
var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
|
|
23615
23802
|
var _c = useState({}), data = _c[0], setData = _c[1];
|
|
23616
23803
|
var _e = useState(false), loading = _e[0], setLoading = _e[1];
|
|
23617
23804
|
var userInfoState = useUserContext().userInfoState;
|
|
@@ -24094,7 +24281,7 @@ var MrvDashboardComponent = function (props) {
|
|
|
24094
24281
|
_e.label = 1;
|
|
24095
24282
|
case 1:
|
|
24096
24283
|
_e.trys.push([1, 3, 4, 5]);
|
|
24097
|
-
return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined,
|
|
24284
|
+
return [4 /*yield*/, post("stats/programme/agg", genPayload(), undefined, process.env.REACT_APP_STAT_URL)];
|
|
24098
24285
|
case 2:
|
|
24099
24286
|
response = _e.sent();
|
|
24100
24287
|
console.log("Response", response);
|
|
@@ -25345,8 +25532,8 @@ var RegistryBarChartsStatComponent = function (props) {
|
|
|
25345
25532
|
|
|
25346
25533
|
var RangePicker$1 = DatePicker.RangePicker;
|
|
25347
25534
|
var RegistryDashboardComponent = function (props) {
|
|
25348
|
-
var Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
|
|
25349
|
-
var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
|
|
25535
|
+
var useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, t = props.t, ButtonGroup = props.ButtonGroup, Link = props.Link, _a = props.isMultipleDashboardsVisible, isMultipleDashboardsVisible = _a === void 0 ? false : _a;
|
|
25536
|
+
var _b = useConnection(); _b.get; var post = _b.post; _b.delete;
|
|
25350
25537
|
var userInfoState = useUserContext().userInfoState;
|
|
25351
25538
|
var _c = useState(false), loadingWithoutTimeRange = _c[0], setLoadingWithoutTimeRange = _c[1];
|
|
25352
25539
|
var _e = useState(false), loading = _e[0], setLoading = _e[1];
|
|
@@ -25793,7 +25980,7 @@ var RegistryDashboardComponent = function (props) {
|
|
|
25793
25980
|
_253.label = 1;
|
|
25794
25981
|
case 1:
|
|
25795
25982
|
_253.trys.push([1, 3, 4, 5]);
|
|
25796
|
-
return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined,
|
|
25983
|
+
return [4 /*yield*/, post("stats/programme/agg", getAllChartsParams(), undefined, process.env.REACT_APP_STAT_URL)];
|
|
25797
25984
|
case 2:
|
|
25798
25985
|
response = _253.sent();
|
|
25799
25986
|
totalCreditsCertifiedStats = void 0;
|
|
@@ -26070,7 +26257,7 @@ var RegistryDashboardComponent = function (props) {
|
|
|
26070
26257
|
_77.label = 1;
|
|
26071
26258
|
case 1:
|
|
26072
26259
|
_77.trys.push([1, 3, 4, 5]);
|
|
26073
|
-
return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined,
|
|
26260
|
+
return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParamsWithoutTimeRange(), undefined, process.env.REACT_APP_STAT_URL)];
|
|
26074
26261
|
case 2:
|
|
26075
26262
|
response = _77.sent();
|
|
26076
26263
|
programmeByStatusAggregationResponse = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.stats) === null || _b === void 0 ? void 0 : _b.AGG_PROGRAMME_BY_STATUS) === null || _c === void 0 ? void 0 : _c.data;
|
|
@@ -26163,7 +26350,7 @@ var RegistryDashboardComponent = function (props) {
|
|
|
26163
26350
|
_188.label = 1;
|
|
26164
26351
|
case 1:
|
|
26165
26352
|
_188.trys.push([1, 3, 4, 5]);
|
|
26166
|
-
return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined,
|
|
26353
|
+
return [4 /*yield*/, post("stats/programme/agg", getAllProgrammeAnalyticsStatsParams(), undefined, process.env.REACT_APP_STAT_URL)];
|
|
26167
26354
|
case 2:
|
|
26168
26355
|
response = _188.sent();
|
|
26169
26356
|
programmeByStatusAuthAggregationResponse = void 0;
|
|
@@ -27066,7 +27253,21 @@ var EditableCell = function (_a) {
|
|
|
27066
27253
|
}); },
|
|
27067
27254
|
},
|
|
27068
27255
|
] },
|
|
27069
|
-
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "
|
|
27256
|
+
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
|
27257
|
+
{
|
|
27258
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
27259
|
+
var trimValue;
|
|
27260
|
+
return __generator(this, function (_a) {
|
|
27261
|
+
trimValue = typeof value === "string" ? value.trim() : value;
|
|
27262
|
+
if (!trimValue) {
|
|
27263
|
+
throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
|
|
27264
|
+
}
|
|
27265
|
+
return [2 /*return*/];
|
|
27266
|
+
});
|
|
27267
|
+
}); },
|
|
27268
|
+
},
|
|
27269
|
+
] },
|
|
27270
|
+
React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
|
|
27070
27271
|
{
|
|
27071
27272
|
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
27072
27273
|
var trimValue;
|
|
@@ -27130,7 +27331,7 @@ var getNdcActionStatusTagType = function (status) {
|
|
|
27130
27331
|
};
|
|
27131
27332
|
|
|
27132
27333
|
var NdcDetailsComponent = function (props) {
|
|
27133
|
-
var t = props.t;
|
|
27334
|
+
var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
|
|
27134
27335
|
var RangePicker = DatePicker.RangePicker;
|
|
27135
27336
|
var _a = useState([]), ndcActionsList = _a[0], setNdcActionsList = _a[1];
|
|
27136
27337
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
@@ -27173,11 +27374,13 @@ var NdcDetailsComponent = function (props) {
|
|
|
27173
27374
|
: undefined;
|
|
27174
27375
|
var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
|
27175
27376
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
|
27176
|
-
var isMainNdcActionsEditable =
|
|
27377
|
+
var isMainNdcActionsEditable = selectedPeriod &&
|
|
27378
|
+
!selectedPeriod.finalized &&
|
|
27177
27379
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
|
|
27178
27380
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
|
|
27179
27381
|
var isSubNdcActionsEditable = function (record) {
|
|
27180
|
-
return (
|
|
27382
|
+
return (selectedPeriod &&
|
|
27383
|
+
!selectedPeriod.finalized &&
|
|
27181
27384
|
record.status !== NdcDetailsActionStatus.Approved &&
|
|
27182
27385
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
|
27183
27386
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
|
|
@@ -27185,7 +27388,8 @@ var NdcDetailsComponent = function (props) {
|
|
|
27185
27388
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
|
27186
27389
|
};
|
|
27187
27390
|
var checkSubNdcActionCreatePermission = function () {
|
|
27188
|
-
return (
|
|
27391
|
+
return (selectedPeriod &&
|
|
27392
|
+
!selectedPeriod.finalized &&
|
|
27189
27393
|
((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
|
|
27190
27394
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
|
|
27191
27395
|
(userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
|
|
@@ -27198,7 +27402,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27198
27402
|
return isSubNdcActionsEditable(record);
|
|
27199
27403
|
}
|
|
27200
27404
|
};
|
|
27201
|
-
var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
|
|
27405
|
+
var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
|
|
27202
27406
|
? ndcActionsList.filter(function (ndcDetail) {
|
|
27203
27407
|
return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
|
|
27204
27408
|
ndcDetail.actionType === NdcDetailsActionType.MainAction);
|
|
@@ -27214,6 +27418,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27214
27418
|
actionType: NdcDetailsActionType.SubAction,
|
|
27215
27419
|
nationalPlanObjective: "",
|
|
27216
27420
|
kpi: "",
|
|
27421
|
+
kpiUnit: "",
|
|
27217
27422
|
ministryName: loginMinistry,
|
|
27218
27423
|
status: NdcDetailsActionStatus.New,
|
|
27219
27424
|
parentActionId: mainActionId,
|
|
@@ -27225,6 +27430,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27225
27430
|
form.setFieldsValue({
|
|
27226
27431
|
nationalPlanObjective: "",
|
|
27227
27432
|
kpi: "",
|
|
27433
|
+
kpiUnit: "",
|
|
27228
27434
|
});
|
|
27229
27435
|
}
|
|
27230
27436
|
setSubNdcActionsForPeriod(subNdcDetails);
|
|
@@ -27266,6 +27472,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27266
27472
|
return [2 /*return*/];
|
|
27267
27473
|
}
|
|
27268
27474
|
else if (updatedFields.kpi === row.kpi &&
|
|
27475
|
+
updatedFields.kpiUnit === row.kpiUnit &&
|
|
27269
27476
|
updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
|
|
27270
27477
|
ClearEditMode();
|
|
27271
27478
|
return [2 /*return*/];
|
|
@@ -27279,13 +27486,13 @@ var NdcDetailsComponent = function (props) {
|
|
|
27279
27486
|
else {
|
|
27280
27487
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
|
27281
27488
|
}
|
|
27282
|
-
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
|
27489
|
+
return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
|
27283
27490
|
case 5:
|
|
27284
27491
|
_a.sent();
|
|
27285
27492
|
return [3 /*break*/, 8];
|
|
27286
27493
|
case 6:
|
|
27287
27494
|
updatedItem.status = NdcDetailsActionStatus.Pending;
|
|
27288
|
-
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi:
|
|
27495
|
+
return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
|
|
27289
27496
|
case 7:
|
|
27290
27497
|
_a.sent();
|
|
27291
27498
|
_a.label = 8;
|
|
@@ -27310,6 +27517,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27310
27517
|
var actionMenu = function (record) {
|
|
27311
27518
|
if (record.status === NdcDetailsActionStatus.Pending &&
|
|
27312
27519
|
isGovernmentUser &&
|
|
27520
|
+
selectedPeriod &&
|
|
27313
27521
|
!selectedPeriod.finalized) {
|
|
27314
27522
|
return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
|
|
27315
27523
|
{
|
|
@@ -27369,7 +27577,17 @@ var NdcDetailsComponent = function (props) {
|
|
|
27369
27577
|
width: 100,
|
|
27370
27578
|
editable: true,
|
|
27371
27579
|
render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
|
27372
|
-
React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "
|
|
27580
|
+
React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
|
|
27581
|
+
},
|
|
27582
|
+
{
|
|
27583
|
+
title: t("ndc:ndcColumnsKpiUnit"),
|
|
27584
|
+
dataIndex: "kpiUnit",
|
|
27585
|
+
key: "kpiUnit",
|
|
27586
|
+
align: "left",
|
|
27587
|
+
width: 100,
|
|
27588
|
+
editable: true,
|
|
27589
|
+
render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpiUnit ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
|
|
27590
|
+
React.createElement("span", null, record.kpiUnit))) : (React.createElement(Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
|
|
27373
27591
|
},
|
|
27374
27592
|
{
|
|
27375
27593
|
title: t("ndc:ndcColumnsMinistry"),
|
|
@@ -27433,6 +27651,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27433
27651
|
form.setFieldsValue({
|
|
27434
27652
|
nationalPlanObjective: "",
|
|
27435
27653
|
kpi: "",
|
|
27654
|
+
kpiUnit: "",
|
|
27436
27655
|
});
|
|
27437
27656
|
periodId = parseInt(selectedPeriod.key);
|
|
27438
27657
|
newData_1 = {
|
|
@@ -27440,6 +27659,7 @@ var NdcDetailsComponent = function (props) {
|
|
|
27440
27659
|
actionType: NdcDetailsActionType.MainAction,
|
|
27441
27660
|
nationalPlanObjective: "",
|
|
27442
27661
|
kpi: "",
|
|
27662
|
+
kpiUnit: "",
|
|
27443
27663
|
ministryName: loginMinistry,
|
|
27444
27664
|
periodId: periodId,
|
|
27445
27665
|
status: NdcDetailsActionStatus.New,
|
|
@@ -27578,10 +27798,11 @@ var NdcDetailsComponent = function (props) {
|
|
|
27578
27798
|
};
|
|
27579
27799
|
}, footer: function () {
|
|
27580
27800
|
return isGovernmentUser &&
|
|
27801
|
+
selectedPeriod &&
|
|
27581
27802
|
!selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
|
|
27582
27803
|
React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
|
|
27583
27804
|
} })))),
|
|
27584
|
-
isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
|
27805
|
+
isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
|
|
27585
27806
|
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
|
|
27586
27807
|
React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
|
|
27587
27808
|
React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
|
|
@@ -27929,10 +28150,12 @@ var NdcDetailsComponent = function (props) {
|
|
|
27929
28150
|
React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
|
|
27930
28151
|
React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
|
|
27931
28152
|
React.createElement("div", null,
|
|
27932
|
-
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
|
|
27933
|
-
React.createElement("div", null, selectedPeriod
|
|
27934
|
-
?
|
|
27935
|
-
|
|
28153
|
+
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
|
|
28154
|
+
React.createElement("div", null, selectedPeriod
|
|
28155
|
+
? selectedPeriod.key === "add_new"
|
|
28156
|
+
? addNewPeriodContent()
|
|
28157
|
+
: mainNdcActionTableContent()
|
|
28158
|
+
: ""),
|
|
27936
28159
|
React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
|
|
27937
28160
|
};
|
|
27938
28161
|
|
|
@@ -28105,7 +28328,7 @@ var ProgrammeIssueForm = function (props) {
|
|
|
28105
28328
|
};
|
|
28106
28329
|
|
|
28107
28330
|
var ProgrammeRetireForm = function (props) {
|
|
28108
|
-
var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator;
|
|
28331
|
+
var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText, subText = props.subText, hideType = props.hideType, myCompanyId = props.myCompanyId, translator = props.translator, useConnection = props.useConnection;
|
|
28109
28332
|
var t = translator.t;
|
|
28110
28333
|
var _a = useState(undefined), popupError = _a[0], setPopupError = _a[1];
|
|
28111
28334
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
@@ -28481,7 +28704,7 @@ var ProgrammeRevokeForm = function (props) {
|
|
|
28481
28704
|
};
|
|
28482
28705
|
|
|
28483
28706
|
var ProgrammeTransferForm = function (props) {
|
|
28484
|
-
var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
|
|
28707
|
+
var programme = props.programme, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var toCompanyDefault = props.toCompanyDefault, disableToCompany = props.disableToCompany, receiverLabelText = props.receiverLabelText, userCompanyId = props.userCompanyId, companyRole = props.companyRole, translator = props.translator, useConnection = props.useConnection, _a = props.ministryLevelPermission, ministryLevelPermission = _a === void 0 ? false : _a;
|
|
28485
28708
|
var t = translator.t;
|
|
28486
28709
|
var _b = useState(undefined), popupError = _b[0], setPopupError = _b[1];
|
|
28487
28710
|
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
@@ -28506,8 +28729,8 @@ var ProgrammeTransferForm = function (props) {
|
|
|
28506
28729
|
},
|
|
28507
28730
|
{
|
|
28508
28731
|
key: "companyRole",
|
|
28509
|
-
operation: "
|
|
28510
|
-
value:
|
|
28732
|
+
operation: "=",
|
|
28733
|
+
value: CompanyRole.PROGRAMME_DEVELOPER,
|
|
28511
28734
|
},
|
|
28512
28735
|
],
|
|
28513
28736
|
sort: {
|
|
@@ -28712,7 +28935,7 @@ var css_248z$5 = ".ndc-action-body {\n display: flex;\n flex-direction: column
|
|
|
28712
28935
|
styleInject(css_248z$5);
|
|
28713
28936
|
|
|
28714
28937
|
var NdcActionBody = function (props) {
|
|
28715
|
-
var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, onFinish = props.onFinish, programme = props.programme;
|
|
28938
|
+
var data = props.data, programmeId = props.programmeId, canUploadMonitorReport = props.canUploadMonitorReport, programmeOwnerId = props.programmeOwnerId, getProgrammeDocs = props.getProgrammeDocs, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, translator = props.translator, useUserContext = props.useUserContext, onFinish = props.onFinish, programme = props.programme;
|
|
28716
28939
|
var t = translator.t;
|
|
28717
28940
|
var userInfoState = useUserContext().userInfoState;
|
|
28718
28941
|
var fileInputMonitoringRef = useRef(null);
|
|
@@ -29148,7 +29371,7 @@ var css_248z$4 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-vi
|
|
|
29148
29371
|
styleInject(css_248z$4);
|
|
29149
29372
|
|
|
29150
29373
|
var ProgrammeDocuments = function (props) {
|
|
29151
|
-
var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
|
|
29374
|
+
var data = props.data, title = props.title, icon = props.icon, programmeId = props.programmeId, programmeOwnerId = props.programmeOwnerId, getDocumentDetails = props.getDocumentDetails, getProgrammeById = props.getProgrammeById, ministryLevelPermission = props.ministryLevelPermission, useConnection = props.useConnection, useUserContext = props.useUserContext, translator = props.translator, methodologyDocumentUpdated = props.methodologyDocumentUpdated, programmeStatus = props.programmeStatus;
|
|
29152
29375
|
var t = translator.t;
|
|
29153
29376
|
var userInfoState = useUserContext().userInfoState;
|
|
29154
29377
|
var _a = useConnection(); _a.delete; var post = _a.post;
|
|
@@ -29691,7 +29914,7 @@ var TimelineBody = function (props) {
|
|
|
29691
29914
|
React.createElement("div", { className: "remark-body" }, remark)))));
|
|
29692
29915
|
};
|
|
29693
29916
|
|
|
29694
|
-
var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius:
|
|
29917
|
+
var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
|
|
29695
29918
|
styleInject(css_248z$2);
|
|
29696
29919
|
|
|
29697
29920
|
var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
|
|
@@ -30099,7 +30322,7 @@ var GHGUserActionConfirmationModel = function (props) {
|
|
|
30099
30322
|
};
|
|
30100
30323
|
|
|
30101
30324
|
var GHGEmissionsComponent = function (props) {
|
|
30102
|
-
var t = props.t;
|
|
30325
|
+
var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
|
|
30103
30326
|
var userInfoState = useUserContext().userInfoState;
|
|
30104
30327
|
var _a = useState([]), data = _a[0], setData = _a[1];
|
|
30105
30328
|
var _b = useConnection(), get = _b.get, post = _b.post;
|
|
@@ -30145,14 +30368,26 @@ var GHGEmissionsComponent = function (props) {
|
|
|
30145
30368
|
var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
|
|
30146
30369
|
var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
|
|
30147
30370
|
var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
|
|
30148
|
-
var _20 = useState(
|
|
30149
|
-
|
|
30150
|
-
|
|
30151
|
-
|
|
30152
|
-
|
|
30153
|
-
|
|
30154
|
-
var
|
|
30155
|
-
|
|
30371
|
+
var _20 = useState({
|
|
30372
|
+
totalCo2WithoutLand_ch4: 0,
|
|
30373
|
+
totalCo2WithoutLand_co2: 0,
|
|
30374
|
+
totalCo2WithoutLand_n2o: 0,
|
|
30375
|
+
totalCo2WithoutLand_co2eq: 0
|
|
30376
|
+
}); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
|
|
30377
|
+
var _21 = useState({
|
|
30378
|
+
totalCo2WithLand_ch4: 0,
|
|
30379
|
+
totalCo2WithLand_co2: 0,
|
|
30380
|
+
totalCo2WithLand_n2o: 0,
|
|
30381
|
+
totalCo2WithLand_co2eq: 0
|
|
30382
|
+
}); _21[0]; _21[1];
|
|
30383
|
+
var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
|
|
30384
|
+
var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
|
|
30385
|
+
var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
|
|
30386
|
+
var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
|
|
30387
|
+
var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
|
|
30388
|
+
var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
|
|
30389
|
+
var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
|
|
30390
|
+
var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
|
|
30156
30391
|
var Panel = Collapse.Panel;
|
|
30157
30392
|
var form = Form.useForm()[0];
|
|
30158
30393
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -31307,19 +31542,35 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31307
31542
|
return 0;
|
|
31308
31543
|
}
|
|
31309
31544
|
};
|
|
31545
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
31546
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
31547
|
+
var _a;
|
|
31548
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
31549
|
+
});
|
|
31550
|
+
};
|
|
31551
|
+
// Helper function to get form field value
|
|
31552
|
+
var getFieldValue = function (fieldName) {
|
|
31553
|
+
var formValues = form.getFieldsValue(true);
|
|
31554
|
+
var fieldValue = formValues[fieldName];
|
|
31555
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
31556
|
+
};
|
|
31310
31557
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
31311
31558
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
31312
31559
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
31313
31560
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
31314
31561
|
React.createElement(Row, { gutter: 16 },
|
|
31315
31562
|
React.createElement(Col, { xl: 6 },
|
|
31316
|
-
React.createElement(
|
|
31563
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
|
|
31564
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
|
|
31317
31565
|
React.createElement(Col, { xl: 6 },
|
|
31318
|
-
React.createElement(
|
|
31566
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
|
|
31567
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
|
|
31319
31568
|
React.createElement(Col, { xl: 6 },
|
|
31320
|
-
React.createElement(
|
|
31569
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
|
|
31570
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
|
|
31321
31571
|
React.createElement(Col, { xl: 6 },
|
|
31322
|
-
React.createElement(
|
|
31572
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
|
|
31573
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
|
|
31323
31574
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
31324
31575
|
var emissionsObject = tabData[panelHeading];
|
|
31325
31576
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -31328,13 +31579,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31328
31579
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31329
31580
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
31330
31581
|
React.createElement(Col, { xl: 6 },
|
|
31331
|
-
React.createElement(
|
|
31582
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31583
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
|
|
31332
31584
|
React.createElement(Col, { xl: 6 },
|
|
31333
|
-
React.createElement(
|
|
31585
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31586
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
|
|
31334
31587
|
React.createElement(Col, { xl: 6 },
|
|
31335
|
-
React.createElement(
|
|
31588
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31589
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
|
|
31336
31590
|
React.createElement(Col, { xl: 6 },
|
|
31337
|
-
React.createElement(
|
|
31591
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
|
|
31592
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
|
|
31338
31593
|
};
|
|
31339
31594
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31340
31595
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31342,61 +31597,65 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31342
31597
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31343
31598
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31344
31599
|
React.createElement(Col, { xl: 6 },
|
|
31345
|
-
React.createElement(
|
|
31346
|
-
|
|
31347
|
-
|
|
31348
|
-
return
|
|
31349
|
-
|
|
31350
|
-
|
|
31351
|
-
|
|
31352
|
-
|
|
31353
|
-
|
|
31354
|
-
|
|
31355
|
-
|
|
31356
|
-
|
|
31357
|
-
|
|
31600
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
|
|
31601
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
|
|
31602
|
+
{
|
|
31603
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31604
|
+
return __generator(this, function (_a) {
|
|
31605
|
+
if (value && value < 0) {
|
|
31606
|
+
throw new Error();
|
|
31607
|
+
}
|
|
31608
|
+
return [2 /*return*/];
|
|
31609
|
+
});
|
|
31610
|
+
}); },
|
|
31611
|
+
},
|
|
31612
|
+
] },
|
|
31613
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31358
31614
|
React.createElement(Col, { xl: 6 },
|
|
31359
|
-
React.createElement(
|
|
31360
|
-
|
|
31361
|
-
|
|
31362
|
-
return
|
|
31363
|
-
|
|
31364
|
-
|
|
31365
|
-
|
|
31366
|
-
|
|
31367
|
-
|
|
31368
|
-
|
|
31369
|
-
|
|
31370
|
-
|
|
31371
|
-
|
|
31615
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
|
|
31616
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
|
|
31617
|
+
{
|
|
31618
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31619
|
+
return __generator(this, function (_a) {
|
|
31620
|
+
if (value && value < 0) {
|
|
31621
|
+
throw new Error();
|
|
31622
|
+
}
|
|
31623
|
+
return [2 /*return*/];
|
|
31624
|
+
});
|
|
31625
|
+
}); },
|
|
31626
|
+
},
|
|
31627
|
+
] },
|
|
31628
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31372
31629
|
React.createElement(Col, { xl: 6 },
|
|
31373
|
-
React.createElement(
|
|
31374
|
-
|
|
31375
|
-
|
|
31376
|
-
return
|
|
31377
|
-
|
|
31378
|
-
|
|
31379
|
-
|
|
31380
|
-
|
|
31381
|
-
|
|
31382
|
-
|
|
31383
|
-
|
|
31384
|
-
|
|
31385
|
-
|
|
31630
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
|
|
31631
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
|
|
31632
|
+
{
|
|
31633
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31634
|
+
return __generator(this, function (_a) {
|
|
31635
|
+
if (value && value < 0) {
|
|
31636
|
+
throw new Error();
|
|
31637
|
+
}
|
|
31638
|
+
return [2 /*return*/];
|
|
31639
|
+
});
|
|
31640
|
+
}); },
|
|
31641
|
+
},
|
|
31642
|
+
] },
|
|
31643
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31386
31644
|
React.createElement(Col, { xl: 6 },
|
|
31387
|
-
React.createElement(
|
|
31388
|
-
|
|
31389
|
-
|
|
31390
|
-
return
|
|
31391
|
-
|
|
31392
|
-
|
|
31393
|
-
|
|
31394
|
-
|
|
31395
|
-
|
|
31396
|
-
|
|
31397
|
-
|
|
31398
|
-
|
|
31399
|
-
|
|
31645
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
|
|
31646
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
|
|
31647
|
+
{
|
|
31648
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31649
|
+
return __generator(this, function (_a) {
|
|
31650
|
+
if (value && value < 0) {
|
|
31651
|
+
throw new Error();
|
|
31652
|
+
}
|
|
31653
|
+
return [2 /*return*/];
|
|
31654
|
+
});
|
|
31655
|
+
}); },
|
|
31656
|
+
},
|
|
31657
|
+
] },
|
|
31658
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
31400
31659
|
var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
|
|
31401
31660
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
31402
31661
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -31404,13 +31663,21 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31404
31663
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31405
31664
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
31406
31665
|
React.createElement(Col, { xl: 6 },
|
|
31407
|
-
React.createElement(
|
|
31666
|
+
React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
|
|
31667
|
+
React.createElement("div", null,
|
|
31668
|
+
React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
|
|
31408
31669
|
React.createElement(Col, { xl: 6 },
|
|
31409
|
-
React.createElement(
|
|
31670
|
+
React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
|
|
31671
|
+
React.createElement("div", null,
|
|
31672
|
+
React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
|
|
31410
31673
|
React.createElement(Col, { xl: 6 },
|
|
31411
|
-
React.createElement(
|
|
31674
|
+
React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
|
|
31675
|
+
React.createElement("div", null,
|
|
31676
|
+
React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
|
|
31412
31677
|
React.createElement(Col, { xl: 6 },
|
|
31413
|
-
React.createElement(
|
|
31678
|
+
React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
|
|
31679
|
+
React.createElement("div", null,
|
|
31680
|
+
React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
|
|
31414
31681
|
};
|
|
31415
31682
|
var objectToCSV = function (dataToDownload) {
|
|
31416
31683
|
var flattenObject = function (obj, prefix) {
|
|
@@ -31481,6 +31748,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31481
31748
|
}
|
|
31482
31749
|
return false;
|
|
31483
31750
|
};
|
|
31751
|
+
var displayEmptyView = function () {
|
|
31752
|
+
if (!data || data.length === 0) {
|
|
31753
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
31754
|
+
return true;
|
|
31755
|
+
}
|
|
31756
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
31757
|
+
return true;
|
|
31758
|
+
}
|
|
31759
|
+
}
|
|
31760
|
+
return false;
|
|
31761
|
+
};
|
|
31484
31762
|
var canViewForm = function () {
|
|
31485
31763
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
31486
31764
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -31498,7 +31776,9 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31498
31776
|
React.createElement("div", { className: "title-bar" },
|
|
31499
31777
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
|
|
31500
31778
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
31501
|
-
React.createElement("div", { className: "content-card
|
|
31779
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
31780
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
|
|
31781
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
|
|
31502
31782
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
31503
31783
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
31504
31784
|
React.createElement("div", null,
|
|
@@ -31603,13 +31883,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31603
31883
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31604
31884
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
31605
31885
|
React.createElement(Col, { xl: 6 },
|
|
31606
|
-
React.createElement(
|
|
31886
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
|
|
31887
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
|
|
31607
31888
|
React.createElement(Col, { xl: 6 },
|
|
31608
|
-
React.createElement(
|
|
31889
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
|
|
31890
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
|
|
31609
31891
|
React.createElement(Col, { xl: 6 },
|
|
31610
|
-
React.createElement(
|
|
31892
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
|
|
31893
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
|
|
31611
31894
|
React.createElement(Col, { xl: 6 },
|
|
31612
|
-
React.createElement(
|
|
31895
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
|
|
31896
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
|
|
31613
31897
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31614
31898
|
var isActive = _a.isActive;
|
|
31615
31899
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31634,122 +31918,130 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31634
31918
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31635
31919
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31636
31920
|
React.createElement(Col, { xl: 6 },
|
|
31637
|
-
React.createElement(
|
|
31638
|
-
|
|
31639
|
-
|
|
31640
|
-
return
|
|
31641
|
-
|
|
31642
|
-
|
|
31643
|
-
|
|
31644
|
-
|
|
31645
|
-
|
|
31646
|
-
|
|
31647
|
-
|
|
31648
|
-
|
|
31649
|
-
|
|
31921
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
|
|
31922
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
|
|
31923
|
+
{
|
|
31924
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31925
|
+
return __generator(this, function (_a) {
|
|
31926
|
+
if (value && value < 0) {
|
|
31927
|
+
throw new Error();
|
|
31928
|
+
}
|
|
31929
|
+
return [2 /*return*/];
|
|
31930
|
+
});
|
|
31931
|
+
}); },
|
|
31932
|
+
},
|
|
31933
|
+
] },
|
|
31934
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31650
31935
|
React.createElement(Col, { xl: 6 },
|
|
31651
|
-
React.createElement(
|
|
31652
|
-
|
|
31653
|
-
|
|
31654
|
-
return
|
|
31655
|
-
|
|
31656
|
-
|
|
31657
|
-
|
|
31658
|
-
|
|
31659
|
-
|
|
31660
|
-
|
|
31661
|
-
|
|
31662
|
-
|
|
31663
|
-
|
|
31936
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
|
|
31937
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
|
|
31938
|
+
{
|
|
31939
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31940
|
+
return __generator(this, function (_a) {
|
|
31941
|
+
if (value && value < 0) {
|
|
31942
|
+
throw new Error();
|
|
31943
|
+
}
|
|
31944
|
+
return [2 /*return*/];
|
|
31945
|
+
});
|
|
31946
|
+
}); },
|
|
31947
|
+
},
|
|
31948
|
+
] },
|
|
31949
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31664
31950
|
React.createElement(Col, { xl: 6 },
|
|
31665
|
-
React.createElement(
|
|
31666
|
-
|
|
31667
|
-
|
|
31668
|
-
return
|
|
31669
|
-
|
|
31670
|
-
|
|
31671
|
-
|
|
31672
|
-
|
|
31673
|
-
|
|
31674
|
-
|
|
31675
|
-
|
|
31676
|
-
|
|
31677
|
-
|
|
31951
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
|
|
31952
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
|
|
31953
|
+
{
|
|
31954
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31955
|
+
return __generator(this, function (_a) {
|
|
31956
|
+
if (value && value < 0) {
|
|
31957
|
+
throw new Error();
|
|
31958
|
+
}
|
|
31959
|
+
return [2 /*return*/];
|
|
31960
|
+
});
|
|
31961
|
+
}); },
|
|
31962
|
+
},
|
|
31963
|
+
] },
|
|
31964
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31678
31965
|
React.createElement(Col, { xl: 6 },
|
|
31679
|
-
React.createElement(
|
|
31680
|
-
|
|
31681
|
-
|
|
31682
|
-
return
|
|
31683
|
-
|
|
31684
|
-
|
|
31685
|
-
|
|
31686
|
-
|
|
31687
|
-
|
|
31688
|
-
|
|
31689
|
-
|
|
31690
|
-
|
|
31691
|
-
|
|
31966
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
|
|
31967
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
|
|
31968
|
+
{
|
|
31969
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31970
|
+
return __generator(this, function (_a) {
|
|
31971
|
+
if (value && value < 0) {
|
|
31972
|
+
throw new Error();
|
|
31973
|
+
}
|
|
31974
|
+
return [2 /*return*/];
|
|
31975
|
+
});
|
|
31976
|
+
}); },
|
|
31977
|
+
},
|
|
31978
|
+
] },
|
|
31979
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31692
31980
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31693
31981
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31694
31982
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31695
31983
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31696
31984
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31697
31985
|
React.createElement(Col, { xl: 6 },
|
|
31698
|
-
React.createElement(
|
|
31699
|
-
|
|
31700
|
-
|
|
31701
|
-
return
|
|
31702
|
-
|
|
31703
|
-
|
|
31704
|
-
|
|
31705
|
-
|
|
31706
|
-
|
|
31707
|
-
|
|
31708
|
-
|
|
31709
|
-
|
|
31710
|
-
|
|
31986
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
|
|
31987
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
|
|
31988
|
+
{
|
|
31989
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
31990
|
+
return __generator(this, function (_a) {
|
|
31991
|
+
if (value && value < 0) {
|
|
31992
|
+
throw new Error();
|
|
31993
|
+
}
|
|
31994
|
+
return [2 /*return*/];
|
|
31995
|
+
});
|
|
31996
|
+
}); },
|
|
31997
|
+
},
|
|
31998
|
+
] },
|
|
31999
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31711
32000
|
React.createElement(Col, { xl: 6 },
|
|
31712
|
-
React.createElement(
|
|
31713
|
-
|
|
31714
|
-
|
|
31715
|
-
return
|
|
31716
|
-
|
|
31717
|
-
|
|
31718
|
-
|
|
31719
|
-
|
|
31720
|
-
|
|
31721
|
-
|
|
31722
|
-
|
|
31723
|
-
|
|
31724
|
-
|
|
32001
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
|
|
32002
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
|
|
32003
|
+
{
|
|
32004
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32005
|
+
return __generator(this, function (_a) {
|
|
32006
|
+
if (value && value < 0) {
|
|
32007
|
+
throw new Error();
|
|
32008
|
+
}
|
|
32009
|
+
return [2 /*return*/];
|
|
32010
|
+
});
|
|
32011
|
+
}); },
|
|
32012
|
+
},
|
|
32013
|
+
] },
|
|
32014
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31725
32015
|
React.createElement(Col, { xl: 6 },
|
|
31726
|
-
React.createElement(
|
|
31727
|
-
|
|
31728
|
-
|
|
31729
|
-
return
|
|
31730
|
-
|
|
31731
|
-
|
|
31732
|
-
|
|
31733
|
-
|
|
31734
|
-
|
|
31735
|
-
|
|
31736
|
-
|
|
31737
|
-
|
|
31738
|
-
|
|
32016
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
|
|
32017
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
|
|
32018
|
+
{
|
|
32019
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32020
|
+
return __generator(this, function (_a) {
|
|
32021
|
+
if (value && value < 0) {
|
|
32022
|
+
throw new Error();
|
|
32023
|
+
}
|
|
32024
|
+
return [2 /*return*/];
|
|
32025
|
+
});
|
|
32026
|
+
}); },
|
|
32027
|
+
},
|
|
32028
|
+
] },
|
|
32029
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
31739
32030
|
React.createElement(Col, { xl: 6 },
|
|
31740
|
-
React.createElement(
|
|
31741
|
-
|
|
31742
|
-
|
|
31743
|
-
return
|
|
31744
|
-
|
|
31745
|
-
|
|
31746
|
-
|
|
31747
|
-
|
|
31748
|
-
|
|
31749
|
-
|
|
31750
|
-
|
|
31751
|
-
|
|
31752
|
-
|
|
32031
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
|
|
32032
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
|
|
32033
|
+
{
|
|
32034
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
32035
|
+
return __generator(this, function (_a) {
|
|
32036
|
+
if (value && value < 0) {
|
|
32037
|
+
throw new Error();
|
|
32038
|
+
}
|
|
32039
|
+
return [2 /*return*/];
|
|
32040
|
+
});
|
|
32041
|
+
}); },
|
|
32042
|
+
},
|
|
32043
|
+
] },
|
|
32044
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
31753
32045
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
31754
32046
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
31755
32047
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -31758,7 +32050,7 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31758
32050
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
31759
32051
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
31760
32052
|
data.map(function (tabData) {
|
|
31761
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
32053
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
|
|
31762
32054
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
31763
32055
|
tabData.year,
|
|
31764
32056
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -31798,13 +32090,17 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31798
32090
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
31799
32091
|
React.createElement(Row, { gutter: 16 },
|
|
31800
32092
|
React.createElement(Col, { xl: 6 },
|
|
31801
|
-
React.createElement(
|
|
32093
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
|
|
32094
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
|
|
31802
32095
|
React.createElement(Col, { xl: 6 },
|
|
31803
|
-
React.createElement(
|
|
32096
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
|
|
32097
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
|
|
31804
32098
|
React.createElement(Col, { xl: 6 },
|
|
31805
|
-
React.createElement(
|
|
32099
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
|
|
32100
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
|
|
31806
32101
|
React.createElement(Col, { xl: 6 },
|
|
31807
|
-
React.createElement(
|
|
32102
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
|
|
32103
|
+
React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
|
|
31808
32104
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
31809
32105
|
var isActive = _a.isActive;
|
|
31810
32106
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -31859,49 +32155,81 @@ var GHGEmissionsComponent = function (props) {
|
|
|
31859
32155
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31860
32156
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31861
32157
|
React.createElement(Col, { xl: 6 },
|
|
31862
|
-
React.createElement(
|
|
32158
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
|
|
31863
32159
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
|
|
31864
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2
|
|
32160
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
|
|
32161
|
+
React.createElement("div", null,
|
|
32162
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
|
|
32163
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
|
|
32164
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
|
|
31865
32165
|
React.createElement(Col, { xl: 6 },
|
|
31866
|
-
React.createElement(
|
|
31867
|
-
? addCommSep(Number((
|
|
31868
|
-
: (
|
|
32166
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
|
|
32167
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
|
|
32168
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
|
|
32169
|
+
React.createElement("div", null,
|
|
32170
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
|
|
32171
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
|
|
32172
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
|
|
31869
32173
|
React.createElement(Col, { xl: 6 },
|
|
31870
|
-
React.createElement(
|
|
31871
|
-
? addCommSep(Number((
|
|
31872
|
-
: (
|
|
32174
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
|
|
32175
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
|
|
32176
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
|
|
32177
|
+
React.createElement("div", null,
|
|
32178
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
|
|
32179
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
|
|
32180
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
|
|
31873
32181
|
React.createElement(Col, { xl: 6 },
|
|
31874
|
-
React.createElement(
|
|
31875
|
-
? addCommSep(Number((
|
|
31876
|
-
: (
|
|
32182
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
|
|
32183
|
+
? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
|
|
32184
|
+
: (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
|
|
32185
|
+
React.createElement("div", null,
|
|
32186
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
|
|
32187
|
+
? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
|
|
32188
|
+
: (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
|
|
31877
32189
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
31878
32190
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
31879
32191
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
31880
32192
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
31881
32193
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
31882
32194
|
React.createElement(Col, { xl: 6 },
|
|
31883
|
-
React.createElement(
|
|
31884
|
-
? addCommSep(Number((
|
|
31885
|
-
: (
|
|
32195
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
|
|
32196
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
|
|
32197
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
|
|
32198
|
+
React.createElement("div", null,
|
|
32199
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
|
|
32200
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
|
|
32201
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
|
|
31886
32202
|
React.createElement(Col, { xl: 6 },
|
|
31887
|
-
React.createElement(
|
|
31888
|
-
? addCommSep(Number((
|
|
31889
|
-
: (
|
|
32203
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
|
|
32204
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
|
|
32205
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
|
|
32206
|
+
React.createElement("div", null,
|
|
32207
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
|
|
32208
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
|
|
32209
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
|
|
31890
32210
|
React.createElement(Col, { xl: 6 },
|
|
31891
|
-
React.createElement(
|
|
31892
|
-
? addCommSep(Number((
|
|
31893
|
-
: (
|
|
32211
|
+
React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
|
|
32212
|
+
? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
|
|
32213
|
+
: (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
|
|
32214
|
+
React.createElement("div", null,
|
|
32215
|
+
React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
|
|
32216
|
+
? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
|
|
32217
|
+
: (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
|
|
31894
32218
|
React.createElement(Col, { xl: 6 },
|
|
31895
|
-
React.createElement(
|
|
31896
|
-
? addCommSep(Number((
|
|
31897
|
-
: (
|
|
31898
|
-
|
|
32219
|
+
React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
|
|
32220
|
+
? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
|
|
32221
|
+
: (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
|
|
32222
|
+
React.createElement("div", null,
|
|
32223
|
+
React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
|
|
32224
|
+
? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
|
|
32225
|
+
: (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
|
|
32226
|
+
}))))),
|
|
31899
32227
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31900
32228
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
31901
32229
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
31902
32230
|
};
|
|
31903
32231
|
|
|
31904
|
-
var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius:
|
|
32232
|
+
var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
|
|
31905
32233
|
styleInject(css_248z$1);
|
|
31906
32234
|
|
|
31907
32235
|
var ProjectionTypes = {
|
|
@@ -31911,7 +32239,7 @@ var ProjectionTypes = {
|
|
|
31911
32239
|
};
|
|
31912
32240
|
|
|
31913
32241
|
var GHGProjectionsComponent = function (props) {
|
|
31914
|
-
var t = props.t;
|
|
32242
|
+
var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection;
|
|
31915
32243
|
var userInfoState = useUserContext().userInfoState;
|
|
31916
32244
|
var _a = useState([]), data = _a[0], setData = _a[1];
|
|
31917
32245
|
var _b = useConnection(); _b.put; var get = _b.get, post = _b.post;
|
|
@@ -31948,14 +32276,24 @@ var GHGProjectionsComponent = function (props) {
|
|
|
31948
32276
|
var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
|
|
31949
32277
|
var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
|
|
31950
32278
|
var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
|
|
31951
|
-
var _11 = useState(
|
|
31952
|
-
|
|
31953
|
-
|
|
31954
|
-
|
|
31955
|
-
|
|
31956
|
-
var
|
|
31957
|
-
|
|
31958
|
-
|
|
32279
|
+
var _11 = useState({
|
|
32280
|
+
totalCo2WithoutLand_bau: 0,
|
|
32281
|
+
totalCo2WithoutLand_conditionalNdc: 0,
|
|
32282
|
+
totalCo2WithoutLand_unconditionalNdc: 0
|
|
32283
|
+
}); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
|
|
32284
|
+
var _12 = useState({
|
|
32285
|
+
totalCo2WithLand_bau: 0,
|
|
32286
|
+
totalCo2WithLand_conditionalNdc: 0,
|
|
32287
|
+
totalCo2WithLand_unconditionalNdc: 0
|
|
32288
|
+
}); _12[0]; _12[1];
|
|
32289
|
+
var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
|
|
32290
|
+
var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
|
|
32291
|
+
var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
|
|
32292
|
+
var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
|
|
32293
|
+
var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
|
|
32294
|
+
var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
|
|
32295
|
+
var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
|
|
32296
|
+
var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
|
|
31959
32297
|
var Panel = Collapse.Panel;
|
|
31960
32298
|
var form = Form.useForm()[0];
|
|
31961
32299
|
var createSetFieldObject = function (obj, objName) {
|
|
@@ -32979,17 +33317,32 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32979
33317
|
}
|
|
32980
33318
|
return 0;
|
|
32981
33319
|
};
|
|
33320
|
+
var handleTotalCo2WithoutLandEmissions = function (field, value) {
|
|
33321
|
+
setTotalCo2WithoutLandEmissions(function (prevState) {
|
|
33322
|
+
var _a;
|
|
33323
|
+
return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
|
|
33324
|
+
});
|
|
33325
|
+
};
|
|
33326
|
+
// Helper function to get form field value
|
|
33327
|
+
var getFieldValue = function (fieldName) {
|
|
33328
|
+
var formValues = form.getFieldsValue(true);
|
|
33329
|
+
var fieldValue = formValues[fieldName];
|
|
33330
|
+
return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
|
|
33331
|
+
};
|
|
32982
33332
|
var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
|
|
32983
33333
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
|
|
32984
33334
|
React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
|
|
32985
33335
|
React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
|
|
32986
33336
|
React.createElement(Row, { gutter: 16 },
|
|
32987
33337
|
React.createElement(Col, { xl: 7 },
|
|
32988
|
-
React.createElement(
|
|
33338
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
|
|
33339
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
|
|
32989
33340
|
React.createElement(Col, { xl: 7 },
|
|
32990
|
-
React.createElement(
|
|
33341
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
|
|
33342
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
|
|
32991
33343
|
React.createElement(Col, { xl: 7 },
|
|
32992
|
-
React.createElement(
|
|
33344
|
+
React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
|
|
33345
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
|
|
32993
33346
|
var renderPanelHeaderView = function (panelHeading, tabData) {
|
|
32994
33347
|
var projectionObject = tabData[panelHeading];
|
|
32995
33348
|
return (React.createElement(Row, { gutter: 16 },
|
|
@@ -32998,11 +33351,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
32998
33351
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
32999
33352
|
React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
|
|
33000
33353
|
React.createElement(Col, { xl: 7 },
|
|
33001
|
-
React.createElement(
|
|
33354
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
|
|
33355
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
|
|
33002
33356
|
React.createElement(Col, { xl: 7 },
|
|
33003
|
-
React.createElement(
|
|
33357
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
|
|
33358
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
|
|
33004
33359
|
React.createElement(Col, { xl: 7 },
|
|
33005
|
-
React.createElement(
|
|
33360
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
|
|
33361
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
|
|
33006
33362
|
};
|
|
33007
33363
|
var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
33008
33364
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -33010,47 +33366,50 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33010
33366
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33011
33367
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33012
33368
|
React.createElement(Col, { xl: 7 },
|
|
33013
|
-
React.createElement(
|
|
33014
|
-
|
|
33015
|
-
|
|
33016
|
-
return
|
|
33017
|
-
|
|
33018
|
-
|
|
33019
|
-
|
|
33020
|
-
|
|
33021
|
-
|
|
33022
|
-
|
|
33023
|
-
|
|
33024
|
-
|
|
33025
|
-
|
|
33369
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
|
|
33370
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
|
|
33371
|
+
{
|
|
33372
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33373
|
+
return __generator(this, function (_a) {
|
|
33374
|
+
if (value && value < 0) {
|
|
33375
|
+
throw new Error();
|
|
33376
|
+
}
|
|
33377
|
+
return [2 /*return*/];
|
|
33378
|
+
});
|
|
33379
|
+
}); },
|
|
33380
|
+
},
|
|
33381
|
+
] },
|
|
33382
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33026
33383
|
React.createElement(Col, { xl: 7 },
|
|
33027
|
-
React.createElement(
|
|
33028
|
-
|
|
33029
|
-
|
|
33030
|
-
return
|
|
33031
|
-
|
|
33032
|
-
|
|
33033
|
-
|
|
33034
|
-
|
|
33035
|
-
|
|
33036
|
-
|
|
33037
|
-
|
|
33038
|
-
|
|
33039
|
-
|
|
33384
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
|
|
33385
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
|
|
33386
|
+
{
|
|
33387
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33388
|
+
return __generator(this, function (_a) {
|
|
33389
|
+
if (value && value < 0) {
|
|
33390
|
+
throw new Error();
|
|
33391
|
+
}
|
|
33392
|
+
return [2 /*return*/];
|
|
33393
|
+
});
|
|
33394
|
+
}); },
|
|
33395
|
+
},
|
|
33396
|
+
] },
|
|
33397
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33040
33398
|
React.createElement(Col, { xl: 7 },
|
|
33041
|
-
React.createElement(
|
|
33042
|
-
|
|
33043
|
-
|
|
33044
|
-
return
|
|
33045
|
-
|
|
33046
|
-
|
|
33047
|
-
|
|
33048
|
-
|
|
33049
|
-
|
|
33050
|
-
|
|
33051
|
-
|
|
33052
|
-
|
|
33053
|
-
|
|
33399
|
+
React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
|
|
33400
|
+
React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
|
|
33401
|
+
{
|
|
33402
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33403
|
+
return __generator(this, function (_a) {
|
|
33404
|
+
if (value && value < 0) {
|
|
33405
|
+
throw new Error();
|
|
33406
|
+
}
|
|
33407
|
+
return [2 /*return*/];
|
|
33408
|
+
});
|
|
33409
|
+
}); },
|
|
33410
|
+
},
|
|
33411
|
+
] },
|
|
33412
|
+
React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
|
|
33054
33413
|
var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
|
|
33055
33414
|
return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
|
|
33056
33415
|
React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
|
|
@@ -33058,11 +33417,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33058
33417
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33059
33418
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33060
33419
|
React.createElement(Col, { xl: 7 },
|
|
33061
|
-
React.createElement(
|
|
33420
|
+
React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
|
|
33421
|
+
React.createElement("div", null,
|
|
33422
|
+
React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
|
|
33062
33423
|
React.createElement(Col, { xl: 7 },
|
|
33063
|
-
React.createElement(
|
|
33424
|
+
React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
|
|
33425
|
+
React.createElement("div", null,
|
|
33426
|
+
React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
|
|
33064
33427
|
React.createElement(Col, { xl: 7 },
|
|
33065
|
-
React.createElement(
|
|
33428
|
+
React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
|
|
33429
|
+
React.createElement("div", null,
|
|
33430
|
+
React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
|
|
33066
33431
|
};
|
|
33067
33432
|
var objectToCSV = function (dataToDownload) {
|
|
33068
33433
|
var flattenObject = function (obj, prefix) {
|
|
@@ -33131,6 +33496,17 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33131
33496
|
}
|
|
33132
33497
|
return false;
|
|
33133
33498
|
};
|
|
33499
|
+
var displayEmptyView = function () {
|
|
33500
|
+
if (!data || data.length === 0) {
|
|
33501
|
+
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
|
|
33502
|
+
return true;
|
|
33503
|
+
}
|
|
33504
|
+
else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
|
|
33505
|
+
return true;
|
|
33506
|
+
}
|
|
33507
|
+
}
|
|
33508
|
+
return false;
|
|
33509
|
+
};
|
|
33134
33510
|
var canViewForm = function () {
|
|
33135
33511
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
|
|
33136
33512
|
if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
|
|
@@ -33148,7 +33524,9 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33148
33524
|
React.createElement("div", { className: "title-bar" },
|
|
33149
33525
|
React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
|
|
33150
33526
|
React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
|
|
33151
|
-
React.createElement("div", { className: "content-card
|
|
33527
|
+
(displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
|
|
33528
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
|
|
33529
|
+
(!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
|
|
33152
33530
|
React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
|
|
33153
33531
|
(canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
|
|
33154
33532
|
React.createElement("div", null,
|
|
@@ -33241,11 +33619,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33241
33619
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33242
33620
|
React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
|
|
33243
33621
|
React.createElement(Col, { xl: 7 },
|
|
33244
|
-
React.createElement(
|
|
33622
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
|
|
33623
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
|
|
33245
33624
|
React.createElement(Col, { xl: 7 },
|
|
33246
|
-
React.createElement(
|
|
33625
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
|
|
33626
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
|
|
33247
33627
|
React.createElement(Col, { xl: 7 },
|
|
33248
|
-
React.createElement(
|
|
33628
|
+
React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
|
|
33629
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
|
|
33249
33630
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33250
33631
|
var isActive = _a.isActive;
|
|
33251
33632
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -33272,94 +33653,100 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33272
33653
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33273
33654
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33274
33655
|
React.createElement(Col, { xl: 7 },
|
|
33275
|
-
React.createElement(
|
|
33276
|
-
|
|
33277
|
-
|
|
33278
|
-
return
|
|
33279
|
-
|
|
33280
|
-
|
|
33281
|
-
|
|
33282
|
-
|
|
33283
|
-
|
|
33284
|
-
|
|
33285
|
-
|
|
33286
|
-
|
|
33287
|
-
|
|
33656
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
|
|
33657
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
|
|
33658
|
+
{
|
|
33659
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33660
|
+
return __generator(this, function (_a) {
|
|
33661
|
+
if (value && value < 0) {
|
|
33662
|
+
throw new Error();
|
|
33663
|
+
}
|
|
33664
|
+
return [2 /*return*/];
|
|
33665
|
+
});
|
|
33666
|
+
}); },
|
|
33667
|
+
},
|
|
33668
|
+
] },
|
|
33669
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33288
33670
|
React.createElement(Col, { xl: 7 },
|
|
33289
|
-
React.createElement(
|
|
33290
|
-
|
|
33291
|
-
|
|
33292
|
-
return
|
|
33293
|
-
|
|
33294
|
-
|
|
33295
|
-
|
|
33296
|
-
|
|
33297
|
-
|
|
33298
|
-
|
|
33299
|
-
|
|
33300
|
-
|
|
33301
|
-
|
|
33671
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
|
|
33672
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
|
|
33673
|
+
{
|
|
33674
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33675
|
+
return __generator(this, function (_a) {
|
|
33676
|
+
if (value && value < 0) {
|
|
33677
|
+
throw new Error();
|
|
33678
|
+
}
|
|
33679
|
+
return [2 /*return*/];
|
|
33680
|
+
});
|
|
33681
|
+
}); },
|
|
33682
|
+
},
|
|
33683
|
+
] },
|
|
33684
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33302
33685
|
React.createElement(Col, { xl: 7 },
|
|
33303
|
-
React.createElement(
|
|
33304
|
-
|
|
33305
|
-
|
|
33306
|
-
return
|
|
33307
|
-
|
|
33308
|
-
|
|
33309
|
-
|
|
33310
|
-
|
|
33311
|
-
|
|
33312
|
-
|
|
33313
|
-
|
|
33314
|
-
|
|
33315
|
-
|
|
33686
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
|
|
33687
|
+
React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
|
|
33688
|
+
{
|
|
33689
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33690
|
+
return __generator(this, function (_a) {
|
|
33691
|
+
if (value && value < 0) {
|
|
33692
|
+
throw new Error();
|
|
33693
|
+
}
|
|
33694
|
+
return [2 /*return*/];
|
|
33695
|
+
});
|
|
33696
|
+
}); },
|
|
33697
|
+
},
|
|
33698
|
+
] },
|
|
33699
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33316
33700
|
React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
|
|
33317
33701
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33318
33702
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33319
33703
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33320
33704
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33321
33705
|
React.createElement(Col, { xl: 7 },
|
|
33322
|
-
React.createElement(
|
|
33323
|
-
|
|
33324
|
-
|
|
33325
|
-
return
|
|
33326
|
-
|
|
33327
|
-
|
|
33328
|
-
|
|
33329
|
-
|
|
33330
|
-
|
|
33331
|
-
|
|
33332
|
-
|
|
33333
|
-
|
|
33334
|
-
|
|
33706
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
|
|
33707
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
|
|
33708
|
+
{
|
|
33709
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33710
|
+
return __generator(this, function (_a) {
|
|
33711
|
+
if (value && value < 0) {
|
|
33712
|
+
throw new Error();
|
|
33713
|
+
}
|
|
33714
|
+
return [2 /*return*/];
|
|
33715
|
+
});
|
|
33716
|
+
}); },
|
|
33717
|
+
},
|
|
33718
|
+
] },
|
|
33719
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33335
33720
|
React.createElement(Col, { xl: 7 },
|
|
33336
|
-
React.createElement(
|
|
33337
|
-
|
|
33338
|
-
|
|
33339
|
-
return
|
|
33340
|
-
|
|
33341
|
-
|
|
33342
|
-
|
|
33343
|
-
|
|
33344
|
-
|
|
33345
|
-
|
|
33346
|
-
|
|
33347
|
-
|
|
33348
|
-
|
|
33721
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
|
|
33722
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
|
|
33723
|
+
{
|
|
33724
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33725
|
+
return __generator(this, function (_a) {
|
|
33726
|
+
if (value && value < 0) {
|
|
33727
|
+
throw new Error();
|
|
33728
|
+
}
|
|
33729
|
+
return [2 /*return*/];
|
|
33730
|
+
});
|
|
33731
|
+
}); },
|
|
33732
|
+
},
|
|
33733
|
+
] },
|
|
33734
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
|
|
33349
33735
|
React.createElement(Col, { xl: 7 },
|
|
33350
|
-
React.createElement(
|
|
33351
|
-
|
|
33352
|
-
|
|
33353
|
-
return
|
|
33354
|
-
|
|
33355
|
-
|
|
33356
|
-
|
|
33357
|
-
|
|
33358
|
-
|
|
33359
|
-
|
|
33360
|
-
|
|
33361
|
-
|
|
33362
|
-
|
|
33736
|
+
React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
|
|
33737
|
+
React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
|
|
33738
|
+
{
|
|
33739
|
+
validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
|
|
33740
|
+
return __generator(this, function (_a) {
|
|
33741
|
+
if (value && value < 0) {
|
|
33742
|
+
throw new Error();
|
|
33743
|
+
}
|
|
33744
|
+
return [2 /*return*/];
|
|
33745
|
+
});
|
|
33746
|
+
}); },
|
|
33747
|
+
},
|
|
33748
|
+
] },
|
|
33749
|
+
React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
|
|
33363
33750
|
(((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
|
|
33364
33751
|
&& ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
|
|
33365
33752
|
(React.createElement("div", { className: "steps-actions" },
|
|
@@ -33368,7 +33755,7 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33368
33755
|
React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
|
|
33369
33756
|
React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
|
|
33370
33757
|
data.map(function (tabData) {
|
|
33371
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33758
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
|
33372
33759
|
return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
|
|
33373
33760
|
tabData.year,
|
|
33374
33761
|
tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
|
|
@@ -33401,11 +33788,14 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33401
33788
|
React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
|
|
33402
33789
|
React.createElement(Row, { gutter: 16 },
|
|
33403
33790
|
React.createElement(Col, { xl: 7 },
|
|
33404
|
-
React.createElement(
|
|
33791
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
|
|
33792
|
+
React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
|
|
33405
33793
|
React.createElement(Col, { xl: 7 },
|
|
33406
|
-
React.createElement(
|
|
33794
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
|
|
33795
|
+
React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
|
|
33407
33796
|
React.createElement(Col, { xl: 7 },
|
|
33408
|
-
React.createElement(
|
|
33797
|
+
React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
|
|
33798
|
+
React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
|
|
33409
33799
|
React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
|
|
33410
33800
|
var isActive = _a.isActive;
|
|
33411
33801
|
return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
|
|
@@ -33458,41 +33848,65 @@ var GHGProjectionsComponent = function (props) {
|
|
|
33458
33848
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33459
33849
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
|
|
33460
33850
|
React.createElement(Col, { xl: 7 },
|
|
33461
|
-
React.createElement(
|
|
33851
|
+
React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
|
|
33462
33852
|
? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
|
|
33463
|
-
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau
|
|
33853
|
+
: (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
|
|
33854
|
+
React.createElement("div", null,
|
|
33855
|
+
React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
|
|
33856
|
+
? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
|
|
33857
|
+
: (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
|
|
33464
33858
|
React.createElement(Col, { xl: 7 },
|
|
33465
|
-
React.createElement(
|
|
33466
|
-
? addCommSep(Number((
|
|
33467
|
-
: (
|
|
33859
|
+
React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
|
|
33860
|
+
? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
|
|
33861
|
+
: (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
|
|
33862
|
+
React.createElement("div", null,
|
|
33863
|
+
React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
|
|
33864
|
+
? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
|
|
33865
|
+
: (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
|
|
33468
33866
|
React.createElement(Col, { xl: 7 },
|
|
33469
|
-
React.createElement(
|
|
33470
|
-
? addCommSep(Number((
|
|
33471
|
-
: (
|
|
33867
|
+
React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
|
|
33868
|
+
? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
|
|
33869
|
+
: (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
|
|
33870
|
+
React.createElement("div", null,
|
|
33871
|
+
React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
|
|
33872
|
+
? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
|
|
33873
|
+
: (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
|
|
33472
33874
|
(!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
|
|
33473
33875
|
React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
|
|
33474
33876
|
React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
|
|
33475
33877
|
React.createElement(Col, { xl: 9, md: 9 },
|
|
33476
33878
|
React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
|
|
33477
33879
|
React.createElement(Col, { xl: 7 },
|
|
33478
|
-
React.createElement(
|
|
33479
|
-
? addCommSep(Number((
|
|
33480
|
-
: (
|
|
33880
|
+
React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
|
|
33881
|
+
? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
|
|
33882
|
+
: (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
|
|
33883
|
+
React.createElement("div", null,
|
|
33884
|
+
React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
|
|
33885
|
+
? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
|
|
33886
|
+
: (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
|
|
33481
33887
|
React.createElement(Col, { xl: 7 },
|
|
33482
|
-
React.createElement(
|
|
33483
|
-
? addCommSep(Number((
|
|
33484
|
-
: (
|
|
33888
|
+
React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
|
|
33889
|
+
? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
|
|
33890
|
+
: (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
|
|
33891
|
+
React.createElement("div", null,
|
|
33892
|
+
React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
|
|
33893
|
+
? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
|
|
33894
|
+
: (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
|
|
33485
33895
|
React.createElement(Col, { xl: 7 },
|
|
33486
|
-
React.createElement(
|
|
33487
|
-
? addCommSep(Number((
|
|
33488
|
-
: (
|
|
33489
|
-
|
|
33896
|
+
React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
|
|
33897
|
+
? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
|
|
33898
|
+
: (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
|
|
33899
|
+
React.createElement("div", null,
|
|
33900
|
+
React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
|
|
33901
|
+
? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
|
|
33902
|
+
: (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
|
|
33903
|
+
}))))),
|
|
33490
33904
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33491
33905
|
React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
|
|
33492
33906
|
React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
|
|
33493
33907
|
};
|
|
33494
33908
|
|
|
33495
|
-
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33909
|
+
var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
|
|
33496
33910
|
styleInject(css_248z);
|
|
33497
33911
|
|
|
33498
33912
|
var BarChartEstimatedActualStatComponent = function (props) {
|
|
@@ -33673,7 +34087,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33673
34087
|
position: 'bottom',
|
|
33674
34088
|
horizontalAlign: 'center',
|
|
33675
34089
|
floating: false,
|
|
33676
|
-
fontSize: '
|
|
34090
|
+
fontSize: '14px',
|
|
33677
34091
|
fontFamily: 'Inter',
|
|
33678
34092
|
fontWeight: 400,
|
|
33679
34093
|
formatter: undefined,
|
|
@@ -33689,12 +34103,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
|
|
|
33689
34103
|
useSeriesColors: false,
|
|
33690
34104
|
},
|
|
33691
34105
|
markers: {
|
|
33692
|
-
width:
|
|
33693
|
-
height:
|
|
34106
|
+
width: 12,
|
|
34107
|
+
height: 12,
|
|
33694
34108
|
strokeWidth: 0,
|
|
33695
34109
|
strokeColor: '#fff',
|
|
33696
34110
|
fillColors: chartColors,
|
|
33697
|
-
radius:
|
|
34111
|
+
radius: 12,
|
|
33698
34112
|
customHTML: undefined,
|
|
33699
34113
|
onClick: undefined,
|
|
33700
34114
|
offsetX: 0,
|
|
@@ -33894,7 +34308,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33894
34308
|
],
|
|
33895
34309
|
xaxis: {
|
|
33896
34310
|
title: {
|
|
33897
|
-
text: '',
|
|
34311
|
+
text: 'Year',
|
|
33898
34312
|
style: {
|
|
33899
34313
|
color: '#263238',
|
|
33900
34314
|
fontSize: '12px',
|
|
@@ -33979,12 +34393,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
33979
34393
|
useSeriesColors: false,
|
|
33980
34394
|
},
|
|
33981
34395
|
markers: {
|
|
33982
|
-
width: [
|
|
33983
|
-
height: [
|
|
34396
|
+
width: [12, 12, 12, 33],
|
|
34397
|
+
height: [12, 12, 12, 2],
|
|
33984
34398
|
strokeWidth: 0,
|
|
33985
34399
|
strokeColor: '#fff',
|
|
33986
34400
|
fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
|
|
33987
|
-
radius:
|
|
34401
|
+
radius: 12,
|
|
33988
34402
|
customHTML: undefined,
|
|
33989
34403
|
onClick: undefined,
|
|
33990
34404
|
offsetX: 0,
|
|
@@ -34006,7 +34420,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
|
|
|
34006
34420
|
|
|
34007
34421
|
var RangePicker = DatePicker.RangePicker;
|
|
34008
34422
|
var GHGDashboardComponent = function (props) {
|
|
34009
|
-
var t = props.t, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
|
|
34423
|
+
var t = props.t, useUserContext = props.useUserContext, useConnection = props.useConnection, Chart = props.Chart, ButtonGroup = props.ButtonGroup, Link = props.Link, isMultipleDashboardsVisible = props.isMultipleDashboardsVisible;
|
|
34010
34424
|
var _a = useConnection(); _a.get; var post = _a.post; _a.delete;
|
|
34011
34425
|
var userInfoState = useUserContext().userInfoState;
|
|
34012
34426
|
var _b = useState(moment().year()), endYear = _b[0], setEndYear = _b[1];
|
|
@@ -34024,7 +34438,6 @@ var GHGDashboardComponent = function (props) {
|
|
|
34024
34438
|
[GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
|
|
34025
34439
|
[GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
|
|
34026
34440
|
];
|
|
34027
|
-
var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
|
|
34028
34441
|
var handleResize = function () {
|
|
34029
34442
|
setScreenWidth(window.innerWidth);
|
|
34030
34443
|
};
|
|
@@ -34169,7 +34582,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34169
34582
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
|
|
34170
34583
|
configs: {
|
|
34171
34584
|
title: t('emissionsBySectorTitle'),
|
|
34172
|
-
tooltip: t('emissionsBySectorTT'
|
|
34585
|
+
tooltip: t('emissionsBySectorTT'),
|
|
34173
34586
|
colors: colors,
|
|
34174
34587
|
chartColumnWidth: 12,
|
|
34175
34588
|
chartWidth: 490,
|
|
@@ -34184,7 +34597,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34184
34597
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
|
|
34185
34598
|
configs: {
|
|
34186
34599
|
title: t('emissionsByGasTitle'),
|
|
34187
|
-
tooltip: t('emissionsByGasTT'
|
|
34600
|
+
tooltip: t('emissionsByGasTT'),
|
|
34188
34601
|
colors: colors,
|
|
34189
34602
|
chartColumnWidth: 12,
|
|
34190
34603
|
chartWidth: 490,
|
|
@@ -34198,7 +34611,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34198
34611
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
|
|
34199
34612
|
configs: {
|
|
34200
34613
|
title: t('emissionsMitigationPotentialBySectorTitle'),
|
|
34201
|
-
tooltip: t('emissionsMitigationPotentialBySectorTT'
|
|
34614
|
+
tooltip: t('emissionsMitigationPotentialBySectorTT'),
|
|
34202
34615
|
colors: colors,
|
|
34203
34616
|
chartColumnWidth: 24,
|
|
34204
34617
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34212,7 +34625,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34212
34625
|
aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
|
|
34213
34626
|
configs: {
|
|
34214
34627
|
title: t('emissionsReductionPercentageBySectorTitle'),
|
|
34215
|
-
tooltip: t('emissionsReductionPercentageBySectorTT'
|
|
34628
|
+
tooltip: t('emissionsReductionPercentageBySectorTT'),
|
|
34216
34629
|
colors: colors,
|
|
34217
34630
|
chartColumnWidth: 24,
|
|
34218
34631
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34226,7 +34639,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34226
34639
|
aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
|
|
34227
34640
|
configs: {
|
|
34228
34641
|
title: t('emissionsComparisonTitle'),
|
|
34229
|
-
tooltip: t('emissionsComparisonTT'
|
|
34642
|
+
tooltip: t('emissionsComparisonTT'),
|
|
34230
34643
|
colors: colorsComparison,
|
|
34231
34644
|
chartColumnWidth: 24,
|
|
34232
34645
|
chartWidth: screenWidth * 0.72,
|
|
@@ -34370,7 +34783,7 @@ var GHGDashboardComponent = function (props) {
|
|
|
34370
34783
|
React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
|
|
34371
34784
|
}
|
|
34372
34785
|
};
|
|
34373
|
-
return (React.createElement("div", { className: "dashboard-main-container" },
|
|
34786
|
+
return (React.createElement("div", { className: "ghg-dashboard-main-container" },
|
|
34374
34787
|
isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
|
|
34375
34788
|
React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
|
|
34376
34789
|
React.createElement(Link, { to: "/dashboard" },
|
|
@@ -34386,5 +34799,5 @@ var GHGDashboardComponent = function (props) {
|
|
|
34386
34799
|
React.createElement(Row, { gutter: [40, 40], className: "statics-card-row" }, row.map(function (item, j) { return getWidgetJSX(item); })))); }))));
|
|
34387
34800
|
};
|
|
34388
34801
|
|
|
34389
|
-
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType,
|
|
34802
|
+
export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, Emission, EmissionGas, EmissionSector, EmissionSubSectors, EnergyGenerationUnits, FormElementType, GHGDashboardComponent, GHGEmissionsComponent, GHGProjectionsComponent, GhgStatCardTypes, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, Projection, ProjectionTypes$1 as ProjectionTypes, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound$1 as addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal$1 as getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList };
|
|
34390
34803
|
//# sourceMappingURL=index.js.map
|