\r\n \r\n handleClick()}\r\n className=\"bx--header__name\"\r\n >\r\n
\r\n {batchActions != null || showButtonHistory ? (\r\n {linkText || ''}
\r\n \r\n\r\n \r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n {titleLeft || ''}
\r\n{titleCenter || ''}
\r\n\r\n {Array.isArray(titleRight) ? (\r\n <>\r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n}\r\nexport function StatusTag(props) {\r\n const value = props.value;\r\n if (!value) return null;\r\n\r\n switch (value.toLowerCase()) {\r\n case '1':\r\n case 'draft':\r\n case 'opened':\r\n case 'assigned':\r\n case 'insert':\r\n return (\r\n \r\n {Array.isArray(titleRight) ? (\r\n <>\r\n
\r\n\r\n \r\n \r\n <>\r\n {batchActions && (\r\n {batchActions} \r\n )}\r\n {showButtonHistory}\r\n \r\n \r\n
\r\n \r\n
\r\n {props.labelText || \"No Result Found\"}
\r\n\r\n
\r\n );\r\n }\r\n handleChangeDPInput = (value) => {\r\n if (value == null || value.target == null || value.target.value == null) {\r\n this.updateState('dueDate', null, 'searchModel');\r\n return;\r\n }\r\n try {\r\n var date = value.target.value;\r\n var s = date.split('/');\r\n if (s.length < 3) return;\r\n\r\n var dd = s[0];\r\n var mm = s[1];\r\n var yy = s[2];\r\n if (dd.length < 2 || mm.length < 2 || yy.length < 4) return;\r\n\r\n date = `${yy}-${mm}-${dd}`;\r\n\r\n this.updateState('dueDate', date, 'searchModel');\r\n return;\r\n } catch {\r\n return null;\r\n }\r\n };\r\n handleChangeDP = (value) => {\r\n if (value == null || value[0] == null) {\r\n this.updateState('dueDate', null, 'searchModel');\r\n return;\r\n }\r\n\r\n var date = value[0];\r\n var date2 = value[0];\r\n if (typeof date === 'object') {\r\n date2 = moment(date2).format('YYYY-MM-DD');\r\n }\r\n\r\n this.updateState('dueDate', date2, 'searchModel');\r\n return;\r\n };\r\n handleChangeDPInput2 = (value) => {\r\n if (value == null || value.target == null || value.target.value == null) {\r\n this.updateState('dueDateFrom', null, 'searchModel');\r\n return;\r\n }\r\n try {\r\n var date = value.target.value;\r\n var s = date.split('/');\r\n if (s.length < 3) return;\r\n\r\n var dd = s[0];\r\n var mm = s[1];\r\n var yy = s[2];\r\n if (dd.length < 2 || mm.length < 2 || yy.length < 4) return;\r\n\r\n date = `${yy}-${mm}-${dd}`;\r\n\r\n this.updateState('dueDateFrom', date, 'searchModel');\r\n return;\r\n } catch {\r\n return null;\r\n }\r\n };\r\n handleChangeDP2 = (value) => {\r\n if (value == null || value[0] == null) {\r\n this.updateState('dueDateFrom', null, 'searchModel');\r\n return;\r\n }\r\n\r\n var date = value[0];\r\n var date2 = value[0];\r\n if (typeof date === 'object') {\r\n date2 = moment(date2).format('YYYY-MM-DD');\r\n }\r\n\r\n this.updateState('dueDateFrom', date2, 'searchModel');\r\n return;\r\n };\r\n handleChangePaging = (event) => {\r\n this.getTaskList(event);\r\n };\r\n\r\n renderSearchform() {\r\n const selectedItemCombo = {\r\n status: (this.state.status || []).find((el) => el == this.state.taskModel.status),\r\n };\r\n const filterItems = {\r\n status: null,\r\n };\r\n\r\n if (this.state.searchModel != null) {\r\n var diffduedate =\r\n (!this.state.searchModel.dueDate && !this.state.searchModel.dueDateFrom) ||\r\n moment(this.state.searchModel.dueDate).isSameOrAfter(\r\n moment(this.state.searchModel.dueDateFrom),\r\n 'day'\r\n );\r\n } else {\r\n var diffduedate = true;\r\n }\r\n\r\n const validations = {\r\n //immediateActions: this.validator.message('Immediate Actions', this.state.hocCardModel.immediateActions, 'required'),\r\n dueDate: this.validator.message('Due Date', diffduedate, 'accepted'),\r\n };\r\n return (\r\n this.state.isOpenSearchForm && (\r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n Download xls\r\n
\r\n \r\n
\r\n \r\n Print Pending task\r\n
\r\n \r\n \r\n
\r\n )\r\n );\r\n }\r\n taskCompleted = (id) => {\r\n let entity = this.state.itemList.find((el) => el.id == id);\r\n if (entity != null && entity.status != 'Completed') {\r\n return (\r\n \r\n {' '}\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n {/* \r\n\r\n {this.state.stateDivDownload ? this.divDownload() : ''}\r\n {this.renderSearchform()}\r\n\r\n (\r\n \r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n );\r\n }\r\n render() {\r\n // const paginationProps = () => ({\r\n // page: this.state.currentPage || 1,\r\n // totalItems: this.state.rowCount || 0,\r\n // pageSize: this.state.pageSize || 10,\r\n // pageSizes: [10, 20, 30, 40, 50],\r\n // onChange: this.handleChangePaging,\r\n // });\r\n // const skeletonRowCount = (this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount) ? this.state.rowCount : this.state.pageSize;\r\n const headersDataTable = [\r\n { key: 'category', header: 'Category' },\r\n { key: 'module', header: 'Module' },\r\n { key: 'content', header: 'Content' },\r\n { key: 'status', header: 'Status', type: 'status' },\r\n { key: 'assignedDate', header: 'Assigned Date', type: 'date' },\r\n { key: 'dueDate', header: 'DueDate', type: 'date' },\r\n ];\r\n const headersDataTable2 = [\r\n { key: 'module', header: 'Module' },\r\n { key: 'content', header: 'Content' },\r\n { key: 'status', header: 'Status', type: 'status' },\r\n { key: 'assignedDate', header: 'Assigned Date', type: 'date' },\r\n { key: 'dueDate', header: 'DueDate', type: 'date' },\r\n ];\r\n // function getTaskColor(cell) {\r\n\r\n // if (cell == null || cell.info == null || cell.value == null) return \"\";\r\n\r\n // if (cell.info.header == 'category' && cell.value == TaskCategory.CATEGORY_APPROVAL) return \"approval\";\r\n // if (cell.info.header == 'category' && cell.value == TaskCategory.CATEGORY_COMPILATION) return \"compilation\";\r\n // // if (cell.info.header == 'action') return \"\";\r\n\r\n // return \"\";\r\n // }\r\n // const row =this.state.itemList ||[];\r\n // function linkToEntity(id) {\r\n\r\n // let entity = row.find(el=>el.id==id);\r\n //\r\n // if (entity != null && entity.reference != null) {\r\n // return (\r\n // \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n {this.confirmAlertCustom()}\r\n {this.state.isRecursive && (\r\n \r\n this.backToPrevParent()}\r\n >\r\n this.backToFirstParent()}>\r\n \r\n\r\n {this.state.parentHistory &&\r\n this.state.parentHistory.map((item, index) => (\r\n \r\n {'level ' + index + ' - ' + (item.code || item.name)}\r\n \r\n ))}\r\n \r\n {'level ' + this.state.parentHistory.length}\r\n \r\n \r\n )}\r\n (\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n this.downloadFile()}\r\n className=\"btn-notext\"\r\n iconDescription=\" \"\r\n renderIcon={Download16}\r\n >\r\n {!this.state.isExportLoading ? '' : \r\n \r\n {!this.state.isReadOnly &&\r\n (this.state.isLoadingSchema ? (\r\n \r\n \r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n {this.crudModal()}\r\n {this.renderAlertModal()}\r\n Error for JSCrud props.headers is required
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport Autocomplete from 'react-autocomplete';\r\n\r\nexport default class AutocompleteInput extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n{nameItem}
\r\n {props.children}\r\n\r\n
\r\n\r\n );\r\n }\r\n}","/* eslint-disable react/jsx-props-no-spreading */\r\n/* eslint-disable react/forbid-prop-types */\r\n/* eslint-disable react/require-default-props */\r\n// eslint-disable-next-line max-classes-per-file\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button } from 'carbon-components-react';\r\nimport { api } from '../../helpers/api/api';\r\nimport propTypes from 'prop-types';\r\n\r\nconst download = (blob, fileName) => {\r\n if (navigator.msSaveBlob) {\r\n // IE 10+\r\n navigator.msSaveBlob(blob, fileName);\r\n } else {\r\n const link = document.createElement('a');\r\n // Browsers that support HTML5 download attribute\r\n if (link.download !== undefined) {\r\n const url = URL.createObjectURL(blob);\r\n link.setAttribute('href', url);\r\n link.setAttribute('download', fileName);\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n};\r\n\r\nexport default class FileDownLoadButton extends Component {\r\n constructor(props) {\r\n super(props);\r\n // bind event handlers\r\n this.downloadFile = this.downloadFile.bind(this);\r\n }\r\n\r\n downloadFile = async () => {\r\n try {\r\n this.props.onDownLoadStart();\r\n const file = this.props.method === 'post' && this.props.postBody !== null ? (await api.postBlob(this.props.apiUrl, this.props.postBody)).data : (await api.getBlob(this.props.apiUrl)).data;\r\n return download(file, this.props.fileName);\r\n } catch (error) {\r\n console.error(error);\r\n return this.props.onError(error);\r\n } finally {\r\n this.props.onDownLoadEnd();\r\n }\r\n };\r\n\r\n startDownLoad = async (url, name) => {\r\n const file = (await api.getBlob(url)).data;\r\n return download(file, name);\r\n };\r\n\r\n render() {\r\n const { ...buttonProps } = this.props;\r\n delete buttonProps.fileName;\r\n delete buttonProps.apiUrl;\r\n delete buttonProps.method;\r\n delete buttonProps.postBody;\r\n delete buttonProps.onDownLoadStart;\r\n delete buttonProps.onDownLoadEnd;\r\n delete buttonProps.onError;\r\n return ;\r\n }\r\n}\r\n\r\nFileDownLoadButton.propTypes = {\r\n apiUrl: PropTypes.string.isRequired,\r\n fileName: PropTypes.string.isRequired,\r\n method: propTypes.string,\r\n postBody: propTypes.object,\r\n onDownLoadStart: PropTypes.func,\r\n onDownLoadEnd: PropTypes.func,\r\n onError: PropTypes.func,\r\n};\r\nFileDownLoadButton.defaultProps = {};\r\n","/* eslint-disable import/prefer-default-export */\r\nimport React, { Component } from 'react';\r\nimport {\r\n Search,\r\n DataTable,\r\n Footer,\r\n TextInput,\r\n Select,\r\n SelectItem,\r\n ContentSwitcher,\r\n Switch,\r\n ButtonSkeleton,\r\n Toggle,\r\n Tabs,\r\n Tab,\r\n SkeletonPlaceholder,\r\n Loading,\r\n DataTableSkeleton,\r\n TableContainer,\r\n Pagination,\r\n Form,\r\n Checkbox,\r\n DatePicker,\r\n DatePickerInput,\r\n FormLabel,\r\n FormGroup,\r\n ModalWrapper,\r\n TableHead,\r\n Table,\r\n TableExpandRow,\r\n TableExpandedRow,\r\n Accordion,\r\n AccordionItem,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n TableHeader,\r\n TableToolbarAction,\r\n TableToolbar,\r\n TableToolbarContent,\r\n TableToolbarMenu,\r\n Button,\r\n SkeletonText,\r\n} from 'carbon-components-react';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport View16 from '@carbon/icons-react/lib/view/16'; /* RITM0587358 */\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Chevrondown16 from '@carbon/icons-react/lib/chevron--down/16';\r\nimport { CheckmarkOutline16, CheckmarkFilled20, Download16 } from '@carbon/icons-react/lib/';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport Data16 from '@carbon/icons-react/lib/data--1/16';\r\nimport moment from 'moment';\r\nimport { api, dynamic, me } from '../../helpers/api/api';\r\nimport AutocompleteInput from '../common/AutocompleteInput';\r\nimport {\r\n RenderDataTableCell,\r\n NoRecordsPlaceholder,\r\n} from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getSuccess,\r\n getError,\r\n ENUM_RoleEntity,\r\n ENUM_RoleCode,\r\n entitiesLabels,\r\n apioperation,\r\n DateFormat,\r\n} from '../../helpers/Constants';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport { ConfirmAlertCustom } from '../../helpers/ConfirmAlertCustom';\r\nimport { DualListWidget } from '../../helpers/DualList';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\nimport { Online } from '../common/OnLineOffLine';\r\nimport FileDownLoadButton from '../common/FileDownloadButton';\r\n\r\nconst baseUrl = '/users/';\r\nconst user = {\r\n id: undefined,\r\n email: '',\r\n name: '',\r\n name: '',\r\n validUntil: '9999-12-31',\r\n surname: '',\r\n enabled: false,\r\n userAppModules: [],\r\n userRoles: [],\r\n};\r\n\r\nexport class ListUsers extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n let amUser = props ? props.match.path.includes('listusersamgroup') : false; /* RITM0587358 */\r\n\r\n this.toggleSearchForm = this.toggleSearchForm.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n this.handleClickCancelSearch = this.handleClickCancelSearch.bind(this);\r\n this.onChangeAutocomplete = this.onChangeAutocomplete.bind(this);\r\n this.onSelectAutocomplete = this.onSelectAutocomplete.bind(this);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n itemList: [],\r\n appModuleList: [],\r\n appRoleList: [],\r\n appDivision: [],\r\n appMeDivision: [],\r\n appWorksites: [],\r\n idUserEdit: null,\r\n idToDelete: null,\r\n userModel: {\r\n ...user,\r\n // id: undefined,\r\n // email: '',\r\n // name: '',\r\n // surname: '',\r\n // enabled: false,\r\n // validUntil: null,\r\n // userAppModules: [], //[{IdAppModule:\"guid\", IdUser:\"guid\"},{},{}....]\r\n },\r\n currentPage: 1,\r\n pageSize: 10,\r\n rowCount: 0,\r\n search: {\r\n email: '',\r\n fullName: '',\r\n enabled: null,\r\n },\r\n isOpenSearchForm: false,\r\n isLoadingList: true,\r\n isLoadingModules: true,\r\n isLoadingRoles: true,\r\n isLoadingDivision: null,\r\n isLoadingWorkSite: null,\r\n isLoadingUserData: false,\r\n isSubmitted: false,\r\n isEditModal: false,\r\n isOpenInsertModal: false,\r\n isOpenDeleteModal: false,\r\n isDeleting: false,\r\n selectedSwitchIndex: null,\r\n selectedRoleEntity: [],\r\n autocompleteEmail: '',\r\n autocompleteUsers: [],\r\n autocompleteLoadingUsers: false,\r\n amUser: amUser /* RITM0587358 */\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getUsersList();\r\n this.getAppModule();\r\n this.getRoles();\r\n this.getUserDivision();\r\n this.setState({ isNowEntered: true });\r\n // this.getWorkSite();\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n /** ***********API******************* */\r\n getUsersList(param) {\r\n this.setState({ isLoadingList: true });\r\n\r\n const data = {\r\n params: {\r\n page: param && param.page ? param.page : this.state.currentPage,\r\n pageSize: param && param.pageSize ? param.pageSize : this.state.pageSize,\r\n Email: this.state.search.email,\r\n FullName: this.state.search.fullName,\r\n Enabled: this.state.search.enabled,\r\n },\r\n };\r\n\r\n api\r\n .getWithParam(baseUrl, data)\r\n .then((response) => {\r\n this.setState({\r\n ...response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.USER, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingList: false,\r\n });\r\n });\r\n }\r\n\r\n getAppModule() {\r\n this.setState({ isLoadingModules: true });\r\n\r\n api\r\n .getAll(`${baseUrl}modules`)\r\n .then((response) => {\r\n const { data } = response;\r\n this.setState({\r\n appModuleList: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.APPMODULE, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingModules: false,\r\n });\r\n });\r\n }\r\n\r\n getRoles() {\r\n this.setState({ isLoadingRoles: true });\r\n\r\n api\r\n .getAll(`${baseUrl}roles`)\r\n .then((response) => {\r\n const { data } = response;\r\n this.setState({\r\n appRoleList: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.ROLE, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n isLoadingRoles: false,\r\n },\r\n () => {\r\n this.getSelectedEntityRoles();\r\n }\r\n );\r\n });\r\n }\r\n\r\n getUserDivision = () => {\r\n this.setState({ isLoadingMeDivision: true });\r\n me.getAll('divisions')\r\n .then((response) => {\r\n let { data } = response;\r\n\r\n data =\r\n data != null ? data.map((item) => ({ value: item.id, label: getLabelName(item) })) : [];\r\n this.setState({\r\n appMeDivision: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.DIVISION, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingMeDivision: false,\r\n });\r\n });\r\n };\r\n\r\n getDivision() {\r\n this.setState({ isLoadingDivision: true });\r\n\r\n api\r\n .getAll('/division')\r\n .then((response) => {\r\n let { data } = response;\r\n\r\n data =\r\n data != null ? data.map((item) => ({ value: item.id, label: getLabelName(item) })) : [];\r\n this.setState({\r\n appDivision: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.DIVISION, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingDivision: false,\r\n });\r\n });\r\n }\r\n\r\n // Accepts the array and key\r\n groupBy = (array, key) =>\r\n // Return the end result\r\n array.reduce((result, currentValue) => {\r\n // If an array already present for key, push it to the array. Else create an array and push the object\r\n (result[currentValue[key]] = result[currentValue[key]] || []).push(currentValue);\r\n // Return the current iteration `result` value, this will be taken as next iteration `result` value and accumulate\r\n return result;\r\n }, {}); // empty object is the initial value for result object\r\n\r\n getWorkSite() {\r\n this.setState({ isLoadingWorkSite: true });\r\n\r\n api\r\n .getWithParam('/worksite', { params: { page: 0 } })\r\n .then((response) => {\r\n let data = response.data.itemList;\r\n\r\n data =\r\n data != null\r\n ? data.map((item) => ({\r\n value: item.id,\r\n label: getLabelName(item),\r\n division: item.division,\r\n }))\r\n : [];\r\n const obj = this.groupBy(data, 'division');\r\n\r\n const result = Object.keys(obj).map((key) => ({\r\n label: key.toString(),\r\n options: obj[key],\r\n }));\r\n\r\n this.setState({\r\n appWorksites: result,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.WORKSITE, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingWorkSite: false,\r\n });\r\n });\r\n }\r\n\r\n getUserForEdit(id) {\r\n this.setState({\r\n isEditModal: true,\r\n isLoadingUserData: true,\r\n isOpenInsertModal: true,\r\n isNowEntered: true,\r\n });\r\n\r\n api\r\n .get(baseUrl, id)\r\n .then((response) => {\r\n this.setState({\r\n idUserEdit: id,\r\n autocompleteEmail: response.data.email,\r\n userModel: response.data,\r\n isLoadingUserData: false,\r\n selectedSwitchIndex: null,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.USER, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n isLoadingUserData: false,\r\n },\r\n () => {\r\n this.getSelectedEntityRoles();\r\n }\r\n );\r\n });\r\n }\r\n\r\n downloadFile() {\r\n if (this.state.isExportLoading) return;\r\n\r\n this.setState({\r\n isExportLoading: true,\r\n });\r\n api\r\n .getWithParam(`${baseUrl}excel`, { responseType: 'arraybuffer' })\r\n .then((response) => {\r\n // fileDownload(new Blob([response.data]), 'report.xlsx');\r\n const data = new Blob([response.data], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n const csvURL = window.URL.createObjectURL(data);\r\n const tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n\r\n const nomefile = `${'Export_' + 'Users_'}${moment().format('YYYYMMDDHHmmSS')}.xlsx`;\r\n tempLink.setAttribute('download', nomefile);\r\n\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, 'Download File', apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isExportLoading: false,\r\n });\r\n });\r\n }\r\n /** ***********API******************* */\r\n\r\n /** ***********Form Ricerca******************* */\r\n toggleSearchForm(e) {\r\n e.preventDefault();\r\n this.setState((oldState) => ({ isOpenSearchForm: !oldState.isOpenSearchForm }));\r\n }\r\n\r\n handleChangeSearch = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n this.updateState(inputName, inputValue, 'search');\r\n };\r\n\r\n handleClickSearch = (e) => {\r\n e.preventDefault();\r\n this.getUsersList({ page: 1 });\r\n };\r\n\r\n handleClickCancelSearch = (e) => {\r\n e.preventDefault();\r\n this.setState(\r\n {\r\n search: {\r\n email: '',\r\n fullName: '',\r\n enabled: null,\r\n },\r\n },\r\n () => {\r\n this.getUsersList({ page: 1 });\r\n }\r\n );\r\n };\r\n\r\n handleChangePaging = (event) => {\r\n this.getUsersList(event);\r\n };\r\n\r\n /** ***********Form Ricerca******************* */\r\n\r\n /** ***********Form Utente******************* */\r\n handleChangeModel = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n this.updateState(inputName, inputValue, 'userModel');\r\n };\r\n\r\n handleChangeAppModule = (value, id) => {\r\n const oldUserAppModules = this.state.userModel.userAppModules || [];\r\n const element = oldUserAppModules.find((el) => el.idAppModule == id);\r\n\r\n if (value && element == null) {\r\n const newelement = { idAppModule: id, idUser: undefined };\r\n const newUserAppModules = oldUserAppModules.concat([newelement]);\r\n this.updateState('userAppModules', newUserAppModules, 'userModel');\r\n } else if (!value && element != null) {\r\n const newUserAppModules = oldUserAppModules.filter((el) => el.idAppModule !== id);\r\n this.updateState('userAppModules', newUserAppModules, 'userModel');\r\n }\r\n };\r\n\r\n clearInsertForm = () => {\r\n this.setState({\r\n userModel: { ...user },\r\n isSubmitted: false,\r\n selectedSwitchIndex: null,\r\n selectedRoleEntity: [],\r\n autocompleteEmail: '',\r\n });\r\n };\r\n\r\n handleSubmitInsert = () => {\r\n if (this.validator.allValid()) {\r\n const datiForm = this.state.userModel;\r\n datiForm.userRoles = this.setSelectedEntityRoles();\r\n this.setState({\r\n isSubmitted: true,\r\n });\r\n\r\n const id = this.state.idUserEdit;\r\n datiForm.id = this.state.isEditModal ? id : datiForm.id;\r\n const method = this.state.isEditModal\r\n ? api.put(baseUrl, datiForm, id)\r\n : api.post(baseUrl, datiForm);\r\n\r\n method\r\n .then((response) => {\r\n if (response.status == 200) {\r\n this.getUsersList();\r\n if (!this.state.isEditModal) {\r\n this.clearInsertForm();\r\n this.setState({\r\n isOpenInsertModal: false,\r\n });\r\n }\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n `${entitiesLabels.USER} ${getSuccess(\r\n datiForm.email,\r\n this.state.isEditModal ? apioperation.PUT : apioperation.POST\r\n )}`\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(\r\n error,\r\n entitiesLabels.USER,\r\n this.state.isEditModal ? apioperation.PUT : apioperation.POST\r\n )\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSubmitted: false,\r\n });\r\n });\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`Warning: ${entitiesLabels.USER} required fields are missing `);\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n confirmDelete = (id) => {\r\n this.setState({\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n deleteItem = () => {\r\n const id = this.state.idToDelete;\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n api\r\n .delete(baseUrl, id)\r\n .then((response) => {\r\n if (response.status == 200) {\r\n this.setState({\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n });\r\n this.onCloseConfirm();\r\n this.getUsersList();\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.USER, apioperation.DELETE)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.USER, apioperation.DELETE)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDeleting: false,\r\n });\r\n });\r\n };\r\n\r\n // getUsername = (id) => {\r\n // if (id == null) return '';\r\n // let element = this.state.itemList.find(el => el.id == id);\r\n // return element != null ? element.fullName : '';\r\n // }\r\n\r\n addNewUser() {\r\n this.clearInsertForm();\r\n this.setState({\r\n isEditModal: false,\r\n isOpenInsertModal: true,\r\n });\r\n }\r\n\r\n closeInsertForm() {\r\n this.setState({\r\n isOpenInsertModal: false,\r\n });\r\n }\r\n\r\n handleToggleCA = (value, id) => {\r\n // onchange toggle widget for CA/CAR\r\n this.handleChangeDualList(value ? [value] : [], id);\r\n };\r\n\r\n handleChangeRoleSwitch = (index, role) => {\r\n if (role.roleEntity == ENUM_RoleEntity.Worksites && this.state.isLoadingWorkSite == null) {\r\n this.getWorkSite();\r\n } else if (role.code == ENUM_RoleCode.Administrator && this.state.isLoadingDivision == null) {\r\n this.getDivision();\r\n } else if (\r\n role.code == ENUM_RoleCode.DivisionManager &&\r\n this.state.isLoadingMeDivision == null\r\n ) {\r\n this.getUserDivision();\r\n }\r\n this.setState({ selectedSwitchIndex: index });\r\n };\r\n\r\n handleChangeDualList = (selected, index) => {\r\n // let newSelectedRoleEntity = Object.assign({}, this.state.selectedRoleEntity);//modifica per singolo ruolo\r\n const newSelectedRoleEntity = {};\r\n newSelectedRoleEntity[index] = selected;\r\n\r\n this.setState({ selectedRoleEntity: newSelectedRoleEntity });\r\n };\r\n\r\n getSelectedEntityRoles() {\r\n if (!this.state.isLoadingRoles) {\r\n const appRoles = this.state.appRoleList;\r\n const idConsolidator = appRoles.findIndex((el) => el.name === 'Division Manager');\r\n if (idConsolidator >= 0) appRoles[idConsolidator].name = 'Consolidator';\r\n if (!appRoles) return;\r\n\r\n const userRoles = this.state.userModel.userRoles || [];\r\n let outResult = {};\r\n\r\n for (let index = 0; index < appRoles.length; index++) {\r\n const role = appRoles[index];\r\n const selected = userRoles.filter((el) => el.idRole == role.id);\r\n if (selected && selected.length) {\r\n // outResult = {}; // fix solo un ruolo assegnabile all'utente\r\n if (role.roleEntity == ENUM_RoleEntity.Worksites) {\r\n // Compiler o Data Approval\r\n outResult[role.id] = selected.map((item) => item.idWorksite);\r\n } else if (role.roleEntity == ENUM_RoleEntity.Division) {\r\n // Division Manager o Administrator\r\n outResult[role.id] = selected.map((item) => item.idDivision);\r\n } else if (role.roleEntity == ENUM_RoleEntity.None) {\r\n // CAR/CA/Compiler\r\n outResult[role.id] = selected && selected.length ? [true] : [];\r\n }\r\n }\r\n }\r\n\r\n this.setState({\r\n selectedRoleEntity: outResult,\r\n });\r\n } else {\r\n showNotification.warning('Roles not loaded.');\r\n }\r\n }\r\n\r\n setSelectedEntityRoles() {\r\n const { selectedRoleEntity } = this.state;\r\n if (!selectedRoleEntity) return null;\r\n\r\n const appRoles = this.state.appRoleList;\r\n if (!appRoles) return null;\r\n\r\n let newUserRoles = [];\r\n\r\n for (let index = 0; index < appRoles.length; index++) {\r\n const role = appRoles[index];\r\n const selectedEntity = selectedRoleEntity[role.id]; // array di: idDivision || idWorksite || true(caso CA/CAR)\r\n if (!selectedEntity || !selectedEntity.length) continue;\r\n\r\n if (role.roleEntity == ENUM_RoleEntity.Worksites) {\r\n // Compiler o Data Approval\r\n newUserRoles = newUserRoles.concat(\r\n selectedEntity.map((item) => ({ idRole: role.id, idWorksite: item }))\r\n );\r\n } else if (role.roleEntity == ENUM_RoleEntity.Division) {\r\n // Division Manager o Administrator\r\n newUserRoles = newUserRoles.concat(\r\n selectedEntity.map((item) => ({ idRole: role.id, idDivision: item }))\r\n );\r\n } else if (role.roleEntity == ENUM_RoleEntity.None) {\r\n // CAR/CA/Compiler\r\n newUserRoles = newUserRoles.concat([{ idRole: role.id }]);\r\n }\r\n }\r\n\r\n return newUserRoles;\r\n }\r\n\r\n onChangeAutocomplete(event, value) {\r\n const { userModel } = this.state;\r\n\r\n this.setState({\r\n isNowEntered: false,\r\n userModel: {\r\n email: value,\r\n name: userModel.name,\r\n surname: userModel.surname,\r\n },\r\n autocompleteEmail: value,\r\n autocompleteLoadingUsers: true,\r\n autocompleteUsers: [],\r\n });\r\n // console.log(this.state.userModel)\r\n api\r\n .getWithParam('users/ad', { params: { s: value } })\r\n .then((response) => {\r\n this.setState({ autocompleteUsers: response.data, autocompleteLoadingUsers: false });\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n this.setState({ autocompleteLoadingUsers: false });\r\n });\r\n }\r\n\r\n onSelectAutocomplete(value, item) {\r\n this.setState({\r\n autocompleteEmail: value,\r\n userModel: {\r\n email: value,\r\n name: item.givenName,\r\n surname: item.surname,\r\n },\r\n users: [],\r\n });\r\n }\r\n\r\n /** ***********Form Utente******************* */\r\n\r\n /** ***********Render******************* */\r\n showLoading() {\r\n const show = (this.state.isEditModal && this.state.isLoadingUserData) || this.state.isSubmitted;\r\n const descr = this.state.isSubmitted ? 'Saving...' : 'Loading data...';\r\n return show && \r\n
\r\n \r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n renderInsertForm() {\r\n const validations = {\r\n validUntil: this.validator.message('validUntil', this.state.userModel.validUntil, 'required'),\r\n email: this.validator.message('email', this.state.userModel.email, 'required|email'),\r\n surname: this.validator.message('surname', this.state.userModel.surname, 'required'),\r\n name: this.validator.message('name', this.state.userModel.name, 'required'),\r\n userRoles: this.validator.message('roles', this.setSelectedEntityRoles(), 'required'),\r\n userAppModules: this.validator.message(\r\n 'modules',\r\n this.state.userModel.userAppModules,\r\n 'required'\r\n ),\r\n };\r\n const _appModules = this.state.appModuleList || [];\r\n const _selectedAppModules = this.state.userModel.userAppModules || [];\r\n const isCheckedAppModules = (idAppModule) => {\r\n const element = _selectedAppModules.find((el) => el.idAppModule == idAppModule);\r\n return element != null;\r\n };\r\n return (\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n {!this.state.amUser && (\r\n \r\n this.closeInsertForm()}\r\n >\r\n Back\r\n \r\n
\r\n )}\r\n {this.state.amUser && ( /* RITM0587358 */\r\n \r\n this.closeInsertForm()}\r\n >\r\n Cancel\r\n \r\n this.handleSubmitInsert()}\r\n >\r\n Save\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n\r\n showDualList() {\r\n const division = this.state.appDivision;\r\n const medivision = this.state.appMeDivision;\r\n const worksites = this.state.appWorksites;\r\n const selectedRole = this.state.selectedRoleEntity || [];\r\n const selectedIndex = this.state.selectedSwitchIndex;\r\n const _appRoles = this.state.appRoleList || [];\r\n const role = selectedIndex != null ? _appRoles[selectedIndex] : null;\r\n const isCorporateAdmin = (this.state.appMeDivision || []).find(\r\n (el) => el.value.toUpperCase() == 'F50C9FB3-5B6B-4BCD-B97B-CFF130E28FC9'\r\n ); // CORPORATE\r\n\r\n const roleAdministrator = _appRoles.find((el) => el.code == ENUM_RoleCode.Administrator);\r\n // solo i Corporate Administrator possono modificare i ruoli degli altri Administrator o crearne di nuovi\r\n const canEditRoles =\r\n isCorporateAdmin != null ||\r\n (roleAdministrator != null &&\r\n (selectedRole[roleAdministrator.id] == null ||\r\n selectedRole[roleAdministrator.id].length == 0));\r\n\r\n const getRoleTab = () => {\r\n if (role == null) return null;\r\n\r\n if (role.roleEntity == ENUM_RoleEntity.Worksites) {\r\n if (this.state.isLoadingWorkSite)\r\n return \r\n
\r\n );\r\n\r\n {\r\n /* const division = this.state.appDivision; //this.state.appDivision || [];\r\n const worksites = this.state.appWorksites; //this.state.appWorksites || [];\r\n const selectedRole = this.state.selectedRoleEntity || [];\r\n\r\n return (\r\n \r\n {_appRoles.map((item, index) => (\r\n this.handleChangeRoleSwitch(index, item)}\r\n selected={this.state.amUser ? (selectedIndex === index) : null} \r\n //selected={selectedIndex === index }\r\n // disabled={ !this.state.amUser } /* RITM0587358 */\r\n \r\n >\r\n {selectedRole[item.id] && selectedRole[item.id].length ? ( \r\n
\r\n { role && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {getRoleTab()}
\r\n \r\n
\r\n ); */\r\n }\r\n }\r\n\r\n /** ***********Render******************* */\r\n render() {\r\n const headersDataTable = [\r\n { key: 'fullName', header: 'Full Name' },\r\n { key: 'email', header: 'Email' },\r\n ];\r\n\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n const confirmDelProps = () => ({\r\n idToDelete: this.state.idToDelete,\r\n isDeleting: this.state.isDeleting,\r\n open: this.state.isOpenDeleteModal, // open state\r\n onCloseConfirm: this.onCloseConfirm, // no click\r\n deleteItem: this.deleteItem, // yes click fn()\r\n });\r\n\r\n const skeletonRowCount =\r\n this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount\r\n ? this.state.rowCount\r\n : this.state.pageSize;\r\n\r\n return (\r\n <>\r\n {this.state.isOpenInsertModal ? (\r\n \r\n {\r\n _appRoles.map((item, index) => (\r\n this.handleChangeRoleSwitch(index)}\r\n selected={this.state.selectedSwitchIndex === index}>\r\n {selectedRole[item.id] && selectedRole[item.id].length ?
\r\n \r\n \r\n {\r\n _appRoles.map((item, index) => (\r\n \r\n {\r\n item.roleEntity == ENUM_RoleEntity.Worksites ?\r\n 0)} onToggle={this.handleToggleCA} />\r\n :\r\n null\r\n }\r\n \r\n ))\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, 'Download File', apioperation.GET)\r\n );\r\n }}\r\n onDownLoadStart={() => this.setState({ isExportLoading: true })}\r\n onDownLoadEnd={() => this.setState({ isExportLoading: false })}\r\n apiUrl={`${baseUrl}excel`}\r\n fileName={`${'Export_Users_'}${moment().format('YYYYMMDDHHmmSS')}.xlsx`}\r\n className=\"btn-notext\"\r\n iconDescription=\" \"\r\n renderIcon={Download16}\r\n >\r\n {!this.state.isExportLoading ? '' : \r\n {this.state.amUser && (\r\n this.state.isLoadingModules || this.state.isLoadingRoles ? (\r\n \r\n \r\n \r\n )\r\n )} \r\n \r\n {this.renderSearchform()}\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction SwitchCustom(props) {\r\n return (\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n renderInsertForm() {\r\n const validations = {\r\n code: this.validator.message('Code', this.state.worksiteModel.code, 'required'),\r\n name: this.validator.message('Name', this.state.worksiteModel.name, 'required'),\r\n // idDivision: this.validator.message(\r\n // 'Division',\r\n // this.state.worksiteModel.idDivision,\r\n // 'required'\r\n // ), //RITM0945977\r\n idDivision: this.validator.message(\r\n 'businessLine',\r\n this.state.worksiteModel.idDivision,\r\n 'required'\r\n ),\r\n idWorkSiteGroup: this.validator.message(\r\n 'WorksiteGroup',\r\n this.state.worksiteModel.idWorkSiteGroup,\r\n 'required'\r\n ),\r\n start: this.validator.message('StartDate', this.state.worksiteModel.start, 'required'),\r\n end: this.validator.message('EndDate', this.state.worksiteModel.end, 'required'),\r\n endAfterStart: this.validator.message(\r\n 'endAfterStart',\r\n this.state.worksiteModel.end == null ||\r\n this.state.worksiteModel.start == null ||\r\n moment(this.state.worksiteModel.end).isSameOrAfter(\r\n moment(this.state.worksiteModel.start),\r\n 'day'\r\n ),\r\n 'accepted'\r\n ),\r\n };\r\n\r\n return (\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderWorkSiteProjectForm() {\r\n const validations = {\r\n start: this.validatorWP.message('start', this.state.workSiteProjectModel.start, 'required'),\r\n end: this.validatorWP.message('end', this.state.workSiteProjectModel.end, 'required'),\r\n idProject: this.validatorWP.message(\r\n 'idProject',\r\n this.state.workSiteProjectModel.idProject,\r\n 'required'\r\n ),\r\n idCountry: this.validatorWP.message(\r\n 'idCountry',\r\n this.state.workSiteProjectModel.idCountry,\r\n 'required'\r\n ),\r\n idDivision: this.validatorWP.message(\r\n 'idDivision',\r\n this.state.workSiteProjectModel.idDivision,\r\n 'required'\r\n ),\r\n idSubDivision: this.validatorWP.message(\r\n 'idSubDivision',\r\n this.state.workSiteProjectModel.idSubDivision,\r\n 'required'\r\n ),\r\n idCompany: this.validatorWP.message(\r\n 'idCompany',\r\n this.state.workSiteProjectModel.idCompany,\r\n 'required'\r\n ),\r\n idActivity: this.validatorWP.message(\r\n 'idActivity',\r\n this.state.workSiteProjectModel.idActivity,\r\n 'required'\r\n ),\r\n endAfterStart: this.validatorWP.message(\r\n 'endAfterStart',\r\n this.state.workSiteProjectModel.end == null ||\r\n this.state.workSiteProjectModel.start == null ||\r\n moment(this.state.workSiteProjectModel.end).isSameOrAfter(\r\n moment(this.state.workSiteProjectModel.start),\r\n 'day'\r\n ),\r\n 'accepted'\r\n ),\r\n startLimit: this.validatorWP.message(\r\n 'startLimit',\r\n this.state.workSiteProjectModel.start == null ||\r\n (this.state.worksiteModel.start != null &&\r\n moment(this.state.workSiteProjectModel.start).isSameOrAfter(\r\n moment(this.state.worksiteModel.start),\r\n 'day'\r\n )),\r\n 'accepted'\r\n ),\r\n endLimit: this.validatorWP.message(\r\n 'endLimit',\r\n this.state.workSiteProjectModel.end == null ||\r\n (this.state.worksiteModel.end != null &&\r\n moment(this.state.workSiteProjectModel.end).isSameOrBefore(\r\n moment(this.state.worksiteModel.end),\r\n 'day'\r\n )),\r\n 'accepted'\r\n ),\r\n };\r\n\r\n const propsC = {\r\n modalHeader: () => ({\r\n title: (this.state.isEditModalWorkSitePrj ? 'Edit ' : 'Add new ') + 'WorkSite - Prj',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.toggleModal(false),\r\n }),\r\n };\r\n const consProj =\r\n this.state.workSiteProjectModel.idProject &&\r\n this.state.appProject.find((x) => x.value == this.state.workSiteProjectModel.idProject)\r\n ? this.state.appProject.find((x) => x.value == this.state.workSiteProjectModel.idProject)\r\n .consolidatedProject\r\n : '';\r\n const _appProject = this.state.isEditModalWorkSitePrj\r\n ? this.state.appProject\r\n : (this.state.appProject || []).filter((x) => x.inUse == true);\r\n const listSubDivision = this.state.appSubDivision.filter(\r\n (x) => x.idDivision == this.state.workSiteProjectModel.idDivision\r\n );\r\n const listActivity = this.state.appActivity.filter(\r\n (x) => x.idDivision == this.state.workSiteProjectModel.idDivision\r\n );\r\n return (\r\n {this.state.worksiteModel.name || ''}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n this.downloadFile()}\r\n className=\"btn-notext\"\r\n iconDescription=\" \"\r\n renderIcon={Download16}\r\n >\r\n {!this.state.isExportLoading ? '' : \r\n \r\n {this.renderSearchform()}\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import { STATUS as _STATUS } from \"../Constants\";\r\nimport { FindingSTATUS as _FindingSTATUS } from \"../Constants\";\r\n\r\nfunction hasUserProfile(User) {\r\n\tif (User != null && User.roles != null && (User.roles.includes(\"Data Approver\") || User.roles.includes(\"Division Manager\") || User.roles.includes(\"Compiler\") || User.roles.includes(\"Administrator\"))) {\r\n\t\treturn true;\r\n\t}\r\n\treturn false;\r\n}\r\n\r\nexport function IsInRole(User, Role) {\r\n\tif (User != null && User.roles != null && hasUserProfile(User)) {\r\n\t\tif (Role != null) return User.roles.includes(Role);\r\n\t\treturn true;\r\n\t}\r\n\treturn false;\r\n}\r\n\r\nexport function IsEnabled(User, Module) {\r\n\tif (User != null && User.modules != null && User.modules.length > 0) return User.modules.includes(Module);\r\n}\r\n\r\nexport function IsEditable(Module, Process, User, Status, SectionOrField, Resource) {\r\n\t// Resource è un oggetto, che deve contenere il campo richiesto dalla policy, da confrontare con l'idUser loggato(es. Resource.idCompiler == User.id)\r\n\t// console.log({ Module, Process, User, Status, SectionOrField, Resource });\r\n\tif (Status == null) return false;\r\n\tconst workflows = User.policies;\r\n\tconst { roles } = User;\r\n\r\n\tif (Resource?.email != null) {\r\n\t\t//RITM0547372;\r\n\t\troles.push(\"CAR Owner\");\r\n\t}\r\n\tconst workflow = workflows.find((p) => p.module == Module && p.process == Process);\r\n\tif (workflow != null) {\r\n\t\t// multi roles support\r\n\t\tfor (let i = 0; i < roles.length; i += 1) {\r\n\t\t\tconst policy = workflow.policies.find((p) => p.role == roles[i]);\r\n\t\t\tif (policy != null && policy.data != null) {\r\n\t\t\t\tconst data = policy.data.find((a) => a.sections.includes(SectionOrField) && (Process == 'FindingManagement' ? _FindingSTATUS[a.status] == Status : _STATUS[a.status] == Status));\r\n\t\t\t\tconst propertyName = policy.requireResource;\r\n\t\t\t\tif (propertyName) {\r\n\t\t\t\t\tif (Resource != null) {\r\n\t\t\t\t\t \tif (Process == 'FindingManagement') {\r\n\t\t\t\t\t\t\tif (Resource[propertyName] != null) {\r\n\t\t\t\t\t\t\t\tif (Array.isArray(Resource[propertyName])) {\r\n\t\t\t\t\t\t\t\t if (Resource[propertyName].find(el => User?.id === el ) || Resource[propertyName].find(el => el.toString().toLowerCase() == User.email.toLowerCase()) ) { \r\n\t\t\t\t\t\t\t\t\tif (data != null) return true;\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\telse { \r\n\t\t\t\t\t\t\t\t\tif (Resource[propertyName].toLowerCase() == User?.id?.toLowerCase() || Resource[propertyName].toLowerCase() == User.email.toLowerCase()) {\r\n\t\t\t\t\t\t\t\t\t\tif (data != null) return true;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tif (Resource[propertyName] != null && (Resource[propertyName].toLowerCase() == User?.id?.toLowerCase() || Resource[propertyName].toLowerCase() == User.email.toLowerCase())) { //RITM0710913\r\n\t\t\t\t\t\t\t\tif (data != null) return true;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else if (data != null) return true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\treturn false;\r\n}\r\nexport function CanExecuteAction(Module, Process, User, Status, ActionType, Resource, OptionalResource = null) {\r\n\t// console.log({ Module, Process, User, Status, ActionType, Resource });\r\n\tif (Status == \"\") {\r\n\t\tStatus = undefined;\r\n\t} // in creazione lo status è null\r\n\r\n\tconst workflows = User.policies;\r\n\tconst { roles } = User;\r\n\r\n\tconst workflow = workflows.find((p) => p.module == Module && p.process == Process);\r\n\tif (workflow != null) {\r\n\t\t// multi roles support\r\n\t\tfor (let i = 0; i < roles.length; i += 1) {\r\n\t\t\tconst policy = workflow.policies.find((p) => p.role == roles[i]);\r\n\t\t\tif (policy != null) {\r\n\t\t\t\tconst action = policy.actions.find((a) => a.type == ActionType && (Process == 'FindingManagement' ? _FindingSTATUS[a.status] == Status : _STATUS[a.status] == Status));\r\n\t\t\t\tconst propertyName = policy.requireResource;\r\n\t\t\t\tif (propertyName) {\r\n\t\t\t\t\tif (Resource != null) {\r\n\t\t\t\t\t\tif (Process == 'FindingManagement') {\r\n\t\t\t\t\t\t if (Resource[propertyName] != null) {\r\n\t\t\t\t\t\t\t if (Array.isArray(Resource[propertyName])) {\r\n\t\t\t\t\t\t\t\t if (Resource[propertyName].find(el => User?.id === el ) || Resource[propertyName].find(el => el.toString().toLowerCase() == User.email.toLowerCase()) ) { \r\n\t\t\t\t\t\t\t\t\tif (action != null) return true;\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t else { \r\n\t\t\t\t\t\t\t\t if (Resource[propertyName].toLowerCase() == User?.id?.toLowerCase() || Resource[propertyName].toLowerCase() == User.email.toLowerCase()) {\r\n\t\t\t\t\t\t\t\t\tif (action != null) return true;\r\n\t\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t }\r\n\t\t\t\t\t else {\r\n\t\t\t\t\t\t if (Resource[propertyName] != null && (Resource[propertyName].toLowerCase() == User?.id?.toLowerCase() || Resource[propertyName].toLowerCase() == User.email.toLowerCase())) { //RITM0710913\r\n\t\t\t\t\t\t\tif (action != null) return true;\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t }\r\n\t\t\t\t }\r\n\r\n\t\t\t\t\t//check if the auditor is a team leader RITM0736117\r\n\t\t\t\t\tif(ActionType === 'Submit' && Status == 1){\r\n\t\t\t\t\t\tif(OptionalResource != null) {\r\n\t\t\t\t\t\t\tconst found = OptionalResource.find(item => item[propertyName] != null && item[propertyName].toLowerCase() == User.email.toLowerCase() && item['teamLeader'] != null && item['teamLeader'] == true);\r\n\t\t\t\t\t\t\tif (found != null)\r\n\t\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\t\t\t\t\t\r\n\t\t\t\t} else if (action != null) return true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\treturn false;\r\n}\r\n","import React from 'react';\r\nexport const AppContext = React.createContext();","import React, { Component } from 'react';\r\nimport { Link, Route } from 'react-router-dom';\r\nimport {\r\n Search, DataTable, Loading, DataTableSkeleton,\r\n TableContainer, Pagination, Form, FormLabel, TextInput, ComposedModal, ModalHeader, ModalBody, FormGroup, TableHead, Table, DropdownSkeleton, TableSelectRow, DatePickerSkeleton, TableBatchActions, TableBatchAction, TableBody, TableRow, TableCell, TableHeader, TableToolbar, TableToolbarContent, Button,\r\n} from 'carbon-components-react';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Send16 from '@carbon/icons-react/lib/send/16';\r\nimport { CheckmarkOutline16, CheckmarkFilled20, Add20, Error16, Download16, Document16, Tag } from '@carbon/icons-react/lib/';\r\nimport { RenderDataTableCell, NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { getSuccess, getError, entitiesLabels, apioperation, DateFormat, LogOperation, LogModule } from '../../helpers/Constants';\r\nimport moment, { invalid } from 'moment';\r\nimport { activityLog, me, api, } from '../../helpers/api/api';\r\nimport { ComboBox } from '../../helpers/ComboBox';\r\nimport { CanExecuteAction, IsInRole } from '../../helpers/authorization/Policies';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport Data16 from '@carbon/icons-react/lib/data--1/16';\r\nimport { StatusTag } from '../../helpers/PageBreadCrumb';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Online } from '../common/OnLineOffLine';\r\nconst baseUrl = '/activityLog/';\r\nconst searchProp = {\r\n module: '',\r\n operation: '',\r\n entity: '',\r\n referenceEntity: '',\r\n property: '',\r\n value: '',\r\n user: '',\r\n occurredAtFrom: null,\r\n occurredAtTo: null,\r\n\r\n\r\n};\r\nexport class ActivityLog extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n\r\n this.state = {\r\n currentPage: 1,\r\n pageSize: 10,\r\n rowCount: 0,\r\n isLoading: true,\r\n isLoadingList: true,\r\n isLoadingEntity: true,\r\n itemList: [],\r\n currentPage: 1,\r\n pageSize: 10,\r\n rowCount: 0,\r\n searchModel: {\r\n ...searchProp\r\n },\r\n entityList: [],\r\n xmodule: [],\r\n xentity: [],\r\n xoperation: [LogOperation.OPERATION_LOG_UPDATE, LogOperation.OPERATION_LOG_DELETE, LogOperation.OPERATION_LOG_INSERT],\r\n isOpenDetailsModal: false,\r\n DetailModalId: null,\r\n\r\n\r\n };\r\n this.toggleSearchForm = this.toggleSearchForm.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n this.handleClickCancelSearch = this.handleClickCancelSearch.bind(this);\r\n this.getEntityFiltered = this.getEntityFiltered.bind(this);\r\n this.renderSearchform = this.renderSearchform.bind(this);\r\n this.getActivityLog = this.getActivityLog.bind(this);\r\n this.DetailsForm = this.DetailsForm.bind(this);\r\n this.closeDetailsForm = this.closeDetailsForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getActivityLog();\r\n this.getEntityActivityLog();\r\n }\r\n\r\n /*************API get********************/\r\n //API GET COMBO ENTITY \r\n getEntityActivityLog() {\r\n this.setState({ isLoadingEntity: true });\r\n activityLog.getEntity()\r\n .then(response => {\r\n\r\n var data = response.data;\r\n var module = data.map(x => x.module);\r\n module = module.filter((x, idx) => module.indexOf(x) === idx)\r\n //var entity = data.map(x => x.entity );\r\n this.setState({\r\n entityList: data,\r\n xmodule: module,\r\n xentity: data\r\n });\r\n\r\n }).catch(error => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.ACTIVITYLOG, apioperation.GET));\r\n }).finally(() => {\r\n this.setState({ isLoadingEntity: false });\r\n });\r\n }\r\n //API GET FILTERED\r\n getActivityLog(param) {\r\n\r\n if (this.validator.allValid()) {\r\n this.setState({\r\n isLoading: true,\r\n })\r\n\r\n var idX = null;\r\n if (this.state.entityList && this.state.searchModel.referenceEntity) {\r\n var obb = this.state.entityList.find(x => x.referenceEntity == this.state.searchModel.referenceEntity);\r\n if (obb) {\r\n idX = obb.id;\r\n }\r\n }\r\n\r\n const data = {\r\n params: {\r\n page: (param && param.page) ? param.page : this.state.currentPage,\r\n pageSize: (param && param.pageSize) ? param.pageSize : this.state.pageSize,\r\n id: idX,\r\n ...this.state.searchModel\r\n }\r\n };\r\n activityLog.getWithParam(data)\r\n .then(response => {\r\n this.setState({\r\n ...response.data\r\n });\r\n\r\n }).catch(error => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.ACTIVITYLOG, apioperation.GET));\r\n }).finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\"Date required fields are missing \");\r\n this.forceUpdate();\r\n }\r\n }\r\n //API GET COMBO ENTITY FILTERED FOR MODULE\r\n getEntityFiltered() {\r\n this.setState({ isLoadingEntity: true });\r\n var module = this.state.searchModel.module;\r\n const data = {\r\n params: {\r\n module: this.state.searchModel.module\r\n }\r\n };\r\n activityLog.getfilteredEntity(data)\r\n .then(response => {\r\n var data = response.data;\r\n\r\n\r\n this.setState({\r\n xentity: data\r\n });\r\n\r\n }).catch(error => {\r\n showNotification.error(getError(error, entitiesLabels.ACTIVITYLOG, apioperation.GET));\r\n }).finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n isLoadingEntity: false\r\n });\r\n });\r\n }\r\n\r\n //METODI VARI\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n }\r\n\r\n handleChangeComboEntity = (inputName, selectedItem, objName) => {\r\n\r\n let inputValue = selectedItem ? selectedItem.tableDisplayName : null;\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n }\r\n handleChangeCombo2 = (inputName, selectedItem, objName) => {\r\n\r\n let inputValue = selectedItem ? selectedItem : null;\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n if (inputName == 'module') {\r\n\r\n this.getEntityFiltered();\r\n }\r\n }\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n\r\n let inputValue = selectedItem ? selectedItem.id : null;\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n }\r\n\r\n /*************Form Ricerca********************/\r\n toggleSearchForm(e) {\r\n e.preventDefault();\r\n this.setState(oldState => ({ isOpenSearchForm: !oldState.isOpenSearchForm }));\r\n }\r\n\r\n handleChangeSearch = (el) => {\r\n let inputName = el.target.name;\r\n\r\n let inputValue = el.target.value;\r\n\r\n this.updateState(inputName, inputValue, 'searchModel');\r\n }\r\n\r\n handleClickSearch = (e) => {\r\n e.preventDefault();\r\n this.getActivityLog({ page: 1 });\r\n }\r\n\r\n handleClickCancelSearch = (e) => {\r\n e.preventDefault();\r\n this.toggleSearchForm(e);\r\n this.setState({\r\n searchModel: {\r\n ...searchProp\r\n },\r\n }, () => { this.getActivityLog({ page: 1 }); });\r\n }\r\n\r\n handleChangePaging = (event) => {\r\n this.getActivityLog(event);\r\n }\r\n\r\n\r\n\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n this.setState(prevState => ({\r\n [objName]: {\r\n ...prevState[objName],\r\n [inputName]: inputValue\r\n }\r\n }));\r\n }\r\n\r\n\r\n DetailsForm = (id) => {\r\n this.setState({\r\n DetailModalId: id\r\n , isOpenDetailsModal: true\r\n });\r\n\r\n }\r\n closeDetailsForm = () => {\r\n\r\n this.setState({\r\n isOpenDetailsModal: false\r\n });\r\n }\r\n //MODALE DETTAGLIO\r\n renderDetailsForm() {\r\n const modalHeader = {\r\n title: \"Detail\",\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closeDetailsForm()\r\n };\r\n const id = this.state.DetailModalId;\r\n let itemList = this.state.itemList || [];\r\n const Details = itemList.find(el => el.id == id);;\r\n return (\r\n \r\n
\r\n \r\n )}\r\n {this.renderWorkSiteProjectForm()}\r\n \r\n \r\n
\r\n\r\n );\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n /*************Render********************/\r\n render() {\r\n this.validator.purgeFields();//si usa quando ci sono validazioni condizionali tra più campi\r\n const headersDataTable = [\r\n { key: 'module', header: 'Module' },\r\n { key: 'operation', header: 'Operation', type: 'status' },\r\n { key: 'entity', header: 'Entity' },\r\n { key: 'property', header: 'Field Name' },\r\n { key: 'occurredAt', header: 'Occurence Date', type: 'datetime' },\r\n\r\n ];\r\n\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n\r\n\r\n const skeletonRowCount = (this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount) ? this.state.rowCount : 5;\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {/* \r\n \r\n \r\n \r\n\r\n\r\n {this.renderSearchform()}\r\n\r\n (\r\n\r\n \r\n\r\n {this.state.isLoading ?\r\n \r\n
\r\n }\r\n \r\n )}\r\n />\r\n\r\n
\r\n \r\n }\r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n Save\r\n \r\n
\r\n );\r\n }\r\n//MODALE FILTRI\r\nrenderSearchform() {\r\n return (\r\n this.state.isOpenSearchForm && (\r\n \r\n \r\n
\r\n )\r\n );\r\n}\r\n//Download\r\ndownloadFile() {\r\n if (this.state.isExportLoading) return;\r\n\r\n this.setState({\r\n isExportLoading: true,\r\n });\r\n api\r\n .getWithParam(baseUrl + 'excel', { responseType: 'arraybuffer' })\r\n .then((response) => {\r\n //fileDownload(new Blob([response.data]), 'report.xlsx');\r\n var data = new Blob([response.data], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n var csvURL = window.URL.createObjectURL(data);\r\n var tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n\r\n var nomefile = 'Export_' + 'Worksite_' + moment().format('YYYYMMDDHHmmSS') + '.xlsx';\r\n tempLink.setAttribute('download', nomefile);\r\n\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, 'Download File', apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isExportLoading: false,\r\n });\r\n });\r\n}\r\n/////RENDER \r\n render() {\r\n this.validator.purgeFields();//si usa quando ci sono validazioni condizionali tra più campi\r\n const headersDataTable = [\r\n { key: 'code', header: 'Code' },\r\n { key: 'name', header: 'Name' },\r\n { key: 'year', header: 'Year' },\r\n { key: 'quarter', header: 'Quarter' },\r\n { key: 'numberworksite', header: 'Worksites' },\r\n\r\n ];\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n const confirmDelProps = () => ({\r\n idToDelete: this.state.idToDelete,\r\n nameItem: this.getNameById(this.state.idToDelete),\r\n isDeleting: this.state.isDeleting,\r\n open: this.state.isOpenDeleteModal, //open state\r\n onCloseConfirm: this.onCloseConfirm, //no click\r\n deleteItem: this.deleteItem, //yes click fn()\r\n });\r\n const skeletonRowCount = (this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount) ? this.state.rowCount : 5;\r\n return (\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n !this.state.isReadOnly &&\r\n (this.state.isLoadingSchema ? \r\n \r\n {!this.state.isExportLoading ? '' : (\r\n \r\n {this.state.isLoadingEntity ?\r\n \r\n
\r\n }\r\n \r\n )}\r\n />\r\n
\r\n \r\n }\r\n \r\n
\r\n \r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\r\n\trenderDetailsForm() {\r\n\t\tconst modalHeader = {\r\n\t\t\ttitle: (this.state.isUpdateMode ? \"Edit \" : \"Add new \") + \"KPI Manual Input\",\r\n\t\t\ticonDescription: \"Close\",\r\n\t\t\tbuttonOnClick: () => this.closeEditModal(),\r\n\t\t};\r\n\r\n\t\tconst validations = {\r\n\t\t\tyear: this.validator.message(\"year\", this.state.model.year, \"numeric|min:1,num\"),\r\n\t\t\tquarter: this.validator.message(\"quarter\", this.state.model.quarter, \"required\"),\r\n\t\t\tkpi: this.validator.message(\"kpi\", this.state.model.idKpi, \"required\"),\r\n\t\t\tkpiValue: this.validator.message(\"value\", this.state.model.kpiValue, \"required\"),\r\n\t\t\t// division: this.validator.message(\"division\", this.state.model.idDivision, \"required\"), //RITM0945977\r\n\t\t\tdivision: this.validator.message(\"businessLine\", this.state.model.idDivision, \"required\"),\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{itemToDelete != null ? (\r\n\t\t\t\t\t\t\t\t\t h.key != \"name\")}\r\n\t\t\t\t\t\t\t\t\t\tuseZebraStyles={true}\r\n\t\t\t\t\t\t\t\t\t\tsize=\"compact\"\r\n\t\t\t\t\t\t\t\t\t\trender={({ rows, headers, getHeaderProps, getRowProps }) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{this.state.isEditModalOpen ? this.renderDetailsForm() : \"\"}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{this.state.isExportLoading ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.state.isLoadingEntity ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n \r\n ) : null\r\n }\r\n \r\n {this.state.loading ? (\r\n
\r\n \r\n (\r\n \r\n \r\n
\r\n \r\n )}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n {nameItem}
\r\nAttention in the archive there are training still in progress for this training data code. Would you like to proceed and modify the duration anyway?
\r\n\r\n \r\n {this.state.insertSchema.definitions == null || this.state.insertSchema.definitions.EnergyEmittedSubstanceAsEnum == null ? (\r\n (item ? item.text : '')}\r\n items={this.state.insertSchema.definitions?.EnergyEmittedSubstanceAsEnum.enum }\r\n disabled={this.state.isReadOnly}\r\n />\r\n )}\r\n {validationsCrudModal.substance}\r\n \r\n
\r\n \r\n \r\n {this.state.insertSchema.definitions == null || this.state.insertSchema.definitions?.EnergyUsageTypeAsEnum == null ? (\r\n (item ? item.text : '')}\r\n items={this.state.insertSchema.definitions?.EnergyUsageTypeAsEnum.enum }\r\n disabled={this.state.isReadOnly}\r\n />\r\n )}\r\n \r\n
\r\n \r\n \r\n {this.state.insertSchema.definitions == null || this.state.insertSchema.definitions?.EnergySourceTypeAsEnum == null ? (\r\n (item ? item.text : '')}\r\n items={this.state.insertSchema.definitions?.EnergySourceTypeAsEnum.enum}\r\n disabled={this.state.isReadOnly}\r\n />\r\n )}\r\n {validationsCrudModal.source}\r\n \r\n
\r\n \r\n \r\n this.updateFormState(el.target.id, el.target.value, el.target.name)}\r\n disabled={this.state.isReadOnly}\r\n type=\"number\"\r\n labelText=\"\"\r\n />\r\n {validationsCrudModal.coefficient}\r\n \r\n
\r\n \r\n \r\n this.updateFormState(el.target.id, el.target.value, el.target.name)}\r\n disabled={this.state.isReadOnly}\r\n type=\"number\"\r\n labelText=\"\"\r\n />\r\n {validationsCrudModal.year}\r\n \r\n
\r\n \r\n this.handleChangeValidSince(e)}\r\n >\r\n
\r\n \r\n this.handleChangeValidUntil(e) }\r\n >\r\n
\r\n \r\n {this.state.showOutOfView === true ? (\r\n \r\n this.updateFormState(id, value, id)}\r\n />\r\n \r\n ) : ''} \r\n
\r\n \r\n {this.confirmAlertCustom()}\r\n {this.state.isRecursive && (\r\n \r\n this.backToPrevParent()}\r\n >\r\n this.backToFirstParent()}>\r\n \r\n\r\n {this.state.parentHistory &&\r\n this.state.parentHistory.map((item, index) => (\r\n \r\n {'level ' + index + ' - ' + (item.code || item.name)}\r\n \r\n ))}\r\n \r\n {'level ' + this.state.parentHistory.length}\r\n \r\n \r\n )}\r\n (\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n this.downloadFile()}\r\n className=\"btn-notext\"\r\n iconDescription=\" \"\r\n renderIcon={Download16}\r\n >\r\n {!this.state.isExportLoading ? '' : \r\n \r\n {!this.state.isReadOnly &&\r\n (this.state.isLoadingSchema ? (\r\n \r\n \r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n {this.crudModal()}\r\n {this.renderAlertModal()}\r\n Error for JSCrud props.headers is required
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Link, Route, useRouteMatch } from \"react-router-dom\";\r\n\r\nimport { Tabs, Tab, Accordion, AccordionItem, Button } from \"carbon-components-react\";\r\nimport ArrowRight16 from \"@carbon/icons-react/lib/arrow--right/16\";\r\nimport JSCrud from \"../../helpers/jsonschemaform/JSCrud\";\r\nimport { ListUsers } from \"./ListUsers\";\r\nimport { WorkSite } from \"./WorkSite\";\r\nimport { ActivityLog } from \"./ActivityLog\";\r\nimport { KpiNotApplicable } from \"./KpiNotApplicable\";\r\nimport { KpiManualInput } from \"./KpiManualInput\";\r\nimport { IsEnabled } from \"../../helpers/authorization/Policies\";\r\nimport { AppContext } from \"../../helpers/context/AppContext\";\r\nimport PageBreadCrumb from \"../../helpers/PageBreadCrumb\";\r\nimport DeletedAudit from \"./DeletedAudit\";\r\nimport EnergyEmissionJSCrud from \"./EnergyEmissionJSCrud\";\r\n\r\nfunction RenderList(props) {\r\n\tconst tabsArray = [\"#global\", \"#report\", \"#incident\", \"#audit\", \"#inspection\", \"#emergencydrill\", \"#training\", \"#Kpi\", \"#hoc\"];\r\n\r\n\tconst selectTab = (index) => {\r\n\t\tconst tag = tabsArray[index] || \"\";\r\n\t\tprops.onChangeTab(tag);\r\n\t};\r\n\r\n\tconst selectedIndex = tabsArray.indexOf(props.selectedTab) > -1 ? tabsArray.indexOf(props.selectedTab) : 0;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default class BackOffice extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.handleChangeTab = this.handleChangeTab.bind(this);\r\n\r\n\t\t// this.state = {\r\n\t\t// selectedTab: 0,\r\n\t\t// };\r\n\r\n\t\t// selected={this.props.selectedTab} onSelectionChange={(index) => this.props.setIndex(index)}\r\n\t}\r\n\r\n\thandleChangeTab = (tag) => {\r\n\t\t// tag == #nometab\r\n\t\tthis.props.history.push(`/backoffice${tag}`);\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst selectedTab = this.props.location.hash || \"\";\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Incident\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Audit\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Inspection\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Emergency Drill\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Training\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Insight Data\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Incident\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t selectTab(index)} tabContentClassName=\"tab-content\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{IsEnabled(props.user, \"Report\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*\r\n < div className=\"bx--col-lg-3 bx--col-md-4\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* DEV 295 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* FINE DEV 295 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* RITM0946162 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*\r\n \r\n \r\n \r\n \r\n
\r\n */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*\r\n \r\n \r\n KPI Not Applicable\r\n \r\n \r\n
*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \r\n \r\n \r\n KPI\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Pillars\r\n \r\n \r\n
*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n \r\n \r\n (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n \r\n (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n {Role} \r\n {props.isLoadingOptions ? (\r\n \r\n item ? item.name + ' ' + item.surname + ' (' + item.email + ')' : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${item.name + ' ' + item.surname + ' (' + item.email + ')'} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onApproverSelect(selectedItem)}\r\n />\r\n )}\r\n
\r\n ) : props.withApprover ? (\r\n {props.approverWarning}
\r\n\r\n {Role} \r\n {props.isLoadingOptions ? (\r\n \r\n item ? item.name + ' ' + item.surname + ' (' + item.email + ')' : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${item.name + ' ' + item.surname + ' (' + item.email + ')'} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onApproverSelect(selectedItem)}\r\n />\r\n )}\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {props.withTimeApproval ? (\r\n Do you want to {props.action.toLowerCase()} selected entities?
\r\n {props.approvalNotesRequired ? (\r\n\r\n Year \r\n item || ''}\r\n />\r\n {props.approvalTimeIntervalType === 'trimester' ? (\r\n <>\r\n Trimester \r\n (item ? item.name : '')}\r\n selectedItem={trimesters.find((t) => props.trimester === t.id) || null}\r\n />\r\n \r\n ) : (\r\n <>\r\n Month \r\n (item ? item.name : '')}\r\n selectedItem={months.find((m) => props.month === m.id) || null}\r\n />\r\n \r\n )}\r\n
\r\n ) : null}\r\n\r\n \r\n
\r\n \r\n
\r\n - \r\n {props.validationMessages.map((e) => (\r\n
- \r\n {e}\r\n \r\n ))}\r\n
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\thandleApproverSelect = (selectedItem) => {\r\n\t\tthis.setState({ approver: selectedItem });\r\n\t};\r\n\r\n\thandleCloseApprovalModal = () => {\r\n\t\tthis.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n\t};\r\n\r\n\thandleApprovalNotesChange = (e) => {\r\n\t\tthis.setState({ approvalNotes: e.target.value });\r\n\t};\r\n\r\n\thandleConfirmApprovalModal = () => {\r\n\t\tconst action = this.state.approvalModalAction.toLowerCase();\r\n\t\tconst apiEndpoint = this.state.approvalEndpoint;\r\n\t\tconst data = {\r\n\t\t\tids: this.state.selectedData.map((r) => r.id),\r\n\t\t\towner: this.state.approver,\r\n\t\t\tworkflowNotes: this.state.approvalNotes,\r\n\t\t};\r\n\t\tvar incidentCode = [];\r\n\t\tvar incidentReportIdCode = \"\";\r\n\t\tdata.ids.forEach((item) => incidentCode.push(this.state.itemList.find((el) => el.id == item)));\r\n\t\tincidentCode.forEach((item) => (incidentReportIdCode = incidentReportIdCode + item.incidentReportId + \", \"));\r\n\t\tif (data.ids.length > 1) {\r\n\t\t\tvar incidentNum = \"Incidents\";\r\n\t\t} else {\r\n\t\t\tvar incidentNum = entitiesLabels.INCIDENT;\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\tisLoadingWFOperation: true,\r\n\t\t});\r\n\t\tapi.put(`/incident/${apiEndpoint}`, data, \"\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response.status === 200) {\r\n\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, `${incidentNum} ${entitiesLabels.WITHCODE} ${getSuccess(incidentReportIdCode, apiEndpoint)}`);\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t\tisApprovalModalOpen: false,\r\n\t\t\t\t\t\tisLoading: true,\r\n\t\t\t\t\t\titemList: [],\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.getIncidentList();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INCIDENT, apioperation.PUT));\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.state.approver = null;\r\n\t\t\t});\r\n\t};\r\n\r\n\tgetUsersInRole = (role, idEntity) => {\r\n\t\tme.getWithParam(\"users\", {\r\n\t\t\tparams: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n\t\t})\r\n\t\t\t.then((response) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tapprovers: response.data,\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.ROLE, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\tIsRowSelectable(tableRow, selectedRows, user) {\r\n\t\tconst row = this.state.itemList.find((i) => i.id == tableRow.id);\r\n\r\n\t\tif (row.idStatus == STATUS.Consolidated) return false;\r\n\r\n\t\tif (selectedRows.length == 0) {\r\n\t\t\tconst canSelect =\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Submit\", row) ||\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Approve\", row) ||\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Consolidate\", row) ||\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Reject\", row) ||\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"RejectConsolidate\", row) ||\r\n\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Delete\", row);\r\n\t\t\treturn canSelect;\r\n\t\t}\r\n\r\n\t\tif (selectedRows.length > 0) {\r\n\t\t\tconst selectableIncident = this.state.itemList.find((i) => i.id == selectedRows[0].id);\r\n\t\t\tconst selectableState = selectableIncident.idStatus;\r\n\t\t\tconst selectableDivision = selectableIncident.idDivision;\r\n\t\t\tconst selectableWorksite = selectableIncident.idWorksite;\r\n\r\n\t\t\tif (row.idStatus == selectableState && (row.idStatus == STATUS.Draft ? row.idWorksite == selectableWorksite : row.idDivision == selectableDivision)) {\r\n\t\t\t\tconst canSelect =\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Submit\", row) ||\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Approve\", row) ||\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Consolidate\", row) ||\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Reject\", row) ||\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"RejectConsolidate\", row) ||\r\n\t\t\t\t\tCanExecuteAction(\"Incident\", \"Reporting\", user, row.idStatus, \"Delete\", row);\r\n\t\t\t\treturn canSelect;\r\n\t\t\t\t// return true;\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\tdownloadFile() {\r\n\t\tif (this.state.isExportLoading) return;\r\n\r\n\t\tthis.setState({\r\n\t\t\tisExportLoading: true,\r\n\t\t});\r\n\t\tapi.getWithParam(\"/incident/excel\", { responseType: \"arraybuffer\" })\r\n\t\t\t.then((response) => {\r\n\t\t\t\t// fileDownload(new Blob([response.data]), 'report.xlsx');\r\n\t\t\t\tconst data = new Blob([response.data], {\r\n\t\t\t\t\ttype: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n\t\t\t\t});\r\n\t\t\t\tconst csvURL = window.URL.createObjectURL(data);\r\n\t\t\t\tconst tempLink = document.createElement(\"a\");\r\n\t\t\t\ttempLink.href = csvURL;\r\n\r\n\t\t\t\tconst nomefile = `${\"Export_\" + \"Incident_\"}${moment().format(\"YYYYMMDDHHmmSS\")}.xlsx`;\r\n\t\t\t\ttempLink.setAttribute(\"download\", nomefile);\r\n\r\n\t\t\t\tdocument.body.appendChild(tempLink);\r\n\t\t\t\ttempLink.click();\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"Download File\", apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisExportLoading: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t}\r\n\r\n\tDownloadNotification(incidentId) {\r\n\t\tthis.setState({ isLoadingNotificationFile: true });\r\n\t\tincident\r\n\t\t\t.downloadNotification(incidentId, { responseType: \"arraybuffer\" })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst data = new Blob([response.data], { type: \"application/pdf\" });\r\n\t\t\t\tconst csvURL = window.URL.createObjectURL(data);\r\n\t\t\t\tconst tempLink = document.createElement(\"a\");\r\n\t\t\t\ttempLink.href = csvURL;\r\n\t\t\t\tconst incidentCode = this.state.itemList.find((i) => i.id == incidentId);\r\n\t\t\t\tconst nomefile = `Incident_Notification_${incidentCode.incidentReportId}.pdf`;\r\n\t\t\t\ttempLink.setAttribute(\"download\", nomefile);\r\n\t\t\t\tdocument.body.appendChild(tempLink);\r\n\t\t\t\ttempLink.click();\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INCIDENT_NOTIFICATION, apioperation.DOWNLOAD));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({ isLoadingNotificationFile: false });\r\n\t\t\t});\r\n\t}\r\n\r\n\tDownloadReport(incidentId) {\r\n\t\tthis.setState({ isLoadingReportFile: true });\r\n\t\tincident\r\n\t\t\t.downloadReport(incidentId, { responseType: \"arraybuffer\" })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst data = new Blob([response.data], { type: \"application/pdf\" });\r\n\t\t\t\tconst csvURL = window.URL.createObjectURL(data);\r\n\t\t\t\tconst tempLink = document.createElement(\"a\");\r\n\t\t\t\ttempLink.href = csvURL;\r\n\t\t\t\tconst incidentCode = this.state.itemList.find((i) => i.id == incidentId);\r\n\t\t\t\tconst nomefile = `Incident_Report_${incidentCode.incidentReportId}.pdf`;\r\n\t\t\t\ttempLink.setAttribute(\"download\", nomefile);\r\n\t\t\t\tdocument.body.appendChild(tempLink);\r\n\t\t\t\ttempLink.click();\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INCIDENT_REPORT, apioperation.DOWNLOAD));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({ isLoadingReportFile: false });\r\n\t\t\t});\r\n\t}\r\n\r\n\tbatchActionClick(actionKey, actionName, approverRole, withApprover, approvalNotesRequired, selectedRows) {\r\n\t\tconst incident = this.state.itemList.find((i) => i.id == selectedRows[0].id);\r\n\r\n\t\tconst idEntity = actionKey == \"Submit\" ? incident.idWorksite : actionKey == \"Approve\" ? incident.idDivision : null;\r\n\r\n\t\tthis.setState({\r\n\t\t\tapprovalModalAction: actionName,\r\n\t\t\tisApprovalModalOpen: true,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\twithApprover,\r\n\t\t\tselectedData: selectedRows,\r\n\t\t\tapproverRole,\r\n\t\t\tapprovalEndpoint: actionKey,\r\n\t\t\tapprovalNotesRequired,\r\n\t\t});\r\n\r\n\t\tif (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n\t}\r\n\r\n\tgetIncident = (selectedRows) => {\r\n\t\tif (selectedRows && selectedRows.length > 0) {\r\n\t\t\treturn this.state.itemList.find((el) => el.id == selectedRows[0].id);\r\n\t\t}\r\n\t\treturn null;\r\n\t};\r\n\r\n\tgetStatusId = (idRow) => {\r\n\t\tconst r = this.state.itemList.find((el) => el.id == idRow);\r\n\t\treturn r && r.idStatus;\r\n\t};\r\n\r\n\t/** ***********Render******************* */\r\n\tgetIncidentNotificationCode = (id) => {\r\n\t\tconst incidentCode = this.state.itemList.find((el) => el.id == id);\r\n\t\treturn \"Incident_Notification_\" + incidentCode.incidentReportId + \".pdf\";\r\n\t};\r\n\tgetIncidentReportCode = (id) => {\r\n\t\tconst incidentCode = this.state.itemList.find((el) => el.id == id);\r\n\t\treturn \"Incident_Report_\" + incidentCode.incidentReportId + \".pdf\";\r\n\t};\r\n\trender() {\r\n\t\tconst headersDataTable = [\r\n\t\t\t{ key: \"status\", header: \"Status\", type: \"status\" },\r\n\t\t\t{ key: \"incidentReportId\", header: \"Code\" },\r\n\t\t\t//RITM0945977\r\n\t\t\t// { key: \"division\", header: \"Division\" },\r\n\t\t\t{ key: \"division\", header: \"Business Line\" },\r\n\t\t\t{ key: \"worksite\", header: \"Worksite\" },\r\n\t\t\t{ key: \"title\", header: \"Title\" },\r\n\t\t\t{ key: \"occurrenceDate\", header: \"Occurence Date\", type: \"date\" },\r\n\t\t\t{ key: \"type\", header: \"Type\" },\r\n\t\t\t{ key: \"outcome\", header: \"Outcome\" },\r\n\t\t\t{ key: \"investigationLevel\", header: \"Investigation Level\" },\r\n\t\t];\r\n\r\n\t\tconst paginationProps = () => ({\r\n\t\t\tpage: this.state.currentPage || 1,\r\n\t\t\ttotalItems: this.state.rowCount || 0,\r\n\t\t\tpageSize: this.state.pageSize || 10,\r\n\t\t\tpageSizes: [10, 20, 30, 40, 50],\r\n\t\t\tonChange: this.handleChangePaging,\r\n\t\t});\r\n\r\n\t\tconst skeletonRowCount = this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount ? this.state.rowCount : 5;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"Download File\", apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonDownLoadStart={() => this.setState({ isExportLoading: true })}\r\n\t\t\t\t\t\t\t\t\t\tonDownLoadEnd={() => this.setState({ isExportLoading: false })}\r\n\t\t\t\t\t\t\t\t\t\tapiUrl=\"/incident/excel\"\r\n\t\t\t\t\t\t\t\t\t\tfileName={`${\"Export_Incident_\"}${moment().format(\"YYYYMMDDHHmmSS\")}.xlsx`}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"btn-notext\"\r\n\t\t\t\t\t\t\t\t\t\ticonDescription=\" \"\r\n\t\t\t\t\t\t\t\t\t\trenderIcon={Download16}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{!this.state.isExportLoading ? \"\" : \r\n\t\t\t\t\t\t\t\t{IsInRole(user, \"Administrator\") || IsInRole(user, \"Compiler\") ? (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{!this.state.isOpenSearchForm ? \"\" : this.renderSearchform()}\r\n\r\n\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{selectedRows.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Submit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Submit\", \"Submit\", \"Data Approver\", true, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubmit Report\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Approve\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Approve\", \"Approve\", \"Division Manager\", true, false, selectedRows)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tApprove Report\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Consolidate\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Consolidate\", \"Consolidate\", null, false, false, selectedRows)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tConsolidate Report\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reject\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Reject\", \"Reject\", null, false, true, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tReject Report\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"RejectConsolidate\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"RejectConsolidate\", \"Reject\", null, false, true, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tReject Report\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Incident\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reporting\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Delete\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getIncident(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Delete\", \"Delete\", null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDelete\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{this.state.isLoading ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t- \r\n {children}\r\n
\r\n {children}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nEmailChips.propTypes = {\r\n invalid: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n type: PropTypes.string,\r\n value: PropTypes.string,\r\n};\r\nEmailChips.defaultProps = {\r\n invalid: false,\r\n disabled: true,\r\n placeholder: '',\r\n type: 'text',\r\n value: '',\r\n};\r\n","import { Delete16, Download16 } from \"@carbon/icons-react\";\r\nimport { Button, DropdownSkeleton, FormGroup, FormLabel, Table, TableBody, TableCell, TableContainer, TableHead, TableHeader, TableRow, TextInputSkeleton } from \"carbon-components-react\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { Component } from \"react\";\r\nimport { registry } from \"../../helpers/api/api\";\r\nimport { apioperation, entitiesLabels, getError, Megabyte } from \"../../helpers/Constants\";\r\nimport { NoRecordsPlaceholder } from \"../../helpers/jsonschemaform/DataTableExtention\";\r\nimport showNotification from \"../../helpers/notification/BaseNotification\";\r\nimport FileDownLoadButton from \"./FileDownloadButton\";\r\nimport FileUpload from \"./FileUpload\";\r\nimport { Online } from \"./OnLineOffLine\";\r\n\r\nexport const attachmentTablePrivacyText = \"(It is forbidden to upload photos which show people's faces. It is also forbidden to upload photos on which it is possible to recognize specific people)\"\r\nexport default class AttachmentTable extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tappStatus: null,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getStatus();\r\n\t}\r\n\r\n\tgetStatus = () => {\r\n\t\tregistry\r\n\t\t\t.getAll(\"status\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tthis.setState({ appStatus: data });\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.STATUS, apioperation.GET));\r\n\t\t\t});\r\n\t};\r\n\r\n\tremove = (id) => this.props.onDeleteFile(id);\r\n\r\n\tonUpload = (fileIdentifier, fileName, fileType, size) => {\r\n\t\tthis.props.onUploadFIle(fileIdentifier, fileName, fileType, size);\r\n\t};\r\n\r\n\tsumAttachmentSize = (onlyImage = false) => {\r\n\t\tlet sum = 0\r\n\t\tif(onlyImage) sum = this.props.items?.filter(a => a.attachment.contentType.includes('image') && a.attachment.size).reduce((sum, item) => sum + +item.attachment.size, 0);\r\n\t\telse sum = this.props.items?.reduce((prevSum, item) => prevSum + +item.attachment.size, 0);\r\n\t\treturn sum;\r\n\t};\r\n\r\n\trenderUploadFile() {\r\n\t\tif (!this.props.model) return \r\n {this.state.error || this.props.invalid ? (\r\n
\r\n {this.state.error && {this.state.error}
}\r\n\r\n {items.map((item) => (\r\n\r\n {item}\r\n {this.props.disabled ? null : (\r\n \r\n )}\r\n
\r\n ))}\r\n \r\n\t\t\t\t\t{this.renderUploadFile()} \r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tAttachments \r\n\t\t\t\t\t{!this.props.model ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nAttachmentTable.propTypes = {\r\n\tmodel: PropTypes.object,\r\n\titems: PropTypes.array,\r\n\tapiDownloadUrl: PropTypes.string,\r\n\tisDisabled: PropTypes.bool,\r\n};\r\n","import React, { Component } from 'react';\r\nimport { Button, FileUploader, InlineNotification } from 'carbon-components-react';\r\nimport uploadIcon from '@carbon/icons-react/lib/upload/16';\r\nimport PropTypes from 'prop-types';\r\nimport { fileUpload } from '../../helpers/api/api';\r\nimport {Megabyte, entitiesLabels} from '../../helpers/Constants';\r\nimport { attachmentTablePrivacyText } from './AttachmentTable';\r\n\r\nexport default class FileUpload extends Component {\r\n fileUploader;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n statusUpload: 'edit',\r\n };\r\n this.onFileUploadChange = this.onFileUploadChange.bind(this);\r\n this.clearFiles = this.clearFiles.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n clearFiles = () => {\r\n this.fileUploader.clearFiles();\r\n this.setState(() => ({\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n }));\r\n };\r\n \r\n isTotalFilesSizeExceeded = (file, isImagefile) => {\r\n const totalImageSizeLimitExceeded = isImagefile ? this.props.sumImageAttachmentSize + file.size >= Megabyte.THREEMEGABYTE : false;\r\n const totalFilesSizeLimitExceeded = this.props.totalFilesSizeLimit != null ? this.props.sumAttachmentSize + file.size >= this.props.totalFilesSizeLimit : false\r\n\t\treturn totalImageSizeLimitExceeded || totalFilesSizeLimitExceeded;\r\n\t};\r\n\r\n\tisSingleFileSizeExceeded = (file, isImagefile) => {\r\n\t\tif (isImagefile) return file.size >= Megabyte.THREEMEGABYTE;\r\n\t\tconst singleFileSizeLimit = this.props.singleFileSizeLimit ?? Megabyte.FOURMEGABYTE * 2;\r\n\t\treturn file.size >= singleFileSizeLimit;\r\n\t};\r\n\r\nonFileUploadChange = (evt) => {\r\n\t\tthis.setState(() => ({ statusUpload: \"edit\" }));\r\n\t\tconst file = evt.target.files[0] ?? null;\r\n\t\tif (file === null) return;\r\n\r\n\t\tconst fileName = file.name;\r\n\t\tconst isImagefile = file.type.includes(\"image\");\r\n\t\tlet validationErrorTitle = \"\";\r\n\t\tlet validationErrorSubTitle = \"\";\r\n\r\n\t\tswitch (true) {\r\n\t\t\tcase this.isSingleFileSizeExceeded(file, isImagefile):\r\n\t\t\t\tvalidationErrorTitle = `${fileName} exceeds size limit.`;\r\n\t\t\t\tvalidationErrorSubTitle = `${isImagefile ? entitiesLabels.THREEMEGABYTEMAXSIZE : (this.props.maxSingleSizeErrorLabel ?? entitiesLabels.EIGHTMEGABYTEMAXSIZE) + \".\"} ${entitiesLabels.SELECTNEWFILE}`;\r\n\t\t\t\tbreak;\r\n\t\t\tcase this.isTotalFilesSizeExceeded(file, isImagefile):\r\n\t\t\t\tvalidationErrorTitle = `Sum of file size exceeds size limit. ${isImagefile ? `(${this.availableImageAttachmentSize(Megabyte.THREEMEGABYTE)}).` : \"\"}`;\r\n\t\t\t\tvalidationErrorSubTitle = `${isImagefile ? \"The sum of the size of the images cannot exceed 3MB\" : this.props.maxTotalSizeErrorLabel ?? entitiesLabels.EIGHTMEGABYTEMAXSIZE}. ${entitiesLabels.SELECTNEWFILE}`;\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t}\r\n\r\n\t\tconst anyError = Boolean(validationErrorTitle || validationErrorSubTitle);\r\n\t\tthis.setState(() => ({\r\n\t\t\tcanUpload: !anyError,\r\n\t\t\tisFileValid: !anyError,\r\n\t\t\tvalidationErrorTitle,\r\n\t\t\tvalidationErrorSubTitle,\r\n\t\t}));\r\n\t};\r\n\r\n handleSubmit = async (event) => {\r\n event.preventDefault();\r\n this.setState(() => ({\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n statusUpload: 'uploading',\r\n }));\r\n const file = event.target.inputFile.files[0];\r\n const fileName = file.name;\r\n const fileIdentifier = `${this.props.StoragePath}_${new Date().getTime()}_${fileName}`;\r\n const formData = new FormData();\r\n formData.append('File', file);\r\n formData.append('Container', this.props.Container);\r\n formData.append('StoragePath', this.props.StoragePath);\r\n formData.append('FileIdentifier', fileIdentifier);\r\n\r\n try {\r\n await fileUpload.post(formData);\r\n const data = { identifier: fileName, blobName: fileIdentifier };\r\n this.setState(() => ({\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n statusUpload: 'complete',\r\n }));\r\n this.fileUploader.clearFiles();\r\n this.props.onUpload(data, file.name, file.type, file.size);\r\n } catch (error) {\r\n console.error(error);\r\n this.setState(() => ({\r\n canUpload: true,\r\n isFileValid: false,\r\n validationErrorTitle: 'An error occurred while uploading file: ',\r\n validationErrorSubTitle: error.message,\r\n statusUpload: 'edit',\r\n }));\r\n }\r\n };\r\n\r\navailableImageAttachmentSize = (sizeLimit) => {\r\n const sumOfImageAttachedSize = this.props.sumImageAttachmentSize ?? 0\r\n\t\tif (Megabyte.THREEMEGABYTE - sumOfImageAttachedSize > 0) return `${((sizeLimit - sumOfImageAttachedSize) / Megabyte.ONEMEGABYTE).toFixed(2)} ${entitiesLabels.MBAVAILABLE}`;\r\n\t\treturn `0 ${entitiesLabels.MBAVAILABLE}`;\r\n\t};\r\n\r\n createCustomDescriptionForImage = () =>{\r\n const availableImageSize = this.props.sumImageAttachmentSize != null ? (\"(\" + this.availableImageAttachmentSize(Megabyte.THREEMEGABYTE) + \")\") : \"\"\r\n return `${this.props.acceptDescription} ${entitiesLabels.MAXSUMIMAGESIZE} ${availableImageSize}.`\r\n }\r\n\r\n returnDescription = () => {\r\n if(!this.props.acceptDescription) return \"only files at 8mb or less\"\r\n if(this.props.acceptDescription && this.props.accept?.includes('.jpeg')) return this.createCustomDescriptionForImage()\r\n return this.props.acceptDescription\r\n }\r\n\r\n render() {\r\n const notification = !this.state.isFileValid ? (\r\n \r\n \r\n {notification}\r\n
\r\n );\r\n }\r\n}\r\nFileUpload.propTypes = {\r\n Container: PropTypes.string,\r\n StoragePath: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n onUpload: PropTypes.func.isRequired,\r\n};\r\nFileUpload.defaultProps = {\r\n Container: 'saipem',\r\n StoragePath: '',\r\n disabled: true,\r\n};\r\n","/* eslint-disable import/prefer-default-export */\r\n/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport {\r\n Button,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableHeader,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n TableToolbar,\r\n FormGroup,\r\n} from 'carbon-components-react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Delete16, Add16, Download16 } from '@carbon/icons-react';\r\nimport FileUpload from '../common/FileUpload';\r\nimport { NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport { ComboBox } from '../../helpers/ComboBox';\r\nimport { api } from '../../helpers/api/api';\r\nimport { getError, entitiesLabels, apioperation } from '../../helpers/Constants';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport FileDownLoadButton from '../common/FileDownloadButton';\r\nimport { Online, Offline } from '../common/OnLineOffLine';\r\nconst AttachmentTypes = [\r\n 'Accident Investigation Report (Signed)',\r\n 'Pictures',\r\n 'Sketches',\r\n 'Medical Reports',\r\n 'HSE Training',\r\n 'Tool Box Talks',\r\n 'Permit To Work',\r\n 'Job Safety Analysis',\r\n 'Witness Statement',\r\n 'Other Documentation (specify)',\r\n];\r\nconst AttachmentTypesNotification = ['Pictures', 'Files'];\r\n\r\nexport class IncidentAttachment extends Component {\r\n clearAttachment = () => ({\r\n id: null, // guid\r\n fileIdentifier: null,\r\n name: null,\r\n contentType: null,\r\n size: null,\r\n type: null,\r\n });\r\n\r\n initialState = (props) => ({\r\n idIncident: props.idIncident, // guid\r\n attachment: this.clearAttachment(),\r\n attachmentTypes: this.props.flagNotificationTab ? AttachmentTypesNotification : AttachmentTypes,\r\n key: `modalAtt_${new Date().getTime()}`,\r\n isOpenModal: false,\r\n });\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n ...this.initialState(props),\r\n };\r\n }\r\n\r\n toggleModal = (open) => {\r\n this.setState({\r\n isOpenModal: open,\r\n attachmentTypes: this.props.flagNotificationTab\r\n ? AttachmentTypesNotification\r\n : AttachmentTypes,\r\n });\r\n };\r\n\r\n addAttachment = () => {\r\n this.setState({ key: `modalAtt_${new Date().getTime()}`, isOpenModal: true });\r\n };\r\n\r\n downloadAttachment = async (item) => {\r\n try {\r\n // this.setState({ downloading: id });\r\n const file = (\r\n await api.getBlob(\r\n `/incident/${this.state.idIncident}/attachment/${item.attachment.fileIdentifier}`\r\n )\r\n ).data;\r\n return this.downloadFile(file, item.attachment.name);\r\n } catch (error) {\r\n return showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.FileUpload, apioperation.GET)\r\n );\r\n } finally {\r\n // this.setState({ downloading: null });\r\n }\r\n };\r\n\r\n downloadFile(blob, fileName) {\r\n if (navigator.msSaveBlob) {\r\n // IE 10+\r\n navigator.msSaveBlob(blob, fileName);\r\n } else {\r\n const link = document.createElement('a');\r\n // Browsers that support HTML5 download attribute\r\n if (link.download !== undefined) {\r\n const url = URL.createObjectURL(blob);\r\n link.setAttribute('href', url);\r\n link.setAttribute('download', fileName);\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n }\r\n\r\n // downloadAttachment(item) {\r\n // incident.getAttachment(this.state.idIncident, { params: { filePath: item.attachment.filePath } })\r\n // .then(response => {\r\n // window.open(response.data);\r\n\r\n // }).catch(error => {\r\n // showNotification.error(getError(error, entitiesLabels.ATTACHMENT, apioperation.POST));\r\n\r\n // }).finally(() => {\r\n\r\n // });\r\n // }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n onUpload = (fileIdentifier, fileName, fileType, size) => {\r\n var last = fileName.split('.').pop();\r\n if (\r\n this.state.attachment.type === 'Pictures' &&\r\n //RITM1019407\r\n last.toLowerCase() !== 'jpeg' &&\r\n last.toLowerCase() !== 'jpg' &&\r\n last.toLowerCase() !== 'png' &&\r\n last.toLowerCase() !== 'PNG' &&\r\n last.toLowerCase() !== 'gif'\r\n //End\r\n ) {\r\n return showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n 'This format cannot be accepted'\r\n );\r\n }\r\n if (\r\n this.state.attachment.type === 'Files' &&\r\n //RITM1019407\r\n last.toLowerCase() !== 'doc' &&\r\n last.toLowerCase() !== 'docx' &&\r\n last.toLowerCase() !== 'xls' &&\r\n last.toLowerCase() !== 'xlsx' &&\r\n last.toLowerCase() !== 'ppt' &&\r\n last.toLowerCase() !== 'pptx' &&\r\n last.toLowerCase() !== 'zip' &&\r\n last.toLowerCase() !== 'txt' &&\r\n last.toLowerCase() !== 'pdf'\r\n //End\r\n ) {\r\n return showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n 'This format cannot be accepted'\r\n );\r\n }\r\n if (\r\n this.props.flagNotificationTab === true &&\r\n this.state.attachment.type === 'Pictures' &&\r\n size >= 3145728\r\n ) {\r\n return showNotification.warning(`${entitiesLabels.WARNING}`, 'Image size too large');\r\n } else {\r\n const attachment = { ...this.state.attachment };\r\n\r\n attachment.id = uuid();\r\n attachment.fileIdentifier = fileIdentifier.blobName;\r\n attachment.name = fileName;\r\n attachment.contentType = fileType;\r\n attachment.size = size;\r\n // attachment.filePath = file.localPath;\r\n\r\n this.toggleModal(false);\r\n this.setState({\r\n attachment: this.clearAttachment(),\r\n });\r\n return this.props.addNewAttachment(attachment);\r\n }\r\n };\r\n\r\n remove = (id) => {\r\n this.props.removeAttachment(id);\r\n };\r\n\r\n calculateImageAttachmentSize = () => {\r\n return this.props.attachments?.filter(a => a.attachment.contentType.includes('image') && a.attachment.size).reduce((prev, cur) => prev = prev + Number(cur.attachment.size) , 0 )\r\n };\r\n\r\n render() {\r\n const validations = {\r\n type: this.validator.message('type', this.state.attachment.type, 'required'),\r\n file: this.validator.message('type', this.state.attachment.id, 'required'),\r\n };\r\n const rows = this.props.attachments || [];\r\n\r\n const modalHeader = {\r\n title: 'Add new',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.toggleModal(false),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n {!this.props.isDisabled && (\r\n {\r\n this.addAttachment();\r\n }}\r\n renderIcon={Add16}\r\n >\r\n Add new\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Attachment
\r\n\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n item || ''}\r\n items={this.state.attachmentTypes}\r\n invalid={validations.type != null}\r\n />\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n {this.state.attachment.type && (\r\n \r\n
\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default AssestmentLevelTable;\r\n","import React, { Component } from 'react';\r\nimport {\r\n TextInput,\r\n Button,\r\n Table,\r\n DatePickerInput,\r\n DatePicker,\r\n StructuredListCell,\r\n StructuredListBody,\r\n Toggle,\r\n ToggleSmall,\r\n ModalWrapper,\r\n StructuredListHead,\r\n StructuredListRow,\r\n Form,\r\n Accordion,\r\n AccordionItem,\r\n DataTable,\r\n StructuredListWrapper,\r\n TableContainer,\r\n TableHead,\r\n TableHeader,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n Checkbox,\r\n FormLabel,\r\n FileUploader,\r\n RadioButtonGroup,\r\n FormGroup,\r\n MultiSelect,\r\n RadioButton,\r\n TextArea,\r\n TimePicker,\r\n TimePickerSelect,\r\n Tabs,\r\n Tab,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n SelectItem,\r\n TooltipIcon,\r\n} from 'carbon-components-react';\r\nimport CheckmarkFilled16 from '@carbon/icons-react/lib/checkmark--filled/16';\r\nimport CheckmarkOutline16 from '@carbon/icons-react/lib/checkmark--outline/16';\r\nimport View16 from '@carbon/icons-react/lib/view--filled/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport OverFlowVertical16 from '@carbon/icons-react/lib/overflow-menu--vertical/16';\r\nimport Radiobutton16 from '@carbon/icons-react/lib/radio-button/16';\r\nimport { ChevronLeft16, Information16 } from '@carbon/icons-react';\r\nimport { ScrollingProvider, Section } from '../../lib/react-scroll-section/src/index';\r\nimport { Menu, Item } from '../../helpers/scrolling/ScrollingMenuItem';\r\nimport '../../scss/custom.scss';\r\nimport { ENGINE_METHOD_NONE } from 'constants';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport { ComboBox } from '../../helpers/ComboBox';\r\nimport MultiComboBox from '../../helpers/MultiComboBox';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getSuccess,\r\n getError,\r\n entitiesLabels,\r\n apioperation,\r\n DateFormat,\r\n} from '../../helpers/Constants';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { api } from '../../helpers/api/api';\r\nimport moment from 'moment';\r\nimport { IsInRole, IsEditable } from '../../helpers/authorization/Policies';\r\nimport EmailChips from '../../helpers/EmailChips';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { IncidentAttachment } from './IncidentAttachment';\r\n//RITM0615454_DEV615_MatriciOutcomes\r\nimport AssestmentLevelTable from './AssestmentLevelTable';\r\nconst incidentTabNotificationsModel = {\r\n occurrenceDate: '',\r\n occurrenceTime: '',\r\n\r\n idWorkSiteProject: null,\r\n idWorksite: null,\r\n idProject: null,\r\n idActivity: null,\r\n\r\n idDivision: null,\r\n idCompany: null,\r\n idCountry: null,\r\n idCustomer: null,\r\n\r\n division: '', //solo visualizzazione\r\n company: '', //solo visualizzazione\r\n country: '', //solo visualizzazione\r\n customer: '', //solo visualizzazione\r\n\r\n type: '', //*Il Type si ricava sulla base dei valori selezionati di Real Outcome. Basta un valore Real Outcome a Yes selezionato per determinare il valore Accident per il Type\r\n\r\n outcomeAsset: null,\r\n outcomeEnvironmental: null,\r\n outcomeHarm: null,\r\n realOutcomeAsset: null,\r\n realOutcomeEnvironmental: null,\r\n realOutcomeHarm: null,\r\n\r\n//RITM0615454_DEV615_MatriciOutcomes\r\n incidentOutcomes: [],\r\n //----\r\n\r\n emergencyClass: '',\r\n publicAuthoritiesAndEntitiesInvolved: '',\r\n specifyOther: '',\r\n transportAccident: '',\r\n transportAccidentEquipped: null,\r\n infoOriginator: '',\r\n\r\n //region details\r\n title: '',\r\n workRelated: '',\r\n place: '',\r\n companyVehicleProvided: null,\r\n briefDescription: '',\r\n immediateActionsTaken: '',\r\n\r\n //region Assessment\r\n //RITM0615454_DEV615_MatriciOutcomes\r\n idInvestigationLevelRealConsequenceSeverity: uuid(),\r\n idInvestigationLevelPotentialConsequenceSeverity: uuid(), //matrix\r\n idInvestigationLevelPotentialConsequenceProbability: uuid(), //matrix\r\n idRealConsequenceSeverity: null,\r\n idPotentialConsequenceSeverity: null,\r\n\r\n //region LifeSavingRules\r\n lifeSavingRules: null,\r\n lsrNote: '',\r\n //notificationDate: undefined,\r\n mailTo: '',\r\n mailCc: '',\r\n mailBody: '',\r\n mailSubject: '',\r\n\r\n attachmentNotifications: [],\r\n};\r\n\r\nconst baseUrl = '/incident/';\r\nconst filterByDate = (el, date) => {\r\n return el.start <= date && date <= el.end;\r\n};\r\n//RITM0615454_DEV615_MatriciOutcomes\r\nconst INCIDENT_OUTCOME_ENUM = {\r\n outcomeHarm: { idOutcome: 0, title: \"Harm To People\" },\r\n outcomeAsset: { idOutcome: 1, title: \"Property/Asset\" },\r\n outcomeEnvironmental: { idOutcome: 2, title: \"Environmental\" },\r\n}\r\nconst levelOneRealConsequenceId = \"6d945ccf-e982-4695-9b25-ad9a004a8f77\"\r\n\r\nexport default class IncidentTabNotification extends Component {\r\n initialState = (props) => {\r\n let initialState = {\r\n listWorksitesPrj: [],\r\n flagTime: false,\r\n appWorksites: null,\r\n appProject: null,\r\n showConsequenceLegend: false,\r\n outcomeTab: 0, //RITM0615454_DEV615_MatriciOutcomes\r\n incidentModel: {\r\n ...incidentTabNotificationsModel,\r\n },\r\n isDisabled: props.incidentEditModel\r\n ? !IsEditable(\r\n 'Incident',\r\n 'Reporting',\r\n props.user,\r\n props.incidentEditModel.status.id,\r\n 'Notification',\r\n props.incidentEditModel\r\n )\r\n : false,\r\n };\r\n\r\n if (props.incidentEditModel) {\r\n initialState.incidentModel = { ...props.incidentEditModel };\r\n initialState.outcomeTab = this.getFirstActiveOutcomeTab(initialState.incidentModel)\r\n if (initialState.incidentModel.occurrenceDate) {\r\n let dateTime = this.convertOccurrenceDate(1, initialState.incidentModel.occurrenceDate);\r\n initialState.incidentModel.occurrenceDate = dateTime.occurrenceDate;\r\n initialState.incidentModel.occurrenceTime = dateTime.occurrenceTime;\r\n }\r\n }\r\n\r\n return initialState;\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator({ locale: 'en' });\r\n this.validatorTime = new SimpleReactValidator({ locale: 'en' });\r\n this.updateState = this.updateState.bind(this);\r\n this.handleChangeCombo = this.handleChangeCombo.bind(this);\r\n this.state = {\r\n ...this.initialState(props),\r\n };\r\n\r\n // RITM0615447\r\n this.idNoViolationLifeSavingRule = \"4e732b42-fb52-4a46-b49c-6decdcd94d80\"\r\n }\r\n\r\n\r\n componentWillReceiveProps(nextProps) {\r\n //loading valori combo calcolate,\r\n if (\r\n nextProps.incidentEditModel &&\r\n this.state.incidentModel.occurrenceDate &&\r\n nextProps.appAllWorksites &&\r\n nextProps.appAllWorksitePrj\r\n ) {\r\n let occurrenceDate = this.state.incidentModel.occurrenceDate;\r\n let appWorksites = null;\r\n let appProject = null;\r\n let listWorksitesPrj = [];\r\n\r\n if (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(occurrenceDate))\r\n appWorksites = (nextProps.appAllWorksites || []).filter((el) =>\r\n filterByDate(el, occurrenceDate)\r\n );\r\n\r\n if (this.state.incidentModel.idWorksite) {\r\n let idWorksite = this.state.incidentModel.idWorksite;\r\n\r\n listWorksitesPrj = (nextProps.appAllWorksitePrj || []).filter(\r\n (el) => el.idWorkSite == idWorksite\r\n );\r\n\r\n if (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(occurrenceDate))\r\n listWorksitesPrj = (listWorksitesPrj || []).filter((el) =>\r\n filterByDate(el, occurrenceDate)\r\n );\r\n\r\n appProject = listWorksitesPrj.map((item) => ({\r\n id: item.idProject,\r\n name: item.project,\r\n idWorksitePrj: item.id,\r\n }));\r\n }\r\n\r\n this.setState({\r\n appWorksites,\r\n listWorksitesPrj,\r\n appProject,\r\n });\r\n }\r\n }\r\n\r\n selectTab = (index) => {\r\n this.props.selectTab(index);\r\n };\r\n addNewAttachment = (data) => {\r\n try {\r\n if (data == null) return;\r\n //insert\r\n let oldattachment = this.state.incidentModel.attachmentNotifications || [];\r\n\r\n let newItem = {\r\n id: uuid(), //guid\r\n idIncident: this.props.incidentEditModel?.id ? this.props.incidentEditModel.id : uuid(),\r\n idAttachment: data.id, //guid\r\n attachment: data,\r\n };\r\n\r\n let newattachment = oldattachment.concat([newItem]);\r\n this.updateState('attachmentNotifications', newattachment, 'incidentModel');\r\n } catch (error) {\r\n showNotification.error();\r\n }\r\n };\r\n removeAttachment = (id) => {\r\n if (!id) return;\r\n\r\n let statusCopy = Object.assign({}, this.state.incidentModel);\r\n statusCopy.attachmentNotifications = statusCopy.attachmentNotifications.filter(\r\n (el) => el.id !== id\r\n );\r\n\r\n this.setState({\r\n incidentModel: statusCopy,\r\n });\r\n };\r\n getWorkSite(occurrenceDate) {\r\n try {\r\n var data = this.props.appAllWorksites;\r\n\r\n if (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(occurrenceDate))\r\n data = (data || []).filter((el) => filterByDate(el, occurrenceDate));\r\n\r\n this.setState({\r\n appWorksites: data,\r\n });\r\n } catch {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n 'Error filtering ' + entitiesLabels.WORKSITE\r\n );\r\n this.setState({\r\n listWorksitesPrj: [],\r\n appWorksites: null,\r\n appProject: null,\r\n });\r\n }\r\n }\r\n\r\n getWorksitesPrj(idWorksite, occurrenceDate) {\r\n try {\r\n var data = (this.props.appAllWorksitePrj || []).filter((el) => el.idWorkSite == idWorksite);\r\n\r\n if (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(occurrenceDate))\r\n data = (data || []).filter((el) => filterByDate(el, occurrenceDate));\r\n\r\n var appProject = data.map((item) => ({\r\n id: item.idProject,\r\n name: item.project,\r\n idWorksitePrj: item.id,\r\n }));\r\n\r\n this.setState({\r\n listWorksitesPrj: data,\r\n appProject,\r\n });\r\n } catch {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n 'Error filtering ' + entitiesLabels.WORKSITEPROJECT\r\n );\r\n this.setState({\r\n listWorksitesPrj: [],\r\n appProject: null,\r\n });\r\n }\r\n // api.getAll(baseUrl + 'worksiteproject/' + idWorksite)\r\n // .then(response => {\r\n // var data = response.data;\r\n // if (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(occurrenceDate))\r\n // data = data != null ? data.filter(el => filterByDate(el, occurrenceDate)) : [];\r\n // var appProject = data.map(item => ({ id: item.idProject, name: item.project, idWorksitePrj: item.id }));\r\n\r\n // this.setState({\r\n // listWorksitesPrj: data,\r\n // appProject\r\n // });\r\n // }).catch(error => {\r\n // showNotification.error(getError(error, entitiesLabels.WORKSITEPROJECT, apioperation.GET));\r\n // this.setState({\r\n // listWorksitesPrj: [],\r\n // appProject: null\r\n // });\r\n // }).finally(() => {\r\n\r\n // });\r\n }\r\n getTooltip(item) {\r\n if (item.code == 1) {\r\n return 'Never occurred in the Oil&Gas sector.';\r\n }\r\n if (item.code == 2) {\r\n return 'Already occurred in the Oil&Gas sector. Similar occurrences have already been recorded in the Oil&Gas sector. ';\r\n }\r\n if (item.code == 3) {\r\n return 'Already occurred in the Company. Some similar occurrences have already been recorded in the Saipem group (less than once a year). ';\r\n }\r\n if (item.code == 4) {\r\n return 'It has occurred many times in the Company. Many occurrences have already been recorded in the Saipem group (more than once a year). ';\r\n }\r\n if (item.code == 5) {\r\n return 'It has occurred on the site many times a year. Many occurrences have already been recorded at one particular branch in the Saipem group (more than once a year). ';\r\n }\r\n }\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n //DEV 615\r\n const oucomePropertyNames = [\"outcomeHarm\", \"outcomeAsset\", \"outcomeEnvironmental\"]\r\n const realOutcomePropertyNames = [\"realOutcomeHarm\", \"realOutcomeAsset\", \"realOutcomeEnvironmental\"]\r\n let idOutcome = null;\r\n if (oucomePropertyNames.includes(inputName)) {\r\n idOutcome = INCIDENT_OUTCOME_ENUM[inputName].idOutcome\r\n\r\n\r\n if (inputValue === false) statusCopy.incidentModel.incidentOutcomes = statusCopy.incidentModel.incidentOutcomes?.filter(el => el.idOutcome !== idOutcome)\r\n else {\r\n const alreadyExist = statusCopy.incidentModel.incidentOutcomes.find(out => out.idOutcome === idOutcome)\r\n if (!alreadyExist) {\r\n const outcomeObj = { idOutcome, idIncident: this.state.incidentModel?.id }\r\n statusCopy.incidentModel.incidentOutcomes.push(outcomeObj)\r\n }\r\n }\r\n const isTheOnlyOneActive = oucomePropertyNames.filter(property => statusCopy.incidentModel[property] === true)?.length === 1 ? true : false\r\n if ((inputValue === false && idOutcome === this.state.outcomeTab) || (inputValue === true && isTheOnlyOneActive)) statusCopy.outcomeTab = this.getFirstActiveOutcomeTab(statusCopy.incidentModel)\r\n }\r\n\r\n if (realOutcomePropertyNames.includes(inputName)) {\r\n const propertyName = oucomePropertyNames.find(property => inputName.toLowerCase().includes(property.toLowerCase()))\r\n idOutcome = INCIDENT_OUTCOME_ENUM[propertyName].idOutcome\r\n\r\n const alreadyExistingOut = statusCopy.incidentModel.incidentOutcomes.find(out => out.idOutcome === idOutcome)\r\n if (alreadyExistingOut && inputValue === false) alreadyExistingOut.idInvestigationLevelRealConsequenceSeverity = levelOneRealConsequenceId\r\n\r\n if (!alreadyExistingOut) {\r\n const outcomeObj = { idOutcome, idIncident: this.state.incidentModel?.id }\r\n statusCopy.incidentModel.incidentOutcomes.push(outcomeObj)\r\n }\r\n\r\n }\r\n //FINE DEV 615\r\n \r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n //RITM0615454_DEV615_MatriciOutcomes\r\n getFirstActiveOutcomeTab = (model) => {\r\n const oucomePropertyNames = [\"outcomeHarm\", \"outcomeAsset\", \"outcomeEnvironmental\"]\r\n let activeOutcomeIds = []\r\n oucomePropertyNames.forEach(outName => {\r\n if (model && model[outName] === true) {\r\n const idOutcome = INCIDENT_OUTCOME_ENUM[outName].idOutcome\r\n activeOutcomeIds.push(idOutcome)\r\n }\r\n })\r\n if (activeOutcomeIds.length === 0) return 0\r\n if (activeOutcomeIds.length === 1) return activeOutcomeIds[0]\r\n return activeOutcomeIds.sort((a, b) => a - b)[0]\r\n }\r\n //FINE //RITM0615454_DEV615_MatriciOutcomes\r\n updateStatesTime = (inputName, inputValue, objName) => {\r\n if (inputValue == false) {\r\n this.setState({ flagTime: true });\r\n if (!this.validatorTime.allValid()) {\r\n this.validatorTime.showMessages();\r\n }\r\n } else {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.flagTime = false;\r\n this.setState(statusCopy);\r\n }\r\n };\r\n\r\n handleChangeModel = (el) => {\r\n let inputName = el.target.name;\r\n let inputValue = el.target.value;\r\n let objName = el.target.alt;\r\n this.updateState(inputName, inputValue, objName);\r\n };\r\n\r\n handleChangeTitle = (el) => {\r\n let inputName = el.target.name;\r\n let inputValue = el.target.value;\r\n let objName = el.target.alt;\r\n\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy[objName]['mailSubject'] = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n //nelle combobox da richiamare, in modo sincrono, dopo il primo setState\r\n loadRelatedProperties = (inputName, inputValue, selectedItem) => {\r\n if (inputName == 'occurrenceDate') {\r\n if (inputValue) this.getWorkSite(inputValue);\r\n else\r\n this.setState({\r\n appWorksites: null,\r\n listWorksitesPrj: [],\r\n appProject: null,\r\n });\r\n }\r\n\r\n if (inputName == 'idWorksite') {\r\n if (inputValue) this.getWorksitesPrj(inputValue, this.state.incidentModel.occurrenceDate);\r\n else {\r\n this.setState({\r\n listWorksitesPrj: [],\r\n appProject: null,\r\n });\r\n }\r\n }\r\n };\r\n\r\n handleChangeMultiCombo = (inputName, selectedItem, objName) => {\r\n let inputValue =\r\n selectedItem && selectedItem.length ? selectedItem.map((el) => el.name).join(',') : null;\r\n\r\n let statusCopy = Object.assign({}, this.state[objName]);\r\n statusCopy[inputName] = inputValue;\r\n\r\n this.setState({ [objName]: statusCopy });\r\n };\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n let inputValue = selectedItem ? selectedItem.id : null;\r\n\r\n let statusCopy = Object.assign({}, this.state[objName]);\r\n statusCopy[inputName] = inputValue;\r\n\r\n if (inputName == 'idWorksite') {\r\n statusCopy.idProject = null; \r\n statusCopy.idWorkSiteProject = null;\r\n statusCopy.idDivision = null; //RITM0617607\r\n statusCopy.idActivity = null; //RITM0617607\r\n statusCopy.idCompany = null;\r\n statusCopy.idCountry = null;\r\n statusCopy.idCustomer = null;\r\n statusCopy.division = '';\r\n statusCopy.company = '';\r\n statusCopy.country = '';\r\n statusCopy.customer = '';\r\n }\r\n\r\n if (inputName == 'idProject') {\r\n if (selectedItem) {\r\n let wksprj = this.state.listWorksitesPrj.find((el) => el.id == selectedItem.idWorksitePrj);\r\n\r\n statusCopy.idWorkSiteProject = wksprj.id;\r\n \r\n //RITM0497904\r\n const appActivity = wksprj?.idDivision ? this.props.appActivity.filter((el) => el.idDivision == wksprj?.idDivision) : null;\r\n statusCopy.idActivity = appActivity && appActivity.length > 0 ? appActivity[0]?.id : null;\r\n\r\n statusCopy.idDivision = wksprj.idDivision; //RITM0617607 \r\n statusCopy.idCompany = wksprj.idCompany;\r\n statusCopy.idCountry = wksprj.idCountry;\r\n statusCopy.idCustomer = wksprj.idCustomer;\r\n statusCopy.division = wksprj.division;\r\n statusCopy.company = wksprj.company;\r\n statusCopy.country = wksprj.country;\r\n statusCopy.customer = wksprj.customer;\r\n } else {\r\n statusCopy.idWorkSiteProject = null;\r\n statusCopy.idDivision = null; //RITM0617607\r\n statusCopy.idActivity = null; //RITM0617607\r\n statusCopy.idCompany = null;\r\n statusCopy.idCountry = null;\r\n statusCopy.idCustomer = null;\r\n statusCopy.division = '';\r\n statusCopy.company = '';\r\n statusCopy.country = '';\r\n statusCopy.customer = '';\r\n }\r\n }\r\n if (inputName == 'infoOriginator') {\r\n statusCopy.idSubContractor = null;\r\n }\r\n this.setState({ [objName]: statusCopy }, () => {\r\n this.loadRelatedProperties(inputName, inputValue, selectedItem);\r\n });\r\n };\r\n\r\n updateStateDP = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state[objName]);\r\n statusCopy[inputName] = inputValue;\r\n\r\n if (inputName == 'occurrenceDate') {\r\n statusCopy.idWorksite = null;\r\n statusCopy.idProject = null;\r\n\r\n statusCopy.idWorkSiteProject = null;\r\n statusCopy.idDivision = null;\r\n statusCopy.idCompany = null;\r\n statusCopy.idCountry = null;\r\n statusCopy.idCustomer = null;\r\n statusCopy.idActivity = null;\r\n statusCopy.division = '';\r\n statusCopy.company = '';\r\n statusCopy.country = '';\r\n statusCopy.customer = '';\r\n }\r\n\r\n this.setState({ [objName]: statusCopy }, () => {\r\n this.loadRelatedProperties(inputName, inputValue);\r\n });\r\n };\r\n\r\n handleChangeOutcome = (value, id, event) => {\r\n if (value == false || value == 'false') {\r\n let realOutcomeRadio = null;\r\n if (id == 'outcomeAsset') realOutcomeRadio = 'realOutcomeAsset';\r\n else if (id == 'outcomeEnvironmental') realOutcomeRadio = 'realOutcomeEnvironmental';\r\n else if (id == 'outcomeHarm') realOutcomeRadio = 'realOutcomeHarm';\r\n\r\n if (realOutcomeRadio != null) this.updateState(realOutcomeRadio, null, 'incidentModel');\r\n }\r\n this.updateState(id, value, 'incidentModel');\r\n };\r\n\r\n handleChangeRadio = (value, id, event) => {\r\n if (value == 'true') {\r\n value = true;\r\n } else if (value == 'false') {\r\n value = false;\r\n } else if (value == 'null') {\r\n value = null;\r\n }\r\n\r\n this.updateState(id, value, event.target.alt);\r\n };\r\n //RITM0615454_DEV615_MatriciOutcomes\r\n handleChangeRadioAssestmentLevel = (value, property, outcomeId) => {\r\n const statusCopy = { ...this.state.incidentModel }\r\n const existOutcome = statusCopy.incidentOutcomes?.some(out => out.idOutcome == outcomeId)\r\n const outcome = existOutcome ? statusCopy.incidentOutcomes?.find(out => out.idOutcome == outcomeId) : { idOutcome: outcomeId, idIncident: this.state.incidentModel.id }\r\n outcome[property] = value\r\n if (!existOutcome) statusCopy.incidentOutcomes ? statusCopy.incidentOutcomes.push(outcome) : statusCopy.incidentOutcomes = [outcome]\r\n this.setState({ incidentModel: statusCopy })\r\n }\r\n //RITM0615454_DEV615_MatriciOutcomes\r\n handleChangeInvestigationLvlPotCons = (/*value*/ severityProbabilityPair, outcomeId) => {\r\n const [idSeverity, idProbability] = severityProbabilityPair?.split('_') //Split the idSeverity from idProbability\r\n let statusCopy = { ...this.state.incidentModel }\r\n\r\n const existOutcome = statusCopy.incidentOutcomes?.some(out => out.idOutcome === outcomeId)\r\n\r\n const outcome = existOutcome ? statusCopy.incidentOutcomes?.find(outcome => outcome.idOutcome === outcomeId) : { idOutcome: outcomeId, idIncident: this.state.incidentModel.id }\r\n outcome.idInvestigationLevelPotentialConsequenceSeverity = idSeverity ?? null;\r\n outcome.idInvestigationLevelPotentialConsequenceProbability = idProbability ?? null;\r\n if (!existOutcome) statusCopy.incidentOutcomes.push(outcome)\r\n\r\n //FINE RITM0615454_DEV615_MatriciOutcomes\r\n this.setState({ incidentModel: statusCopy });\r\n };\r\n\r\n handleChangePubAutEntInv = (value, id) => {\r\n let selectedValue = this.state.incidentModel.publicAuthoritiesAndEntitiesInvolved;\r\n let oldvalues = selectedValue ? selectedValue.split(',') : [];\r\n let element = oldvalues.find((el) => el == id);\r\n\r\n if (value && element == null) {\r\n let newvalues = oldvalues.concat([id]);\r\n this.updateState(\r\n 'publicAuthoritiesAndEntitiesInvolved',\r\n newvalues.join(','),\r\n 'incidentModel'\r\n );\r\n } else if (!value && element != null) {\r\n let newvalues = oldvalues.filter((el) => el !== id);\r\n this.updateState(\r\n 'publicAuthoritiesAndEntitiesInvolved',\r\n newvalues.join(','),\r\n 'incidentModel'\r\n );\r\n }\r\n };\r\n\r\n handleChangeLifeSavingRules = (value, id) => {\r\n let inputName = 'lifeSavingRules';\r\n let oldValues = this.state.incidentModel[inputName] || [];\r\n\r\n let element = oldValues.find((el) => el.idLifeSavingRule == id);\r\n if (value && element == null) {\r\n // RITM0615447\r\n const savingRule = this.props.appLifeSavingRule.find(el => el.id == id)\r\n let obj = { id: uuid(), idIncident: undefined, idLifeSavingRule: id, isExclusive: savingRule.isExclusive };\r\n let newValues = obj.isExclusive ? [obj] : oldValues.concat([obj]);\r\n //FINE RITM0615447\r\n this.updateState(inputName, newValues, 'incidentModel');\r\n this.props.setlifeSavingRules(newValues);\r\n } else if (!value && element != null) {\r\n let newValues = oldValues.filter((el) => el.idLifeSavingRule != id);\r\n this.updateState(inputName, newValues, 'incidentModel');\r\n this.props.setlifeSavingRules(newValues);\r\n } \r\n };\r\n\r\n getIncidentType = () => {\r\n const valore =\r\n this.state.incidentModel.realOutcomeAsset == true ||\r\n this.state.incidentModel.realOutcomeEnvironmental == true ||\r\n this.state.incidentModel.realOutcomeHarm == true;\r\n\r\n return { isAccident: valore, text: valore ? 'Accident' : 'Near Miss' };\r\n };\r\n\r\n isCheckedPubAutEntInv = (id) => {\r\n const selectedValue = this.state.incidentModel.publicAuthoritiesAndEntitiesInvolved || '';\r\n let element = selectedValue.split(',').find((el) => el == id);\r\n return element != null;\r\n };\r\n\r\n getLifeSavingRuleByCategory = (list, idCategory) => {\r\n if (list == null) list = [];\r\n if (idCategory == null) return list;\r\n\r\n return list.filter((item) => item.idLifeSavingRuleCategory == idCategory /*RITM0615447*/ && item.id !== this.idNoViolationLifeSavingRule) || [];\r\n };\r\n\r\n renderIncidentLegenda = () => {\r\n return (\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tAssessment - Level
\r\n\t\t\t\t\t\t{this.props.automaticallyCalculated && (Automatically calculated after saving)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{validations.idInvestigationLevelRealConsequenceSeverity}\r\n\t\t\t\t\t\t\t\t\t{validations.idInvestigationLevelPotentialConsequenceSeverity}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n { }}\r\n handleChangeRadioAssestmentLevel={() => { }}\r\n isDisabled={true}\r\n automaticallyCalculated={true}\r\n />\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n 1.1 Event Details
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Invalid time format
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorksite}\r\n items={appWorksites}\r\n disabled={appWorksites == null || this.state.isDisabled}\r\n invalid={validations.idWorksite != null}\r\n />\r\n {validations.idWorksite}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idProject ? selectedItemCombo.idProject : {}\r\n }\r\n items={appProject}\r\n disabled={\r\n appProject == null || this.state.isDisabled || appProject.length == 0\r\n }\r\n invalid={validations.idProject != null}\r\n />\r\n {validations.idProject}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n (item ? item.name : '')}\r\n // initialSelectedItem={\r\n // selectedItemCombo.idActivity ? selectedItemCombo.idActivity : {}\r\n // }\r\n //RITM0497904\r\n selectedItem={selectedItemCombo.idActivity ? selectedItemCombo.idActivity : {}}\r\n items={appActivity}\r\n disabled={\r\n appActivity == null || this.state.isDisabled || appActivity.length == 0\r\n }\r\n invalid={validations.idActivity != null}\r\n />\r\n {validations.idActivity}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {/* RITM0945977 */}\r\n {/* Division */}\r\n Business Line \r\n Operating Company \r\n Country \r\n Client \r\n \r\n \r\n \r\n \r\n \r\n {this.state.incidentModel.division}\r\n \r\n \r\n {this.state.incidentModel.company}\r\n \r\n \r\n {this.state.incidentModel.country}\r\n \r\n \r\n {this.state.incidentModel.customer}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n 1.2 Incident description
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {typeIncident.text}
\r\n\r\n
\r\n\r\n {typeIncident.isAccident && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {validations.outcome}\r\n {this.state.incidentModel.outcomeAsset ? validations.realOutcomeAsset : ''}\r\n {this.state.incidentModel.outcomeEnvironmental\r\n ? validations.realOutcomeEnvironmental\r\n : ''}\r\n {this.state.incidentModel.outcomeHarm ? validations.realOutcomeHarm : ''}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.appPublicAuthoritiesAndEntitiesInvolved.map((item) => (\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n (item ? item.text : '')}\r\n initialSelectedItem={selectedItemCombo.transportAccident}\r\n items={this.props.appTransportAccident}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n {showTransportAccidentEquipped && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n\r\n {/* //RITM0615454_DEV615_MatriciOutcomes */}\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.infoOriginator}\r\n items={this.props.appInfoOriginator.filter(\r\n (item) => item.name !== 'SAP')} // Rimuovi l'opzione \"SAP\" dalla lista\r\n // items={this.props.appInfoOriginator}\r\n disabled={this.state.isDisabled}\r\n invalid={validations.infoOriginator != null}\r\n />\r\n {validations.infoOriginator}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.subContractor}\r\n items={subContractorsByInfo}\r\n shouldFilterItem={({ item, inputValue }) =>\r\n item.name.toLowerCase().includes(inputValue.toLowerCase())\r\n }\r\n disabled={\r\n this.state.isDisabled ||\r\n selectedItemCombo.infoOriginator?.name === 'Saipem' ||\r\n selectedItemCombo.infoOriginator == null\r\n }\r\n invalid={validations.subContractor != null}\r\n />\r\n {validations.subContractor}\r\n \r\n
\r\n \r\n
\r\n {/* FINE //RITM0615454_DEV615_MatriciOutcomes */}\r\n\r\n \r\n this.setState({ outcomeTab: index })}\r\n tabContentClassName=\"tab-content\"\r\n >\r\n {Object.keys(INCIDENT_OUTCOME_ENUM).map(outcomeName => {\r\n const currentOutcome = INCIDENT_OUTCOME_ENUM[outcomeName]\r\n return (\r\n out.idOutcome === selectedOutcome?.idOutcome) ?? { idOutcome: selectedOutcome?.idOutcome, idIncident: this.state.incidentModel?.id }}\r\n appMatrixCell={this.props.appMatrixCell ?? []}\r\n appMatrixColor={this.props.appMatrixColor ?? []}\r\n appProbabilities={this.props.appProbabilities ?? []}\r\n appSeveritiesInvestigation={this.props.appSeveritiesInvestigation ?? []}\r\n handleChangeInvestigationLvlPotCons={this.handleChangeInvestigationLvlPotCons}\r\n handleChangeRadioAssestmentLevel={this.handleChangeRadioAssestmentLevel}\r\n disableLevelRealConsequence={!this.isRealOutcome(selectedOutcome.title)}\r\n isDisabled={(this.state.isDisabled ?? false) || !this.state.incidentModel[selectedOutcome?.propertyName]}\r\n />\r\n
\r\n \r\n
\r\n Details
\r\n\r\n
\r\n {showIsWorkRelatedCommunting && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n (item ? item.text : '')}\r\n initialSelectedItem={selectedItemCombo.workRelated}\r\n items={this.props.appWorkRelated}\r\n invalid={validations.workRelated != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n {validations.workRelated}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n (item ? item.text : '')}\r\n initialSelectedItem={selectedItemCombo.place}\r\n items={this.props.appPlace}\r\n invalid={validations.place != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n {validations.place}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* //RITM0615454_DEV615_MatriciOutcomes */}\r\n \r\n \r\n \r\n this.updateState('briefDescription', el.target.value, 'incidentModel')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('immediateActionsTaken', el.target.value, 'incidentModel')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Life Saving Rules Violations
\r\n\r\n {this.props.appLifeSavingRuleCategory.map((item) => (\r\n // \r\n
\r\n {this.props.toSubmit && (this.state.incidentModel.lifeSavingRules == null || this.state.incidentModel.lifeSavingRules?.length <= 0) ? \r\n \r\n {this.getLifeSavingRuleByCategory(this.props.appLifeSavingRule, item.id).map(\r\n (rule) => (\r\n
\r\n // \r\n ))}\r\n {/* RITM0615447 */}\r\n \r\n el.idLifeSavingRule == rule.id\r\n ) != null\r\n }\r\n onChange={this.handleChangeLifeSavingRules}\r\n className=\"\"\r\n // RITM0615447\r\n disabled={this.isLifeSavingRulesDisabled(rule.id)}\r\n />\r\n
\r\n )\r\n )}\r\n \r\n el.idLifeSavingRule == NoViolationLSR?.id\r\n ) != null\r\n }\r\n onChange={this.handleChangeLifeSavingRules}\r\n className=\"\"\r\n disabled={this.isLifeSavingRulesDisabled(NoViolationLSR?.id)}\r\n />\r\n
\r\n \r\n
\r\n : <>\r\n }\r\n \r\n {/* FINE RITM0615447 */}\r\n The life saving rules violation field is required.
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('lsrNote', el.target.value, 'incidentModel')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Attachments
\r\n(It is prohibited to add in the report/notification any sensitive picture (i.e. wound, stitches, broken part, etc..) or any sensitive information related to the injured person. It is also forbidden to upload photos on which is possible to recognize specific people)
\r\n{validations.attachment}
\r\n \r\n
\r\n 1.3 General Data
\r\n\r\n
\r\n Notification Finalisation
\r\n\r\n {this.state.incidentModel && this.state.incidentModel.notificationDate &&\r\n !this.state.incidentModel.notificationDate.startsWith('0001-01-01') && (\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n this.updateState('mailTo', value, 'incidentModel')}\r\n invalid={validations.mailTo != null}\r\n disabled={this.state.isDisabled}\r\n title=\"⚠ Do Not use Personal Accounts\"\r\n //placeholder=\"Input mail To\"\r\n />\r\n\r\n {/* \r\n
\r\n \r\n \r\n this.updateState('mailCc', value, 'incidentModel')}\r\n disabled={this.state.isDisabled}\r\n title=\"⚠ Do Not use Personal Accounts\"\r\n //placeholder=\"Input mail Cc\"\r\n />\r\n {/* \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('mailBody', el.target.value, 'incidentModel')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n invalid={validations.mailBody != null}\r\n />\r\n {validations.mailBody}\r\n \r\n
\r\n \r\n \r\n this.props.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveTabNotification(false)}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n this.saveTabNotification(true)}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save & Send\r\n \r\n window.print()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Print\r\n \r\n this.selectTab(1)}\r\n disabled={!this.props.isEdit}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Next Step\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Button, FormGroup, TextArea, TextInput, Loading } from 'carbon-components-react';\r\nimport { DocumentExport16 } from '@carbon/icons-react/lib/';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { v4 as uuid } from 'uuid';\r\nimport PropTypes from 'prop-types';\r\nimport FileDownLoadButton from '../common/FileDownloadButton';\r\nimport { Section } from '../../lib/react-scroll-section/src/index';\r\nimport { Menu, Item } from '../../helpers/scrolling/ScrollingMenuItem';\r\nimport '../../scss/custom.scss';\r\n\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { getSuccess, getError, entitiesLabels, apioperation } from '../../helpers/Constants';\r\nimport { api, dynamic } from '../../helpers/api/api';\r\nimport { ConfirmAlertCustom } from '../../helpers/ConfirmAlertCustom';\r\nimport { IsEditable } from '../../helpers/authorization/Policies';\r\nimport EmailChips from '../../helpers/EmailChips';\r\nimport { Online, Offline } from '../common/OnLineOffLine';\r\n\r\nconst incidentTabReportModel = {\r\n id: null,\r\n noInjured: null,\r\n injuredPeople: [], // array di IncidentInjuredPerson\r\n eventCause: '',\r\n actions: '',\r\n dueDate: null,\r\n mailBodyReport: null,\r\n mailSubjectReport: null,\r\n};\r\nexport default class IncidentTabReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.updateState = this.updateState.bind(this);\r\n // this.handleChangeCombo = this.handleChangeCombo.bind(this);\r\n this.state = {\r\n ...this.initialState(props),\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getContractType();\r\n this.getShiftDuration();\r\n this.getInjurySource();\r\n this.getInjuryClass();\r\n this.getBodyPart();\r\n this.setMailSubject();\r\n }\r\n\r\n setMailSubject() {\r\n if (!this.state.incidentModel.mailSubjectReport) {\r\n const statusCopy = { ...this.state };\r\n statusCopy.incidentModel.mailSubjectReport = `Incident ID ${this.props.incidentEditModel.incidentReportId} Investigation Report`;\r\n this.setState(statusCopy);\r\n } else {\r\n const statusCopy = { ...this.state };\r\n statusCopy.incidentModel.mailSubjectReport = this.state.incidentModel.mailSubjectReport;\r\n this.setState(statusCopy);\r\n }\r\n }\r\n\r\n getBodyPart() {\r\n dynamic\r\n .getAll('bodypart', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n appBodyPart: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.BODYPART, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n getInjuryClass() {\r\n dynamic\r\n .getAll('injuryclass', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n appInjuryClass: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INJURYCLASS, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n getInjurySource() {\r\n dynamic\r\n .getAll('injurysource', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n appInjurySource: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INJURYSOURCE, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n getContractType() {\r\n dynamic\r\n .getAll('contracttype', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n appContractType: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CONTRACTTYPE, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n getShiftDuration() {\r\n dynamic\r\n .getAll('shiftduration', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n appShiftDuration: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SHIFDURATION, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n initialState = (props) => {\r\n const initialState = {\r\n keyModal: `modal_${new Date().getTime()}`,\r\n editModel: null,\r\n isEditModal: false,\r\n isOpenModal: false,\r\n isOpenDeleteModal: false,\r\n isDeleting: false,\r\n idToDelete: false,\r\n isLoadingReportFile: false,\r\n incidentModel: {\r\n ...incidentTabReportModel,\r\n },\r\n isDisabled: true,\r\n };\r\n if (props.incidentEditModel) {\r\n initialState.incidentModel = { ...props.incidentEditModel };\r\n initialState.isDisabled = !IsEditable(\r\n 'Incident',\r\n 'Reporting',\r\n props.user,\r\n props.incidentEditModel.status.id,\r\n 'Report',\r\n props.incidentEditModel\r\n );\r\n }\r\n return initialState;\r\n };\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateDP = (inputName, inputValue, objName) => {\r\n this.setState(\r\n (prevState) => ({\r\n [objName]: {\r\n ...prevState[objName],\r\n [inputName]: inputValue,\r\n },\r\n }),\r\n () => {\r\n this.initialState(inputName, inputValue);\r\n }\r\n );\r\n };\r\n\r\n selectTab = (index) => {\r\n this.props.selectTab(index);\r\n };\r\n\r\n toggleModal = (open) => {\r\n this.setState({ isOpenModal: open });\r\n };\r\n\r\n addNewPerson = () => {\r\n this.setState({ keyModal: `modal_${new Date().getTime()}` });\r\n this.setState({ isEditModal: false, isOpenModal: true, editModel: null });\r\n };\r\n\r\n editModal = (id) => {\r\n this.setState({ keyModal: `modal_${new Date().getTime()}` });\r\n this.setState((prevState) => {\r\n const item = prevState.incidentModel.injuredPeople.find((el) => el.id === id);\r\n return { editModel: item, isEditModal: true, isOpenModal: true };\r\n });\r\n };\r\n\r\n handleSaveModal = (data) => {\r\n try {\r\n if (data == null) return;\r\n\r\n const oldinjuredPeople = this.state.incidentModel.injuredPeople || [];\r\n\r\n if (this.state.isEditModal) {\r\n // edit\r\n const { id } = data;\r\n const indexElement = oldinjuredPeople.findIndex((el) => el.id === id);\r\n if (indexElement > -1) {\r\n const newinjuredPeople = [...oldinjuredPeople];\r\n newinjuredPeople[indexElement] = data;\r\n this.updateState('injuredPeople', newinjuredPeople, 'incidentModel');\r\n } else {\r\n showNotification.error();\r\n }\r\n } else {\r\n // insert\r\n const dataObj = { ...data };\r\n dataObj.idIncident = this.props.incidentEditModel.id;\r\n dataObj.id = uuid(); // id IncidentInjuredPerson\r\n dataObj.toSave = true; // solo gli injured appena creati possono essere modificati\r\n const newinjuredPeople = oldinjuredPeople.concat([dataObj]);\r\n this.updateState('injuredPeople', newinjuredPeople, 'incidentModel');\r\n }\r\n\r\n this.setState({ isOpenModal: false });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INCIDENT, 'handleSaveModal'));\r\n }\r\n };\r\n\r\n getInjuryTypeName = (id) => {\r\n const element = this.props.appInjuryType.find((el) => el.id === id);\r\n return element ? element.name : '';\r\n };\r\n\r\n saveTabReport = () => {\r\n if (this.validator.allValid()) {\r\n this.props.isSubmitted(true);\r\n\r\n const datiForm = this.state.incidentModel;\r\n\r\n api\r\n .put('/incident/', datiForm, `${datiForm.id}/report`)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\r\n this.state.incidentModel.id != null\r\n ? `${entitiesLabels.INCIDENT} ${entitiesLabels.WITHCODE} ${datiForm.incidentReportId} ${getSuccess('report distribution', apioperation.PUT)}`\r\n : getSuccess(entitiesLabels.INCIDENT, apioperation.POST)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INCIDENT, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.props.isSubmitted(false);\r\n });\r\n this.props.updateCacheIncidentModel(datiForm, 'tabReport');\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.INCIDENT} required fields are missing `\r\n );\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n confirmDelete = (id) => {\r\n this.setState({\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n deleteItem = () => {\r\n const id = this.state.idToDelete;\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.incidentModel };\r\n statusCopy.injuredPeople = statusCopy.injuredPeople.filter((el) => el.id !== id);\r\n\r\n return {\r\n incidentModel: statusCopy,\r\n isDeleting: false,\r\n isOpenDeleteModal: false,\r\n };\r\n });\r\n };\r\n\r\n handleChangeRadio = (value, id, event) => {\r\n let v = null; \r\n if (value === 'true') {\r\n v = true;\r\n } else if (value === 'false') {\r\n v = false;\r\n } else if (value === 'null') {\r\n v = null;\r\n }\r\n\r\n this.updateState(event.target.name, v, event.target.alt);\r\n };\r\n \r\n handleChangeModel = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n const objName = el.target.alt;\r\n this.updateState(inputName, inputValue, objName);\r\n };\r\n\r\n render() {\r\n if (!this.props.incidentEditModel || !this.props.incidentEditModel.id) {\r\n return null;\r\n }\r\n\r\n this.validator.purgeFields(); // si usa quando ci sono validazioni condizionali tra più campi\r\n const validations = {\r\n // immediateActions: \r\n // this.validator.message('immediateActions', \r\n // this.state.hocCardModel.immediateActions,\r\n // 'required'),\r\n mailBodyReport: this.validator.message(\r\n 'mailBodyReport',\r\n this.state.incidentModel.mailBodyReport,\r\n 'required'\r\n ),\r\n mailSubjectReport: this.validator.message(\r\n 'mailSubjectReport',\r\n this.state.incidentModel.mailSubjectReport,\r\n 'required'\r\n ),\r\n };\r\n\r\n const rows = this.state.incidentModel.injuredPeople || [];\r\n // const injuredPersonModalProps = {\r\n // key: this.state.keyModal,\r\n // title: 'Injured Person',\r\n // editModel: this.state.editModel,\r\n // isOpenModal: this.state.isOpenModal,\r\n // isEditModal: this.state.isEditModal,\r\n // mode: this.state.isEditModal ? 2 : 0,\r\n // appType: this.props.appType,\r\n // appNationality: this.props.appCountry,\r\n // appInjuryType: this.props.appInjuryType,\r\n // appContractType: this.state.appContractType,\r\n // appShiftDuration: this.state.appShiftDuration,\r\n // appInjurySource: this.state.appInjurySource,\r\n // appInjuryClass: this.state.appInjuryClass,\r\n // appBodyPart: this.state.appBodyPart,\r\n // toggleModal: this.toggleModal,\r\n // save: this.handleSaveModal,\r\n // };\r\n\r\n const getNameById = (id) => {\r\n if (id == null) return '';\r\n const element = rows.find((el) => el.id === id);\r\n return element ? element.fullname : '';\r\n };\r\n\r\n // const confirmDelProps = () => ({\r\n // idToDelete: this.state.idToDelete,\r\n // nameItem: getNameById(this.state.idToDelete),\r\n // isDeleting: this.state.isDeleting,\r\n // open: this.state.isOpenDeleteModal, // open state\r\n // onCloseConfirm: this.onCloseConfirm, // no click\r\n // deleteItem: this.deleteItem, // yes click fn()\r\n // });\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {' '}\r\n \r\n {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.INCIDENT_REPORT, apioperation.DOWNLOAD)\r\n );\r\n }}\r\n size=\"small\"\r\n className=\" selection-items-list-costum bx--data-table-container-absolute \"\r\n renderIcon={DocumentExport16}\r\n iconDescription=\"Download Report\"\r\n title=\"Download Report\"\r\n kind=\"ghost\"\r\n apiUrl={`/incident/report/${this.state.incidentModel.id}`}\r\n fileName={`Incident_Report_${this.state.incidentModel.incidentReportId}.pdf`}\r\n onDownLoadStart={() => {\r\n this.setState({\r\n isLoadingReportFile: true,\r\n });\r\n }}\r\n onDownLoadEnd={() => {\r\n this.setState({\r\n isLoadingReportFile: false,\r\n });\r\n }}\r\n />\r\n \r\n
\r\n\r\n \r\n 4.1 Report Distribution\r\n
\r\n {' '}\r\n\r\n
\r\n \r\n \r\n this.updateState('mailTo', value, 'incidentModel')}\r\n invalid={validations.mailTo != null}\r\n disabled={this.state.isDisabled}\r\n title=\"⚠ Do Not use Personal Accounts\"\r\n // placeholder=\"Input mail To\"\r\n />\r\n\r\n {/* \r\n
\r\n \r\n \r\n this.updateState('mailCc', value, 'incidentModel')}\r\n disabled={this.state.isDisabled}\r\n title=\"⚠ Do Not use Personal Accounts\"\r\n // placeholder=\"Input mail Cc\"\r\n />\r\n {/* \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('mailBodyReport', el.target.value, 'incidentModel')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n invalid={validations.mailBody != null}\r\n />\r\n {validations.mailBodyReport}\r\n \r\n
\r\n \r\n this.selectTab(2)}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Prev Step\r\n \r\n this.props.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveTabReport()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n \r\n this.props.submitReport()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Submit\r\n \r\n \r\n \r\n this.props.submitReport()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Submit\r\n \r\n \r\n window.print()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Print\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nIncidentTabReport.propTypes = {\r\n cancel: PropTypes.func.isRequired,\r\n isSubmitted: PropTypes.func.isRequired,\r\n selectTab: PropTypes.func.isRequired,\r\n submitReport: PropTypes.func.isRequired,\r\n updateCacheIncidentModel: PropTypes.func.isRequired,\r\n appInjuryType: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.string,\r\n code: PropTypes.string,\r\n name: PropTypes.string,\r\n inUse: PropTypes.bool,\r\n createdBy: PropTypes.string,\r\n createdOn: PropTypes.instanceOf(Date),\r\n updatedBy: PropTypes.string,\r\n updatedOn: PropTypes.instanceOf(Date),\r\n validSince: PropTypes.instanceOf(Date),\r\n validUntil: PropTypes.instanceOf(Date),\r\n typology: PropTypes.string\r\n })).isRequired,\r\n incidentEditModel: PropTypes.shape({\r\n noInjured: PropTypes.string,\r\n injuredPeople: PropTypes.array,\r\n eventCause: PropTypes.string,\r\n actions: PropTypes.string,\r\n dueDate: PropTypes.instanceOf(Date),\r\n mailTo: PropTypes.string,\r\n mailCc: PropTypes.string,\r\n mailBodyReport: PropTypes.string,\r\n mailSubjectReport: PropTypes.string,\r\n processed: PropTypes.bool,\r\n id: PropTypes.string,\r\n progressiveId: PropTypes.number,\r\n incidentReportId: PropTypes.string,\r\n idStatus: PropTypes.number,\r\n status: PropTypes.object,\r\n idCompiler: PropTypes.string,\r\n idDataApprover: PropTypes.string,\r\n idDivisionManager: PropTypes.string,\r\n }).isRequired\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n TextArea,\r\n Button,\r\n FormGroup,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Toggle,\r\n} from 'carbon-components-react';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { entitiesLabels } from '../../helpers/Constants';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\n\r\nexport class IncidentEventModal extends Component {\r\n incidentEventModel = (props) => {\r\n if (props.isEditModal) {\r\n return { ...props.editModel };\r\n }\r\n\r\n return {\r\n id: null, //guid\r\n occurredAt: null, //datetime\r\n briefDescription: '', //string\r\n anomaly: false, //bool\r\n idIncident: null, //guid\r\n };\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator({autoForceUpdate: this, locale: 'en'}); \r\n this.validatorTime = new SimpleReactValidator({autoForceUpdate: this, locale: 'en'});\r\n this.state = {\r\n flagTime : false,\r\n model: {\r\n ...this.incidentEventModel(props),\r\n },\r\n };\r\n }\r\n\r\n updateStatesTime = (inputName, inputValue, objName) => { \r\n if(inputValue==false){\r\n this.setState({flagTime:true});\r\n if (this.validatorTime.allValid()) {\r\n this.validatorTime.showMessages();\r\n }}\r\n else{\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.flagTime = false;\r\n this.setState(statusCopy);\r\n }\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n handleChangeModel = (el) => {\r\n let inputName = el.target.name;\r\n let inputValue = el.target.value;\r\n\r\n let statusCopy = Object.assign({}, this.state.model);\r\n statusCopy[inputName] = inputValue;\r\n\r\n this.setState({ model: statusCopy });\r\n };\r\n\r\n handleToggle = (value, id) => {\r\n //onchange toggle widget\r\n this.setState((prevState) => ({\r\n model: {\r\n ...prevState.model,\r\n [id]: value,\r\n },\r\n }));\r\n };\r\n\r\n save = () => {\r\n if (this.validator.allValid()) {\r\n if(!this.validatorTime.allValid()){\r\n this.props.save(this.state.model);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,'Event created successfully');\r\n }\r\n else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n entitiesLabels.INCIDENT + ' time is invalid '\r\n );\r\n }}\r\n else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n entitiesLabels.INCIDENT + ' required fields are missing '\r\n );\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n\r\n render() {\r\n const validationsTime = {\r\n validTime: this.validatorTime.message(\r\n 'validTime',\r\n this.state.flagTime,\r\n 'accepted'\r\n ), \r\n }\r\n const validations = {\r\n // immediateActions: this.validator.message('immediateActions', this.state.hocCardModel.immediateActions, 'required'),\r\n occurredAt: this.validator.message('occurredAt', this.state.model.occurredAt, 'required'),\r\n briefDescription: this.validator.message(\r\n 'briefDescription',\r\n this.state.model.briefDescription,\r\n 'required'\r\n ),\r\n };\r\n const modalHeader = {\r\n title: this.props.isEditModal ? 'Edit ' : 'Add new ',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.toggleModal(false),\r\n };\r\n const { title, isOpenModal } = this.props;\r\n\r\n return (\r\n {title || ''}
\r\n\r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Invalid time format
\r\n ): null} \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.handleClearSearch()}\r\n >\r\n Clear\r\n \r\n this.getEmployees()}\r\n >\r\n Search\r\n \r\n
\r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n {/*| \r\n {headers.map((header) => (\r\n | \r\n {this.state.selectedRow === row.id ? (\r\n | \r\n {row.cells.map((cell) => (\r\n
|---|
\r\n
*/}\r\n {title || ''}
\r\n\r\n this.handleChangeMode(1)}\r\n >\r\n GHRS research\r\n \r\n this.handleChangeMode(2)}\r\n >\r\n Manual input\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {this.props.appType == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.type}\r\n items={this.props.appType}\r\n invalid={validations.type != null}\r\n />\r\n )}\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* Removed in RITM0701238 */}\r\n {/* \r\n \r\n \r\n
*/}\r\n {title || ''}
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n {this.state.setEmployer === 1 ?\r\n \r\n :\"\" }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n {title +\": \"+ subtitle || \"\"}
\r\n\r\n this.handleChangeMode(1)}\r\n >\r\n GHRS research\r\n \r\n this.handleChangeMode(2)}\r\n >\r\n Manual input\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {this.props.appType == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.type}\r\n // items={this.props.appType.filter((el) => el.name != 'Saipem')}\r\n //CR RITM0583314\r\n items={this.props.appType.filter(\r\n (item) => item.name !== 'SAP')} // Rimuovi l'opzione \"SAP\" dalla lista //RITM1030537 \r\n disabled={this.state.model.idEmployer != null}\r\n invalid={validations.type != null}\r\n />\r\n )}\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.subContractor}\r\n items={subContractorsByInfo}\r\n disabled={\r\n this.state.isDisabled ||\r\n selectedItemCombo.type?.name === \"Saipem\" ||\r\n selectedItemCombo.type == null\r\n }\r\n invalid={validations.subContractor != null}\r\n />\r\n {validations.subContractor}\r\n \r\n
\r\n {/* \r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n \r\n
*/\r\n }\r\n\r\n {!this.props.autoInjuredPersonModalFromNotification ? (\r\n \r\n \r\n {this.props.appNationality == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.nationality}\r\n items={this.props.appNationality}\r\n disabled={this.state.model.idEmployer != null}\r\n invalid={validations.nationality != null}\r\n />\r\n )}\r\n {validations.nationality}\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.props.appInjuryType == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.idInjuryType}\r\n items={this.props.appInjuryType}\r\n invalid={validations.idInjuryType != null}\r\n />\r\n )}\r\n {validations.idInjuryType}\r\n \r\n
\r\n {!this.props.autoInjuredPersonModalFromNotification ? (\r\n \r\n
\r\n\t\t\t\t ) : (\r\n \r\n \r\n {this.props.appContractType == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.idContractType}\r\n items={this.props.appContractType}\r\n // invalid={validations.idContractType != null}\r\n />\r\n )}\r\n {/* {validations.idContractType} */}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.appShiftDuration == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.idShiftDuration}\r\n items={this.props.appShiftDuration}\r\n // invalid={validations.idShiftDuration != null}\r\n />\r\n )}\r\n {/* {validations.idShiftDuration} */}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.updateState(id, value, \"model\")\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.isWorkRestricedCase == 1 ? (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.isWorkRestricedCase == 2 ? (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {/* \r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {this.props.appInjurySource == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.idInjurySource}\r\n items={this.props.appInjurySource}\r\n //invalid={validations.idInjurySource != null}\r\n />\r\n )}\r\n {/* {validations.idInjurySource} */}\r\n \r\n
\r\n \r\n \r\n {this.props.appInjuryClass == null ? (\r\n (item ? item.name : \"\")}\r\n initialSelectedItem={selectedItemCombo.idInjuryClass}\r\n items={this.props.appInjuryClass}\r\n // invalid={validations.idInjuryClass != null}\r\n />\r\n )}\r\n {/* {validations.idInjuryClass} */}\r\n \r\n
\r\n \r\n \r\n {this.props.appBodyPart == null ? (\r\n elem.name).join(', ')\r\n }\r\n itemToString={(item) => (item ? item.name : \"\")}\r\n items={this.props.appBodyPart}\r\n onChange={this.onChange}\r\n type=\"default\"\r\n initialSelectedItems={selectedItemCombo.selectedBodyParts}\r\n />\r\n // (item ? item.name : \"\")}\r\n // initialSelectedItem={selectedItemCombo.idBodyPart}\r\n // items={this.props.appBodyPart}\r\n // invalid={validations.idBodyPart != null}\r\n // />\r\n )}\r\n {/* {validations.GuidBodyPart} */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {(this.props.outcomeHarm && this.props.realOutcomeHarm)? (\r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.props.outcomeAsset ? (\r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.props.outcomeEnviroment ? (\r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {validations.sourceAccident}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n\r\n */}\r\n
\r\n \r\n
\r\n 2.1 Injured Personnel details
\r\n\r\n
\r\n \r\n \r\n \r\n 0)}\r\n />\r\n \r\n {validations.noInjured}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {!this.state.isDisabled && !this.state.incidentModel.noInjured && (\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n {validations.injuredPeople}\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.2 Asset Damage details
\r\n\r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idAssetDamageType}\r\n items={this.state.assetdamagetype}\r\n invalid={validations.idAssetDamageType != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n {validations.idAssetDamageType}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.3 Environmental damage detail
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {validations.spillContainedNumericValue}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {validations.uncontrolledReleaseContained}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.sourceAccident}\r\n items={this.state.appAccidentSource}\r\n disabled={this.state.appAccidentSource == null || this.state.isDisabled}\r\n invalid={validations.sourceAccident != null}\r\n />\r\n {validations.sourceAccident}\r\n
\r\n \r\n
\r\n \r\n \r\n this.updateState('isSpill', el, 'incidentModel')}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Lake \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.spillLakeUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isSpill != true || selectedItemCombo.spillContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n River \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.spillRiverUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isSpill != true || selectedItemCombo.spillContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Sea \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.spillSeaUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isSpill != true || selectedItemCombo.spillContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n Soil \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.spillSoilUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isSpill != true || selectedItemCombo.spillContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Contained \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.spillContainedUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isSpill != true\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Substance released* \r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.incidentModel.spillSubstanceReleased}\r\n items={this.state.substanceReleased}\r\n disabled={\r\n this.state.isDisabled || this.state.incidentModel.isSpill != true\r\n }\r\n />\r\n {validations.spillSubstanceReleased}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.updateState(\r\n 'spillDescription',\r\n el.target.value,\r\n 'incidentModel'\r\n )\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('isUncontrolledRelease', el, 'incidentModel')\r\n }\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Lake \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.uncontrolledReleaseLakeUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isUncontrolledRelease != true || selectedItemCombo.uncontrolledReleaseContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n River \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.uncontrolledReleaseRiverUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isUncontrolledRelease != true || selectedItemCombo.uncontrolledReleaseContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Sea \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.uncontrolledReleaseSeaUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isUncontrolledRelease != true || selectedItemCombo.uncontrolledReleaseContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n Soil \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.uncontrolledReleaseSoilUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isUncontrolledRelease != true || selectedItemCombo.uncontrolledReleaseContainedUM\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Contained \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.uncontrolledReleaseContainedUM}\r\n items={appMeasureUnitForSpill}\r\n disabled={\r\n appMeasureUnitForSpill == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isUncontrolledRelease != true\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Substance released* \r\n
\r\n \r\n \r\n \r\n this.updateState('isAirPollutio', el, 'incidentModel')\r\n }\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n Substances Released\r\n {this.state.incidentModel.isAirPollutio == true ? '*' : null}\r\n \r\n
\r\n \r\n
\r\n\r\n {validations.airPollution}\r\n \r\n \r\n Estimated Release Quantity\r\n {this.state.incidentModel.isAirPollutio == true ? '*' : null}\r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.airPollUM}\r\n items={appMeasureUnitForAirPollution}\r\n disabled={\r\n appMeasureUnitForAirPollution == null ||\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isAirPollutio != true\r\n }\r\n invalid={validations.airPollution}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('isFloraFaunaDamage', el, 'incidentModel')\r\n }\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.incidentModel.impactOn}\r\n items={this.state.impactOn}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isFloraFaunaDamage != true\r\n }\r\n />\r\n {validations.floraFaunaDamageImpactOn}\r\n \r\n
\r\n \r\n
\r\n \r\n Species affected{(this.state.incidentModel.isFloraFaunaDamage ? '*' : '')} \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState(\r\n 'floraFaunaDamageDescription',\r\n el.target.value,\r\n 'incidentModel'\r\n )\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state.incidentModel.isFloraFaunaDamage != true\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.updateState('isOther', el, 'incidentModel')}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState(\r\n 'otherDescription',\r\n el.target.value,\r\n 'incidentModel'\r\n )\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={\r\n this.state.isDisabled || this.state.incidentModel.isOther != true\r\n }\r\n />\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.4 Time line (*)
\r\n\r\n
\r\n \r\n \r\n \r\n {!this.state.isDisabled && (\r\n {\r\n this.addNewEvent();\r\n }}\r\n renderIcon={Add16}\r\n >\r\n Add new\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {validations.incidentEvents}
\r\n \r\n {' '}\r\n
\r\n 2.5 Other information
\r\n\r\n
\r\n \r\n Work process Type \r\n
\r\n \r\n Work process \r\n
\r\n \r\n
\r\n \r\n {!this.state.appWorkProcessType ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorkProcessType}\r\n items={this.state.appWorkProcessType}\r\n // invalid={validations.idWorkProcessType != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n )}\r\n
\r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorkProcess || '-'}\r\n items={this.state.appWorkProcess}\r\n // invalid={validations.idWorkProcess != null}\r\n disabled={this.state.appWorkProcess == null || this.state.isDisabled}\r\n />\r\n
\r\n {showOtherWorkProcess && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n Work Area Type (*) \r\n
\r\n \r\n Work Area (*) \r\n
\r\n \r\n
\r\n \r\n {!this.state.appWorkAreaType ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorkAreaType}\r\n items={this.state.appWorkAreaType}\r\n invalid={validations.idWorkAreaType != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n )}\r\n {validations.idWorkAreaType}\r\n
\r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorkArea || '-'}\r\n items={this.state.appWorkArea}\r\n invalid={validations.idWorkArea != null}\r\n disabled={this.state.appWorkArea == null || this.state.isDisabled}\r\n />\r\n {validations.idWorkArea}\r\n
\r\n {showOtherWorkArea && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n Equipment Type \r\n
\r\n \r\n Equipment \r\n
\r\n \r\n
\r\n \r\n {!this.state.appEquipmentType ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idEquipmentType}\r\n items={this.state.appEquipmentType}\r\n // invalid={validations.idEquipmentType != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n )}\r\n
\r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idEquipment}\r\n items={this.state.appEquipment}\r\n // invalid={validations.idEquipment != null}\r\n disabled={this.state.appEquipment == null || this.state.isDisabled}\r\n />\r\n
\r\n {showOtherEquipment && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.6 Weather Conditions
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('sea', value, 'incidentModel')\r\n }\r\n itemToString={(item) => item || ''}\r\n initialSelectedItem={this.state.incidentModel.sea}\r\n items={this.state.appSea}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {' '}\r\n The temperature must be consistent with the type: Hot or Cold{' '}\r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.7 Witnesses (*)
\r\n\r\n
\r\n \r\n \r\n \r\n 0)}\r\n />\r\n \r\n {validations.noWitness}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {!this.state.isDisabled && !this.state.incidentModel.noWitness && (\r\n {\r\n this.addWitness();\r\n }}\r\n renderIcon={Add16}\r\n >\r\n Add new\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {validations.witnessPeople}
\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n 2.8 Investigation Team (*)
\r\n\r\n
\r\n \r\n \r\n \r\n {!this.state.isDisabled && (\r\n {\r\n this.addTeamMember();\r\n }}\r\n renderIcon={Add16}\r\n >\r\n Add new\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {validations.investigationTeamMembers}
\r\n \r\n
\r\n\r\n \r\n {' '}\r\n
\r\n 2.9 Attachment Section
\r\n(It is prohibited to add in the report / notification any sensitive picture (i.e. wound, stitches, broken part, etc..) or any sensitive information related to the injured person.​\r\n It is also forbidden to upload photos on which it is possible to recognize specific people​)
\r\n{validations.attachment}
*/}\r\n 3.8 Investigation Findings
\r\n
\r\n \r\n \r\n this.updateState('investigationCriticalFactors', el.target.value, 'incidentModel')}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n />\r\n \r\n
\r\n \r\n \r\n this.updateState('lessonLearned', el.target.value, 'incidentModel')}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n />\r\n \r\n
\r\n \r\n this.selectTab(0)}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Prev Step\r\n \r\n this.props.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveTabInvestigation()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n window.print()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Print\r\n \r\n this.selectTab(2)}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Next Step\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n Button,\r\n Table,\r\n TableContainer,\r\n TableHead,\r\n TableHeader,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n FormGroup,\r\n TextArea,\r\n TableToolbar,\r\n DataTableSkeleton,\r\n} from 'carbon-components-react';\r\nimport { Link } from 'react-router-dom';\r\nimport { ArrowRight16, Checkmark24 } from '@carbon/icons-react';\r\nimport { Section } from '../../lib/react-scroll-section/src/index';\r\nimport { Menu, Item } from '../../helpers/scrolling/ScrollingMenuItem';\r\nimport '../../scss/custom.scss';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { getSuccess, getError, entitiesLabels, apioperation } from '../../helpers/Constants';\r\nimport { api } from '../../helpers/api/api';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport { IsEditable } from '../../helpers/authorization/Policies';\r\nimport { StatusTag } from '../../helpers/PageBreadCrumb';\r\nconst IncidentTabCausesModel = {\r\n id: null,\r\n investigationCriticalFactors: null,\r\n returnOfExperience: null,\r\n incidentCAR: [],\r\n};\r\n\r\nexport default class IncidentTabCauses extends Component {\r\n initialState = (props) => {\r\n let initialState = {\r\n incidentModel: {\r\n ...IncidentTabCausesModel,\r\n },\r\n isDisabled: true,\r\n };\r\n if (props.incidentEditModel) {\r\n initialState.incidentModel = { ...props.incidentEditModel };\r\n initialState.isDisabled = !IsEditable(\r\n 'Incident',\r\n 'Reporting',\r\n props.user,\r\n props.incidentEditModel.status.id,\r\n 'Causes',\r\n props.incidentEditModel\r\n );\r\n }\r\n return initialState;\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.updateState = this.updateState.bind(this);\r\n\r\n this.state = {\r\n ...this.initialState(props),\r\n };\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n selectTab = (index) => {\r\n this.props.selectTab(index);\r\n };\r\n\r\n saveTabCauses = () => {\r\n if (this.validator.allValid()) {\r\n this.props.isSubmitted(true);\r\n\r\n let datiForm = this.state.incidentModel;\r\n\r\n api\r\n .put('/incident/', datiForm, datiForm.id + '/causes')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n this.state.incidentModel.id != null\r\n ? `${entitiesLabels.INCIDENT} ${entitiesLabels.WITHCODE} ${\r\n datiForm.incidentReportId\r\n } ${getSuccess('causes', apioperation.PUT)}`\r\n : getSuccess(entitiesLabels.INCIDENT, apioperation.POST)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.INCIDENT, apioperation.POST)\r\n );\r\n })\r\n .finally(() => {\r\n this.props.isSubmitted(false);\r\n });\r\n this.props.updateCacheIncidentModel(datiForm, 'tabCauses');\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n entitiesLabels.INCIDENT + ' required fields are missing '\r\n );\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n render() {\r\n const validations = {\r\n investigationCriticalFactors: this.validator.message(\r\n 'investigationCriticalFactors',\r\n this.state.incidentModel.investigationCriticalFactors,\r\n 'required'\r\n ),\r\n };\r\n if (!this.props.incidentEditModel || !this.props.incidentEditModel.id) {\r\n return null;\r\n }\r\n\r\n const rows = this.state.incidentModel.incidentCAR || [];\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n 3.1 Investigation Findings (*)
\r\n(It is forbidden to mention any Name and/or Surname. If necessary, use only the IP (Injured Person) wording and generic definition (such as witness, IP))
\r\n\r\n
\r\n \r\n \r\n \r\n this.updateState(\r\n 'investigationCriticalFactors',\r\n el.target.value,\r\n 'incidentModel'\r\n )\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n invalid={validations.investigationCriticalFactors != null}\r\n disabled={this.state.isDisabled}\r\n />\r\n {validations.investigationCriticalFactors}\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('returnOfExperience', el.target.value, 'incidentModel')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n 3.2 ROOT CAUSES ANALISYS
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {this.props.isLoadingIncident ? (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n this.selectTab(1)}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Prev Step\r\n \r\n this.props.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveTabCauses()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n window.print()}\r\n disabled={this.state.isDisabled}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Print\r\n \r\n this.selectTab(3)}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Next Step\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n TextInput, Button, Table, DataTable, TableContainer, TableHead, TableHeader, TableBody, TableRow,\r\n ComposedModal, ModalHeader, ModalBody, ModalFooter, DataTableSkeleton\r\n} from 'carbon-components-react';\r\nimport { RadioButton20, RadioButtonChecked20 } from '@carbon/icons-react';\r\nimport { showNotification } from '../helpers/notification/BaseNotification';\r\nimport { getSuccess, getError, entitiesLabels, apioperation } from '../helpers/Constants';\r\nimport { api } from '../helpers/api/api';\r\nimport { RenderDataTableCell, NoRecordsPlaceholder, Pagination } from '../helpers/jsonschemaform/DataTableExtention';\r\n\r\nexport class HistoryTable extends Component {\r\n initState = (props) => {\r\n\r\n return {\r\n\r\n entityId: props.entityId,\r\n\r\n };\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ...this.initState(props),\r\n itemList: [],\r\n isLoading: false,\r\n };\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n \r\n if (nextProps.isOpenModal && !this.props.isOpenModal) {\r\n this.getHistoryWF(this.props.entityId);\r\n }\r\n }\r\n\r\n /*************API********************/\r\n getHistoryWF = (id) => {\r\n this.setState({ isLoading: true });\r\n api.get('/historyWF/', id==null?this.state.entityId: id)\r\n .then(response => {\r\n //console.log(response);\r\n this.setState({\r\n itemList: response.data\r\n });\r\n }).catch(error => {\r\n showNotification.error(getError(error, entitiesLabels.HISTORYWF, apioperation.GET));\r\n\r\n }).finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n }\r\n /*********************************/\r\n\r\n render() {\r\n const modalHeader = {\r\n title: \"History\",\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.onClose()\r\n };\r\n const DTHeaders = [\r\n { key: 'eventDescription', header: 'Description' },\r\n { key: 'timeOfOccurance', header: 'Date', type: 'datetime' },\r\n { key: 'userMail', header: 'User' },\r\n ... (this.state.itemList != null && this.state.itemList.length > 0 && this.state.itemList.find(x => x.nextApproverMail != null)) ? [{ key: 'nextApproverMail', header: 'Approval - Consolidation in charge to' }] : [], //RITM0946152\r\n\r\n ];\r\n const DTRows = this.state.itemList || [];\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n (\r\n \r\n {this.state.isLoading ?\r\n \r\n
\r\n\r\n }\r\n \r\n )}\r\n />\r\n
\r\n\r\n\r\n \r\n \r\n {/* RITM0655780 */}\r\n { !(this.state.incidentEditModel \r\n && this.state.incidentEditModel.tabNotifications \r\n && this.state.incidentEditModel.tabNotifications.notificationDate \r\n && this.state.incidentEditModel.tabNotifications.notificationDate.startsWith('0001-01-01')\r\n ) ? (\r\n ''\r\n ) : this.state.isLoadingIncident ? (\r\n
\r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n {/* END RITM0655780 */}\r\n\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n ) : (\r\n ''\r\n )}\r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n this.setState({ stateTabs: index })}\r\n tabContentClassName=\"tab-content\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.isEdit && this.state.incidentEditModel && (\r\n \r\n \r\n \r\n \r\n {this.state.isEdit && this.state.incidentEditModel && (\r\n \r\n \r\n \r\n \r\n {this.state.isEdit && this.state.incidentEditModel && (\r\n \r\n \r\n \r\n
\r\n {title || ''}
\r\n\r\n
\r\n \r\n
\r\n {}\r\n \r\n \r\n {this.state.appDirectCause == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idDirectCause}\r\n items={this.state.appDirectCause}\r\n invalid={validations.idDirectCause != null}\r\n />\r\n )}\r\n {validations.idDirectCause}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idDirectCauseSubCategory\r\n ? selectedItemCombo.idDirectCauseSubCategory\r\n : {}\r\n }\r\n items={this.state.appDirectCauseSubCategory}\r\n disabled={this.state.appDirectCauseSubCategory == null}\r\n invalid={validations.idDirectCauseSubCategory != null}\r\n />\r\n {validations.idDirectCauseSubCategory}\r\n \r\n
\r\n \r\n \r\n {this.state.appRootCause == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idRootCause ? selectedItemCombo.idRootCause : {}\r\n }\r\n items={this.state.appRootCause}\r\n invalid={validations.idRootCause != null}\r\n />\r\n )}\r\n {validations.idRootCause}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idRootCauseSubCategory\r\n ? selectedItemCombo.idRootCauseSubCategory\r\n : {}\r\n }\r\n items={this.state.appRootCauseSubCategory}\r\n disabled={this.state.appRootCauseSubCategory == null}\r\n invalid={validations.idRootCauseSubCategory != null}\r\n />\r\n {validations.idRootCauseSubCategory}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idRootCauseSubCategoryDetail}\r\n items={this.state.appRootCauseSubCategoryDetail}\r\n disabled={this.state.appRootCauseSubCategoryDetail == null}\r\n />\r\n {/* validations.idRootCauseSubCategoryDetail */}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n {!this.state.model ? (\r\n \r\n
*/}\r\n\r\n {/* \r\n \r\n {\r\n this.props.appStatus == null ?\r\n (item ? item.reportingName : '')}\r\n initialSelectedItem={selectedItemCombo.idStatus}\r\n items={this.props.appStatus}\r\n disabled={true}\r\n />\r\n }\r\n \r\n
*/}\r\n {/* RITM0623666 */}\r\n {/* \r\n \r\n \r\n
*/}\r\n {/* FINE RITM0623666*/}\r\n \r\n
\r\n {validations.idOwner}\r\n \r\n this.handleChangeMode(1)}\r\n >\r\n GHRS research\r\n \r\n
\r\n \r\n this.handleChangeMode(2)}\r\n >\r\n Saipem research\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n '',\r\n 'Create',\r\n this.getCanEditResourceId(null)\r\n ) && this.state.incidentModel?.incident?.status?.id < 3 ? (\r\n \r\n ) : null}\r\n \r\n\r\n (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {/* {this.canApproveCAR(selectedRows[0].id) &&\r\n CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit CAR\r\n \r\n ) : null} */}\r\n\r\n {this.canApproveCAR(selectedRows[0].id) &&\r\n CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve CAR\r\n \r\n ) : null}\r\n\r\n {this.canCloseCAR(selectedRows[0].id) &&\r\n CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Close',\r\n 'Close',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Close CAR\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Open',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Open',\r\n 'Open',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Open CAR\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject CAR\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Incident',\r\n 'CARManagement',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getCanEditResourceId(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'DELETE',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete CAR\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n \r\n )}\r\n \r\n
\r\n {title || ''}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.updateState('caImplemented', el.target.value, 'model')}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validations.caImplemented != null}\r\n />\r\n {validations.caImplemented}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.deleteEmployer()}\r\n className=\"search--custom-button\"\r\n />\r\n
\r\n \r\n \r\n {this.state.appType == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.type}\r\n //items={this.state.appType} //RITM0864398\r\n items={this.state.appType ? this.excludeOption(this.state.appType, 'SAP') : []}\r\n disabled={this.state.model.owner.idEmployer != null}\r\n invalid={validations.type != null}\r\n />\r\n )}\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.appNationality == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.nationality}\r\n items={this.state.appNationality}\r\n disabled={this.state.model.owner.idEmployer != null}\r\n key={this.state.model.owner?.nationality != null}\r\n //invalid={validations.nationality != null}\r\n />\r\n )}\r\n {/* {validations.nationality} */}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.appStatus == null ? (\r\n (item ? item.caManagementName : '')}\r\n initialSelectedItem={selectedItemCombo.idStatus}\r\n items={this.props.appStatus}\r\n disabled={true}\r\n />\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n The Due Date must be less than or equal to the Due Date of the Car\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n \r\n {this.showLoading()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { TextInput, Loading, FormGroup, FormLabel, Button, DatePickerSkeleton } from 'carbon-components-react';\r\nimport '../../scss/custom.scss';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n getSuccess,\r\n entitiesLabels,\r\n apioperation,\r\n STATUS,\r\n DateFormat,\r\n} from '../../helpers/Constants';\r\nimport { api } from '../../helpers/api/api';\r\nimport CAList from './CAList';\r\nimport { IsEditable, CanExecuteAction } from '../../helpers/authorization/Policies';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport { CheckmarkOutline16, Send16, Delete16, Error16 } from '@carbon/icons-react/lib/';\r\nimport { WFActionModal } from '../common/WFActionModal';\r\nimport { ChevronLeft16, Information16 } from '@carbon/icons-react';\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport { Online, Offline } from '../common/OnLineOffLine';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\n\r\nimport { v4 as uuid } from \"uuid\";\r\nimport AttachmentTable from '../common/AttachmentTable';\r\n\r\n\r\nexport default class CARDetail extends Component {\r\n baseUrl;\r\n\r\n constructor(props) {\r\n super(props);\r\n let idIncidentEdit = props ? props.match.params.id : '';\r\n let idCar = props ? props.match.params.idCar : '';\r\n\r\n this.state = {\r\n idIncidentEdit: idIncidentEdit,\r\n idCar: idCar,\r\n isLoading: true,\r\n model: null,\r\n keyCAList: `listCA_${new Date().getTime()}`,\r\n ///Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n approvalStartDate: null,\r\n approvalEndDate: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n ///Status Action\r\n isHistoryModalOpen: false,\r\n };\r\n this.baseUrl = '/incident/' + idIncidentEdit + '/car/';\r\n }\r\n\r\n componentDidMount() {\r\n this.getCAR();\r\n }\r\n showButtonHistory = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n CA
\r\n\r\n
\r\n \r\n \r\n \r\n {this.props.isDisabled ||\r\n this.props.statusCar > 2 ||\r\n this.props.statusIncident > 2 ? null : (\r\n \r\n )}\r\n \r\n\r\n \r\n {this.props.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n }\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {this.state.model && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 2 ? 'Yes' : 'No'}\r\n disabled={true}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n }\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState('caImplemented', el.target.value, 'model')\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n className=\"disable-text\"\r\n disabled={true}\r\n />\r\n )}\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!owner ? (\r\n \r\n
\r\n \r\n \r\n {!owner ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState(\r\n 'isClose',\r\n val && val.id == STATUS.Consolidated ? true : false,\r\n 'model'\r\n )\r\n }\r\n itemToString={(item) => (item ? item.caManagementName : '')}\r\n initialSelectedItem={selectedItemCombo.idStatus}\r\n items={selectedItemCombo.appStatus}\r\n />\r\n )\r\n ) : (\r\n \r\n
\r\n\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n\r\n\r\n \r\n {!this.state.model ? (\r\n
\r\n )}\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState(\r\n 'immediateThreatment',\r\n el.target.value,\r\n 'model'\r\n )\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n invalid={validations.immediateThreatment != null}\r\n disabled={\r\n !IsEditable(\r\n 'Incident',\r\n 'CAManagement',\r\n user,\r\n this.state.model.idStatus,\r\n 'ImmediateThreatment',\r\n {\r\n email: this.state.model.owner.email,\r\n idCompiler: this.state.model.idIncidentCompiler,\r\n }\r\n )\r\n }\r\n />\r\n )}\r\n {validations.immediateThreatment}\r\n \r\n
\r\n {/* DEV 383 */}\r\n \r\n this.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveCA()}\r\n disabled={\r\n owner\r\n ? !IsEditable(\r\n 'Incident',\r\n 'CAManagement',\r\n user,\r\n this.state.model.idStatus,\r\n 'ImmediateThreatment',\r\n {\r\n email: this.state.model.owner.email,\r\n idCompiler: this.state.model.idIncidentCompiler,\r\n }\r\n )\r\n : true\r\n }\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nAuditDetails.propTypes = {\r\n onCancel: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n onUpdate: PropTypes.func.isRequired,\r\n Audit: PropTypes.object,\r\n user: PropTypes.object.isRequired,\r\n};\r\nAuditDetails.defaultProps = { Audit: null };\r\n","/* eslint-disable jsx-a11y/anchor-has-content */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { Component } from 'react';\r\nimport '../../../scss/custom.scss';\r\nimport PropTypes from 'prop-types';\r\nimport { TabsSkeleton } from 'carbon-components-react';\r\nimport MeRepository from '../../../helpers/api/MeRepository';\r\n\r\nexport default class DivisionsTab extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: true,\r\n items: [],\r\n tabSelected: this.props.selectedTab ? this.props.selectedTab : 1 ,\r\n };\r\n this.onSelectionChange = this.onSelectionChange.bind(this);\r\n this.tabs = this.tabs.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n const items = await this.getItems();\r\n this.setState({ items, loading: false, selectedTab: 2 });\r\n }\r\n\r\n\r\n onSelectionChange = (event) => {\r\n event.preventDefault();\r\n const selectedIndex = parseInt(event.target.id, 10);\r\n //const selectedIndex = event.target.id;\r\n this.setState({ tabSelected: selectedIndex });\r\n this.props.onSelectedTab(this.state.items[selectedIndex - 1].id,selectedIndex);\r\n };\r\n\r\n getItems = async () => {\r\n let items = [];\r\n items.unshift({ id: null, name: 'GLOBAL' });\r\n try {\r\n items = items.concat(await MeRepository.getDivisions());\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return items;\r\n };\r\n\r\n li = (items, index) =>\r\n items.map((item, k) => (\r\n \r\n
\r\n \r\n {this.props.Audit ? (\r\n this.closeModalHistory()}\r\n />\r\n }\r\n
\r\n\r\n \r\n {`Edit Audit Program: ${this.props.Audit.auditCode || ''} `}\r\n
\r\n ) : (\r\nProgram New Audit
\r\n )}\r\n {this.props.Audit ? this.showButtonHistory() : ''}\r\n {\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Section * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.SECTION, apioperation.GET)\r\n );\r\n }}\r\n selectedItem={this.state.newAudit.section}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n Reference Date * \r\n \r\n
\r\n \r\n
\r\n \r\n item || ''}\r\n disabled={this.state.editingDateDisabled}\r\n />\r\n
\r\n \r\n item || ''}\r\n disabled={this.state.editingDateDisabled}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n Scopes * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.SCOPE, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newAudit.scopes}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n Type of audit * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.TYPEAUDIT, apioperation.GET)\r\n );\r\n }}\r\n section={this.state.newAudit.section.id}\r\n key={this.state.newAudit.section.id}\r\n initialSelectedItem={this.state.newAudit.type}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Main Division * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.MAINDIVISION, apioperation.GET)\r\n );\r\n }}\r\n selectedItem={this.state.newAudit.division}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n Company \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.COMPANY, apioperation.GET)\r\n );\r\n }}\r\n selectedItem={this.state.newAudit.company}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Work Sites \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.WORKSITE, apioperation.GET)\r\n );\r\n }}\r\n division={this.state.newAudit.division.id}\r\n key={this.state.newAudit.division.id}\r\n initialSelectedItems={this.state.newAudit.worksites}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n Projects \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.PROJECT, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newAudit.projects}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n {TEAM_LEADER} * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.AUDITOR, apioperation.GET)\r\n );\r\n }}\r\n //userDivision={this.props.userDivision || []} //B1_Audit_Module_Optimization\r\n selectedItem={this.state.newAudit.auditor}\r\n disabled={this.state.editingAuditorDisabled}\r\n />\r\n \r\n
\r\n {this.state.checkListCompilerChanged == true ? (\r\n \r\n \r\n Reason for change * \r\n\r\n {}}\r\n type=\"text\"\r\n />\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n Target * \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.TARGET, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItem={this.state.newAudit.target}\r\n disabled={this.state.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n {this.state.newAudit.reasonsForSampling.findIndex(\r\n (el) => el.name === 'Any other HSE issues'\r\n ) !== -1 ? (\r\n \r\n \r\n Reasons For Sampling * \r\n {this.state.editingDisabled == true ? (\r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REASONFORSAMPLING, apioperation.GET)\r\n );\r\n }}\r\n openUp\r\n initialSelectedItems={this.state.newAudit.reasonsForSampling}\r\n disabled={this.state.editingDisabled}\r\n />\r\n ) : (\r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REASONFORSAMPLING, apioperation.GET)\r\n );\r\n }}\r\n openUp\r\n initialSelectedItems={this.state.newAudit.reasonsForSampling}\r\n disabled={this.state.editingDisabled}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n \r\n this.onOtherHSEIssuesTextChange(el.target.value)}\r\n />\r\n {validations.question}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Mail To* \r\n \r\n
\r\n \r\n \r\n Mail CC \r\n \r\n
\r\n \r\n \r\n\r\n \r\n Save\r\n \r\n
\r\n {this.renderLoadingModal()}\r\n - \r\n {this.li(rowItems, i * maxRowElement)}\r\n
\r\n {this.state.loading ? (\r\n
\r\n );\r\n }\r\n}\r\nDivisionsTab.propTypes = {\r\n selectedTab: PropTypes.number,\r\n onSelectedTab: PropTypes.func.isRequired,\r\n onError: PropTypes.func.isRequired\r\n};\r\nDivisionsTab.defaultProps = {\r\n selectedTab: 1\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { ComboBox, DropdownSkeleton } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\nimport AuditRepository from '../../../helpers/api/AuditRepository';\r\n\r\nexport default class AuditStatusComboBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n items: []\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n this.repository = new AuditRepository();\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n const items = await this.getItems();\r\n this.setState({ items, loading: false });\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const item = selectedItem ? selectedItem.selectedItem : null;\r\n this.props.onChange(item);\r\n };\r\n\r\n getItems = async () => {\r\n let items = [];\r\n\r\n try {\r\n items = await this.repository.getStatuses();\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return items;\r\n };\r\n\r\n render() {\r\n return this.state.loading ? (\r\n \r\n {props.isLoadingOptions ? (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n {/* RITM0946162 */}\r\n \r\n \r\n Administrator* \r\n \r\n item ? `${item.name} ${item.surname} (${item.email})` : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${`${item.name} ${item.surname} (${item.email})`} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onApproverSelect(selectedItem)}\r\n />\r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n Reasons for change* \r\n \r\n item ? `${item.name}` : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${`${item.name}`} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onReasonForAuditCancellationSelect(selectedItem)}\r\n />\r\n \r\n
\r\n \r\n
*/}\r\n {/* End */}\r\n \r\n \r\n Reasons for change* \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {props.validationMessages.map((e) => (\r\n
- \r\n {e}\r\n \r\n ))}\r\n
\r\n\t\tthis.state.showFilters && (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t));\r\n\r\n\t\treturn \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*RITM0544059*/}\r\n\t\t\t\t\t\tSection \r\n\t\t\t\t\t\t {\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SECTION, apioperation.GET))}}\r\n\t\t\t\t\t\t\tselectedItem={this.props.selectedSection}\r\n\t\t\t\t\t\t\tdisabled={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAudit Criteria \r\n\t\t\t\t\t\t {}} initialSelectedItems={this.props.selectedScopes} loadAll disabled={false} />\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tTarget \r\n\t\t\t\t\t\t {}} initialSelectedItem={this.props.selectedTarget} loadAll disabled={false} />\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tType \r\n\t\t\t\t\t\t {}} initialSelectedItem={this.props.selectedAuditType} loadAll disabled={false} />\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tProgram Status \r\n\t\t\t\t\t\t {}} initialSelectedItem={this.props.selectedPlanStatus} loadAll disabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tReport Status \r\n\t\t\t\t\t\t {}} initialSelectedItem={this.props.selectedStatus} loadAll disabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tWorksite \r\n\t\t\t\t\t\t {}} loadAll initialSelectedItems={this.props.selectedWorkSites} disabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tReason for Sampling \r\n\t\t\t\t\t\t {}} initialSelectedItems={this.props.selectedReasons} filter disabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*RITM0544059*/}\r\n\t\t\t\t\t\tLead Auditor \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.AUDITOR, apioperation.GET));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t//userDivision={this.props.userDivision || []} //B1_Audit_Module_Optimization\r\n\t\t\t\t\t\t\tselectedItem={this.props.selectedLeadAuditor}\r\n\t\t\t\t\t\t\tdisabled={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*RITM0544059*/}\r\n\t\t\t\t\t\t{/* RITM0945977 */}\r\n\t\t\t\t\t\t{/* Division of Lead Auditor */}\r\n\t\t\t\t\t\tBusiness Line of Lead Auditor \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.MAINDIVISION, apioperation.GET));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tselectedItem={this.props.selectedDivisionLeadAuditor || \"\"}\r\n\t\t\t\t\t\t\tgetMyDivision={true}\r\n\t\t\t\t\t\t\tdisabled={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*RITM0544059*/}\r\n\t\t\t\t\t\tCompany of Lead Auditor \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.COMPANY, apioperation.GET));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tselectedItem={this.props.selectedCompanyLeadAuditor}\r\n\t\t\t\t\t\t\tdisabled={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*RITM0544059*/}\r\n\t\t\t\t\t\tProject of Lead Auditor \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tselectedItem={this.props.selectedProjectLeadAuditor}\r\n\t\t\t\t\t\t\tdisabled={false}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEmail Team Leader \r\n\t\t\t\t\t\t this.props.onCompilerFilter(event.target.value)}\r\n\t\t\t\t\t\t\tplaceholder=\"Input Compiler\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tvalue={this.props.selectedCompiler || \"\"}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEmail Program Compiler \r\n\t\t\t\t\t\t this.props.onPlanCompilerFilter(event.target.value)}\r\n\t\t\t\t\t\t\tplaceholder=\"Input Plan Compiler\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tvalue={this.props.selectedPlanCompiler || \"\"}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tEmail Data Approver \r\n\t\t\t\t\t\t this.props.onApproverFilter(event.target.value)}\r\n\t\t\t\t\t\t\tplaceholder=\"Input Data Approver\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tvalue={this.props.selectedApprover || \"\"}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAudit in Remote Mode \r\n\t\t\t\t\t\t {}} initialSelectedItem={this.props.selectedAuditRemote} disabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{/* \r\n\t\t\t\t\tEmail Consolidator \r\n\t\t\t\t\t this.props.onDivisionManagerFilter(event.target.value)}\r\n\t\t\t\t\tplaceholder=\"Input Consolidator \"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tvalue={this.props.selectedDivisionManager || ''}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t */}\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tProject of Auditee \r\n\t\t\t\t\t\t {}} \r\n\t\t\t\t\t\t\tinitialSelectedItems={this.props.selectedProjectsAuditee} \r\n\t\t\t\t\t\t\tdisabled={false} />\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tCountry of Auditee \r\n\t\t\t\t\t\t {}} \r\n\t\t\t\t\t\t\tinitialSelectedItems={this.props.selectedCountries} \r\n\t\t\t\t\t\t\tdisabled={false} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSubContractor/Supplier \r\n\t\t\t\t\t\t this.onSelectSubContractorChange(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Insert subcontractor\" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedSubContractors || \"\"} />\r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPurchase Order \r\n\t\t\t\t\t\t this.onSelectPurchaseOrderChange(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Insert purchase order\" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedPurchaseOrder || \"\"} />\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\t\t\t\t{/* RITM0646764 : Aggiuna filtri */}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAudit Code \r\n\t\t\t\t\t\t this.props.onCodeFilter(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Input Audit Code\" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedCode || \"\"} />\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tProject Audit Code (manual input) \r\n\t\t\t\t\t\t this.props.onProjectAuditCodeFilter(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Input Project Audit Code \" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedProjectAuditCode || \"\"} \r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tFinding Code \r\n\t\t\t\t\t\t this.props.onFindingCodeFilter(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Input Finding Code\" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedFindingCode || \"\"} />\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tProject Finding Code (manual input) \r\n\t\t\t\t\t\t this.props.onProjectFindingCodeFilter(event.target.value)} \r\n\t\t\t\t\t\t\tplaceholder=\"Input Project Finding Code \" \r\n\t\t\t\t\t\t\ttype=\"text\" \r\n\t\t\t\t\t\t\tvalue={this.props.selectedProjectFindingCode || \"\"} \r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{/* RITM0646764 : FINE */}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\r\n\trenderLoadingModal = () => {\r\n\t\tconst show = this.state.isSubmitted;\r\n\t\treturn show && \r\n\t\t\t\t
\r\n\t\t);\r\n\r\n\trenderSubmitModal = (totalItems) => {\r\n\t\tconst validations = {\r\n\t\t\tdataApprover: this.validator.message(\"dataApprover\", this.state.selectedApprover.id, \"required\"),\r\n\t\t};\r\n\t\treturn (\r\n\t\t\tthis.state.modalSubmitVisible && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\tDelete draft audits
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tPress confirm to delete\r\n\t\t\t\t\t\t\t\t{` ${totalItems} `}\r\n\t\t\t\t\t\t\t\taudit/s selected\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tonSelectAuditTypeChange = (selectedItem) => {\r\n\t\tthis.props.onTypeFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectReasonChange = (selectedItem) => {\r\n\t\tthis.props.onReasonFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectCountryChange = (selectedItem) => {\r\n\t\tthis.props.onCountryFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectProjectAuditeeChange = (selectedItem) => {\r\n\t\tthis.props.onProjectAuditeeFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectSubContractorChange = (selectedItem) => {\r\n\t\tthis.props.onSubContractorFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectPurchaseOrderChange = (selectedItem) => { //RITM0646764\r\n\t\tthis.props.onPurchaseOrderFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectScopeChange = (selectedItem) => {\r\n\t\tthis.props.onScopeFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectTargetChange = (selectedItem) => {\r\n\t\tthis.props.onTargetFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectStatusChange = (selectedItem) => {\r\n\t\tthis.props.onStatusFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectPlanStatusChange = (selectedItem) => {\r\n\t\tthis.props.onPlanStatusFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectAuditRemoteChange = (selectedItem) => {\r\n\t\tthis.props.onAuditRemoteFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectWorkSiteChange = (selectedItem) => {\r\n\t\tthis.props.onWorkSiteFilter(selectedItem);\r\n\t};\r\n\r\n\tonSelectDataApproverChange = (selectedItem) => {\r\n\t\tthis.setState({\r\n\t\t\tselectedApprover: selectedItem || {},\r\n\t\t});\r\n\t};\r\n\r\n\t// buildNoMonthFilter = () => {\r\n\t// let { filteredAudits } = this.state;\r\n\t// filteredAudits = this.state.filteredDivision\r\n\t// ? filteredAudits.filter((item) => item.idDivision === this.state.filteredDivision)\r\n\t// : filteredAudits;\r\n\t// return filteredAudits;\r\n\t// };\r\n\r\n\tonMonthFilter = (event) => {\r\n\t\t// this.setState({\r\n\t\t// filteredMonth: event.currentTarget.id > 0 ? parseInt(event.currentTarget.id, 10) : null,\r\n\t\t// // filteredAudits: this.buildNoMonthFilter(),\r\n\t\t// });\r\n\t\tthis.props.onMonthFilter(event.currentTarget.id > 0 ? parseInt(event.currentTarget.id, 10) : null);\r\n\t};\r\n\r\n\thandleApproverSelect = (selectedItem) => {\r\n\t\tthis.setState({ approver: selectedItem });\r\n\t};\r\n\r\n\t//RITM0946162\r\n\thandleReasonForAuditCancellationSelect = (selectedItem) => {\r\n\t\tthis.setState({ auditCancellationReason: selectedItem });\r\n\t};\r\n\t//End\r\n\r\n\thandleCloseApprovalModal = () => {\r\n\t\tthis.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n\t};\r\n\r\n\thandleCloseDeleteRequestModal = () => {\r\n\t\tthis.setState({ isDeleteRequestModalOpen: false }, this.clearDeleteRequestForm);\r\n\t};\r\n\r\n\thandleApprovalNotesChange = (e) => {\r\n\t\tthis.setState({ approvalNotes: e.target.value });\r\n\t};\r\n\r\n\tclearDeleteRequestForm = () => {\r\n\t\tthis.setState({ approvalNotes: null, approver: null });\r\n\t};\r\n\r\n\thandleConfirmDeleteRequestModal = () => {\r\n\t\tconst data = {\r\n\t\t\tids: this.state.selectedData.map((r) => r.id),\r\n\t\t\towner: this.state.approver,\r\n\t\t\tworkflowNotes: this.state.approvalNotes,\r\n\t\t\tauditCancellationReason: this.state.auditCancellationReason, //RITM0946162\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\tisLoadingWFOperation: true,\r\n\t\t});\r\n\t\tapi.put(\"/audit/deleterequest\", data, \"\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response.status === 200) {\r\n\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.AUDIT, apioperation.PUT));\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t\tisDeleteRequestModalOpen: false,\r\n\t\t\t\t\t\t// isLoading: true,\r\n\t\t\t\t\t\t// itemList: []\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.props.onRefreshData();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, error.response.data, \"ERROR\"));\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\thandleConfirmApprovalModal = () => {\r\n\t\tconst apiEndpoint = this.state.approvalEndpoint;\r\n\t\tconst data = {\r\n\t\t\tids: this.state.selectedData.map((r) => r.id),\r\n\t\t\towner: this.state.approver,\r\n\t\t\tworkflowNotes: this.state.approvalNotes,\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\tisLoadingWFOperation: true,\r\n\t\t});\r\n\t\tapi.put(`/audit/${apiEndpoint}`, data, \"\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response.status === 200) {\r\n\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.AUDIT, apioperation.PUT));\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t\tisApprovalModalOpen: false,\r\n\t\t\t\t\t\t// isLoading: true,\r\n\t\t\t\t\t\t// itemList: []\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.props.onRefreshData();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, error.response.data, \"ERROR\"));\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetUsersInRole = (role, idEntity) => {\r\n\t\tme.getWithParam(\"users\", {\r\n\t\t\tparams: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n\t\t})\r\n\t\t\t.then((response) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tapprovers: response.data,\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"\", \"ERROR\"));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\t//RITM0946162\r\n\tgetReasonForAuditCancellation = async () => {\r\n\t\tawait dynamic.getAll(\"reasonforauditcancellation\", {\r\n\t\t\tparams: { page: 0, parent: 'all' },\r\n\t\t})\r\n\t\t\t.then((response) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\treasonForAuditCancellation: response.data.itemList.filter((c) => c.inUse),\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"\", \"ERROR\"));\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\t// eslint-disable-next-line react/sort-comp\r\n\tIsRowSelectable(tableRow, selectedRows) {\r\n\t\tconst row = this.props.audits.find((i) => i.id === tableRow.id);\r\n\t\tif (!row || !row.status) return false;\r\n\t\t// if (row.checkList?.notificationForm?.sendedOn == null && row.checkList != null) return false;\r\n\r\n\t\t// if (row.checkList != null && !row.allQstAnswered) return false;\r\n\r\n\t\tif (row.status.id === STATUS.Consolidated) {\r\n\t\t\tif (row.checkList && row.checkList.idStatus === STATUS.Consolidated) return false;\r\n\t\t}\r\n\r\n\t\tif (selectedRows.length === 0) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\tif (selectedRows.length > 0) {\r\n\t\t\tconst selectableAudit = this.props.audits.find((i) => i.id === selectedRows[0].id);\r\n\t\t\tconst selectableState = selectableAudit.idStatus;\r\n\t\t\tconst selectableDivision = selectableAudit.idDivision;\r\n\t\t\tconst selectableWorksite = selectableAudit.idWorksite;\r\n\r\n\t\t\tconst rowStateRep = row.checkList ? row.checkList.idStatus : null;\r\n\t\t\tconst selectableStateRep = selectableAudit.checkList ? selectableAudit.checkList.idStatus : null;\r\n\r\n\t\t\tif (\r\n\t\t\t\tselectableState === 4 &&\r\n\t\t\t\tselectableState === row.idStatus &&\r\n\t\t\t\trowStateRep === selectableStateRep &&\r\n\t\t\t\trow.idDivision === selectableDivision &&\r\n\t\t\t\t((row.deleteRequest != null && selectableAudit.deleteRequest != null) || (row.deleteRequest == null && selectableAudit.deleteRequest == null))\r\n\t\t\t) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\tif (row.idStatus === selectableState && rowStateRep === selectableStateRep && (row.idStatus === STATUS.Draft ? row.idWorksite === selectableWorksite : row.idDivision === selectableDivision)) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\tbatchActionClick(actionKey, actionName, approverRole, withApprover, approvalNotesRequired, selectedRows) {\r\n\t\tconst audit = this.props.audits.find((i) => i.id === selectedRows[0].id);\r\n\r\n\t\tconst idEntity = audit.idDivision;\r\n\r\n\t\t// actionKey == 'Submit' || actionKey == 'submitreport'\r\n\t\t// ? audit.idWorksite\r\n\t\t// : actionKey == 'Approve' || actionKey == 'approvereport'\r\n\t\t// ? audit.idDivision\r\n\t\t// : null;\r\n\r\n\t\tthis.setState({\r\n\t\t\tapprovalModalAction: actionName,\r\n\t\t\tisApprovalModalOpen: true,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\twithApprover,\r\n\t\t\tselectedData: selectedRows,\r\n\t\t\tapproverRole,\r\n\t\t\tapprovalEndpoint: actionKey,\r\n\t\t\tapprovalNotesRequired,\r\n\t\t\tstatewf: audit.status.id,\r\n\t\t});\r\n\r\n\t\tif (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n\t}\r\n\r\n\tdeleteActionClick(selectedRows) {\r\n\t\tconst audit = this.props.audits.find((i) => i.id === selectedRows[0].id);\r\n\r\n\t\tconst idEntity = audit.idDivision;\r\n\r\n\t\t// actionKey == 'Submit' || actionKey == 'submitreport'\r\n\t\t// ? audit.idWorksite\r\n\t\t// : actionKey == 'Approve' || actionKey == 'approvereport'\r\n\t\t// ? audit.idDivision\r\n\t\t// : null;\r\n\r\n\t\tthis.setState({\r\n\t\t\tisDeleteRequestModalOpen: true,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\tselectedData: selectedRows,\r\n\t\t\tstatewf: audit.status.id,\r\n\t\t});\r\n\r\n\t\tthis.getReasonForAuditCancellation();\r\n\t\tthis.getUsersInRole(\"Administrator\", idEntity);\r\n\t\tconsole.log(this.state.reasonForAuditCancellation);\r\n\t\t//this.getReasonForAuditCancellation() //RITM0946162\r\n\t}\r\n\t/** ***********Render******************* */\r\n\r\n\tgetAuditCode = (id) => {\r\n\t\tconst auditCode = this.props.audits.find((el) => el.id === id);\r\n\t\treturn `Audit_Notification_${auditCode.auditCode}.zip`;\r\n\t};\r\n\r\n\tgetAuditReportCode = (id) => {\r\n\t\tconst auditCode = this.props.audits.find((el) => el.id === id);\r\n\t\treturn `Audit_Report_${auditCode.auditCode}.zip`;\r\n\t};\r\n\r\n\tgetAudit = (selectedRows) => {\r\n\t\tif (selectedRows && selectedRows.length > 0) {\r\n\t\t\treturn this.props.audits.find((el) => el.id === selectedRows[0].id);\r\n\t\t}\r\n\t\treturn null;\r\n\t};\r\n\r\n\tgetAuditor = (selectedRows) => {\r\n\t\tif (selectedRows && selectedRows.length > 0) {\r\n\t\t\tconst au = this.props.audits.find((el) => el.id === selectedRows[0].id);\r\n\t\t\treturn au && au.auditors && au.auditors[0] ? { idCompiler: au.auditors[0].id } : null;\r\n\t\t}\r\n\t\treturn null;\r\n\t};\r\n\r\n\tgetAuditReport = (selectedRows) => {\r\n\t\tif (selectedRows && selectedRows.length > 0) {\r\n\t\t\tconst r = this.props.audits.find((el) => el.id === selectedRows[0].id);\r\n\t\t\treturn r && r.checkList;\r\n\t\t}\r\n\t\treturn null;\r\n\t};\r\n\r\n\tgetStatusId = (idRow) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\treturn r && r.idStatus;\r\n\t};\r\n\r\n\tgetReportStatusId = (idRow) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\treturn r && r.checkList && r.checkList.idStatus;\r\n\t};\r\n\r\n\tgetNewCarManagement = (idRow) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\treturn r && r.newCarManagement;\r\n\t};\r\n\r\n\tisRequestCancellationPending = (idRow) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\treturn r && r.deleteRequest != null;\r\n\t};\r\n\r\n\tcanSubmit = (idRow) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\tif (r.checkList?.notificationForm?.sendedOn == null && r.checkList != null) return false;\r\n\t\tif (r.checkList != null && !r.allQstAnswered) return false;\r\n\t};\r\n\r\n\tisAllRequestCancellationPending = (rows) => {\r\n\t\tlet result = true;\r\n\t\tfor (let i = 0; i < rows.length; i += 1) {\r\n\t\t\tconst r = this.props.audits.find((el) => el.id === rows[i].id);\r\n\t\t\tresult = r && r.deleteRequest == null;\r\n\t\t\tif (!result) break;\r\n\t\t}\r\n\t\treturn result;\r\n\t};\r\n\r\n\tisMyRequestCancellationPending = (idRow, user) => {\r\n\t\tconst r = this.props.audits.find((el) => el.id === idRow);\r\n\t\treturn r && r.deleteRequest != null && r.deleteRequest.idUserRequestTo === user.id;\r\n\t};\r\n\r\n\tisAllMyRequestCancellationPending = (rows, user) => {\r\n\t\tfor (let i = 0; i < rows.length; i += 1) {\r\n\t\t\tconst r = this.props.audits.find((el) => el.id === rows[i].id);\r\n\t\t\tif (!(r && r.deleteRequest != null && r.deleteRequest.idUserRequestTo === user.id)) return false;\r\n\t\t}\r\n\t\treturn true;\r\n\t};\r\n\r\n\trenderMonthsHeader = () => {\r\n\t\tconst elements = [\"All\", \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\t\tconst items = elements.map((item, index) => (\r\n\t\t\t// eslint-disable-next-line jsx-a11y/interactive-supports-focus\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\tSubmit audits
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tChoose a Data Approver and than confirm to submit\r\n\t\t\t\t\t\t\t\t\t{` ${totalItems} `}\r\n\t\t\t\t\t\t\t\t\taudit/s selected\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tData Approver \r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(getError(error, \"loading data approver\", \"ERROR\"));\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{validations.dataApprover}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{item}
\r\n\r\n\t\t\t\t{index > 0 ? this.props.itemsInMonths.find((elem) => elem.key === index)?.count || 0 : this.props.itemsInMonths.reduce((a, b) => a + b.count, 0)}
\r\n\t\t\t{items}
;\r\n\t};\r\n\r\n\tgetCellValue = (type, value, isLoading = false) => {\r\n\t\tif(isLoading){\r\n\t\t\treturn \r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\t//#endregion\r\n\r\n\trender() {\r\n\t\t//costante da aggiornare in seguito all'aggiunta/rimozione dei filtri in AuditList\r\n\t\tconst filter = {\r\n\t\t\tidDivision: this.props.filters?.idDivision || null,\r\n\t\t\tmonth: this.props.filters?.month || null,\r\n\t\t\ttype: this.props.filters?.type !== null ? this.props.filters?.type?.name : null,\r\n\t\t\tscopes: this.props.filters?.scopes || null,\r\n\t\t\treasons: this.props.filters?.reasons || null,\r\n\t\t\tcountriesAuditee: this.props.filters?.countriesAuditee || null,\r\n\t\t\tprojectsAuditee: this.props.filters?.projectsAuditee || null,\r\n\t\t\tsubContractors: this.props.filters?.subContractors || null,\r\n\t\t\tpurchaseOrders: this.props.filters?.purchaseOrders || null, //RITM0646764\r\n\t\t\tidTarget: this.props.filters?.idTarget || null,\r\n\t\t\tidStatus: this.props.filters?.idStatus || null,\r\n\t\t\tidPlanStatus: this.props.filters?.idPlanStatus || null,\r\n\t\t\tworkSites: this.props.filters?.workSites?.length > 0 ? this.props.filters?.workSites : null,\r\n\t\t\tcompiler: this.props.filters?.compiler || null,\r\n\t\t\tplanCompiler: this.props.filters?.planCompiler || null,\r\n\t\t\tapprover: this.props.filters?.approver || null,\r\n\t\t\tdivisionManager: this.props.filters?.divisionManager || null,\r\n\t\t\tauditCode: this.props.filters?.auditCode || null,\r\n\t\t\tfindingCode: this.props.filters?.findingCode || null,\r\n\t\t\tprojectAuditCode: this.props.filters?.projectAuditCode || null,\r\n\t\t\tprojectFindingCode: this.props.filters?.projectFindingCode || null,\r\n\t\t\tauditRemote: this.props.filters?.auditRemote || null,\r\n\t\t\tidSection: this.props.filters?.idSection || null,\r\n\t\t\tidLeadAuditor: this.props.filters?.idLeadAuditor || null,\r\n\t\t\tidDivisionLeadAuditor: this.props.filters?.idDivisionLeadAuditor || null,\r\n\t\t\tidCompanyLeadAuditor: this.props.filters?.idCompanyLeadAuditor || null,\r\n\t\t\tidProjectLeadAuditor: this.props.filters?.idProjectLeadAuditor || null,\r\n\t\t}\r\n\r\n\t\tconst headers = [\r\n\t\t\t{\r\n\t\t\t\tkey: \"auditCode\",\r\n\t\t\t\theader: \"Code\",\r\n\t\t\t\tisSortable: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"projectAuditCode\",\r\n\t\t\t\theader: \"Project Audit Code\",\r\n\t\t\t\tisSortable: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"referenceMonth\",\r\n\t\t\t\theader: \"Month\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"auditType\",\r\n\t\t\t\theader: \"Type\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"division\",\r\n\t\t\t\t//RITM0945977\r\n\t\t\t\t// header: \"Division\",\r\n\t\t\t\theader: \"Business Line\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"company\",\r\n\t\t\t\theader: \"Company\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"scopes\",\r\n\t\t\t\theader: \"Scope\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"status\",\r\n\t\t\t\theader: \"Program Status\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tkey: \"checkList\",\r\n\t\t\t\theader: \"Report Status\",\r\n\t\t\t},\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\tExtract audits
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tChoose at least one country and/or business line\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tDownload maximum of 5 audits at a time\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCountry \r\n\t\t\t\t\t\t\t\t\t\t{this.state.isLoadingModalMassiveExtraction ? (\r\n\t\t\t\t\t\t\t\t\t\t\t elem.name).join(', ')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"countries\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Countries\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => this.hanldeChangeMassiveExtraction('countries', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\titemToString={(item) => (item ? item.name : '')}\r\n\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.countriesMassiveExtraction}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"default\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.countriesMassiveExtraction == [] \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t|| this.state.countriesMassiveExtraction.length <= 0\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid={this.state.validatorCountriesMassiveExtraction !== null}\r\n\t\t\t\t\t\t\t\t\t\t\t\tinvalidText={this.state.validatorCountriesMassiveExtraction}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tBusiness Line \r\n\t\t\t\t\t\t\t\t\t\t{this.state.isLoadingModalMassiveExtraction ? (\r\n\t\t\t\t\t\t\t\t\t\t\t elem.name).join(', ')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tmultiCombo={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"businesslines\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"businesslines\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => this.hanldeChangeMassiveExtraction('businessLines', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\titemToString={(item) => (item ? item.name : '')}\r\n\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.businessLinesMassiveExtraction}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.businessLinesMassiveExtraction == [] \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t|| this.state.businessLinesMassiveExtraction.length <= 0\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tinvalid={this.state.validatorBusinessLinesMassiveExtraction !== null}\r\n\t\t\t\t\t\t\t\t\t\t\t\tinvalidText={this.state.validatorBusinessLinesMassiveExtraction}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.downloadMassiveExtraction(selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDownload\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{IsInRole(user, \"Administrator\") || IsInRole(user, \"Compiler\") ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t) : null\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t// showNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"loading division\", apioperation.GET)); //RITM0945977\r\n\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"loading business line\", apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tCurrent year\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t{this.state.modalAuditVisible ? (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tCurrent year\r\n\t\t\t\t\t\t\t\t\t\t\t item || \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"inline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.refreshData()}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonDelete={this.onDelete}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonMonthFilter={this.onMonthFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonTypeFilter={this.onAuditTypeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonScopeFilter={this.onAuditScopeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonReasonFilter={this.onAuditReasonFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonCountryFilter={this.onAuditCountryFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonProjectAuditeeFilter={this.onAuditProjectAuditeeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSubContractorFilter={this.onAuditSubContractorFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonTargetFilter={this.onTargetFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonStatusFilter={this.onStatusFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanStatusFilter={this.onPlanStatusFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonAuditRemoteFilter={this.onAuditRemoteFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonWorkSiteFilter={this.onWorkSiteFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSearchClear={this.handleSearchClear}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSearch={() => this.refreshData()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t//RITM0544059\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeSectionFilter={this.onChangeSectionFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeLeadAuditorFilter={this.onChangeLeadAuditorFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeDivisionLeadAuditorFilter={this.onChangeDivisionLeadAuditorFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeCompanyLeadAuditorFilter={this.onChangeCompanyLeadAuditorFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeProjectLeadAuditorFilter={this.onChangeProjectLeadAuditorFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\t//\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedAuditType={this.state.filteredAuditType}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedScopes={this.state.filteredAuditScopes}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedReasons={this.state.filteredAuditReasons}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCountries={this.state.filteredAuditCountries}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedProjectsAuditee={this.state.filteredAuditProjectsAuditee}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedSubContractors={this.state.filteredAuditSubContractors}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedTarget={this.state.filteredTarget}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedYear={this.state.filteredYear}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedStatus={this.state.filteredStatus}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedPlanStatus={this.state.filteredPlanStatus}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedAuditRemote={this.state.filteredAuditRemote}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedWorkSites={this.state.filteredWorkSites}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCompiler={this.state.filteredCompiler}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedPlanCompiler={this.state.filteredPlanCompiler}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedPurchaseOrder={this.state.filteredPurchaseOrder}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedApprover={this.state.filteredApprover}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDivisionManager={this.state.filteredManager}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedMonth={this.state.filteredMonth}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCode={this.state.filteredCode}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedFindingCode={this.state.filteredFindingCode}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedProjectAuditCode={this.state.filteredProjectAuditCode}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedProjectFindingCode={this.state.filteredProjectFindingCode}\r\n\t\t\t\t\t\t\t\t\t\t\t\t//RITM0544059\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedSection={this.state.filteredSection}\r\n\t\t\t\t\t\t\t\t\t\t\t\t//userDivision={this.state.userDivision} //B1_Audit_Module_Optimization\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedLeadAuditor={this.state.filteredAuditor}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDivisionLeadAuditor={this.state.filteredDivisionAuditor}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCompanyLeadAuditor={this.state.filteredCompanyAuditor}\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedProjectLeadAuditor={this.state.filteredProjectAuditor}\r\n\t\t\t\t\t\t\t\t\t\t\t\t//\r\n\t\t\t\t\t\t\t\t\t\t\t\tonCompilerFilter={this.onCompilerFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanCompilerFilter={this.onPlanCompilerFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonPurchaseOrderFilter={this.onPurchaseOrderFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonApproverFilter={this.onApproverFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonDivisionManagerFilter={this.onDivisionManagerFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonCodeFilter={this.onCodeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonFindingCodeFilter={this.onFindingCodeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonProjectAuditCodeFilter={this.onProjectAuditCodeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonProjectFindingCodeFilter={this.onProjectFindingCodeFilter}\r\n\t\t\t\t\t\t\t\t\t\t\t\tfilters={this.state.lastFilter?.params || []}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tInsert CAR Owner
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {title || ''}
*/}\r\n {/* RITM0646764: FINE */}\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.updateState('inefficiency', el.target.value, 'model')}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n invalid={validations.inefficiency != null}\r\n />\r\n {validations.inefficiency}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.updateState('referenceDocuments', el.target.value, 'model')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n invalid={validations.referenceDocuments != null}\r\n />\r\n {validations.referenceDocuments}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('findingCode', el.target.value, 'model')\r\n }\r\n type=\"text\"\r\n />\r\n \r\n
\r\n {this.props.carType == CarType.NC.Code ? (\r\n \r\n \r\n {this.state.appType == null ? (\r\n item || ''}\r\n initialSelectedItem={selectedItemCombo.type}\r\n items={this.state.appType}\r\n invalid={validations.type != null}\r\n />\r\n )}\r\n {validations.type}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n \r\n {this.state.appACTList1 == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.findingsLevel1}\r\n items={this.state.appACTList1}\r\n direction={\r\n this.props.carType == CarType.Strength.Code ||\r\n this.props.carType == CarType.SFI.Code\r\n ? 'top'\r\n : 'bottom'\r\n }\r\n />\r\n )}\r\n {validations.findingsLevel1}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.findingsLevel2}\r\n items={this.state.appACTList2}\r\n disabled={this.state.appACTList2 == null}\r\n key={this.state.appACTList2}\r\n direction={\r\n this.props.carType == CarType.Strength.Code ||\r\n this.props.carType == CarType.SFI.Code\r\n ? 'top'\r\n : 'bottom'\r\n }\r\n />\r\n {validations.findingsLevel2}\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.carType == CarType.NC.Code || this.props.carType == CarType.OBS.Code ? (\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.findingsLevel3}\r\n items={this.state.appACTList3}\r\n disabled={this.state.appACTList3 == null}\r\n key={this.state.appACTList3}\r\n direction={\r\n this.props.carType == CarType.Strength.Code ||\r\n this.props.carType == CarType.SFI.Code\r\n ? 'top'\r\n : 'bottom'\r\n }\r\n />\r\n {validations.findingsLevel3}\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.findingsLevel4}\r\n items={this.state.appACTList4}\r\n disabled={this.state.appACTList4 == null}\r\n key={this.state.appACTList4}\r\n direction={\r\n this.props.carType == CarType.Strength.Code ||\r\n this.props.carType == CarType.SFI.Code\r\n ? 'top'\r\n : 'bottom'\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n {/* \r\n \r\n
\r\n\r\n {/* \r\n {' '}\r\n due dates less than the audit start date{' '}\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
*/}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {validations.idOwner}\r\n \r\n this.handleChangeMode(1)}\r\n >\r\n GHRS research\r\n \r\n
\r\n \r\n this.handleChangeMode(2)}\r\n >\r\n Saipem research\r\n \r\n { \r\n this.handleChangeMode(3)}\r\n >\r\n Manual input\r\n \r\n } \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
*/}\r\n\r\n \r\n\t\t\t\t{!this.state.isImportCAR ? \"\" :
\r\n\t\t);\r\n\t}\r\n\r\n\trenderUploadModal = () => (\r\n\t\t\r\n\t);\r\n\t/** ********Fine Import/Export CAR******************* */\r\n\r\n\thandleApproverSelect = (selectedItem) => {\r\n\t\tthis.setState({ approver: selectedItem });\r\n\t};\r\n\r\n\thandleCloseApprovalModal = () => {\r\n\t\tthis.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n\t};\r\n\r\n\thandleApprovalNotesChange = (e) => {\r\n\t\tthis.setState({ approvalNotes: e.target.value });\r\n\t};\r\n\r\n\thandleConfirmApprovalModal = () => {\r\n\t\tconst apiEndpoint = this.state.approvalEndpoint;\r\n\r\n\t\tconst data = {\r\n\t\t\tids: this.state.selectedData.map((r) => r.id),\r\n\t\t\towner: this.state.approver,\r\n\t\t\tworkflowNotes: this.state.approvalNotes,\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\tisLoadingWFOperation: true,\r\n\t\t});\r\n\r\n\t\tlet { idAnswer } = this.state;\r\n\t\tif (this.state.idAnswer == null) {\r\n\t\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == data.ids[0]);\r\n\t\t\tidAnswer = item.idAnswer;\r\n\t\t}\r\n\r\n\t\tapi.put(`/audit/${this.state.auditModel.id}/answer/${idAnswer}/car/${apiEndpoint}`, data, \"\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response.status === 200) {\r\n\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.AUDIT, apioperation.PUT));\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t\tisApprovalModalOpen: false,\r\n\t\t\t\t\t\tisLoading: true,\r\n\t\t\t\t\t\tauditModel: {\r\n\t\t\t\t\t\t\tauditCAR: [],\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.getCARs();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.AUDIT, apioperation.PUT));\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\thandleChangePaging = async (page) => {\r\n\t\tawait new Promise((resolve) => {\r\n\t\t\tthis.setState({ currentPage: page.page, pageSize: page.pageSize, loading: true, isBack: false }, resolve);\r\n\t\t});\r\n\t\tthis.getCARs();\r\n\t};\r\n\tIsRowSelectable(row, selectedRows) {\r\n\t\t// if (!this.state.idAnswer) return false;\r\n\r\n\t\tvar row = this.state.auditModel.auditCAR.find((i) => i.id == row.id);\r\n\r\n\t\t// if (row.status.id == STATUS.Consolidated) return false; //i FINDING possono essere riaperte\r\n\r\n\t\tif (selectedRows.length == 0) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\tif (selectedRows.length > 0) {\r\n\t\t\tconst selectableAudit = this.state.auditModel.auditCAR.find((i) => i.id == selectedRows[0].id);\r\n\t\t\tconst selectableState = selectableAudit.status.id;\r\n\t\t\tconst selectableAnswer = selectableAudit.idAnswer;\r\n\r\n\t\t\tif (this.state.idAnswer == null) {\r\n\t\t\t\tif (row.status.id == selectableState && row.idAnswer == selectableAnswer) return true;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\t// solo per la chiusura dei FINDING\r\n\t\t\tif (selectableState == STATUS.Approved) {\r\n\t\t\t\treturn this.canCloseCAR(selectedRows[0].id) ? row.status.id == STATUS.Approved && this.canCloseCAR(row.id) : false;\r\n\t\t\t}\r\n\t\t\t// per il submit dei FINDING\r\n\t\t\tif (selectableState == STATUS.Draft) {\r\n\t\t\t\treturn this.canSubmitCAR(selectedRows[0].id) ? row.status.id == STATUS.Draft && this.canSubmitCAR(row.id) : false;\r\n\t\t\t}\r\n\r\n\t\t\tif (row.status.id == selectableState) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\tbatchActionClick(actionKey, actionName, approverRole, withApprover, approvalNotesRequired, selectedRows) {\r\n\t\tthis.setState({\r\n\t\t\tapprovalModalAction: actionName,\r\n\t\t\tisApprovalModalOpen: true,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\twithApprover,\r\n\t\t\tselectedData: selectedRows,\r\n\t\t\tapproverRole,\r\n\t\t\tapprovalEndpoint: actionKey,\r\n\t\t\tapprovalNotesRequired,\r\n\t\t});\r\n\t}\r\n\r\n\tgetCanEditResourceId = (selectedRows) => {\r\n\t\tlet canEditResource = this.state.auditModel &&\r\n\t\t\tthis.state.auditModel.audit &&\r\n\t\t\tthis.state.auditModel.audit.checkList && {\r\n\t\t\t\tidCompiler: this.state.auditModel.audit.checkList.idCompiler,\r\n\t\t\t\tidDataApprover: this.state.auditModel.audit.checkList.idDataApprover,\r\n\t\t\t\tidDivisionManager: this.state.auditModel.audit.checkList.idDivisionManager,\r\n\t\t\t\temail: this.state.isNewCarManagement !== 0 ? this.state.auditModel.audit.auditors.map(el => el.email) : \"\",\r\n\t\t\t};\r\n\t\tif (selectedRows && selectedRows.length > 0 && this.state.idAnswer == null) {\r\n\t\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == selectedRows[0].id);\r\n\t\t\tconst { audit } = item;\r\n\t\t\tcanEditResource = this.state.auditModel &&\r\n\t\t\t\taudit &&\r\n\t\t\t\taudit.checkList && {\r\n\t\t\t\t\tidCompiler: audit.checkList.idCompiler,\r\n\t\t\t\t\tidDataApprover: audit.checkList.idDataApprover,\r\n\t\t\t\t\tidDivisionManager: audit.checkList.idDivisionManager,\r\n\t\t\t\t\temail: \"\",\r\n\t\t\t\t};\r\n\t\t}\r\n\t\tif (selectedRows && selectedRows.length > 0 && canEditResource != null) {\r\n\t\t\tconst car = this.state.auditModel.auditCAR.find((el) => el.id == selectedRows[0].id);\r\n\t\t\tcanEditResource.email = car.owner != null ? car.owner.email : car.ownerSaipem != null ? car.ownerSaipem.email : null;\r\n\t\t}\r\n\t\treturn canEditResource;\r\n\t};\r\n\r\n\tgetStatusId = (idRow) => {\r\n\t\tconst r = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\treturn r && r.idStatus;\r\n\t};\r\n\r\n\tcanApproveCAR = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tconst itemCa = item?.ca?.filter((x) => x.enabled);\r\n\t\treturn item && itemCa && itemCa.length > 0;\r\n\t};\r\n\r\n\tcanSubmitCAR = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tconst itemCa = item?.ca?.filter((x) => x.enabled);\r\n\t\treturn item && itemCa && itemCa.length > 0;\r\n\t};\r\n\r\n\tcanCloseCAR = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\treturn item && item.ca && item.ca.length > 0 ? item.ca.filter((el) => el.idStatus == 4).length == item.ca.length : false;\r\n\t};\r\n\r\n\tcanSubmitFinding = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tif ((item.carType === CarType.NC.Code) || (item.carType ===CarType.OBS.Code))\r\n\t\t\treturn (item.ca.length > 0 ? (item.ca[0].causeOfInefficiency != null && item.ca[0].caImplemented != null && item.ca[0].dueDate != null) : false);\r\n\t\telse\r\n\t\t\treturn false;\r\n\t}\r\n\r\n\tcanOpenFinding = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tif ((item.carType === CarType.NC.Code) || (item.carType ===CarType.OBS.Code))\r\n\t\t\treturn (item.ca.length > 0 ? (item.ca[0].causeOfInefficiency != null && item.ca[0].caImplemented != null && item.ca[0].dueDate != null) : false);\r\n\t\telse\r\n\t\t\treturn false;\r\n\t}\r\n\r\n\tcanCloseFinding = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tif ((item.carType === CarType.NC.Code) || (item.carType ===CarType.OBS.Code))\r\n\t\t\treturn (item.ca.length > 0 ? (item.ca[0].immediateThreatment != null && item.ca[0].explain != null) : false);\r\n\t\telse\r\n\t\t\treturn false;\r\n\t}\r\n\r\n\tcanCompleteFinding = (idRow) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == idRow);\r\n\t\tif ((item.carType === CarType.NC.Code) || (item.carType ===CarType.OBS.Code))\r\n\t\t\treturn (item.ca.length > 0 ? (item.ca[0].immediateThreatment != null && item.ca[0].explain != null) : false);\r\n\t\telse\r\n\t\t\treturn false;\r\n\t}\r\n\r\n\tgetUrlDetailCar = (id) => {\r\n\t\tif (id == null) return \"#\";\r\n\t\tif (this.state.idAnswer) return `/audit/${this.state.idAuditEdit}/${this.state.isNewCarManagement}/answer/${this.state.idAnswer}/car/${id}`; //this.baseUrl + id;\r\n\t\tif (!this.state.auditModel || !this.state.auditModel.auditCAR) return \"#\";\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == id);\r\n\t\treturn `/audit/${this.state.idAuditEdit}/${this.state.isNewCarManagement}/answer/${item.idAnswer}/car/${id}#all`;\r\n\t};\r\n\r\n\tgetUrlExportCar = (id) => {\r\n\t\tconst item = this.state.auditModel.auditCAR.find((el) => el.id == id)\r\n\t\treturn `/audit/${this.state.idAuditEdit}/answer/${item.idAnswer}/exportcar/${id}`;\r\n\t}\r\n\r\n\tsetCarType = (carType) => {\r\n\t\tthis.setState((prevState) => ({\r\n\t\t\tsearchModel: { ...prevState.searchModel, carType: carType },\r\n\t\t}));\r\n\t};\r\n\r\n\tgetCloseCaValue = (carItem) => {\r\n\t\tif (this.state.isNewCarManagement === 0) {\r\n\t\t\treturn carItem.ca && carItem.ca.filter((el) => el.enabled == true).length > 0 ? `${carItem.ca.filter((el) => el.idStatus == 4 && el.enabled).length}/${carItem.ca.filter((el) => el.enabled == true).length}` : \"\";\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn carItem ? `${carItem.idStatus >= 6 ? '1' : '0'}/1` : \"\";\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tlet headersDataTable = [\r\n\t\t\t{ key: \"auditCARCode\", header: \"Code\" },\r\n\t\t\t{ key: \"findingCode\", header: \"Project Finding Code\" },\r\n\t\t\t{ key: \"section\", header: \"Section\" },\r\n\t\t\t{ key: \"type\", header: \"Finding Level\" },\r\n\t\t\t{ key: \"status\", header: \"Status\", type: \"status\" },\r\n\t\t\t{ key: \"closedCa\", header: \"Closed CA\" },\r\n\t\t];\r\n\r\n\t\tif (this.state.searchModel.carType === CarType.OBS.Code) {\r\n\t\t\theadersDataTable = [\r\n\t\t\t\t{ key: \"auditCARCode\", header: \"Code\" },\r\n\t\t\t\t{ key: \"findingCode\", header: \"Project Finding Code\" },\r\n\t\t\t\t{ key: \"section\", header: \"Section\" },\r\n\t\t\t\t{ key: \"status\", header: \"Status\", type: \"status\" },\r\n\t\t\t\t{ key: \"closedCa\", header: \"Closed CA\" },\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\tif (this.state.searchModel.carType === CarType.SFI.Code || this.state.searchModel.carType === CarType.Strength.Code) {\r\n\t\t\theadersDataTable = [\r\n\t\t\t\t{ key: \"auditCARCode\", header: \"Code\" },\r\n\t\t\t\t{ key: \"findingCode\", header: \"Project Finding Code\" },\r\n\t\t\t\t{ key: \"section\", header: \"Section\" },\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\tif (this.state.isNewCarManagement !== 0) {\r\n\t\t\theadersDataTable.filter(obj => obj.key === \"closedCa\").forEach(item => item.header = \"Finding Completed\")\r\n\t\t}\r\n\r\n\t\tconst skeletonRowCount = 10;\r\n\r\n\t\tconst rows = [];\r\n\r\n\t\tif (this.state.auditModel.auditCAR) {\r\n\t\t\t// Create Ad Hoc DTO\r\n\t\t\tconst cars = this.state.auditModel.auditCAR.sort((a, b) => {\r\n\t\t\t\tconst sequenceA = new Date(a.progressiveId);\r\n\t\t\t\tconst sequenceB = new Date(b.progressiveId);\r\n\t\t\t\treturn sequenceA - sequenceB;\r\n\t\t\t});\r\n\t\t\tcars.filter((x) => x.carType == this.state.searchModel.carType).forEach((item) => {\r\n\t\t\t\trows.push({\r\n\t\t\t\t\tid: item.id,\r\n\t\t\t\t\tauditCARCode: item.auditCARCode,\r\n\t\t\t\t\tfindingCode: item.findingCode,\r\n\t\t\t\t\ttype: item.type,\r\n\t\t\t\t\tstatus: this.state.isNewCarManagement ? item.status.findingName : item.status.carManagementName,\r\n\t\t\t\t\towner: item.owner != null ? `${item.owner.name} ${item.owner.surname}` : `${item.ownerSaipem?.name} ${item.ownerSaipem?.surname}`,\r\n\t\t\t\t\tduedate: switchDateFormat(item.dueDate, \"date\"),\r\n\t\t\t\t\tsection: item.section,\r\n\t\t\t\t\tclosedCa: this.getCloseCaValue(item),\r\n\t\t\t\t\trecommendedAction: item.recommendedAction,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tconst CARModalProps = {\r\n\t\t\tkey: this.state.keyModalCAR,\r\n\t\t\ttitle: \"Finding\" ,\r\n\t\t\taudit: this.state.auditModel?.audit,\r\n\t\t\teditModel: this.state.editModelCAR,\r\n\t\t\tisOpenModal: this.state.isOpenModalCAR,\r\n\t\t\tisEditModal: this.state.isEditModalCAR,\r\n\t\t\ttoggleModal: this.toggleModalCAR,\r\n\t\t\tsave: this.handleSaveModalCAR,\r\n\t\t\tappStatus: this.state.appStatus,\r\n\t\t\tappType: this.state.appType,\r\n\t\t\tcarType: this.state.searchModel.carType,\r\n\t\t\tisNewCarManagement : this.state.isNewCarManagement,\r\n\t\t};\r\n\r\n\t\tconst getNameCARById = (id) => {\r\n\t\t\tif (id == null) return \"\";\r\n\t\t\tconst element = rows.find((el) => el.id == id);\r\n\t\t\treturn element && element.owner && element.status ? `${element.owner} - ${element.duedate} - ${element.status}` : \"\";\r\n\t\t};\r\n\r\n\t\tconst confirmDelProps = () => ({\r\n\t\t\tidToDelete: this.state.idToDelete,\r\n\t\t\tnameItem: getNameCARById(this.state.idToDelete),\r\n\t\t\tisDeleting: this.state.isDeleting,\r\n\t\t\topen: this.state.isOpenDeleteModal, // open state\r\n\t\t\tonCloseConfirm: this.onCloseConfirm, // no click\r\n\t\t\tdeleteItem: this.deleteItemCAR, // yes click fn()\r\n\t\t});\r\n\t\tconst paginationProps = () => ({\r\n\t\t\tpage: this.state.currentPage || 1,\r\n\t\t\ttotalItems: this.state.rowCount || 0,\r\n\t\t\t// pageSize: this.state.pageSize || 10,\r\n\t\t\t//RITM0549692\r\n\t\t\tpageSize: this.state.pageSize || 20,\r\n\t\t\tpageSizes: [10, 20, 30, 40, 50],\r\n\t\t\tonChange: this.handleChangePaging,\r\n\t\t});\r\n\t\t// const audit = this.state.auditModel && this.state.auditModel.audit ? this.state.auditModel.audit : null;\r\n\t\t//RITM0945989\r\n\t\tconst buttonTextSFI = this.state.searchModel.carType === CarType.SFI.Code ? '(Not applicable for HSE Audit)' : '';\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{this.state.message.map((x) => (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t {x}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {}}\r\n\t\t\t\t\t\t\t\trole=\"navigation\"\r\n\t\t\t\t\t\t\t\tselected={0}\r\n\t\t\t\t\t\t\t\ttabContentClassName=\"auditReportTab\"\r\n\t\t\t\t\t\t\t\ttriggerHref=\"#\"\r\n\t\t\t\t\t\t\t\ttype=\"default\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.updateState(\"carType\", CarType.NC.Code, \"searchModel\");\r\n\t\t\t\t\t\t\t\t\t\tthis.getCARs();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={() => {}}\r\n\t\t\t\t\t\t\t\t\trole=\"presentation\"\r\n\t\t\t\t\t\t\t\t\tselected={false}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.updateState(\"carType\", CarType.OBS.Code, \"searchModel\");\r\n\t\t\t\t\t\t\t\t\t\tthis.getCARs();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={() => {}}\r\n\t\t\t\t\t\t\t\t\trole=\"presentation\"\r\n\t\t\t\t\t\t\t\t\tselected={false}\r\n\t\t\t\t\t\t\t\t\ttabIndex={1}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.updateState(\"carType\", CarType.SFI.Code, \"searchModel\");\r\n\t\t\t\t\t\t\t\t\t\tthis.getCARs();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={() => {}}\r\n\t\t\t\t\t\t\t\t\trole=\"presentation\"\r\n\t\t\t\t\t\t\t\t\tselected={false}\r\n\t\t\t\t\t\t\t\t\ttabIndex={2}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tthis.updateState(\"carType\", CarType.Strength.Code, \"searchModel\");\r\n\t\t\t\t\t\t\t\t\t\tthis.getCARs();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonKeyDown={() => {}}\r\n\t\t\t\t\t\t\t\t\trole=\"presentation\"\r\n\t\t\t\t\t\t\t\t\tselected={false}\r\n\t\t\t\t\t\t\t\t\ttabIndex={3}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.idAnswer ? (\r\n\t\t\t\t\t\t\t\t\tCanExecuteAction(\"Audit\", this.state.isNewCarManagement === 0 ? \"CARManagement\" : \"FindingManagement\", user, \"\", \"Create\", this.getCanEditResourceId(null)) && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.EXPORTFINDINGS, apioperation.DOWNLOAD));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Download16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tapiUrl={`/audit/${this.state.auditModel.id}/car/excel`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfileName={`${\"Export_Findings_\"}${moment().format(\"YYYYMMDDHHmmSS\")}.xlsx`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadStart={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisSubmitted: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadEnd={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisSubmitted: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tDownload Findings List\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CARTEMPLATE, apioperation.DOWNLOAD));\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Download16}\r\n\t\t\t\t\t\t\t\t\t\t\t\tapiUrl={`/audit/${this.state.auditModel.id}/car/template`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tfileName=\"AuditFindingTemplate.xlsx\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadStart={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisSubmitted: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadEnd={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisSubmitted: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\tDownload Template\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tDownload Template\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{selectedRows.length > 0 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement === 0 && this.canSubmitCAR(selectedRows[0].id) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'CARManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 //&& selectedRows[0].carType == CarType.NC\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? this.getStatusId(selectedRows[0].id)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Submit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.idAnswer != null ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick('Submit', 'Submit', null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Submit FINDING\" }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement !== 0 && CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 //&& selectedRows[0].carType == CarType.NC\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? this.getStatusId(selectedRows[0].id)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Submit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) && this.canSubmitFinding(selectedRows[0].id) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.batchActionClick('SubmitFinding', 'SubmitFinding', null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Submit FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* RITM1004125 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement !== 0 && CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 //&& selectedRows[0].carType == CarType.NC\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? this.getStatusId(selectedRows[0].id)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Open\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) && this.canOpenFinding(selectedRows[0].id) && this.getStatusId(selectedRows[0].id) === 3 &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.batchActionClick('OpenFinding', 'OpenFinding', null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Approve FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement !== 0 && CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 //&& selectedRows[0].carType == CarType.NC\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? this.getStatusId(selectedRows[0].id)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Open\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) && this.canOpenFinding(selectedRows[0].id) && this.getStatusId(selectedRows[0].id) === 5 &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.batchActionClick('OpenFinding', 'OpenFinding', null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Open FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* End */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement === 0 && this.canApproveCAR(selectedRows[0].id) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'CARManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Approve\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.idAnswer != null ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Approve\", \"Approve\", null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Approve FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement === 0 && this.canCloseCAR(selectedRows[0].id) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'CARManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Consolidate\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.idAnswer != null ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Close\", \"Close\", null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Close FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement !== 0 && CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"FindingManagement\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Close\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) && \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"CloseFinding\", \"CloseFinding\", null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Close FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.isNewCarManagement === 0 ? 'CARManagement' : 'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Reject\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) && this.state.idAnswer != null ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.isNewCarManagement === 0 ? this.batchActionClick(\"Reject\", \"Reject\", null, false, true, selectedRows) : this.batchActionClick(\"RejectFinding\", \"RejectFinding\", null, false, true, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement === 0 ? \"Reject FINDING\" : \"Reject\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isNewCarManagement !== 0 && CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Audit',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Complete',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows) && this.canCloseFinding(selectedRows[0].id)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick('CompleteFinding', 'CompleteFinding', null, false, false, selectedRows)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\"Complete FINDING\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{CanExecuteAction(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Audit\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.isNewCarManagement === 0 ? 'CARManagement' : 'FindingManagement',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRows.length > 0 ? this.getStatusId(selectedRows[0].id) : null,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Delete\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.getCanEditResourceId(selectedRows)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.batchActionClick(\"Delete\", \"Delete\", null, false, false, selectedRows)}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDelete\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{this.state.isLoading ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{title || ''}
\r\n\r\n {this.props.car.carType == CarType.NC.Code ? (\r\n
\r\n \r\n 0 ? \"Correction (immediate treatment) *\" : \"Immediate Treatment *\"} >\r\n 0 ? \"Input Correction\" : \"Input Immediate Treatment\"} \r\n value={this.state.model.immediateThreatmentNC || ''}\r\n onChange={(el) =>\r\n this.updateState('immediateThreatmentNC', el.target.value, 'model')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validations.immediateTreatmentNC != null}\r\n disabled={this.props.isDisabled}\r\n />\r\n {validations.immediateTreatmentNC}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('causeOfInefficiency', el.target.value, 'model')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validations.causeOfInefficiency != null}\r\n disabled={this.props.isDisabled}\r\n />\r\n {validations.causeOfInefficiency}\r\n \r\n
\r\n \r\n \r\n this.updateState('caImplemented', el.target.value, 'model')}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validations.caImplemented != null}\r\n disabled={this.props.isDisabled}\r\n />\r\n {validations.caImplemented}\r\n \r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n \r\n
\r\n \r\n this.deleteEmployer()}\r\n className=\"search--custom-button\"\r\n />\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n {this.state.appType == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.type}\r\n items={this.state.appType}\r\n disabled={this.state.model.owner.idEmployer != null || this.props.isDisabled}\r\n invalid={validations.type != null}\r\n />\r\n )}\r\n {validations.type}\r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n {this.state.appNationality == null ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.nationality}\r\n items={this.state.appNationality}\r\n disabled={this.state.model.owner.idEmployer != null || this.props.isDisabled}\r\n // invalid={validations.nationality != null}\r\n />\r\n )}\r\n {/* {validations.nationality} */}\r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n {this.props.isNewCarManagement === 0 ? (\r\n \r\n )\r\n : \"\"\r\n }\r\n
\r\n \r\n \r\n {this.props.appStatus == null ? (\r\n (item ? item.caManagementName : '')}\r\n initialSelectedItem={selectedItemCombo.idStatus}\r\n items={this.props.appStatus}\r\n disabled\r\n />\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n The Due Date must be less than or equal to the Due Date of the Finding\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n {this.props.editEffectiveness && (\r\n <>\r\n \r\n \r\n this.updateState(id, value, 'model')}\r\n />\r\n \r\n
\r\n \r\n \r\n this.updateState(id, value, 'model')}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('checkEffectiveness', el.target.value, 'model')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validationsReminder.checkEffectiveness != null} //RITM0945960 //RITM1010580/RITM1010550 \r\n />\r\n \r\n {/* //RITM0945960 //RITM1010580/RITM1010550 */}\r\n {validationsReminder.checkEffectiveness}\r\n
\r\n \r\n \r\n \r\n {/* //RITM0945960 //RITM1010580/RITM1010550 */}\r\n {validationsReminder.dateCheck}\r\n
\r\n {/* RITM0945960 - Effectiveness Check Modification */}\r\n \r\n \r\n \r\n this.updateState(id, (val ? val.text : null), 'model')}\r\n itemToString={item => (item ? item.text : '')}\r\n initialSelectedItem={selectedItemCombo.isCorrectiveActionsSuitable || null}\r\n items={this.state.appCorrectiveActionsSuitable} \r\n invalid={validationsReminder.isCorrectiveActionsSuitable != null} //RITM1010580/RITM1010550 \r\n /> \r\n \r\n {/* //RITM1010580/RITM1010550 */}\r\n {validationsReminder.isCorrectiveActionsSuitable} \r\n
\r\n {/* End */}\r\n \r\n )}\r\n \r\n {this.showLoading()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n TextInput,\r\n FormGroup,\r\n Checkbox,\r\n TextArea,\r\n} from 'carbon-components-react';\r\nimport { CarType, DateFormat } from '../../helpers/Constants';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\nimport AttachmentTable from '../common/AttachmentTable';\r\nimport { ComboBox } from '../../helpers/ComboBox'; //RITM0945960\r\n\r\nexport default class AuditFindingCADetail extends Component {\r\n\r\n //RITM0945960 - Effectiveness Check Modification\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n appCorrectiveActionsSuitable: [\r\n { id: 'option-1', text: 'Yes' },\r\n { id: 'option-2', text: 'No' },\r\n \r\n ],\r\n }\r\n }\r\n //End\r\n render() {\r\n //RITM0945960 - Effectiveness Check Modification\r\n const selectedItemCombo = {\r\n isCorrectiveActionsSuitable: (this.state.appCorrectiveActionsSuitable || []).find(\r\n (el) => el.text == this.props.CAModel.isCorrectiveActionsSuitable\r\n ),\r\n };\r\n //End\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.car.carType == CarType.NC.Code ? 'CA/Corrective Action' : 'CA/Recommended Action'}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n {this.props.isDisabled || this.props.statusCar > 2 ? null : (\r\n \r\n )}\r\n \r\n\r\n \r\n {this.props.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.showCADefinition === true ? (\r\n <>\r\n {this.props.car.carType == CarType.NC.Code ? (\r\n
\r\n \r\n )\r\n }\r\n}","/* eslint-disable react/prop-types */\r\nimport React, { Component } from 'react';\r\nimport { TextInput, Loading, FormGroup, TextArea, Button, DatePickerSkeleton } from 'carbon-components-react';\r\nimport '../../scss/custom.scss';\r\nimport {\r\n CheckmarkOutline16,\r\n Send16,\r\n Delete16,\r\n Task16,\r\n Error16,\r\n Information16,\r\n} from '@carbon/icons-react/lib/';\r\nimport { v4 as uuid } from 'uuid';\r\nimport moment from 'moment';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n getSuccess,\r\n apioperation,\r\n entitiesLabels,\r\n CarType,\r\n GetCarTypeByCode,\r\n DateFormat,\r\n} from '../../helpers/Constants';\r\nimport { audit } from '../../helpers/api/api';\r\nimport AuditCAList from './AuditCAList';\r\nimport { IsEditable, CanExecuteAction } from '../../helpers/authorization/Policies';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport { WFActionModal } from '../common/WFActionModal';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\n\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport { Online } from '../common/OnLineOffLine';\r\nimport AuditRepository from '../../helpers/api/AuditRepository';\r\nimport AttachmentTable from '../common/AttachmentTable';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\nimport AuditFindingCADetail from './AuditFindingCADetail';\r\n\r\n\r\nexport default class AuditCARDetail extends Component {\r\n baseUrl;\r\n\r\n constructor(props) {\r\n super(props);\r\n const idAuditEdit = props ? props.match.params.id : '';\r\n const idAnswer = props ? props.match.params.idAnswer : '';\r\n const isNewCarManagement = props ? Number(props.match.params.newMng) : 0;\r\n const idCar = props ? props.match.params.idCar : '';\r\n\r\n this.state = {\r\n idAuditEdit,\r\n idAnswer,\r\n isNewCarManagement,\r\n idCar,\r\n isLoading: true,\r\n model: null,\r\n keyCAList: `listCA_${new Date().getTime()}`,\r\n // /Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n // selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n // /Status Action\r\n isHistoryModalOpen: false,\r\n currentPage: 1,\r\n pageSize: 10,\r\n rowCount: 0,\r\n };\r\n this.baseUrl = `${idAuditEdit}/answer/${idAnswer}/car/`;\r\n this.repository = new AuditRepository();\r\n this.validator = new SimpleReactValidator();\r\n this.validatorSolutions = new SimpleReactValidator();\r\n this.validatorEffectiveness = new SimpleReactValidator();\r\n this.previousCAItem = null;\r\n }\r\n\r\n componentDidMount() {\r\n this.getCAR();\r\n }\r\n\r\n showButtonHistory = () => (\r\n \r\n \r\n \r\n this.props.updateState('immediateThreatmentNC', el.target.value, 'model')\r\n } \r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={this.props.validations.immediateThreatmentNC != null}\r\n disabled={this.props.isDisabled} \r\n />\r\n {this.props.validations.immediateThreatmentNC}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n ) : \"\" }\r\n \r\n \r\n \r\n this.props.updateState('causeOfInefficiency', el.target.value, 'model')\r\n } \r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={this.props.validations.causeOfInefficiency != null}\r\n disabled={this.props.isDisabled} \r\n />\r\n {this.props.validations.causeOfInefficiency}\r\n \r\n
\r\n \r\n \r\n this.props.updateState('caImplemented', el.target.value, 'model')} \r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={this.props.validations.caImplemented != null}\r\n disabled={this.props.isDisabled} \r\n />\r\n {this.props.validations.caImplemented}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n The Due Date of the CA must be less than or equal to the Due Date of the Finding\r\n
\r\n ) : null}\r\n \r\n \r\n this.props.updateState(el.target.name, el.target.value, el.target.alt)} \r\n type=\"text\"\r\n hideLabel\r\n labelText=\"\"\r\n disabled={this.props.isDisabled}\r\n />\r\n \r\n
\r\n {this.props.showCASolution === true ? (\r\n <>\r\n \r\n \r\n this.props.updateState('immediateThreatment', el.target.value, 'model')}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n className=\"disable-text\"\r\n invalid={this.props.validationsSolution.immediateThreatment != null}\r\n disabled={this.props.isDisabledCAManagement}\r\n />\r\n {this.props.validations.immediateThreatment}\r\n \r\n
\r\n \r\n \r\n this.props.updateState('explain', el.target.value, 'model')}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n className=\"disable-text\"\r\n invalid={this.props.validationsSolution.explain != null}\r\n disabled={this.props.isDisabledCAManagement}\r\n />\r\n {this.props.validationsSolution.explain}\r\n \r\n
\r\n \r\n )\r\n : ('')\r\n }\r\n {this.props.editEffectiveness && (\r\n <>\r\n \r\n \r\n this.props.updateState(id, value, 'model')} \r\n />\r\n \r\n
\r\n \r\n \r\n this.props.updateState(id, value, 'model')} \r\n /*disabled={\r\n this.state.model.emailCompilerAuditReport === this.props.user.email\r\n }*/\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.props.updateState('checkEffectiveness', el.target.value, 'model')\r\n } \r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={this.props.validationsEffectiveness.checkEffectiveness != null}\r\n /*disabled={\r\n this.state.model.emailCompilerAuditReport === this.props.user.email\r\n }*/\r\n />\r\n \r\n {this.props.validationsEffectiveness.checkEffectiveness}\r\n
\r\n \r\n \r\n \r\n {this.props.validationsEffectiveness.dateCheck}\r\n
\r\n {/* RITM0945960 - Effectiveness Check Modification* */}\r\n \r\n \r\n (item ? item.text : '')}\r\n onChange={(id, val) =>\r\n this.props.updateState(id, (val ? val.text : null), 'model')}\r\n invalid={this.props.validationsEffectiveness.isCorrectiveActionsSuitable != null} \r\n /> \r\n \r\n {this.props.validationsEffectiveness.isCorrectiveActionsSuitable}\r\n
\r\n {/* End */}\r\n \r\n )}\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n\r\n {this.state.model &&\r\n (this.state.model.carType === CarType.NC.Code ||\r\n this.state.model.carType === CarType.OBS.Code) ? (\r\n = 2}\r\n isDisabled={!IsEditable('Audit', 'FindingManagement', user, this.state.model?.idStatus ?? null, 'CADefinition', canEditResource)}\r\n editEffectiveness={IsEditable('Audit', 'FindingManagement', user, this.state.model?.idStatus ?? null, 'Effectiveness', canEditResource)}\r\n showCASolution={this.state.model?.idStatus >= 4}\r\n isDisabledCAManagement={!IsEditable('Audit', 'FindingManagement', user, this.state.model?.idStatus ?? null, 'CAManagement', canEditResource)}\r\n />\r\n : null}\r\n\r\n {IsEditable('Audit', this.state.isNewCarManagement === 0 ? 'CARManagement' : 'FindingManagement', user, this.state.model ? this.state.model.idStatus : null, this.state.isNewCarManagement === 0 ? 'ActualDateCompletition' : (this.state.model?.idStatus >=4 ? 'ActualDateCompletition' : 'Attachments'), canEditResource) ? ( //RITM0993945\r\n
\r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.model && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.model ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n {this.state.model && this.state.model.carType === CarType.NC.Code ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.model && (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.model && (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.model &&\r\n (this.state.model.carType === CarType.NC.Code ||\r\n this.state.model.carType === CarType.OBS.Code) ? (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.isNewCarManagement === 0 && this.state.model &&\r\n (this.state.model.carType === CarType.NC.Code ||\r\n this.state.model.carType === CarType.OBS.Code) ? (\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n\r\n {/* \r\n \r\n {\r\n !owner ?\r\n \r\n
*/}\r\n \r\n \r\n {!owner ? (\r\n \r\n
\r\n\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState(\r\n 'isClose',\r\n !!(val && val.id === STATUS.Consolidated),\r\n 'model'\r\n )\r\n }\r\n itemToString={(item) => (item ? item.caManagementName : '')}\r\n initialSelectedItem={selectedItemCombo.idStatus}\r\n items={selectedItemCombo.appStatus}\r\n />\r\n )\r\n ) : (\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n\r\n \r\n {!this.state.model ? (\r\n
\r\n )}\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState(\r\n 'immediateThreatment',\r\n el.target.value,\r\n 'model'\r\n )\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n className=\"disable-text\"\r\n invalid={validations.immediateThreatment != null}\r\n disabled={\r\n !IsEditable(\r\n 'Audit',\r\n 'CAManagement',\r\n user,\r\n this.state.model.idStatus,\r\n 'ImmediateThreatment',\r\n { email: this.state.model.owner.email }\r\n )\r\n }\r\n />\r\n )}\r\n {validations.immediateThreatment}\r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n this.updateState('explain', el.target.value, 'model')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={225}\r\n className=\"disable-text\"\r\n invalid={validations.explain != null}\r\n disabled={\r\n !IsEditable(\r\n 'Audit',\r\n 'CAManagement',\r\n user,\r\n this.state.model.idStatus,\r\n 'ImmediateThreatment',\r\n { email: this.state.model.owner.email }\r\n )\r\n }\r\n />\r\n )}\r\n {validations.explain}\r\n \r\n {/* DEV_383 */}\r\n
\r\n {IsEditable(\r\n 'Audit',\r\n 'CARManagement',\r\n user,\r\n this.state.model?.idStatus,\r\n 'Effectiveness',\r\n this.state.model?.auditCAR\r\n ) &&\r\n this.state.model.emailCompilerAuditReport === user.email &&\r\n this.state.model.auditCAR?.idStatus === 4 ? (\r\n \r\n \r\n this.updateState(id, value, 'model')}\r\n />\r\n \r\n
\r\n ) : null}\r\n\r\n {IsEditable(\r\n 'Audit',\r\n 'CARManagement',\r\n user,\r\n this.state.model?.idStatus,\r\n 'Effectiveness',\r\n this.state.model?.auditCAR\r\n ) &&\r\n (this.state.model.auditCAR?.owner?.email === user.email ||\r\n this.state.model.auditCAR?.ownerSaipem?.email === user.email ||\r\n this.state.model.emailCompilerAuditReport === user.email) &&\r\n this.state.model.auditCAR?.idStatus === 4 ? (\r\n <>\r\n {' '}\r\n \r\n \r\n this.updateState(id, value, 'model')}\r\n disabled={\r\n this.state.model.emailCompilerAuditReport === user.email\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState(\r\n 'checkEffectiveness',\r\n el.target.value,\r\n 'model'\r\n )\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n invalid={validationsReminder.checkEffectiveness != null}\r\n disabled={\r\n this.state.model.emailCompilerAuditReport === user.email\r\n }\r\n />\r\n \r\n {validationsReminder.checkEffectiveness}\r\n
\r\n \r\n \r\n \r\n {validationsReminder.dateCheck}\r\n
\r\n {/* RITM0945960 - Effectiveness Check Modification */}\r\n \r\n \r\n \r\n this.updateState(id, (val ? val.text : null), 'model')}\r\n itemToString={item => (item ? item.text : '')}\r\n initialSelectedItem={selectedItemCombo.isCorrectiveActionsSuitable}\r\n items={this.state.appCorrectiveActionsSuitable} \r\n invalid={validationsReminder.isCorrectiveActionsSuitable != null}\r\n disabled={\r\n this.state.model.emailCompilerAuditReport === user.email\r\n }\r\n /> \r\n \r\n {validationsReminder.isCorrectiveActionsSuitable}\r\n
\r\n {/* End */}\r\n \r\n ) : null}\r\n {/* \r\n this.cancel()}\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"secondary\"\r\n >\r\n Cancel\r\n \r\n this.saveCA()}\r\n disabled={\r\n !IsEditable(\r\n 'Audit',\r\n 'CARManagement',\r\n user,\r\n this.state.model?.idStatus,\r\n 'Effectiveness',\r\n this.state.model?.auditCAR\r\n )\r\n ? owner\r\n ? !IsEditable(\r\n 'Audit',\r\n 'CAManagement',\r\n user,\r\n this.state.model.idStatus,\r\n 'ImmediateThreatment',\r\n { email: this.state.model.owner.email }\r\n )\r\n : true\r\n : false\r\n }\r\n className=\"bx--col bx--btn--max-width\"\r\n size=\"default\"\r\n kind=\"primary\"\r\n >\r\n Save\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n divGeneralInfoProfile() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n divModuleSkeleton() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n divModules() {\r\n const isCheckedAppModules = (name) => {\r\n let element = this.state.modules.find(el => el == name);\r\n return (element != null);\r\n };\r\n return (\r\n \r\n
\r\n \r\n\r\n\r\n
\r\n )\r\n }\r\n divTableSkeleton() {\r\n return (\r\n \r\n {this.state.allModules.map(m =>\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n )}\r\n \r\n
\r\n
\r\n )\r\n }\r\n divTableRole() {\r\n return (\r\n \r\n
\r\n\r\n {this.state.roles.length > 0 ?\r\n \r\n \r\n
\r\n \r\n :
\r\n )\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n No Entity
\r\n }\r\n\r\n
\r\n );\r\n }\r\n}","import { Link } from 'react-router-dom';\r\nimport React, { Component } from 'react';\r\n\r\n\r\nexport class Module extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.getModule.bind(this);\r\n }\r\n\r\n getModule = (name) => {\r\n return (\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {this.state.isLoad ? this.divGeneralSkeleton() : this.divGeneralInfoProfile()}\r\n \r\n\r\n
\r\n Profile
\r\n\r\n\r\n\r\n Modules \r\n
\r\n {this.state.isLoadModules ? this.divModuleSkeleton() : this.divModules()}\r\n\r\n {this.state.isLoad ? this.divTableSkeleton() : this.divTableRole()}\r\n \r\n
\r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {name}
\r\n \r\n
\r\n */}\r\n\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n {/* \r\n \r\n\r\n {IsEnabled(user, 'Incident') ? (
\r\n\r\n\r\n \r\n {IsEnabled(user, 'Emergency Drill') ? (
\r\n\r\n \r\n {IsEnabled(user, 'Group Dashboard') ? (
\r\n \r\n
\r\n \r\n \r\n
\r\n Dashboard
\r\n \r\n
\r\n \r\n \r\n
\r\n Emergency Drill
\r\n \r\n\t\t\t\t\t\t\t{this.showLoading()}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.closeModalHistory()} />\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.model && (\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.model ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.model ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{validationCar.correctiveAction}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\r\n {this.state.notifications != null && this.state.notifications.length > 0 ? (\r\n
\r\n \r\n );\r\n }\r\n}\r\nfunction LoadNotification() {\r\n return (\r\n \r\n \r\n {this.state.notifications.length < 99 ? this.state.notifications.length : '99'}\r\n \r\n
\r\n ) : null}\r\n {this.props.isOpen ? (\r\n \r\n
\r\n ) : null}\r\n \r\n {this.state.notifications == null || this.state.notifications.length == 0 ? (\r\n this.state.notifications == null ||\r\n (this.state.notifications.length == 0 && this.state.isLoad == true) ? (\r\n
\r\n \r\n {notification.reference != null ? (\r\n \r\n
\r\n ))\r\n )}\r\n \r\n
\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n\r\n \r\n {' '}\r\n {switchDateFormat(notification.dateTime, 'datetime')}\r\n
\r\n \r\n \r\n {notification.moduleName != null ? notification.moduleName : ''}\r\n \r\n {notification.body}\r\n
\r\n\r\n \r\n {notification.originatingUser != null\r\n ? notification.originatingUser.name\r\n : null}\r\n
\r\n\r\n this.deletenotification(notification.id)}\r\n key={`delete-${notification.id}`}\r\n size=\"small\"\r\n iconDescription=\"Edit\"\r\n kind=\"ghost\"\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction NoRecordsNotification() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { Component } from 'react';\r\nimport Profile16 from '@carbon/icons-react/lib/user--avatar/16';\r\nimport Logout16 from '@carbon/icons-react/lib/logout/16';\r\nimport { authProvider } from '../../auth/authProvider';\r\nimport { Link, } from 'react-router-dom'\r\n\r\n\r\nexport class BoxProfile extends Component {\r\n\r\n logout() {\r\n authProvider.logout();\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n No Notifications Found
\r\n\r\n {(this.props.isOpen ?\r\n
\r\n );\r\n }\r\n}","import { api, registry } from './api';\r\nimport CacheStorage from './CacheStorage';\r\n\r\nconst baseURL = `${process.env.REACT_APP_API_URL}api`;\r\n\r\nconst cacheStorage = new CacheStorage();\r\n\r\nconst getCachedWorkSiteProject = async () => {\r\n const url = `${baseURL}/me/worksitesproject`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\n\r\nconst HocCardRepository = {\r\n updateCachedList: async (currentPage, pageSize, data) => {\r\n const url = `${baseURL}/hoccard/?page=${currentPage}&pageSize=${pageSize}`;\r\n const dataList = (await cacheStorage.getFromCache(url)) || {};\r\n let items = dataList.itemList || [];\r\n const element = items.find((el) => el.id === data.id);\r\n\r\n if (element == null) {\r\n items = items.concat(data);\r\n } else {\r\n items[items.indexOf(element)] = data;\r\n }\r\n dataList.itemList = items;\r\n await cacheStorage.updateCache(dataList, url);\r\n },\r\n updateCachedDetail: async (data) => {\r\n const url = `${baseURL}/hoccard/${data.id}`;\r\n await cacheStorage.updateCache(data, url);\r\n },\r\n getWorkSiteProject: async () =>\r\n (await getCachedWorkSiteProject()) || (await api.getAll(`${baseURL}/me/worksitesproject`)).data,\r\n\r\n preFetch: async () => {\r\n await api.getAll('/hoccard/?page=1&pageSize=10');\r\n await api.getAll(`${baseURL}/admin/hazardtype?page=0`);\r\n await api.getAll('/admin/hocpriority?page=0');\r\n await api.getAll('/admin/hoctype?page=0');\r\n await api.getAll('/admin/lifesavingrule?page=0');\r\n // api.getAll('/me/project');\r\n await api.getAll('/me/worksitesproject');\r\n },\r\n\r\n updateHocCardFilter: async data => {\r\n const url = `${baseURL}/hoccard/filter`;\r\n await cacheStorage.updateCache(data, url);\r\n },\r\n\r\n getBackPaged: async () => {\r\n const url = `${baseURL}/hoccard/filter`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n }\r\n\r\n};\r\nexport default HocCardRepository;\r\n","import { api, dynamic } from './api';\r\nimport CacheStorage from './CacheStorage';\r\n\r\nconst baseURL = `${process.env.REACT_APP_API_URL}api`;\r\n\r\nconst cacheStorage = new CacheStorage();\r\n\r\nconst updateCachedTraining = async (id, data) => {\r\n const url = `${baseURL}/training/${id}`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\n\r\nconst updateCachedTrainingList = async (data) => {\r\n const url = `${baseURL}/training/?page=1&pageSize=10`;\r\n const items = await cacheStorage.getFromCache(url);\r\n\r\n if (items && items.itemList) {\r\n const element = items.itemList.find((el) => el.id === data.id);\r\n\r\n if (element == null) {\r\n items.itemList = items.itemList.concat([data]);\r\n items.rowCount += 1;\r\n } else {\r\n items.itemList[items.itemList.indexOf(element)] = data;\r\n }\r\n\r\n await cacheStorage.updateCache(items, url);\r\n }\r\n};\r\n\r\nconst updateReportFilter = async (data) => {\r\n const url = `${baseURL}/training/filter`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst updateReport = async (data) => {\r\n const url = `${baseURL}/training`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst getBackPaged = async () => {\r\n const url = `${baseURL}/training/filter`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\n\r\nconst fetchTraining = async () => {\r\n await api.getAll('/training/?page=1&pageSize=10');\r\n await dynamic.getAll('trainingdata', { params: { page: 0 } });\r\n await dynamic.getAll('traininglocation', { params: { page: 0 } });\r\n await dynamic.getAll('traininglanguage', { params: { page: 0 } });\r\n await dynamic.getAll('trainingmethod', { params: { page: 0 } });\r\n await dynamic.getAll('trainingassessmentmethod', { params: { page: 0 } });\r\n};\r\n\r\nconst TrainingRepository = {\r\n fetchTraining,\r\n updateCachedTrainingList,\r\n updateCachedTraining,\r\n updateReport,\r\n updateReportFilter,\r\n getBackPaged,\r\n};\r\nexport default TrainingRepository;\r\n","import moment from 'moment';\r\nimport { api } from './api';\r\nimport CacheStorage from './CacheStorage';\r\n\r\nconst baseURL = `${process.env.REACT_APP_API_URL}api`;\r\n\r\nconst cacheStorage = new CacheStorage();\r\n\r\nconst year = moment().year() + 2;\r\n\r\nconst yearsArray = [\r\n year - 5,\r\n year - 4,\r\n year - 3,\r\n year - 2,\r\n year - 1,\r\n year,\r\n year + 1,\r\n year + 2,\r\n year + 3,\r\n];\r\n\r\nconst fetchYears = async () => {\r\n yearsArray.forEach(async (element) => {\r\n const url = `${baseURL}/drill/calendar/?plannedWeeks=&referenceYear=${element}&monthNumbers=&page=1&pageSize=10&needToChange=true`;\r\n await api.getAll(url);\r\n await api.getAll(`${baseURL}/me/weeks/${element}`);\r\n });\r\n};\r\n\r\nconst updateCachedDrill = async (data) => {\r\n const url = `${baseURL}/drill/report/${data.id}`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\n\r\nconst clearOldYear = async (data) =>\r\n yearsArray.forEach(async (element) => {\r\n if (element !== data.referenceYear) {\r\n const url = `${baseURL}/drill/calendar/?plannedWeeks=&referenceYear=${element}&monthNumbers=&page=1&pageSize=10&needToChange=true`;\r\n const items = await cacheStorage.getFromCache(url);\r\n\r\n if (items && items.itemList) {\r\n const index = items.itemList.findIndex((el) => el.id === data.id);\r\n items.itemList.splice(index, 1);\r\n items.rowCount -= 1;\r\n }\r\n if (items) await cacheStorage.updateCache(items, url);\r\n }\r\n });\r\n\r\nconst updateCachedDrillList = async (data) => {\r\n await clearOldYear(data);\r\n const url = `${baseURL}/drill/calendar/?plannedWeeks=&referenceYear=${data.plannedYear}&monthNumbers=&page=1&pageSize=10&needToChange=true`;\r\n const items = await cacheStorage.getFromCache(url);\r\n\r\n if (items && items.itemList) {\r\n const element = items.itemList.find((el) => el.id === data.id);\r\n\r\n if (!element || element == null) {\r\n items.itemList = items.itemList.concat([data]);\r\n items.rowCount += 1;\r\n } else {\r\n items.itemList[items.itemList.indexOf(element)] = data;\r\n }\r\n\r\n await cacheStorage.updateCache(items, url);\r\n }\r\n};\r\n\r\nconst updateCachedCarList = async (data) => {\r\n let url = `${baseURL}/drill/report/${data.idDrillReport}`;\r\n const drill = await cacheStorage.getFromCache(url);\r\n if (drill) {\r\n const answer = drill.drillCheckListRequirementAnswers.find(\r\n (el) => el.id === data.idDrillCheckListRequirementAnswer\r\n );\r\n\r\n answer.car = data;\r\n answer.idDrillCar = data.id;\r\n\r\n drill.drillCheckListRequirementAnswers[\r\n drill.drillCheckListRequirementAnswers.indexOf(answer)\r\n ] = answer;\r\n\r\n await cacheStorage.updateCache(drill, url);\r\n }\r\n url = `${baseURL}/drill/report/${data.idDrillReport}/car`;\r\n const items = (await cacheStorage.getFromCache(url)) || { drillCAR: [] };\r\n if (drill) {\r\n items.drillReport = {\r\n id: drill.id,\r\n idCompiler: drill.idCompiler,\r\n idApprover: drill.idApprover,\r\n idDivisionManager: drill.idDivisionManager,\r\n idStatus: drill.idStatus,\r\n };\r\n } else {\r\n items.drillReport = {\r\n id: data.idDrillReport\r\n };\r\n }\r\n \r\n if (!items.drillCode && drill) {\r\n items.drillCode = drill.drillReportCode;\r\n }\r\n const element = items.drillCAR.find((el) => el.id === data.id);\r\n if (element == null) {\r\n items.drillCAR = items.drillCAR.concat([data]);\r\n } else {\r\n items.drillCAR[items.drillCAR.indexOf(element)] = data;\r\n }\r\n await cacheStorage.updateCache(items, url);\r\n url = `${baseURL}/drill/report/answer/car/${data.id}`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\n\r\nconst getCachedDrillList = async (referenceYear) => {\r\n const url = `${baseURL}/drill/calendar/?plannedWeeks=&referenceYear=${referenceYear}&monthNumbers=&page=1&pageSize=10&needToChange=true`;\r\n const drills = await cacheStorage.getFromCache(url);\r\n return drills || [];\r\n};\r\n\r\n\r\nconst updateDrillFilter = async (data) => {\r\n const url = `${baseURL}/drill/filter`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst updateDrillCalendarFilter = async (data) => {\r\n const url = `${baseURL}/drill/filter/calendar`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst getBackPaged = async () => {\r\n const url = `${baseURL}/drill/filter`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\nconst getBackPagedCalendar = async () => {\r\n const url = `${baseURL}/drill/filter/calendar`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\n\r\nconst updateReportDrillFilter = async (data) => {\r\n const url = `${baseURL}/drill/drillreportfilter`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst updateReportDrillCalendarFilter = async (data) => {\r\n const url = `${baseURL}/drill/filter/drillreportcalendar`;\r\n await cacheStorage.updateCache(data, url);\r\n};\r\nconst getReportBackPaged = async () => {\r\n const url = `${baseURL}/drill/drillreportfilter`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\nconst getBackReportPagedCalendar = async () => {\r\n const url = `${baseURL}/drill/filter/drillreportcalendar`;\r\n const items = await cacheStorage.getFromCache(url);\r\n return items || undefined;\r\n};\r\n\r\nconst DrillRepository = {\r\n updateCachedDrill,\r\n updateCachedDrillList,\r\n getCachedDrillList,\r\n updateCachedCarList,\r\n getBackPaged,\r\n getBackPagedCalendar,\r\n updateDrillFilter,\r\n updateDrillCalendarFilter,\r\n updateReportDrillFilter,\r\n updateReportDrillCalendarFilter,\r\n getReportBackPaged,\r\n getBackReportPagedCalendar,\r\n\r\n preFetch: async () => {\r\n await fetchYears();\r\n\r\n // await fetchDivisionWorkSiteProject();\r\n await api.getAll(`${baseURL}/drill/drilltype`);\r\n await api.getAll(`${baseURL}/admin/drilltypedetail`);\r\n await api.getAll(`${baseURL}/drill/participant`);\r\n await api.getAll(`${baseURL}/drill/frequency`);\r\n },\r\n};\r\nexport default DrillRepository;\r\n","/* eslint-disable react/jsx-props-no-spreading */\r\n/* eslint-disable import/prefer-default-export */\r\n/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n Header,\r\n HeaderGlobalBar,\r\n HeaderGlobalAction,\r\n HeaderName,\r\n HeaderNavigation,\r\n SideNavItems,\r\n SideNav,\r\n SideNavMenuItem,\r\n Button,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n} from 'carbon-components-react';\r\nimport {\r\n entitiesLabels,\r\n} from '../../helpers/Constants';\r\nimport Notification20 from '@carbon/icons-react/lib/notification/20';\r\nimport Menu20 from '@carbon/icons-react/lib/menu/20';\r\nimport { authProvider } from '../../auth/authProvider';\r\nimport { Notification } from './Notification';\r\nimport { BoxProfile } from './BoxProfile';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport { IsInRole } from '../../helpers/authorization/Policies';\r\nimport { StatusTag } from '../../helpers/PageBreadCrumb';\r\nimport { Online, Offline } from './OnLineOffLine';\r\nimport CacheStorage from '../../helpers/api/CacheStorage';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport AuditRepository from '../../helpers/api/AuditRepository';\r\nimport IncidentRepository from '../../helpers/api/IncidentRepository';\r\nimport MeRepository from '../../helpers/api/MeRepository';\r\nimport ReportRepository from '../../helpers/api/ReportRepository';\r\nimport HocCardRepository from '../../helpers/api/HocCardRepository';\r\nimport TrainingRepository from '../../helpers/api/TrainingRepository';\r\nimport InspectionRepository from '../../helpers/api/InspectionRepository';\r\nimport DrillRepository from '../../helpers/api/DrillRepository';\r\n\r\nvar isDeleted = false;\r\n\r\nexport class Head extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.showProfile = this.showProfile.bind(this);\r\n this.showNotification = this.showNotification.bind(this);\r\n this.hiddenBox = this.hiddenBox.bind(this);\r\n this.toggleNavbar = this.toggleNavbar.bind(this);\r\n this.modalFetchData = this.modalFetchData.bind(this);\r\n this.handleConfirmFetchData = this.handleConfirmFetchData.bind(this);\r\n this.auditRepository = new AuditRepository();\r\n this.state = {\r\n collapsed: true,\r\n userAccount: 'Not Authorized',\r\n isSideNavigationExpanded: false,\r\n isOpenNotification: false,\r\n isOpenProfile: false,\r\n synching: false,\r\n offlineQueue: 0,\r\n modalFetchDataVisible: false,\r\n isDeleted: false\r\n };\r\n this.isDeleted = this.isDeleted.bind(this);\r\n this.onClickSideNavExpand = this.onClickSideNavExpand.bind(this);\r\n this.onGoOnline = this.onGoOnline.bind(this);\r\n this.onMessageReceived = this.onMessageReceived.bind(this);\r\n this.getUserRole = this.getUserRole.bind(this);\r\n this.cacheStorage = new CacheStorage();\r\n }\r\n\r\n hiddenBox() {\r\n this.setState((oldState) => ({ isOpenProfile: !oldState.isOpenProfile }));\r\n }\r\n\r\n async isDeleted() {\r\n isDeleted = true;\r\n\r\n }\r\n\r\n\r\n showNotification() {\r\n if (!isDeleted) {\r\n this.state.isOpenProfile\r\n ? this.setState((oldState) => ({\r\n isOpenProfile: !oldState.isOpenProfile,\r\n isOpenNotification: !oldState.isOpenNotification,\r\n }))\r\n : this.setState((oldState) => ({ isOpenNotification: !oldState.isOpenNotification }));\r\n }\r\n isDeleted = false;\r\n } \r\n\r\n showProfile() {\r\n this.state.isOpenNotification\r\n ? this.setState((oldState) => ({\r\n isOpenProfile: !oldState.isOpenProfile,\r\n isOpenNotification: !oldState.isOpenNotification,\r\n }))\r\n : this.setState((oldState) => ({ isOpenProfile: !oldState.isOpenProfile }));\r\n }\r\n\r\n getUserRole() {\r\n if (this.context.user.roles.includes('Administrator')) {\r\n return 'Administrator';\r\n } \r\n else if (this.context.user.roles.includes('Compiler')) {\r\n return 'Compiler';\r\n }\r\n else if (this.context.user.roles.includes('Data Approver')) {\r\n return 'Data Approver';\r\n }\r\n else if (this.context.user.roles.includes('Division Manager')) {\r\n return 'Consolidator';\r\n } \r\n else {return 'External'}\r\n }\r\n\r\n onGoOnline(online) {\r\n if (online) this.cacheStorage.flushQueue();\r\n }\r\n\r\n onMessageReceived = (message) => {\r\n console.log(`Header.onMessageReceived: message:`, message);\r\n if (message.infoMsg)\r\n showNotification.info(\"Info\", message.infoMsg);\r\n if (message.warnMsg)\r\n showNotification.warning(\"Warning\", message.warnMsg);\r\n if (message.errMsg)\r\n showNotification.error(\"Error\", message.errMsg);\r\n if (message.sucMsg)\r\n showNotification.success(\"Success\", message.sucMsg);\r\n\r\n if (message.queueLength !== null) {\r\n this.setState({ offlineQueue: message.queueLength });\r\n }\r\n\r\n if (message.synching !== null) {\r\n this.setState({ synching: message.synching });\r\n switch (message.synching) {\r\n case true:\r\n showNotification.info(`${entitiesLabels.SYNC}`, 'Operation started');\r\n console.log('Header.onMessageReceived: Synch operation started');\r\n break;\r\n case false:\r\n if (!message.error) {\r\n showNotification.success(`${entitiesLabels.SYNC}`, 'Operation ended successfully');\r\n console.log('Header.onMessageReceived: Synch operation ended successfully');\r\n } else if (message.error) {\r\n showNotification.error(`${entitiesLabels.SYNC}`, `Operation ended with ${message.queueLength} errors and ${message.minRetriesLeft} retries left. Queue size: ${message.totalQueueSizeKB} KB`);\r\n console.error(`Header.onMessageReceived: Synching operation ended with ${message.queueLength} errors and ${message.minRetriesLeft} retries left. Queue size: ${message.totalQueueSizeKB} KB`);\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n };\r\n\r\n modalFetchData() {\r\n console.log(`Header.modalFetchData:`);\r\n this.setState((oldState) => ({\r\n modalFetchDataVisible: !oldState.modalFetchDataVisible,\r\n }));\r\n }\r\n\r\n async handleConfirmFetchData() {\r\n console.log(`Header.handleConfirmFetchData:`);\r\n this.setState((oldState) => ({\r\n synching: true,\r\n modalFetchDataVisible: !oldState.modalFetchDataVisible,\r\n }));\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,'Synch operation started');\r\n await MeRepository.preFetch();\r\n if (this.context.user.modules.includes('Audit')) {\r\n await this.auditRepository.fetchAudit();\r\n }\r\n if (this.context.user.modules.includes('Incident')) {\r\n await IncidentRepository.fetchIncident();\r\n }\r\n if (this.context.user.modules.includes('Report')) {\r\n await ReportRepository.preFetch();\r\n }\r\n if (this.context.user.modules.includes('Hoc Card')) {\r\n await HocCardRepository.preFetch();\r\n }\r\n if (this.context.user.modules.includes('Training')) {\r\n await TrainingRepository.fetchTraining();\r\n }\r\n if (this.context.user.modules.includes('Inspection')) {\r\n await InspectionRepository.preFetch();\r\n }\r\n if (this.context.user.modules.includes('Emergency Drill')) {\r\n await DrillRepository.preFetch();\r\n }\r\n this.setState((oldState) => ({\r\n synching: false,\r\n }));\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,'Synch operation ended successfully');\r\n }\r\n\r\n toggleNavbar() {\r\n console.log(`Header.toggleNavbar:`);\r\n this.setState((oldState) => ({\r\n collapsed: !oldState.collapsed,\r\n }));\r\n }\r\n\r\n componentDidMount() {\r\n console.log(`Header.componentDidMount:`);\r\n this.setState({ userAccount: authProvider.account.name });\r\n }\r\n\r\n onClickSideNavExpand() {\r\n console.log(`Header.componentDidMount:`);\r\n this.setState((oldState) => ({\r\n isSideNavigationExpanded: !oldState.isSideNavigationExpanded,\r\n }));\r\n }\r\n\r\n logout = () => {\r\n authProvider.logout();\r\n };\r\n\r\n renderFetchModal = () =>\r\n this.state.modalFetchDataVisible && (\r\n \r\n
\r\n : null)}\r\n \r\n {this.props.isUser ? \r\n
\r\n \r\n
\r\n : null}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Profile
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Logout
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n Press confirm to start loading entities data
\r\n\r\n
![\"Saipem](\"/images/saipem-insights.png\")
\r\n \r\n \r\n {this.state.userAccount + \" - \" +this.getUserRole()}\r\n \r\n
\r\n \r\n {this.state.offlineQueue != null && this.state.offlineQueue > 0 ? (\r\n
\r\n \r\n \r\n \r\n {this.state.offlineQueue < 99 ? this.state.offlineQueue : '+99'}\r\n \r\n
\r\n ) : null}\r\n \r\n {this.state.offlineQueue != null && this.state.offlineQueue > 0 ? (\r\n
\r\n \r\n \r\n {this.state.offlineQueue < 99 ? this.state.offlineQueue : '+99'}\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport Unauthorized from '../../components/common/Unauthorized';\r\nexport const Authorization = (User, WrappedComponent, Scope, Value, IsPage) => {\r\n return class WithAuthorization extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n IsEnabled: false\r\n };\r\n\r\n if (User != null) {\r\n\r\n var roles = User.roles;\r\n var modules = User.modules;\r\n\r\n //Scope = User\r\n if (Scope === \"User\" &&\r\n (roles != null && roles.length > 0) &&\r\n (roles.includes(\"Data Approver\") || roles.includes(\"Division Manager\") || roles.includes(\"Compiler\") || roles.includes(\"Administrator\"))) {\r\n this.state = {\r\n IsEnabled: true\r\n };\r\n }\r\n\r\n //Scope = Global\r\n if (Scope === \"Global\" &&\r\n ((roles != null && roles.length > 0))) {\r\n this.state = {\r\n IsEnabled: true\r\n };\r\n }\r\n\r\n //Scope = Module\r\n if (Scope === \"Module\" && modules != null && modules.length > 0 && modules.includes(Value)) {\r\n this.state = {\r\n IsEnabled: true\r\n };\r\n }\r\n\r\n //Scope = Role\r\n if (Scope === \"Role\" && roles != null && roles.length > 0 && roles.includes(Value)) {\r\n this.state = {\r\n IsEnabled: true\r\n };\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n }\r\n render() {\r\n if (this.state.IsEnabled != null && this.state.IsEnabled) {\r\n return (\r\n ![](\"/images/saipem-full.png\")
\r\n
\r\n \r\n \r\n
\r\n InSight
\r\nAccess denied
\r\nYou are not authorized to view this content. Please contact the system administrator.\r\n
\r\n\r\n \r\n
\r\n );\r\n\r\n getReportSummaries =async () => {\r\n let data= null;\r\n if(!this.state.isBack ){\r\n data = {\r\n params: {\r\n page: this.state.currentPage,\r\n pageSize: this.state.pageSize,\r\n ...this.state.searchModel,\r\n },\r\n };\r\n data.params.page = this.state.currentPage; \r\n data.params.pageSize = this.state.pageSize; \r\n }else{ \r\n let filter = await ReportRepository.getBackPaged()\r\n data = {\r\n params: filter?.params\r\n };\r\n //RITM0549692;\r\n if(data.params) data.params.page =1\r\n //\r\n this.setState({\r\n searchModel : filter?.params,\r\n });\r\n\r\n if (this.state.searchModel?.startDate == undefined && this.state.searchModel?.endDate == undefined && this.state.searchModel?.idWorksite == undefined && this.state.searchModel?.idCompany == undefined &&\r\n this.state.searchModel?.idDivision == undefined && this.state.searchModel?.idProject == undefined && this.state.searchModel?.idCountry == undefined && this.state.searchModel?.idSubDivision == undefined &&\r\n this.state.searchModel?.idActivity == undefined) {\r\n this.setState({\r\n isOpenFilter: false,\r\n });\r\n console.log(\"sono tutti null\");\r\n }\r\n else {\r\n this.setState({\r\n isOpenFilter: true,\r\n });\r\n console.log(\"NON sono tutti null\");\r\n }\r\n }\r\n this.getPagedWithfilter(data);\r\n };\r\n handleClickCancelSearch = () => {\r\n \r\n this.setState({\r\n isOpenFilter: false,\r\n isBack:false,\r\n searchModel: {\r\n startDate: null,\r\n endDate: null,\r\n idWorksite: null,\r\n idCompany: null,\r\n idDivision: null,\r\n idProject: null,\r\n idCountry: null,\r\n idSubDivision: null,\r\n idActivity: null,\r\n },\r\n },\r\n );\r\n let params= {\r\n page: 1,\r\n pageSize: 10,\r\n startDate: null,\r\n endDate: null,\r\n idWorksite: null,\r\n idCompany: null,\r\n idDivision: null,\r\n idProject: null,\r\n idCountry: null,\r\n idSubDivision: null,\r\n idActivity: null,\r\n };\r\n this.getPagedWithfilter({ params });\r\n };\r\n getPagedWithfilter = async (data) => {\r\n this.setState({\r\n isLoadingList: true,\r\n });\r\n \r\n api\r\n .getWithParam('/Reports/reportsummaries', data)\r\n .then((response) => {\r\n response.data.itemList.forEach((x) => {\r\n x.start = new Date(x.start).toLocaleDateString();\r\n x.end = new Date(x.end).toLocaleDateString();\r\n });\r\n this.setState({\r\n itemList: response.data.itemList,\r\n pageCount: response.data.pageCount,\r\n rowCount: response.data.rowCount,\r\n // currentPage : response.data?.currentPage ?response.data.currentPage :1 ,\r\n //RITM0549692\r\n currentPage : data.params?.page ,\r\n pageSize : response.data?.pageSize ? response.data.pageSize : 10,\r\n });\r\n ReportRepository.updateReportFilter(data);\r\n ReportRepository.updateReport(data);\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.REPORTSUMMARY, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingList: false,\r\n });\r\n });\r\n };\r\n \r\n getFilterOptions = async () => {\r\n this.setState({\r\n isLoadingOptions: true,\r\n });\r\n try {\r\n const data = (await ReportRepository.getWorkSites()).itemList;\r\n this.setState({\r\n workSiteOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n }\r\n try {\r\n const data = await ReportRepository.getProjects();\r\n this.setState({\r\n projectOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n }\r\n try {\r\n const data = await ReportRepository.getDivisions();\r\n this.setState({\r\n divisionOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.DIVISION, apioperation.GET));\r\n }\r\n try {\r\n const data = await ReportRepository.getCountry();\r\n this.setState({\r\n countryOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.COUNTRY, apioperation.GET));\r\n }\r\n try {\r\n const data = await ReportRepository.getSubDivision();\r\n this.setState({\r\n subDivisionOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.SUBDIVISION, apioperation.GET));\r\n }\r\n try {\r\n const data = await ReportRepository.getActivity();\r\n this.setState({\r\n activityOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.Activity, apioperation.GET));\r\n }\r\n\r\n try {\r\n const data = await ReportRepository.getCompanies();\r\n this.setState({\r\n companyOptions: data,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.COMPANY, apioperation.GET));\r\n }\r\n this.setState({\r\n isLoadingOptions: false,\r\n });\r\n // const [workSites, projects, divisions, countries, companies] =\r\n // await Promise.all([\r\n // api.getWithParam('/WorkSite', {params: {page: 0 } }),\r\n // api.getWithParam('/Project'),\r\n // api.getWithParam('/Division'),\r\n // api.getWithParam('/Country'),\r\n // api.getWithParam('/Company'),\r\n // ])\r\n // .then(response => {\r\n // return response.map(r => r.data);\r\n // }).catch(error => {\r\n // showNotification.error(getError(error, entitiesLabels.REPORTSUMMARY, apioperation.POST));\r\n\r\n // }).finally(() => {\r\n // this.setState({\r\n // isLoadingOptions: false,\r\n // });\r\n // });\r\n // this.setState({\r\n // workSiteOptions: workSites.itemList.map(w => ({ id: w.id, text: w.name })),\r\n // projectOptions: projects.map(p => ({ id: p.id, text: p.name })),\r\n // divisionOptions: divisions.map(d => ({ id: d.id, text: d.name })),\r\n // countryOptions: countries.map(c => ({ id: c.id, text: c.name })),\r\n // companyOptions: companies.map(c => ({ id: c.id, text: c.name })),\r\n // });\r\n };\r\n\r\n downloadFile() {\r\n if (this.state.isExportLoading) return;\r\n\r\n this.setState({\r\n isExportLoading: true,\r\n });\r\n api\r\n .getWithParam('/reports/excel', { responseType: 'arraybuffer' })\r\n .then((response) => {\r\n // fileDownload(new Blob([response.data]), 'report.xlsx');\r\n const data = new Blob([response.data], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n const csvURL = window.URL.createObjectURL(data);\r\n const tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n\r\n const nomefile = `${'Export_Report_'}${moment().format('YYYYMMDDHHmmSS')}.xlsx`;\r\n tempLink.setAttribute('download', nomefile);\r\n\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, 'Download File', apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isExportLoading: false,\r\n });\r\n });\r\n }\r\n\r\n handleChangePaging = (e) => {\r\n this.setState(\r\n {\r\n isBack :false,\r\n currentPage: e.page,\r\n pageSize: e.pageSize,\r\n },\r\n () => { this.getReportSummaries()}\r\n );\r\n \r\n };\r\n\r\n // QR Code download handlers\r\n getWorkSiteProjectQrCodeUrl = id => {\r\n const reports = this.state.itemList || [];\r\n const element = reports.find((el) => el.id == id);\r\n return `/worksite/${element.idWorkSite}/project/${element.idProject}/qr-code`;\r\n };\r\n\r\n getWorkSiteProjectQrCodeFileName = id => {\r\n const element = (this.state.itemList || []).find((el) => el.id == id);\r\n return `${element.workSite}_${element.project}_QR Code.pdf`;\r\n };\r\n\r\n onQrCodeDownloadError = error => {\r\n showNotification.error(getError(error, entitiesLabels.WORKSITEPROJECT_QRCODE, apioperation.DOWNLOAD));\r\n this.setState({ isLoadingQrCodeFile: false });\r\n };\r\n\r\n componentDidMount() {\r\n this.getFilterOptions();\r\n this.getReportSummaries();\r\n }\r\n\r\n render() {\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n const headersDataTable = [\r\n { key: 'start', header: 'Start Date' },\r\n { key: 'end', header: 'End Date' },\r\n { key: 'workSite', header: 'Worksite' },\r\n { key: 'project', header: 'Project' },\r\n //RITM0945977\r\n // { key: 'division', header: 'Division' },\r\n // { key: 'subDivision', header: 'SubDivision' },\r\n { key: 'division', header: 'Business Line' },\r\n { key: 'subDivision', header: 'Sub-Business Line' },\r\n { key: 'activity', header: 'Activity' },\r\n { key: 'country', header: 'Country' },\r\n { key: 'company', header: 'Operating Company/Branch' },\r\n { key: 'countReports', header: 'N° of report' },\r\n ];\r\n const skeletonRowCount =\r\n this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount\r\n ? this.state.rowCount\r\n : this.state.pageSize;\r\n\r\n const filterItems = {\r\n \r\n idWorksite: this.state.searchModel?.idWorksite\r\n ? (this.state.workSiteOptions || []).find((el) => el.id === this.state.searchModel.idWorksite)\r\n : [],\r\n idProject: this.state.searchModel?.idProject\r\n ? (this.state.projectOptions || []).find((el) => el.id === this.state.searchModel.idProject)\r\n : [],\r\n idCompany: this.state.searchModel?.idCompany\r\n ? (this.state.companyOptions || []).find((el) => el.id === this.state.searchModel.idCompany)\r\n : [],\r\n idDivision: this.state.searchModel?.idDivision\r\n ? (this.state.divisionOptions || []).find((el) => el.id === this.state.searchModel.idDivision)\r\n : [],\r\n idCountry: this.state.searchModel?.idCountry\r\n ? (this.state.countryOptions || []).find((el) => el.id === this.state.searchModel.idCountry)\r\n : [],\r\n idSubDivision: this.state.searchModel?.idSubDivision\r\n ? (this.state.subDivisionOptions || []).find((el) => el.id === this.state.searchModel.idSubDivision)\r\n : [],\r\n idActivity: this.state.searchModel?.idActivity\r\n ? (this.state.activityOptions || []).find((el) => el.id === this.state.searchModel.idActivity)\r\n : [],\r\n endDate: this.state.searchModel?.endDate\r\n ? this.state.searchModel?.endDate\r\n : null,\r\n startDate: this.state.searchModel?.startDate\r\n ? this.state.searchModel?.startDate\r\n : null,\r\n };\r\n return (\r\n <>\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","/* eslint-disable react/prop-types */\r\n/* eslint-disable import/prefer-default-export */\r\n// eslint-disable-next-line no-unused-vars\r\nimport {\r\n ComboBox,\r\n Button,\r\n FormLabel,\r\n DropdownSkeleton,\r\n Loading,\r\n TextArea,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n FormGroup,\r\n} from 'carbon-components-react';\r\nimport React from 'react';\r\nimport { Offline, Online } from '../common/OnLineOffLine';\r\n\r\nexport const ChangeCompilerModal = (props) => {\r\n const isConfirmButtonDisabled = () => props.approver == null || props.approvalNotes == '' || props.approvalNotes == null;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, 'Download File', apioperation.GET)\r\n );\r\n }}\r\n className=\"btn-notext\"\r\n iconDescription=\" \"\r\n renderIcon={Download16}\r\n apiUrl=\"/reports/excel\"\r\n fileName={`${'Export_Report_'}${moment().format('YYYYMMDDHHmmSS')}.xlsx`}\r\n onDownLoadStart={() => {\r\n this.setState({\r\n isExportLoading: true,\r\n });\r\n }}\r\n onDownLoadEnd={() => {\r\n this.setState({\r\n isExportLoading: false,\r\n });\r\n }}\r\n >\r\n {!this.state.isExportLoading ? '' : \r\n \r\n\r\n {!this.state.isOpenFilter ? '' : this.divFiterAudit(filterItems)}\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n \r\n
\r\n \r\n {props.isLoadingOptions ? (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n Administrator* \r\n \r\n item ? `${item.name} ${item.surname} (${item.email})` : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${`${item.name} ${item.surname} (${item.email})`} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onApproverSelect(selectedItem)}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Reasons for change* \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {props.validationMessages.map((e) => (\r\n
- \r\n {e}\r\n \r\n ))}\r\n
\r\n {props.isLoadingOptions ? (\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n Old Compiler \r\n \r\n
\r\n \r\n \r\n \r\n Select New Compiler* \r\n \r\n item ? `${item.name} ${item.surname} (${item.email})` : ''\r\n }\r\n itemToElement={(item) =>\r\n item ? `${`${item.name} ${item.surname} (${item.email})`} ` : ''\r\n }\r\n onChange={({ selectedItem }) => props.onApproverSelect(selectedItem)}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {props.validationMessages.map((e) => (\r\n
- \r\n {e}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n\r\n divInfo() {\r\n return (\r\n this.state.reportSummary && (\r\n \r\n
\r\n\r\n {this.renderLoadingModal()}\r\n \r\n
\r\n Add new Report
{' '}\r\n\r\n
\r\n \r\n Discipline \r\n {this.state.isLoadingOptions ? (\r\n (item ? item.name : '')}\r\n itemToElement={(item) => (item ? `${item.name} ` : '')}\r\n onChange={({ selectedItem }) => this.handleDisciplineChange(selectedItem)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n Start Date \r\n\r\n
\r\n \r\n End Date \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {this.state.validationMessages.map((e) => (\r\n
- {e} \r\n ))}\r\n
\r\n \r\n Cancel\r\n \r\n\r\n \r\n Create\r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n }\r\n\r\n divInfoDetail() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Main Info
\r\n\r\n
\r\n \r\n
\r\n Worksite:
{' '}\r\n {this.state.reportSummary.workSite}
{' '}\r\n \r\n
\r\n Project:
{' '}\r\n {this.state.reportSummary.project}
\r\n \r\n
\r\n Activity:
{' '}\r\n {this.state.reportSummary.activity}
{' '}\r\n \r\n
\r\n Country:
{' '}\r\n {this.state.reportSummary.country}
\r\n \r\n {/* RITM0945977 */}\r\n {/*
\r\n Current worksite division:
*/}\r\n Current worksite business line:
\r\n {this.state.reportSummary.division}
\r\n \r\n {/* RITM0945977 */}\r\n {/*
\r\n Current worksite subdivision:
*/}\r\n Current worksite sub-business line:
\r\n {this.state.reportSummary.subDivision}
\r\n \r\n
\r\n Overall Prj Worked Manhours:
\r\n {this.state.reportSummary.overallProjectWorkedManhours}\r\n \r\n
\r\n \r\n
\r\n Operating Company/Branch:
\r\n {this.state.reportSummary.company}
\r\n \r\n
\r\n Overall Worksite Worked Manhours:
\r\n {this.state.reportSummary.overallWorksiteWorkedManhours}\r\n \r\n
\r\n \r\n
\r\n Start/End Date:
\r\n \r\n {moment.utc(this.state.reportSummary.start).local().format('DD/MM/YYYY')}-\r\n {moment.utc(this.state.reportSummary.end).local().format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n Prj/Activity Worked Manhours:
\r\n {this.state.reportSummary.prjActivityWorkedManhours}\r\n \r\n
\r\n );\r\n }\r\n\r\n handleDisciplineChange = (selectedItem) => {\r\n this.setState({\r\n newReportDiscipline: selectedItem && selectedItem.id,\r\n newReportDisciplineName: selectedItem && selectedItem.name,\r\n });\r\n };\r\n\r\n handleStartDateChange = (inputName, inputValue) => {\r\n this.setState({ newReportStart: inputValue });\r\n };\r\n\r\n handleEndDateChange = (inputName, inputValue) => {\r\n this.setState({ newReportEnd: inputValue });\r\n };\r\n\r\n isCreateButtonDisabled = () =>\r\n this.state.newReportDiscipline == null ||\r\n this.state.newReportStart == null ||\r\n this.state.newReportEnd == null ||\r\n this.state.isSubmitted === true;\r\n\r\n clearNewReportForm = () => {\r\n this.setState({\r\n newReportStart: null,\r\n newReportEnd: null,\r\n newReportDiscipline: null,\r\n newReportDisciplineName: null,\r\n validationmessages: [],\r\n });\r\n };\r\n\r\n getYearQuarter(date) {\r\n const month = date.getUTCMonth() + 1;\r\n return Math.ceil(month / 3);\r\n }\r\n\r\n handleCreateReport = () => {\r\n const monthOffset = this.state.newReportDisciplineName === 'Safety' ? 0 : 2;\r\n // console.log(this.state);\r\n const validationMessages = [];\r\n if (new Date(this.state.newReportStart) > new Date(this.state.newReportEnd)) {\r\n validationMessages.push('Start date must precede end date');\r\n }\r\n if (\r\n new Date(this.state.newReportStart) < new Date(this.state.reportSummary.start) ||\r\n new Date(this.state.newReportEnd) > new Date(this.state.reportSummary.end)\r\n ) {\r\n validationMessages.push('Report period must be within report summary period');\r\n }\r\n if (\r\n new Date(this.state.newReportEnd).getUTCMonth() >\r\n new Date(this.state.newReportStart).getUTCMonth() + monthOffset ||\r\n (this.state.newReportDisciplineName === 'Safety'\r\n ? new Date(this.state.newReportStart).getUTCMonth() !==\r\n new Date(this.state.newReportEnd).getUTCMonth()\r\n : this.getYearQuarter(new Date(this.state.newReportStart)) !==\r\n this.getYearQuarter(new Date(this.state.newReportEnd)))\r\n ) {\r\n validationMessages.push(\r\n `Report period must be within the period related to ${this.state.newReportDisciplineName} discipline`\r\n );\r\n }\r\n if (\r\n this.state.reportSummary.reports\r\n .filter((r) => r.discipline === this.state.newReportDisciplineName)\r\n .some(\r\n (r) =>\r\n new Date(r.start) <= new Date(this.state.newReportEnd) &&\r\n new Date(r.end) >= new Date(this.state.newReportStart)\r\n )\r\n ) {\r\n validationMessages.push(\r\n `There are already one or more ${this.state.newReportDisciplineName} reports in the specified period`\r\n );\r\n }\r\n\r\n this.setState({\r\n validationMessages,\r\n });\r\n if (validationMessages.length > 0) {\r\n return;\r\n }\r\n this.setState({\r\n isSubmitted: true,\r\n });\r\n const newReport = {\r\n id: uuid(),\r\n start: this.state.newReportStart,\r\n end: this.state.newReportEnd,\r\n idReportDiscipline: this.state.newReportDiscipline,\r\n\r\n idReportSummary: this.props.match.params.idReportSummary,\r\n };\r\n api\r\n .post('reports', newReport)\r\n .then(async (response) => {\r\n if (response.status === 200) {\r\n const summary = this.state.reportSummary;\r\n newReport.idStatus = 1;\r\n newReport.status = 'Opened';\r\n newReport.discipline = this.state.newReportDisciplineName;\r\n newReport.compiledBy = `${this.context.user.name} ${this.context.user.surname}`;\r\n summary.reports.push(newReport);\r\n await ReportRepository.updateCachedReportList(summary);\r\n await ReportRepository.updateReportDetail(newReport);\r\n this.setState({\r\n isLoading: true,\r\n reportSummary: summary,\r\n });\r\n this.getReportSummary();\r\n this.clearNewReportForm();\r\n this.setState({\r\n isReportFormOpen: false,\r\n });\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.REPORT, apioperation.POST)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORT, apioperation.POST)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSubmitted: false,\r\n });\r\n });\r\n };\r\n\r\n getReportSummary = () => {\r\n api\r\n .get('reports/reportsummaries/', this.props.match.params.idReportSummary)\r\n .then((response) => {\r\n // response.data.start = moment.utc(response.data.start).local().format(\"MM/DD/YYYY\");\r\n // response.data.end = moment.utc(response.data.end).local().format(\"MM/DD/YYYY\");\r\n // response.data.reports.forEach(x => {\r\n // x.start = moment.utc(x.start).local().format(\"MM/DD/YYYY\");\r\n // x.end = moment.utc(x.end).local().format(\"MM/DD/YYYY\");\r\n // });\r\n this.setState({\r\n reportSummary: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORTSUMMARY, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n if(this.state.codeFilter)\r\n {\r\n this.setState({\r\n isLoading: false,\r\n isOpenFilter:true,\r\n });\r\n }else {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n }\r\n });\r\n };\r\n\r\n getDisciplineOptions = () => {\r\n api\r\n .getAll(`reports/disciplines/${this.props.match.params.idReportSummary}`)\r\n .then((response) => {\r\n this.setState({\r\n disciplineOptions: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.DISCIPLINE, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingOptions: false,\r\n });\r\n });\r\n };\r\n\r\n getUsersInRole = (role, idEntity) => {\r\n if (idEntity) {\r\n api.getWithParam('/reports/getreportusersbyrole', {\r\n params: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n })\r\n .then((response) => {\r\n this.setState({\r\n approvers: response.data,\r\n isLoadingApproverOptions: false,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.ROLE, apioperation.POST)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingApproverOptions: false,\r\n });\r\n });\r\n }\r\n };\r\n batchActionClick(\r\n actionKey,\r\n actionName,\r\n approverRole,\r\n withApprover,\r\n approvalNotesRequired,\r\n withTimeApproval,\r\n approvalValidationEnabled,\r\n selectedRows\r\n ) {\r\n const { reportSummary } = this.state;\r\n\r\n const idEntity =\r\n actionKey === 'Submit'\r\n ? reportSummary.idWorkSite\r\n : actionKey === 'Approve'\r\n ? reportSummary.idDivision\r\n : null;\r\n\r\n const approvalTimeIntervalType =\r\n this.state.reportSummary.reports\r\n .find((i) => i.id === selectedRows[0].id)\r\n .discipline.toLowerCase() === 'safety'\r\n ? 'month'\r\n : 'trimester';\r\n\r\n this.setState({\r\n approvalModalAction: actionName,\r\n isApprovalModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n selectedData: selectedRows,\r\n withApprover,\r\n approverRole,\r\n approvalEndpoint: actionKey,\r\n approvalNotesRequired,\r\n withTimeApproval,\r\n approvalTimeIntervalType,\r\n approvalValidationEnabled,\r\n });\r\n\r\n if (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n }\r\n changeCompilerActionClick(selectedRows) {\r\n const idEntity = this.state.reportSummary.idDivision;\r\n\r\n this.setState({\r\n isChangeRequestModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n selectedData: selectedRows,\r\n });\r\n\r\n this.getUsersInRole('Administrator', idEntity);\r\n }\r\n confirmCompilerActionClick(selectedRows) {\r\n const idEntity = this.state.reportSummary.idDivision;\r\n const r = this.state.reportSummary.reports.find((el) => el.id === selectedRows[0].id);\r\n this.setState({\r\n isConfirmRequestModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n selectedData: selectedRows,\r\n compiler: r.compiler,\r\n });\r\n\r\n this.getUsersInRole('Compiler', idEntity);\r\n }\r\n confirmChangeCompilerRequest = (idRow, user) => {\r\n const r = this.state.reportSummary.reports.find((el) => el.id === idRow);\r\n return r && r.changesRequests != null && r.changesRequests.idUserRequestTo === user.id && r.changesRequests.requestComplete === false ;\r\n };\r\n isRequestChangeCompilerPending = (idRow) => {\r\n const r = this.state.reportSummary.reports.find((el) => el.id === idRow);\r\n if(r.idCompiler == this.context.user.id || this.context.user.roles.find((role) => role.includes('Administrator')))\r\n {return (r && r.changesRequests != null ) && r.changesRequests.requestComplete==false;\r\n }else return true\r\n };\r\n\r\n isReportCompiler = (idRow) => {\r\n const r = this.state.reportSummary.reports.find((el) => el.id === idRow);\r\n if(r.idCompiler == this.context.user.id)\r\n {return r.compiler\r\n }else return false\r\n };\r\n getStatuses = () => {\r\n ReportRepository.getStatus()\r\n .then((response) => {\r\n this.setState({\r\n statuses: response,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.STATUS, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingOptions: false,\r\n });\r\n });\r\n };\r\n\r\n handleApprovalNotesChange = (e) => {\r\n this.setState({ approvalNotes: e.target.value });\r\n };\r\n\r\n componentDidMount() {\r\n this.getReportSummary();\r\n this.getDisciplineOptions();\r\n this.getStatuses();\r\n }\r\n\r\n getReport = (selectedRows) => {\r\n if (this.state.reportSummary && this.state.reportSummary.reports) {\r\n if (selectedRows && selectedRows.length > 0) {\r\n return this.state.reportSummary.reports.find((el) => el.id === selectedRows[0].id);\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n getStatusId = (idRow) => {\r\n const r = this.state.reportSummary.reports.find((el) => el.id === idRow);\r\n\r\n return r && r.idStatus;\r\n };\r\n\r\n IsRowSelectable(row, selectedRows, user) {\r\n var row = this.state.reportSummary.reports.find((i) => i.id === row.id);\r\n\r\n if (row.status === 'Consolidated') return false;\r\n\r\n if (selectedRows.length === 0) {\r\n return true;\r\n }\r\n\r\n if (selectedRows.length > 0) {\r\n const selectableReport = this.state.reportSummary.reports.find(\r\n (i) => i.id === selectedRows[0].id\r\n );\r\n\r\n const selectableState = selectableReport.idStatus;\r\n const selectableDiscipline = selectableReport.discipline;\r\n\r\n if (row.idStatus === selectableState && row.discipline === selectableDiscipline) {\r\n const canSelect =\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'Submit', row) ||\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'Approve', row) ||\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'Consolidate', row) ||\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'Reject', row) ||\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'RejectConsolidate', row) ||\r\n CanExecuteAction('Report', 'Reporting', user, row.idStatus, 'Delete', row);\r\n return canSelect;\r\n // return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n /** ***********Form Ricerca******************* */\r\n toggleSearchForm = (e) => {\r\n // ope and clear filter div\r\n e.preventDefault();\r\n this.setState((oldState) => ({\r\n isOpenFilter: !oldState.isOpenFilter,\r\n compilerFilter: null,\r\n dataApproverFilter: null,\r\n divisionManagerFilter: null,\r\n // codeFilter: null,\r\n }));\r\n };\r\n\r\n handleChangeSearch = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n\r\n this.setState({ [inputName]: inputValue });\r\n };\r\n\r\n divFiterReport = () => (\r\n \r\n
\r\n \r\n
\r\n Country:
\r\n Kazakhstan
\r\n \r\n
\r\n Overall Prj Worked Manhours:
0\r\n \r\n
\r\n \r\n
\r\n Operating Company/Branch:
\r\n ERSAI Caspian Contractor Llc
\r\n \r\n
\r\n Overall Worksite Worked Manhours:
0\r\n \r\n
\r\n \r\n
\r\n Reference year:
\r\n 2019
\r\n \r\n
\r\n Client:
#N/A#\r\n \r\n \r\n Report Code \r\n \r\n\r\n \r\n Email Compiler \r\n \r\n\r\n \r\n Email Data Approver \r\n \r\n\r\n \r\n Email Consolidator \r\n \r\n
\r\n );\r\n\r\n buildFilter = (reports) => {\r\n let filtered = reports;\r\n\r\n filtered = this.state.compilerFilter\r\n ? filtered.filter((item) => item.compiler?.includes(this.state.compilerFilter))\r\n : filtered;\r\n\r\n filtered = this.state.dataApproverFilter\r\n ? filtered.filter((item) => item.dataApprover?.includes(this.state.dataApproverFilter))\r\n : filtered;\r\n\r\n filtered = this.state.divisionManagerFilter\r\n ? filtered.filter((item) => item.divisionManager?.includes(this.state.divisionManagerFilter))\r\n : filtered;\r\n\r\n filtered = this.state.codeFilter\r\n ? filtered.filter((item) => item.reportCode?.includes(this.state.codeFilter))\r\n : filtered;\r\n return filtered;\r\n };\r\n\r\n render() {\r\n const headersDataTable = [\r\n { key: 'reportCode', header: 'Code ' },\r\n { key: 'start', header: 'Start Date ', type: 'date' },\r\n { key: 'end', header: 'End Date ', type: 'date' },\r\n\r\n { key: 'status', header: 'Status', type: 'status' },\r\n ];\r\n\r\n const reports =\r\n this.state.reportSummary &&\r\n this.buildFilter(this.state.reportSummary.reports.map((r) => ({ ...r })));\r\n \r\n /* reports && reports.forEach(x => {\r\n x.start = moment.utc(x.start).local().format(\"DD/MM/YYYY\");\r\n x.end = moment.utc(x.end).local().format(\"DD/MM/YYYY\");\r\n }) */\r\n const skeletonRowCount =\r\n this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount\r\n ? this.state.rowCount\r\n : this.state.pageSize;\r\n return (\r\n \r\n
\r\n \r\n )}\r\n \r\n {this.state.isLoading ? (\r\n {}}\r\n role=\"navigation\"\r\n selected={0}\r\n tabContentClassName=\"auditReportTab\"\r\n triggerHref=\"#\"\r\n type=\"default\"\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {' '}\r\n {this.state.isOpenFilter && this.divFiterReport()}\r\n el.discipline === 'Safety')}\r\n headers={headersDataTable}\r\n useZebraStyles\r\n size=\"compact\"\r\n render={({\r\n rows,\r\n headers,\r\n getHeaderProps,\r\n getRowProps,\r\n getSelectionProps,\r\n selectedRows,\r\n getBatchActionProps,\r\n }) => (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n 'Division Manager',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Consolidate',\r\n 'Approve',\r\n null,\r\n false,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'RejectConsolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'RejectConsolidate',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Delete',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete Report\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n \r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {' '}\r\n {this.state.isOpenFilter && this.divFiterReport()}\r\n el.discipline === 'Environment')}\r\n headers={headersDataTable}\r\n useZebraStyles\r\n size=\"compact\"\r\n render={({\r\n rows,\r\n headers,\r\n getHeaderProps,\r\n getRowProps,\r\n getSelectionProps,\r\n selectedRows,\r\n getBatchActionProps,\r\n }) => (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n 'Division Manager',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Consolidate',\r\n 'Approve',\r\n null,\r\n false,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'RejectConsolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'RejectConsolidate',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Delete',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete Report\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n \r\n{/* {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {' '}\r\n {this.state.isOpenFilter && this.divFiterReport()}\r\n el.discipline === 'Asset Integrity')}\r\n headers={headersDataTable}\r\n useZebraStyles\r\n size=\"compact\"\r\n render={({\r\n rows,\r\n headers,\r\n getHeaderProps,\r\n getRowProps,\r\n getSelectionProps,\r\n selectedRows,\r\n getBatchActionProps,\r\n }) => (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n 'Division Manager',\r\n true,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Consolidate',\r\n 'Approve',\r\n null,\r\n false,\r\n false,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'RejectConsolidate',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'RejectConsolidate',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n true,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Report',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Delete',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete Report\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n \r\n */} \r\n \r\n\r\n {!this.state.isReportFormOpen ? '' : this.divFormReport()}\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {' '}\r\n Available report(s){' '}\r\n
\r\n\r\n
\r\n)\r\n\r\n","import React, { Component } from 'react';\r\nimport {\r\n TextInput,\r\n Button,\r\n DataTable,\r\n Tabs,\r\n Tab,\r\n Table,\r\n TableContainer,\r\n CodeSnippetSkeleton,\r\n TableBody,\r\n ComboBox,\r\n Loading,\r\n DropdownSkeleton,\r\n FormGroup,\r\n InlineLoading,\r\n} from 'carbon-components-react';\r\nimport '../../scss/custom.scss';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/20';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport moment from 'moment';\r\nimport { Information16 } from '@carbon/icons-react';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport { IsEditable } from '../../helpers/authorization/Policies';\r\nimport { getError, entitiesLabels, apioperation, getSuccess } from '../../helpers/Constants';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { api, registry } from '../../helpers/api/api';\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport { WarningModal } from '../common/WarningModal';\r\nimport { ConfirmAlertCustom } from '../../helpers/ConfirmAlertCustom';\r\nimport ReportRepository from '../../helpers/api/ReportRepository';\r\nimport { Online } from '../common/OnLineOffLine';\r\n\r\nexport default class Safety extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.geqValidator = {\r\n message: 'The value must be greater than or equal to zero',\r\n rule: (val, params, validator) => +val >= 0,\r\n };\r\n this.laggingIndicatorFormModel = [\r\n { label: 'Average Manpower', fieldRef: 'averageManpower' },\r\n { label: 'Worked Manhours', fieldRef: 'workedManhours' },\r\n { label: 'Fatal Accidents', fieldRef: 'fatalAccidents', precompiled: true },\r\n { label: 'Lost Time Injuries', fieldRef: 'lostTimeInjuries', precompiled: true },\r\n { label: 'Work Restricted Cases', fieldRef: 'workRestrictedCases', precompiled: true },\r\n { label: 'Medical Treatments', fieldRef: 'medicalTreatments', precompiled: true },\r\n { label: 'First Aid Cases', fieldRef: 'firstAidCases', precompiled: true },\r\n { label: 'Near Miss P/A', fieldRef: 'nearMissPA', precompiled: true },\r\n { label: 'Near Miss H&S', fieldRef: 'nearMissHS', precompiled: true },\r\n { label: 'Near Miss ENV', fieldRef: 'nearMissENV', precompiled: true },\r\n { label: 'Days Lost', fieldRef: 'daysLost', precompiled: true },\r\n { label: 'Restricted Work Days', fieldRef: 'restrictedWorkDays', precompiled: true },\r\n { label: 'Commuting Injuries', fieldRef: 'commutingInjuries', precompiled: true },\r\n { label: 'Road Traffic Accidents', fieldRef: 'roadTrafficAccidents', precompiled: true },\r\n { label: 'KM Driven', fieldRef: 'kmDriven' },\r\n ];\r\n this.leadingIndicatorFormModel = [\r\n { label: 'HSE Training Hours', fieldRef: 'hseTrainingHours' },\r\n { label: 'Job Safety Analysis', fieldRef: 'jobSafetyAnalysis' },\r\n { label: 'Tool Box Talks', fieldRef: 'toolBoxTalks' },\r\n { label: 'Senior Management HSE Visits', fieldRef: 'seniorManagementHSEVisits' },\r\n { label: 'HSE Inspections', fieldRef: 'hseInspections' },\r\n { label: 'HSE Meetings', fieldRef: 'hseMeetings' },\r\n { label: 'Drill H&S', fieldRef: 'drillHS' },\r\n { label: 'Drill ENV', fieldRef: 'drillENV' },\r\n { label: 'Drill H&S Planned', fieldRef: 'drillHSPlanned' },\r\n { label: 'Drill ENV Planned', fieldRef: 'drillENVPlanned' },\r\n { label: 'Hazard Observation Cards (HOC count grouped by Info Originator to which the selected Employer belongs)', fieldRef: 'hazardObservationCards', precompiled: true },\r\n ];\r\n this.state = {\r\n idSubContractor: null,\r\n isDisabled: true,\r\n isEmployerModalOpen: false,\r\n isSubContractorsDropdownVisible: false,\r\n isOpenInfo: false,\r\n isLoadingReport: true,\r\n isLoadingSubContractorOptions: true,\r\n report: null,\r\n safetyDataList: [],\r\n infoOriginators: [],\r\n subContractorOptions: [],\r\n selectedSubContractors: [],\r\n selectedSafetyData: null,\r\n isEmployerSelected: false,\r\n isLoadingSubmitted: false,\r\n isSubmitted: true,\r\n invalidEmployerForms: [],\r\n isWarningModalOpen: false,\r\n isHistoryModalOpen: false,\r\n\r\n isOpenDeleteModal: false,\r\n isDeleting: false,\r\n idToDelete: false,\r\n };\r\n }\r\n\r\n sortEmployers = (a, b) => {\r\n var nameA = a.subContractor == null ? 'SAIPEM PERSONNEL' : a.subContractor.toUpperCase();\r\n var nameB = b.subContractor == null ? 'SAIPEM PERSONNEL' : b.subContractor.toUpperCase();\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n return 0;\r\n };\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n let inputValue = selectedItem ? selectedItem.id : null;\r\n let statusCopy = Object.assign({}, this.state[objName]);\r\n statusCopy[inputName] = inputValue;\r\n this.setState({ [objName]: statusCopy });\r\n };\r\n\r\n showButtonHistory = () => (\r\n \r\n \r\n
\r\n Warning!
\r\n
\r\n \r\n {props.message}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n divInfo() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n Add New Employer
{' '}\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n this.setState({\r\n infoOriginator: el.selectedItem,\r\n idSubContractor: null,\r\n })\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n // items={this.state.infoOriginators}\r\n items={this.state.infoOriginators.filter(\r\n (item) => item.name !== 'SAP' )} // Rimuovi l'opzione \"SAP\" dalla lista\r\n disabled={this.state.isDisabled}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n this.setState({\r\n idSubContractor: el.selectedItem?.id,\r\n })\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n items={subContractorsByInfo}\r\n shouldFilterItem={({ item, inputValue }) =>\r\n item.name.toLowerCase().includes(inputValue.toLowerCase())\r\n }\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state.infoOriginator?.name === 'Saipem' ||\r\n this.state.infoOriginator == null\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Create\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n getReport = (refresh) => {\r\n ReportRepository.getReportSafety(this.props.match.params.idReport)\r\n .then((response) => {\r\n response.safetyData.forEach(\r\n (s) =>\r\n (s.validator = new SimpleReactValidator({\r\n validators: {\r\n geq: this.geqValidator,\r\n },\r\n }))\r\n );\r\n this.setState({\r\n report: response,\r\n safetyDataList: response.safetyData,\r\n isDisabled: !IsEditable(\r\n 'Report',\r\n 'Reporting',\r\n this.context.user,\r\n response.idStatus,\r\n 'All',\r\n response\r\n ),\r\n });\r\n if (refresh && this.state.selectedSafetyData) {\r\n const selectedItem = (response.safetyData || []).find(\r\n (el) => el.id === this.state.selectedSafetyData.id\r\n );\r\n this.setState({\r\n selectedSafetyData: selectedItem,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORT, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingReport: false,\r\n });\r\n });\r\n };\r\n\r\n deleteReportSafetyData = (reportSafetyData) => {\r\n api\r\n .deleteData(`reports/safety/${this.props.match.params.idReport}`, { id: reportSafetyData.id })\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n });\r\n this.onCloseConfirm();\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.REPORT, apioperation.DELETE)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORT, apioperation.DELETE)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDeleting: false,\r\n });\r\n });\r\n };\r\n\r\n getSubContractors = () => {\r\n ReportRepository.getSubcontractors()\r\n .then((response) => {\r\n this.setState({\r\n subContractorOptions: response,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.SUBCONTRACTOR, apioperation.get)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingSubContractorOptions: false,\r\n });\r\n });\r\n };\r\n\r\n getInfoOriginators = () => {\r\n registry\r\n .getAll('infooriginator')\r\n .then((response) => {\r\n var data = response.data;\r\n data = data != null ? data.map((item) => ({ id: item.id, name: item.name })) : [];\r\n this.setState({\r\n infoOriginators: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.INFOORIGINATOR, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {});\r\n };\r\n\r\n componentDidMount() {\r\n this.getReport();\r\n this.getInfoOriginators();\r\n this.getSubContractors();\r\n }\r\n\r\n confirmDelete = (id) => {\r\n this.setState({\r\n idToDelete: id, // è un oggetto in questo caso\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n deleteItem = () => {\r\n const valueToRemove = this.state.idToDelete;\r\n const selectedPersonell = this.state.safetyDataList;\r\n\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n\r\n const itemToRemoveIndex = this.state.safetyDataList.indexOf(valueToRemove);\r\n selectedPersonell.splice(itemToRemoveIndex, 1);\r\n\r\n this.setState({\r\n safetyDataList: selectedPersonell,\r\n });\r\n\r\n // se il guid è !null, cancello anche dal backend\r\n if (valueToRemove.id !== '00000000-0000-0000-0000-000000000000') {\r\n this.deleteReportSafetyData(valueToRemove);\r\n } else {\r\n this.setState({\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n isDeleting: false,\r\n });\r\n }\r\n };\r\n\r\n handleSafetyDataChange = (selectedItem) => {\r\n const valueToRemove = this.state.selectedSafetyData;\r\n\r\n // se è null c'è una cancellazione da fare\r\n if (!selectedItem) {\r\n this.confirmDelete(valueToRemove);\r\n }\r\n\r\n this.setState({\r\n selectedSafetyData: selectedItem,\r\n });\r\n };\r\n\r\n onInputChange = (field, e) => {\r\n const safetyDataList = [...this.state.safetyDataList];\r\n const safetyDataIndex = this.state.safetyDataList.indexOf(this.state.selectedSafetyData);\r\n const newSafetyData = { ...this.state.safetyDataList[safetyDataIndex] };\r\n newSafetyData[field] = e.target.value;\r\n safetyDataList[safetyDataIndex] = newSafetyData;\r\n this.setState(\r\n {\r\n safetyDataList,\r\n selectedSafetyData: newSafetyData,\r\n },\r\n this.updateInvalidFormsList\r\n );\r\n };\r\n\r\n updateInvalidFormsList = () => {\r\n if (this.state.safetyDataList[0].validator.messagesShown) {\r\n const invalidEmployerForms = this.state.safetyDataList\r\n .filter((s) => !s.validator.allValid())\r\n .map((s) => this.getEmployerName(s));\r\n this.setState({\r\n invalidEmployerForms,\r\n });\r\n }\r\n };\r\n\r\n handleConfirmSubmit = () => {\r\n this.setState(\r\n {\r\n isWarningModalOpen: false,\r\n },\r\n () => this.submitReport(true)\r\n );\r\n };\r\n\r\n toggleWarningModal = () => {\r\n this.setState((prevState) => ({\r\n isWarningModalOpen: !prevState.isWarningModalOpen,\r\n }));\r\n };\r\n\r\n downloadFile() {\r\n if (this.state.isExportLoading) return;\r\n\r\n this.setState({\r\n isExportLoading: true,\r\n });\r\n api\r\n .getWithParam(`reports/excel/${this.props.match.params.idReport}`, {\r\n responseType: 'arraybuffer',\r\n })\r\n .then((response) => {\r\n const data = new Blob([response.data], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n const csvURL = window.URL.createObjectURL(data);\r\n const tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n\r\n const nomefile = `Export_SafetyReport_${this.state.report.progressiveId}_${moment().format(\r\n 'YYYYMMDDHHmmSS'\r\n )}.xlsx`;\r\n tempLink.setAttribute('download', nomefile);\r\n\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, 'Download File', apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isExportLoading: false,\r\n });\r\n });\r\n }\r\n\r\n submitImmediate = (fillEmptyFields) => {\r\n const validators = this.state.safetyDataList.map((s) => s.validator);\r\n\r\n const reportDataList = [];\r\n this.state.safetyDataList.forEach((s) => {\r\n const { validator, validations, ...safetyDataModel } = s;\r\n if (fillEmptyFields) {\r\n this.laggingIndicatorFormModel.concat(this.leadingIndicatorFormModel).forEach((f) => {\r\n safetyDataModel[f.fieldRef] = safetyDataModel[f.fieldRef] || 0;\r\n s[f.fieldRef] = s[f.fieldRef] || 0;\r\n });\r\n }\r\n reportDataList.push(safetyDataModel);\r\n });\r\n this.setState({ isSubmitted: false, isLoadingSubmitted: true });\r\n api\r\n .put('reports/safety/', reportDataList, this.props.match.params.idReport)\r\n .then(async (response) => {\r\n await ReportRepository.updateCachedSafety(this.props.match.params.idReport, reportDataList);\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.REPORT, apioperation.PUT)\r\n );\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORT, apioperation.PUT)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n isSubmitted: true,\r\n isLoadingSubmitted: false,\r\n },\r\n () => this.getReport(true)\r\n );\r\n });\r\n };\r\n submitReport = (fillEmptyFields) => {\r\n const validators = this.state.safetyDataList.map((s) => s.validator);\r\n if (validators.every((v) => v.allValid())) {\r\n if (\r\n fillEmptyFields ||\r\n this.state.safetyDataList.every(\r\n (sd) =>\r\n this.laggingIndicatorFormModel.every(\r\n (f) => sd[f.fieldRef] !== undefined && sd[f.fieldRef] !== ''\r\n ) &&\r\n this.leadingIndicatorFormModel.every(\r\n (f) => sd[f.fieldRef] !== undefined && sd[f.fieldRef] !== ''\r\n )\r\n )\r\n ) {\r\n validators.every((v) => v.hideMessages());\r\n const reportDataList = [];\r\n this.state.safetyDataList.forEach((s) => {\r\n const { validator, validations, ...safetyDataModel } = s;\r\n if (fillEmptyFields) {\r\n this.laggingIndicatorFormModel.concat(this.leadingIndicatorFormModel).forEach((f) => {\r\n safetyDataModel[f.fieldRef] = safetyDataModel[f.fieldRef] || 0;\r\n s[f.fieldRef] = s[f.fieldRef] || 0;\r\n });\r\n }\r\n reportDataList.push(safetyDataModel);\r\n });\r\n this.setState({ isSubmitted: false, isLoadingSubmitted: true });\r\n api\r\n .put('reports/safety/', reportDataList, this.props.match.params.idReport)\r\n .then(async (response) => {\r\n await ReportRepository.updateCachedSafety(\r\n this.props.match.params.idReport,\r\n reportDataList\r\n );\r\n showNotification.success(\r\n `${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.REPORT, apioperation.PUT)\r\n );\r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.REPORT, apioperation.PUT)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n isSubmitted: true,\r\n isLoadingSubmitted: false,\r\n },\r\n () => this.getReport(true)\r\n );\r\n });\r\n } else {\r\n this.toggleWarningModal();\r\n }\r\n } else {\r\n validators.forEach((v) => v.showMessages());\r\n this.updateInvalidFormsList();\r\n }\r\n };\r\n\r\n renderIndicatorForm = (formModel) => (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Start:
\r\n \r\n {moment.utc(this.state.report.start).format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n End:
\r\n \r\n {moment.utc(this.state.report.end).format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n Compiled by:
\r\n {this.state.report.compiledBy}
{' '}\r\n | {f.label} | \r\n\r\n | \r\n
\r\n \r\n \r\n this.renderIndicatorForm(this.laggingIndicatorFormModel)}\r\n />\r\n \r\n \r\n this.renderIndicatorForm(this.leadingIndicatorFormModel)}\r\n />\r\n \r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n getEmployerName = (safetyData) =>\r\n safetyData.isSaipem ? 'Saipem personnel' : safetyData.subContractor;\r\n\r\n renderSubContractorItem = (item) => (\r\n No Employer selected
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSafety.contextType = AppContext;\r\n","import React, { Component } from 'react';\r\nimport {\r\n DataTable,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableHeader,\r\n TableBody,\r\n TextInput,\r\n Button,\r\n FormGroup,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n TextArea,\r\n} from 'carbon-components-react';\r\nimport { WarningModal } from '../common/WarningModal';\r\nimport { NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\n\r\nexport default class EnergyAccountLeasedAssetModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n };\r\n\r\n render() {\r\n const modalHeader = {\r\n title: this.props.isEditModal ? 'Edit ' : 'Add new ',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.toggleModal(false),\r\n };\r\n\r\n const { title, isOpenModal } = this.props;\r\n\r\n return ( \r\n <>\r\n \r\n {this.showLoading()}\r\n
\r\n \r\n {!this.state.isLoadingReport ? (\r\n \r\n this.closeModalHistory()}\r\n />\r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.state.isLoadingReport ? (\r\n
\r\n {this.divInfo()}
\r\n \r\n )}\r\n\r\n \r\n
\r\n {!this.state.isEmployerModalOpen ? '' : this.divModal()}\r\n {this.state.isWarningModalOpen ? (\r\n \r\n
\r\n\r\n {this.state.invalidEmployerForms.length &&\r\n this.state.safetyDataList &&\r\n this.state.safetyDataList.length > 0 &&\r\n this.state.safetyDataList[0].validator.messagesShown ? (\r\n \r\n
\r\n \r\n
\r\n\r\n Select an employer:
\r\n\r\n {this.state.isLoadingReport ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n this.handleSafetyDataChange(selectedItem)}\r\n itemToElement={(item) => this.renderSubContractorItem(item)}\r\n itemToString={(item) =>\r\n item ? (item.isSaipem ? 'Saipem Personnel ' : item.subContractor) : ''\r\n }\r\n selectedItem={this.state.selectedSafetyData}\r\n />\r\n \r\n Add New Employer\r\n \r\n
\r\n )}\r\n or
\r\n\r\n this.submitReport(false)}\r\n disabled={this.state.isDisabled || this.state.isLoadingSubmitted}\r\n >\r\n {this.state.isSubmitted ? (\r\n Save\r\n ) : (\r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {this.renderTabs()}\r\n \r\n \r\n The following employer reports contain erroneous fields:\r\n {` ${this.state.invalidEmployerForms.join(', ')}`}\r\n \r\n
\r\n {title || ''}
\r\n \r\n
\r\n \r\n \r\n this.props.onUpdateInputChange(el.target.id, el.target.value)}\r\n type=\"text\"\r\n hideLabel\r\n labelText=\"\"\r\n invalid={this.props.nameLeasedAssetValidation != null}\r\n className=\"bx--text-input-left\"\r\n />\r\n {this.props.nameLeasedAssetValidation}\r\n \r\n
\r\n \r\n (\r\n \r\n \r\n
\r\n\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n{row.cells[1].value} | \r\n\r\n {Math.round(row.cells[2].value * 100) / 100}\r\n | \r\n {row.cells.slice(3).map((cell) => (\r\n\r\n | \r\n ))}\r\n \r\n \r\n Total:\r\n {Math.round(this.props.grandTotal * 100) / 100}\r\n\r\n | \r\n
\r\n (\r\n \r\n \r\n
\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {row.cells[1].value}\r\n | \r\n {row.cells.slice(2).map((cell) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n this.props.onUpdateInputChange(el.target.id, el.target.value)}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={200}\r\n />\r\n \r\n
\r\n \r\n {this.showLoading()}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n Button,\r\n TableHeader,\r\n TableHead,\r\n DataTable,\r\n Tabs,\r\n DataTableSkeleton,\r\n Tab,\r\n Table,\r\n TableContainer,\r\n TableBody,\r\n TableRow,\r\n TextInput,\r\n TableToolbar,\r\n InlineLoading,\r\n RadioButtonGroup,\r\n RadioButton,\r\n CodeSnippetSkeleton,\r\n FormGroup,\r\n TextArea,\r\n} from 'carbon-components-react';\r\nimport '../../scss/custom.scss';\r\nimport Info16 from '@carbon/icons-react/lib/information/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport moment from 'moment';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport { api } from '../../helpers/api/api';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { getError, entitiesLabels, apioperation, getSuccess } from '../../helpers/Constants';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport { WarningModal } from '../common/WarningModal';\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport ReportRepository from '../../helpers/api/ReportRepository';\r\nimport EnergyAccountLeasedAssetList from '../report/EnergyAccountLeasedAssetList';\r\n\r\nexport default class Enviroment extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n stateDivForm: false,\r\n stateDivDownload: false,\r\n isOpenInfo: false,\r\n isLoadingReport: true,\r\n isLoading: true,\r\n isSubmitted: true,\r\n isLoadingSubmitted: false,\r\n isWarningModalOpen: false,\r\n isHistoryModalOpen: false,\r\n isInvalid: false,\r\n };\r\n this.showDivInfo = this.showDivInfo.bind(this);\r\n\r\n this.geqValidator = {\r\n message: 'The value must be greater than or equal to zero',\r\n rule: (val, params, validator) => {\r\n return +val >= 0;\r\n },\r\n };\r\n this.validator = new SimpleReactValidator({\r\n validators: {\r\n geq: this.geqValidator,\r\n },\r\n });\r\n this.validations = {};\r\n }\r\n\r\n showDivInfo() {\r\n this.setState((oldState) => ({ isOpenInfo: !oldState.isOpenInfo }));\r\n }\r\n\r\n divInfo() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n Leased Asset\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {this.props.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {/*
\r\n {\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n showButtonHistory = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Start:
\r\n \r\n {moment.utc(this.state.report.start).format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n End:
\r\n \r\n {moment.utc(this.state.report.end).format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n Compiled by:
\r\n {this.state.report.compiledBy}
{' '}\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {Math.round(row.cells[1].value * 100) / 100}\r\n | \r\n {row.cells.slice(2).map((cell) => (\r\n\r\n | \r\n ))}\r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[1].value} | \r\n\r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {Math.round(row.cells[1].value * 100) / 100}\r\n | \r\n {waterDischargedHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {Math.round(row.cells[1].value * 100) / 100}\r\n | \r\n {row.cells.slice(2).map((cell) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {Math.round(row.cells[1].value * 100) / 100}\r\n | \r\n {wasteHazHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {Math.round(row.cells[1].value * 100) / 100}\r\n | \r\n {wasteNonHazHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n {wasteMonetizationHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n
\r\n
\r\n
| {row.cells[0].value} | \r\n {wasteMonetizationHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n{row.cells[1].value} | \r\n\r\n {Math.round(row.cells[2].value * 100) / 100}\r\n | \r\n {row.cells.slice(3).map((cell) => (\r\n\r\n | \r\n ))}\r\n \r\n \r\n Total:\r\n {Math.round(grandTotal * 100) / 100}\r\n\r\n | \r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n\r\n {row.cells[1].value}\r\n | \r\n {row.cells.slice(2).map((cell) => (\r\n\r\n | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {row.cells[0].value} | \r\n {oilSpillHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n Total | \r\n {totals.map((t) => (\r\n{Math.round(t * 100) / 100} | \r\n ))}\r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n\r\n | {row.cells[1].value} | \r\n\r\n | \r\n
\r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n | {existentOfOilResponsePlan.label} | \r\n\r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n\r\n | {row.cells[0].value} | \r\n {chemicalSpillHeaders.map((h) => (\r\n\r\n | \r\n ))}\r\n Total | \r\n {totals.map((t) => (\r\n{Math.round(t * 100) / 100} | \r\n ))}\r\n
\r\n \r\n \r\n
\r\n {/* \r\n (\r\n \r\n {this.state.isLoadingList ?\r\n \r\n
\r\n }\r\n \r\n )}\r\n />\r\n\r\n
*/}\r\n | \r\n {row.cells[1].value}\r\n | \r\n\r\n | \r\n
\r\n {!this.state.isLoading ? (\r\n this.closeModalHistory()}\r\n />\r\n ) : (\r\n ''\r\n )}\r\n
\r\n {this.state.isWarningModalOpen ? (\r\n \r\n {this.state.isLoading ? (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n {this.divInfo()}\r\n \r\n
\r\n {this.state.isInvalid && !this.validator.allValid() ? (\r\n \r\n \r\n \r\n
\r\n \r\n this.submitReport(false)}\r\n disabled={this.state.isLoadingSubmitted}\r\n >\r\n {this.state.isSubmitted ? (\r\n Save\r\n ) : (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n Some tabs contain erroneous fields\r\n
\r\n\r\n {this.state.isLoading ? (\r\n \r\n {this.renderWaterBySourceTab()}\r\n {this.renderWaterDischargedReusedTab()}\r\n {this.renderHazardousWasteTab()}\r\n {this.renderNonHazardousWasteTab()}\r\n {this.renderWasteMonetizationTab()}\r\n {this.renderEnergyBySourceTab()}\r\n {this.renderOilSpillTab()}\r\n {this.renderChemicalSpillTab()}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n //* ************ INFO ************* END\r\n\r\n showLoading() {\r\n const show = !this.state.isSubmitted;\r\n const descr = !this.state.isSubmitted ? 'Saving...' : 'Loading data...';\r\n return show && \r\n
\r\n \r\n
\r\n \r\n
\r\n Start:
\r\n \r\n {moment.utc(this.state.report.start).local().format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n End:
\r\n \r\n {moment.utc(this.state.report.end).local().format('DD/MM/YYYY')}\r\n
{' '}\r\n \r\n
\r\n \r\n
\r\n Compiled by:
\r\n {this.state.report.compiledBy}
{' '}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nAssetIntegrity.contextType = AppContext;\r\n","/* eslint-disable import/prefer-default-export */\r\nimport React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n\tComposedModal,\r\n\tModalHeader,\r\n\tModalBody,\r\n\tModalFooter,\r\n\tFormGroup,\r\n\tTextInput,\r\n\tDropdownSkeleton,\r\n\tDataTableSkeleton,\r\n\tTableToolbar,\r\n\tSearch,\r\n\tButton,\r\n\tDataTable,\r\n\tTableContainer,\r\n\tTable,\r\n\tTableBody,\r\n\tPagination,\r\n\tDatePickerSkeleton,\r\n\tTableHead,\r\n\tTableHeader,\r\n\tTableRow,\r\n\tTableCell,\r\n\tSelect,\r\n\tSelectItem,\r\n\tForm,\r\n\tFormLabel,\r\n\tFileUploader,\r\n\tLoading,\r\n\tDropdown,\r\n\tInlineLoading\r\n} from \"carbon-components-react\";\r\nimport Export16 from \"@carbon/icons-react/lib/export/16\";\r\nimport Edit16 from \"@carbon/icons-react/lib/edit/16\";\r\nimport Close20 from \"@carbon/icons-react/lib/close/20\";\r\nimport Import16 from \"@carbon/icons-react/lib/download/16\";\r\nimport Delete16 from \"@carbon/icons-react/lib/delete/16\";\r\nimport Add16 from \"@carbon/icons-react/lib/add/16\";\r\nimport Search16 from \"@carbon/icons-react/lib/search/16\";\r\nimport Close16 from \"@carbon/icons-react/lib/close/16\";\r\nimport moment from \"moment\";\r\nimport SimpleReactValidator from \"simple-react-validator\";\r\nimport { v4 as uuid } from \"uuid\";\r\nimport Data16 from \"@carbon/icons-react/lib/data--1/16\";\r\nimport { hoccard, me, api, registry, dynamic } from \"../../helpers/api/api\";\r\nimport { ConfirmAlertCustom } from \"../../helpers/ConfirmAlertCustom\";\r\nimport { getSuccess, getError, entitiesLabels, apioperation, DateFormat } from \"../../helpers/Constants\";\r\nimport { showNotification } from \"../../helpers/notification/BaseNotification\";\r\nimport { ComboBox } from \"../../helpers/ComboBox\";\r\nimport { FindGHRSEmployer } from \"../common/FindGHRSEmployer\";\r\nimport PageBreadCrumb from \"../../helpers/PageBreadCrumb\";\r\nimport { RenderDataTableCell, NoRecordsPlaceholder } from \"../../helpers/jsonschemaform/DataTableExtention\";\r\nimport { IsInRole, IsEditable, CanExecuteAction } from \"../../helpers/authorization/Policies\";\r\nimport { AppContext } from \"../../helpers/context/AppContext\";\r\nimport DateTimePicker from \"../../helpers/DateTimePicker\";\r\nimport { Online, Offline } from \"../common/OnLineOffLine\";\r\nimport FileDownLoadButton from \"../common/FileDownloadButton\";\r\nimport HocCardRepository from \"../../helpers/api/HocCardRepository\";\r\nimport FindSaipemCompilers from \"../common/FindSaipemCompilers\";\r\n\r\nexport class HocCard extends Component {\r\n // static combo option lists\r\n completionStatusList = ['All', 'Not Reviewed', 'Reviewed'];\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.validatorworksite = new SimpleReactValidator();\r\n this.year = new Date().getFullYear();\r\n this.state = {\r\n // utilizzato per update\r\n\r\n isEditModal: false,\r\n isLoadingList: true,\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n isDeleting: null,\r\n isImportHC: false,\r\n isImportHoc: false,\r\n // //EMPLOYER\r\n mode: 0,\r\n selectEmployer: null,\r\n selectEmployer2: null,\r\n // SPINNER\r\n isSubmitted: false,\r\n isExportfunction: false,\r\n isImportfunction: false,\r\n hocHandledByMe: [],\r\n hocCarAssignedToMe: [],\r\n message: [],\r\n hoctype: [],\r\n lifesavingrule: [],\r\n hazardtype: [],\r\n hocpriority: [],\r\n status: null,\r\n infooriginator: [],\r\n worksites: [],\r\n worksite: [],\r\n project: null,\r\n allProject: [],\r\n isLoadingWorksite: false,\r\n isLoadingModules: false,\r\n isOpenModalExportTemplate: false,\r\n isOpenFilterHoc: false,\r\n isOpneNewHoc: false,\r\n\r\n // /loading skeleton\r\n isLoadingProject: true,\r\n isLoadingHazardType: true,\r\n isLoadingHocType: true,\r\n // isLoadingStatus: true,\r\n isLoadingInfoOriginator: true,\r\n isLoadingHocPriprity: true,\r\n isLoadingLifeSavingRule: true,\r\n isLoadingDate: true,\r\n isLoadingElement: true,\r\n\r\n isStatus: ['All', 'N/A', 'Opened', 'Closed'],\r\n xCar: ['All', 'Yes', 'No'],\r\n hocHandledByMeOptions: ['Me', 'Other Compilers', 'All Compilers'],\r\n hocCarAssignedToMeOptions: ['Me', 'Other Compilers', 'All'],\r\n\r\n carValidator: false,\r\n\r\n currentPage: 1,\r\n pageSize: 10,\r\n itemList: [],\r\n\r\n importDanger: false,\r\n searchModel: {\r\n ...this.searchProp(),\r\n },\r\n\r\n hocCardModel: {\r\n ...this.hoCardProps(),\r\n },\r\n\r\n hocCardSources: [],\r\n\r\n isBack: this.props.history.action === 'POP' || this.props.location.search === '?isBack',\r\n yearsList: [],\r\n filteredYear: null\r\n };\r\n this.validator = new SimpleReactValidator();\r\n this.getHocCard = this.getHocCard.bind(this);\r\n this.getUserWorksite = this.getUserWorksite.bind(this);\r\n this.downloadHocTemplate = this.downloadHocTemplate.bind(this);\r\n this.uploadHocTemplate = this.uploadHocTemplate.bind(this);\r\n this.toggleModalExportTemplate = this.toggleModalExportTemplate.bind(this);\r\n this.toggleModalUploadTemplate = this.toggleModalUploadTemplate.bind(this);\r\n this.handleChangeWorksite = this.handleChangeWorksite.bind(this);\r\n this.showDivFilter = this.showDivFilter.bind(this);\r\n this.showNewHocCard = this.showNewHocCard.bind(this);\r\n this.showEditModal = this.showEditModal.bind(this);\r\n this.handleChangeComboWorksite = this.handleChangeComboWorksite.bind(this);\r\n this.refreshData = this.refreshData.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n console.log('component did mount');\r\n this.getHocCardsYears();\r\n this.refreshData();\r\n }\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n getHashtag = () => {\r\n if (this.props.location?.hash != null && this.props.location.hash.length > 1) {\r\n return decodeURIComponent(this.props.location.hash.substring(1));\r\n }\r\n return null;\r\n };\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n this.setState((prevState) => { \r\n const statusCopy = { ...prevState.hocCardModel };\r\n if (statusCopy.hocCardCAR == null) {\r\n statusCopy.hocCardCAR = {};\r\n }\r\n statusCopy.hocCardCAR.idEmployer = employer.id;\r\n statusCopy.hocCardCAR.nameEmployer = employer.name;\r\n statusCopy.hocCardCAR.owner = employer;\r\n statusCopy.hocCardCAR.idOwnerSaipem = null;\r\n statusCopy.hocCardCAR.ownerSaipem = null;\r\n return { hocCardModel: statusCopy, mode: 0 }; \r\n });\r\n this.setState({ selectEmployer: employer });\r\n }\r\n };\r\n\r\n setSaipemOwner = (employer) => {\r\n if (employer && employer.id) {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.hocCardModel };\r\n if (statusCopy.hocCardCAR == null) {\r\n statusCopy.hocCardCAR = {};\r\n }\r\n statusCopy.hocCardCAR.idOwnerSaipem = employer.id;\r\n statusCopy.hocCardCAR.nameEmployer = employer.name;\r\n statusCopy.hocCardCAR.ownerSaipem = employer;\r\n statusCopy.hocCardCAR.idEmployer = null;\r\n statusCopy.hocCardCAR.owner = null;\r\n return { hocCardModel: statusCopy, mode: 0 };\r\n });\r\n this.setState({ selectEmployer: employer });\r\n }\r\n };\r\n\r\n async getProjectbyWorkSite(idWorkSite) {\r\n try {\r\n const list = await HocCardRepository.getWorkSiteProject();\r\n const projects = list.filter((res) => res.idWorkSite === idWorkSite)\r\n .map((ele) => ({ id: ele.idProject, name: ele.project }));\r\n this.setState({\r\n project: projects,\r\n });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n }\r\n }\r\n\r\n hoCardProps = () => ({\r\n idProject: null,\r\n idHocType: null,\r\n idHazardType: null,\r\n idHocPriority: null,\r\n idLifeSavingRule: null,\r\n idInfoOriginator: null,\r\n // idStatus: null,\r\n status: null,\r\n immediateActions: null,\r\n comments: null,\r\n description: null,\r\n location: null,\r\n occurredAt: null,\r\n additionalInfo: null,\r\n userReportedBy: null,\r\n idHocCardCar: null,\r\n idWorkSite: null,\r\n idCompiler: null,\r\n code: null,\r\n localId: null,\r\n hocCardCAR: {\r\n // carModel\r\n id: null,\r\n dueDate: null,\r\n description: null,\r\n idEmployer: null,\r\n idOwnerSaipem: null,\r\n owner: null, // {}\r\n ownerSaipem: null,\r\n },\r\n nameEmp: '',\r\n });\r\n\r\n searchProp = () => ({\r\n idProject: null,\r\n idHazardType: null,\r\n idHocType: null,\r\n idWorkSite: null,\r\n idInfoOriginator: null,\r\n status: null,\r\n xCar: null,\r\n code: this.getHashtag(),\r\n localId: null,\r\n hocHandledByMe: null,\r\n hocCarAssignedToMe: null,\r\n idHocCardSource: null,\r\n completionStatus: null,\r\n year: null\r\n });\r\n\r\n clearTemplate = () => {\r\n this.setState({\r\n worksite: {},\r\n isOpenModalExportTemplate: false,\r\n });\r\n\r\n this.forceUpdate();\r\n this.validatorworksite = new SimpleReactValidator();\r\n };\r\n\r\n clearInsertForm = () => {\r\n this.setState({\r\n hocCardModel: {\r\n ...this.hoCardProps(),\r\n },\r\n selectEmployer: null,\r\n });\r\n };\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.isBack = false;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateCAR = (inputName, inputValue, objName) => {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.hocCardModel };\r\n if (statusCopy.hocCardCAR == null) {\r\n statusCopy.hocCardCAR = {};\r\n }\r\n statusCopy[objName][inputName] = inputValue;\r\n return { hocCardModel: statusCopy };\r\n });\r\n };\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n const inputValue = selectedItem ? selectedItem.id : null;\r\n\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n // statusCopy['selectedItemCombo'][inputName] = selectedItem;\r\n statusCopy.isBack = false;\r\n\r\n this.setState(statusCopy);\r\n // console.log(statusCopy);\r\n };\r\n\r\n handleChangeComboStatusModel = (selectedItem, objName) => {\r\n if (objName !== 'All') {\r\n if (objName === 'Closed') {\r\n (this.state.hocCardModel.status = 'Closed');\r\n } else {\r\n (this.state.hocCardModel.status = 'Opened');\r\n }\r\n } else {\r\n (this.state.hocCardModel.status = null);\r\n } \r\n\r\n const statusCopy = { ...this.state.hocCardModel };\r\n statusCopy.status = objName;\r\n // statusCopy['selectedItemCombo'][inputName] = selectedItem;\r\n this.setState(statusCopy);\r\n\r\n this.setState({ IsStatus: ['Opened ', 'Closed', 'All'] });\r\n };\r\n\r\n handleChangeModel = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n this.updateState(inputName, inputValue, 'hocCardModel');\r\n };\r\n\r\n handleChangeComboBool = (inputName, selectedItem,) => {\r\n const val = selectedItem !== 'All' ? selectedItem !== 'No' : null;\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.searchModel };\r\n statusCopy.xCar = val;\r\n return { searchModel: statusCopy, isBack: false };\r\n });\r\n };\r\n\r\n handleChangeHocCardSourceFilter = (_, selectedItem) => {\r\n const inputValue = (selectedItem && selectedItem.id) || null;\r\n this.setState((prevState) => {\r\n const stateCopy = { ...prevState.searchModel };\r\n stateCopy.idHocCardSource = inputValue;\r\n return { searchModel: stateCopy, isBack: false };\r\n }); \r\n };\r\n\r\n handleChangeCompletionStatusFilter = (inputName, selectedItem,) => {\r\n // RITM0544922\r\n const stateCopy = { ...this.state };\r\n stateCopy.searchModel.completionStatus = selectedItem !== 'All' ? selectedItem : null;\r\n stateCopy.isBack = false;\r\n this.setState(stateCopy);\r\n };\r\n\r\n handleChangeComboOwner = (inputName, selectedItem,) => {\r\n const val = selectedItem !== 'All Compilers' && selectedItem != null ? selectedItem !== 'Other Compilers' : null;\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.searchModel };\r\n statusCopy.hocHandledByMe = val;\r\n return { searchModel: statusCopy, isBack: false };\r\n });\r\n };\r\n\r\n handleChangeComboCarOwner = (inputName, selectedItem,) => {\r\n const val = selectedItem !== 'All' && selectedItem != null ? selectedItem !== 'Other Compilers' : null;\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.searchModel };\r\n statusCopy.hocCarAssignedToMe = val;\r\n return { searchModel: statusCopy, isBack: false };\r\n });\r\n };\r\n\r\n handleChangeComboStatus = (inputName, selectedItem,) => {\r\n // RITM0544922\r\n const stateCopy = { ...this.state };\r\n stateCopy.searchModel.status = selectedItem !== 'All' ? selectedItem : null;\r\n stateCopy.isBack = false;\r\n this.setState(stateCopy);\r\n };\r\n\r\n handleChangeSearch = (el) => {\r\n const inputName = el.target.name;\r\n\r\n const inputValue = el.target.value;\r\n\r\n this.updateState(inputName, inputValue, 'searchModel');\r\n };\r\n\r\n handleChangeComboWorksite = (inputName, selectedItem, objName) => {\r\n //console.log(selectedItem);\r\n\r\n const inputValue = selectedItem ? selectedItem.id : null;\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.project = null;\r\n statusCopy.hocCardModel.idProject = null;\r\n\r\n this.setState(statusCopy, () => {\r\n if (inputValue) {\r\n this.getProjectbyWorkSite(inputValue);\r\n }\r\n });\r\n };\r\n\r\n handleChangeComboSearchWorkSite = (inputName, selectedItem, objName) => {\r\n const inputValue = selectedItem ? selectedItem.id : null;\r\n\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n // statusCopy['selectedItemCombo'][inputName] = selectedItem;\r\n statusCopy.isBack = false;\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateDP = (inputName, inputValue, objName) => {\r\n this.setState(\r\n (prevState) => ({\r\n [objName]: {\r\n ...prevState[objName],\r\n [inputName]: inputValue,\r\n },\r\n }),\r\n () => {\r\n this.hoCardProps(inputName, inputValue);\r\n }\r\n );\r\n };\r\n\r\n updateStateDPCAR = (inputName, inputValue, objName) => {\r\n this.setState((prevState) => { \r\n const statusCopy = { ...prevState.hocCardModel };\r\n if (statusCopy.hocCardCAR == null) {\r\n statusCopy.hocCardCAR = {};\r\n }\r\n statusCopy[objName][inputName] = inputValue;\r\n return { hocCardModel: statusCopy };\r\n });\r\n \r\n this.setState(\r\n (prevState) => ({\r\n [objName]: {\r\n ...prevState[objName],\r\n [inputName]: inputValue,\r\n },\r\n }),\r\n () => {\r\n this.hoCardProps(objName, inputValue);\r\n }\r\n );\r\n };\r\n\r\n handleChangeMode = (m) => {\r\n this.setState({ mode: m });\r\n };\r\n\r\n handleChangeModelCar = (el) => {\r\n const inputName = el.target.name;\r\n const inputValue = el.target.value;\r\n\r\n this.updateStateCAR(inputName, inputValue, 'hocCardCAR');\r\n };\r\n\r\n handleChangeWorksite = (el) => {\r\n const inputValue = el.target.value;\r\n this.setState({\r\n worksite: { id: inputValue },\r\n });\r\n };\r\n\r\n // /////GET Props\r\n getUserWorksite = () => {\r\n this.setState({\r\n isLoadingWorksite: true,\r\n });\r\n me.getAll('worksites')\r\n .then((response) => {\r\n this.setState({\r\n worksites: response.data,\r\n isLoadingWorksite: false,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n });\r\n };\r\n\r\n getHocType = () => {\r\n dynamic\r\n .getAll('hoctype', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n hoctype: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCTYPE, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingHocType: false,\r\n });\r\n });\r\n };\r\n\r\n getHazardType = () => {\r\n dynamic\r\n .getAll('hazardtype', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList.filter((a) => moment(a.validUntil).isSameOrAfter(moment())); //RITM1015981\r\n this.setState({\r\n hazardtype: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HAZARDTYPE, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingHazardType: false,\r\n });\r\n });\r\n };\r\n\r\n getHocPriority = () => {\r\n dynamic\r\n .getAll('hocpriority', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n hocpriority: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCPRIORITY, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingHocPriprity: false,\r\n });\r\n });\r\n };\r\n\r\n getLSR = () => {\r\n dynamic\r\n .getAll('lifesavingrule', { params: { page: 0 } })\r\n .then((response) => {\r\n const data = response.data.itemList;\r\n this.setState({\r\n lifesavingrule: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.LIFESAVINGRULEVIOLATION, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingLifeSavingRule: false,\r\n });\r\n });\r\n };\r\n\r\n getInfoOriginator = () => {\r\n registry\r\n .getAll('infooriginator')\r\n .then((response) => {\r\n const { data } = response;\r\n this.setState({\r\n infooriginator: data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INFOORIGINATOR, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingInfoOriginator: false,\r\n });\r\n });\r\n };\r\n\r\n getAllProject = () => {\r\n this.setState({\r\n isLoadingProject: true,\r\n });\r\n me.getAll('project')\r\n .then((response) => {\r\n this.setState({\r\n allProject: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingProject: false,\r\n });\r\n });\r\n };\r\n\r\n getHocCardSources = () => {\r\n this.setState({ isLoadingHocCardSources: true });\r\n hoccard.sources\r\n .getAll()\r\n .then((response) => {\r\n this.setState({ hocCardSources: response.data });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDSOURCES, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({ isLoadingHocCardSources: false });\r\n });\r\n };\r\n\r\n getHocCardsYears = () => {\r\n hoccard.years\r\n .getAll()\r\n .then((response) => {\r\n this.setState({ yearsList: response.data });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDSAVAILABLEYEARS, apioperation.GET));\r\n });\r\n }\r\n\r\n onYearChange = (selectedItem) => {\r\n let year;\r\n try {\r\n year = selectedItem.selectedItem;\r\n } catch (error) {\r\n year = this.year;\r\n }\r\n this.setState({ filteredYear: year, isBack: false }, () => {\r\n this.refreshData();\r\n });\r\n }\r\n\r\n\t// ////DOWNLOAD\r\n\ttoggleModalExportTemplate = (open) => {\r\n\t\tthis.setState({ isOpenModalExportTemplate: open });\r\n\t}\r\n\r\n\t\r\n\tgetTemplateExcelForEdit = async () => {\r\n\t\tthis.setState({ isExportfunction: true })\r\n\t\tlet data;\r\n\t\tif (!this.state.isBack) {\r\n\t\t\tdata = {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\t...this.state.searchModel,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tlet filter = await HocCardRepository.getBackPaged();\r\n\t\t\tif(filter === undefined) {\r\n\t\t\t\tdata = {\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t...this.state.searchModel,\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\t\t\t\tdata.params.page =null;\r\n\t\t\t\tdata.params.pageSize = null;\r\n\t\t\t}\r\n\t\t\telse{\r\n\t\t\t\tdata = { params: filter.params };\r\n\t\t\t\tdata.params.page = null; \r\n\t\t\t\tdata.params.pageSize = null; \r\n\t\t\t}\r\n\t\t}\r\n\t\tdata.params.year = this.state.filteredYear ? this.state.filteredYear : this.year;\r\n //RITM0958798 - HOC Download Fix\r\n\t\t//hoccard.downloadEditTemplate(data)\r\n\t\t//.then((response) => {\r\n\t\t//\tconst link = document.createElement('a');\r\n\t\t//\tconst data = new Blob([response.data], {\r\n\t\t//\t\ttype: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n\t\t//\t});\r\n\t\t//\tconst url = window.URL.createObjectURL(data);\r\n\t\t//\tlink.setAttribute('href', url);\r\n\t\t//\tlink.setAttribute('download', \"HocCardTemplate.xlsx\");\r\n\t\t//\tlink.style.visibility = 'hidden';\r\n\t\t//\tdocument.body.appendChild(link);\r\n\t\t//\tlink.click();\r\n\t\t//\tdocument.body.removeChild(link);\r\n\t\t//})\r\n hoccard.downloadEditTemplate(data)\r\n .then((response) => {\r\n\t\t\tconst link = document.createElement('a');\r\n const url = window.URL.createObjectURL(new Blob([response.data]));\r\n link.href =url\r\n link.setAttribute('download', \"HocCardTemplate.xlsx\");\r\n document.body.appendChild(link);\r\n\t\t\tlink.click();\r\n window.URL.revokeObjectURL(url);\r\n })\r\n //End\r\n\t\t.catch((error) => {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.DOWNLOAD));\r\n\t\t})\r\n\t\t.finally(() => {\r\n\t\t\tthis.setState({ isExportfunction: false })\r\n\t\t});\r\n\t};\r\n\r\n\ttoggleModalUploadTemplate = (open) => {\r\n\t\tthis.fileUploader.clearFiles();\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalUploadTemplate: open,\r\n\t\t\tisImportHC: true,\r\n\t\t\tmessage: [],\r\n\t\t\tstatusUpload: null,\r\n\t\t\tcanUpload: false,\r\n\t\t\tisFileValid: true,\r\n\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t__filename: null,\r\n\t\t});\r\n\t};\r\n\ttoggleModalUploadEditTemplate = (open) => {\r\n\t\tthis.fileUploader.clearFiles();\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalUploadEditTemplate: open,\r\n\t\t\tisImportEditHC: true,\r\n\t\t\tmessage: [],\r\n\t\t\tstatusUpload: null,\r\n\t\t\tcanUpload: false,\r\n\t\t\tisFileValid: true,\r\n\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t__filename: null,\r\n\t\t})\r\n\t}\r\n\tuploadHocTemplate = (event) => {\r\n\t\tif (this.state.statusUpload != null) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisImportfunction: true,\r\n\t\t\t\tisImportHoc: true,\r\n\t\t\t\tmessage: [],\r\n\t\t\t});\r\n\t\t\tevent.preventDefault();\r\n\t\t\tthis.setState(() => ({\r\n\t\t\t\tcanUpload: true,\r\n\t\t\t\tisFileValid: true,\r\n\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\tstatusUpload: \"uploading\",\r\n\t\t\t\t// isImportHoc: true,\r\n\t\t\t}));\r\n\t\t\tconst formData = new FormData();\r\n\t\t\tformData.append(\"FileUploaded\", event.target.inputFile.files[0]);\r\n\t\t\t// console.log(formData);\r\n\r\n hoccard\r\n .uploadTemplate(formData, this.state.worksite.id)\r\n .then((response) => {\r\n this.setState(() => ({\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n statusUpload: 'complete',\r\n message: response.data,\r\n\r\n isImportHoc: false,\r\n isImportfunction: false,\r\n }));\r\n\r\n if (this.state.message[0] === 'Success') {\r\n this.getHocCard({ page: 1 });\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.HOCCARDTEMPLATE, apioperation.UPLOAD));\r\n this.setState(() => ({\r\n isOpenModalUploadTemplate: false,\r\n }));\r\n }\r\n })\r\n .catch((error) => {\r\n this.setState(() => ({\r\n canUpload: true,\r\n isFileValid: false,\r\n\r\n statusUpload: 'edit',\r\n isImportHoc: false,\r\n isImportfunction: false,\r\n importDanger: true,\r\n }));\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.UPLOAD));\r\n });\r\n }\r\n };\r\n\r\n\r\n\tuploadHocEditTemplate = (event) => {\r\n\t\tif (this.state.statusUpload != null) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisImportEditfunction: true,\r\n\t\t\t\tisImportEditHoc: true,\r\n\t\t\t\tmessage: [],\r\n\t\t\t});\r\n\t\t\tevent.preventDefault();\r\n\t\t\tthis.setState(() => ({\r\n\t\t\t\tcanUpload: true,\r\n\t\t\t\tisFileValid: true,\r\n\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\tstatusUpload: \"uploading\",\r\n\t\t\t\t// isImportHoc: true,\r\n\t\t\t}));\r\n\t\t\tconst formData = new FormData();\r\n\t\t\tformData.append(\"FileUploaded\", event.target.inputFile.files[0]);\r\n\t\t\t// console.log(formData);\r\n\r\n\t\t\thoccard\r\n\t\t\t\t.uploadEditTemplate(formData)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\tcanUpload: false,\r\n\t\t\t\t\t\tisFileValid: true,\r\n\t\t\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\t\t\tstatusUpload: \"complete\",\r\n\t\t\t\t\t\tmessage: response.data,\r\n\r\n\t\t\t\t\t\tisImportEditHoc: false,\r\n\t\t\t\t\t\tisImportEditfunction: false,\r\n\t\t\t\t\t}));\r\n\r\n\t\t\t\t\tif (this.state.message[0] == \"Success\") {\r\n\t\t\t\t\t\tthis.getHocCard({ page: 1 });\r\n\t\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.HOCCARDTEMPLATE, apioperation.UPLOAD));\r\n\t\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\t\tisOpenModalUploadTemplate: false,\r\n\t\t\t\t\t\t}));\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\tcanUpload: true,\r\n\t\t\t\t\t\tisFileValid: false,\r\n\r\n\t\t\t\t\t\tstatusUpload: \"edit\",\r\n\t\t\t\t\t\tisImportHoc: false,\r\n\t\t\t\t\t\tisImportEditfunction: false,\r\n\t\t\t\t\t\timportDanger: true,\r\n\t\t\t\t\t}));\r\n\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.UPLOAD));\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\t// //\r\n\tdownloadHocTemplate() {\r\n\t\tif (this.validatorworksite.allValid()) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisExportfunction: true,\r\n\t\t\t});\r\n\t\t\tif (this.validatorworksite.allValid()) {\r\n\t\t\t\thoccard\r\n\t\t\t\t\t.downloadTemplate(this.state.worksite.id, { responseType: \"arraybuffer\" })\r\n\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\tconst data = new Blob([response.data], {\r\n\t\t\t\t\t\t\ttype: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tconst csvURL = window.URL.createObjectURL(data);\r\n\t\t\t\t\t\tconst tempLink = document.createElement(\"a\");\r\n\t\t\t\t\t\ttempLink.href = csvURL;\r\n\t\t\t\t\t\tconst nomefile = \"HocCardTemplate.xlsx\";\r\n\t\t\t\t\t\ttempLink.setAttribute(\"download\", nomefile);\r\n\t\t\t\t\t\tdocument.body.appendChild(tempLink);\r\n\t\t\t\t\t\ttempLink.click();\r\n\t\t\t\t\t\tthis.toggleModalExportTemplate(false);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.DOWNLOAD));\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tisExportfunction: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.validatorworksite.showMessages();\r\n\t\t\t\tthis.forceUpdate();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.validatorworksite.showMessages();\r\n\t\t\tshowNotification.warning(`${entitiesLabels.WARNING}`, ` ${entitiesLabels.WORKSITE} required fields are missing `);\r\n\r\n\t\t\tthis.forceUpdate();\r\n\t\t}\r\n\t}\r\n\r\n\t// ////CREATE/UPDATE NEW HOC\r\n\thandleSubmitInsert = () => {\r\n\t\tif (this.validator.allValid()) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisSubmitted: true,\r\n\t\t\t});\r\n\r\n const datiForm = this.state.hocCardModel;\r\n datiForm.id = this.state.hocCardModel.id || uuid();\r\n if (datiForm.hocCardCAR != null) {\r\n if ((datiForm.hocCardCAR.description != null && datiForm.hocCardCAR.description !== '') || datiForm.hocCardCAR.dueDate != null || datiForm.hocCardCAR.idEmployer != null) {\r\n // controllo che i due cambi siano diversi da null per creare/modficare una car\r\n\r\n // inserimento\r\n const newid = uuid();\r\n datiForm.idHocCardCar = newid;\r\n datiForm.hocCardCAR.id = newid;\r\n } else if ((datiForm.hocCardCAR.description == null || datiForm.hocCardCAR.description === '') && datiForm.hocCardCAR.dueDate == null && datiForm.hocCardCAR.idEmployer == null) {\r\n // per inserimento e modifica imposta la car a null i campi della car sono null\r\n datiForm.idHocCardCar = null;\r\n datiForm.hocCardCAR = null;\r\n } else {\r\n // mostra messaggio errore e non effettua modifiche\r\n showNotification.error(`${entitiesLabels.ERROR}`, 'hocCardCAR');\r\n return;\r\n }\r\n }\r\n\r\n const method = this.state.isEditModal ? hoccard.put(datiForm, this.state.hocCardModel.id) :\r\n hoccard.post(datiForm);\r\n\r\n method\r\n .then(async (response) => {\r\n if (response.status === 200) {\r\n const dataList = {\r\n id: datiForm.id,\r\n description: datiForm.description,\r\n project: this.state.project && this.state.hocCardModel.idProject ?\r\n this.state.project.find(\r\n (el) => el.id === this.state.hocCardModel.idProject).name : null,\r\n hazardType: (this.state.hazardtype || [])\r\n .find((el) => el.id === this.state.hocCardModel.idHazardType).name,\r\n infoOriginator: (this.state.infooriginator || [])\r\n .find((el) => el.id === this.state.hocCardModel.idInfoOriginator).name,\r\n reportBy: datiForm.reportBy,\r\n hocType: (this.state.hoctype || [])\r\n .find((el) => el.id === this.state.hocCardModel.idHocType).name,\r\n status: datiForm.status || datiForm.idHocCardCar != null ? 'Opened' : 'Closed',\r\n occurredAt: datiForm.occurredAt,\r\n isCar: datiForm.idHocCardCar != null,\r\n };\r\n await HocCardRepository.updateCachedList(this.state.currentPage, \r\n this.state.pageSize, dataList);\r\n await HocCardRepository.updateCachedDetail(datiForm);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.HOCCARD, this.state.isEditModal ? apioperation.PUT : apioperation.POST));\r\n this.getHocCard({ page: 1 });\r\n this.clearInsertForm();\r\n this.setState({\r\n // isOpneNewHoc: true,\r\n isEditModal: false,\r\n isOpneNewHoc: false,\r\n });\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARD, this.state.isEditModal ? apioperation.PUT : apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSubmitted: false,\r\n });\r\n });\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`, `${entitiesLabels.HOCCARD} required fields are missing `);\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n deleteEmployer = () => {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.hocCardModel };\r\n statusCopy.hocCardCAR.owner = null;\r\n statusCopy.hocCardCAR.idEmployer = null;\r\n statusCopy.hocCardCAR.idOwnerSaipem = null;\r\n statusCopy.hocCardCAR.ownerSaipem = null;\r\n return { hocCardModel: statusCopy };\r\n });\r\n };\r\n\r\n clearFiles = () => {\r\n this.fileUploader.clearFiles();\r\n this.setState(() => ({\r\n canUpload: false,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n }));\r\n };\r\n\r\n clearFilter = () => {\r\n this.setState((oldState) => ({ isOpenFilterHoc: !oldState.isOpenFilterHoc }));\r\n this.setState(\r\n {\r\n searchModel: {\r\n ...this.searchProp(),\r\n },\r\n isBack: false,\r\n },\r\n () => {\r\n this.getHocCard({ page: 1 });\r\n }\r\n );\r\n };\r\n\r\n onFileUploadChange = (evt) => {\r\n this.setState(() => ({ statusUpload: 'edit' }));\r\n if (evt.target.files[0] && evt.target.files[0].size >= 4194304) {\r\n const nome = evt.target.files[0].name;\r\n this.fileUploader.clearFiles();\r\n this.setState(() => ({\r\n canUpload: false,\r\n message: [],\r\n isFileValid: false,\r\n isImportHoc: false,\r\n validationErrorTitle: `${nome} exceeds size limit`,\r\n validationErrorSubTitle: '4mb max file size. Please select a new file and try again',\r\n }));\r\n } else {\r\n // this.fileUploader.clearFiles();\r\n this.setState(() => ({\r\n canUpload: true,\r\n isFileValid: true,\r\n validationErrorTitle: '',\r\n validationErrorSubTitle: '',\r\n message: [],\r\n }));\r\n }\r\n };\r\n\r\n // ///DELETE HOC CARD\r\n\r\n deleteItem = () => {\r\n const id = this.state.idToDelete;\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n hoccard\r\n .delete(id)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n });\r\n this.onCloseConfirm();\r\n this.getHocCard();\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.HOCCARD, apioperation.DELETE));\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARD, apioperation.DELETE));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDeleting: false,\r\n });\r\n });\r\n };\r\n\r\n confirmDelete = (id) => {\r\n this.setState({\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n // //Filter HOC CARD\r\n\r\n\tgetHocCard = async (param) => {\r\n\t\tthis.setState({\r\n\t\t\tisLoadingList: true,\r\n\t\t\tisLoadingDate: true,\r\n\t\t\tisLoadingElement: true,\r\n\t\t});\r\n\t\tlet data;\r\n\t\tif (!this.state.isBack) {\r\n\t\t\tdata = {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\t...this.state.searchModel,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t\tdata.params.page = param && param.page ? param.page : this.state.currentPage;\r\n\t\t\tdata.params.pageSize = param && param.pageSize ? param.pageSize : this.state.pageSize;\r\n\t\t\t//RITM0549692\r\n\t\t} else {\r\n\t\t\tlet filter = await HocCardRepository.getBackPaged();\r\n\t\t\t// If navigating back with at least one non-trivial filter applied, open filter panel\r\n\t\t\tif(filter === undefined) {\r\n\t\t\t\tdata = {\r\n\t\t\t\t\tparams: {\r\n\t\t\t\t\t\t...this.state.searchModel,\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\t\t\t\tdata.params.page = param && param.page ? param.page : this.state.currentPage;\r\n\t\t\t\tdata.params.pageSize = param && param.pageSize ? param.pageSize : this.state.pageSize;\r\n\t\t\t}\r\n\t\t\telse{\r\n\t\t\t\tlet isOpenFilterHoc = Object.keys(filter.params).some((p) => p !== \"page\" && p !== \"pageSize\" && filter.params[p] != null);\r\n\t\t\t\tdata = { params: filter.params };\r\n\t\t\t\tdata.params.page = 1; //RITM0549692\r\n\t\t\t\tthis.setState({ searchModel: filter?.params, isOpenFilterHoc });\r\n\t\t\t}\r\n\t\t}\r\n\t\t//console.log(\"YEAR HOC CARD Year: \"+this.year)\r\n\t\t//console.log(\"YEAR HOC CARD FilteredYear: \"+this.state.filteredYear)\r\n\t\tdata.params.year = this.state.filteredYear ? this.state.filteredYear : this.year;\r\n\t\t//console.log(\"params year : \"+ data.params.year)\r\n\t\thoccard\r\n\t\t.getWithParamYear(data,this.year)\r\n\t\t.then((response) => {\r\n\t\t\tthis.setState({\r\n\t\t\t\t...response.data,\r\n\t\t\t});\r\n\t\t\tif (response.status == 200) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingList: false,\r\n\t\t\t\t\tisLoadingElement: false,\r\n\t\t\t\t\tcurrentPage: data.params.page, //RITM0549692\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (!this.state.isBack) {\r\n\t\t\t\tHocCardRepository.updateHocCardFilter(data);\r\n\t\t\t}\r\n\t\t})\r\n\t\t.catch((error) => {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARD, apioperation.GET));\r\n\t\t})\r\n\t\t.finally(() => {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisLoadingList: false,\r\n\t\t\t\tisLoadingDate: false,\r\n\t\t\t\tisLoadingElement: false,\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n handleClickSearch = (e) => {\r\n e.preventDefault();\r\n this.getHocCard({ page: 1 });\r\n };\r\n\r\n handleChangePaging = (event) => {\r\n this.setState({ isBack: false }, () => this.getHocCard(event));\r\n };\r\n\r\n refreshData() {\r\n this.getHocCard();\r\n this.getUserWorksite();\r\n this.getHocType();\r\n this.getHazardType();\r\n this.getHocPriority();\r\n this.getLSR();\r\n\r\n this.getInfoOriginator();\r\n this.getAllProject();\r\n // this.getHocCardList();\r\n this.getHocCardSources();\r\n }\r\n\r\n showEditModal() {\r\n this.clearInsertForm();\r\n this.setState((oldState) => ({ isEditModal: !oldState.isEditModal }));\r\n }\r\n\r\n showDivFilter() {\r\n this.setState((oldState) => ({ isOpenFilterHoc: !oldState.isOpenFilterHoc }));\r\n this.clearFiles();\r\n }\r\n\r\n showNewHocCard() {\r\n this.props.history.push('/hoccard/new');\r\n }\r\n\r\n // //DIV NEW E UPDATE\r\n divMessaggImportHC() {\r\n return (\r\n \r\n {!this.state.isLoadingReport ? (\r\n this.closeModalHistory()}\r\n />\r\n ) : (\r\n ''\r\n )}\r\n {this.state.isLoadingReport ? (\r\n
\r\n {this.divInfo()}
\r\n \r\n )}\r\n {this.showLoading()}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {this.state.isWarningModalOpen ? (\r\n
\r\n \r\n
\r\n\r\n {this.state.invalidProperties != undefined &&\r\n this.state.assetIntegrity &&\r\n this.state.assetIntegrity.validator &&\r\n this.state.assetIntegrity.validator.messagesShown ? (\r\n \r\n
\r\n \r\n this.submitReport(false)}\r\n disabled={this.state.isDisabled || this.state.isLoadingSubmitted}\r\n >\r\n {this.state.isSubmitted ? (\r\n Save\r\n ) : (\r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n \r\n \r\n The following report contains erroneous fields\r\n \r\n
\r\n | {f.label} | \r\n\r\n | \r\n
\r\n {!this.state.isImportHoc ? '' :
\r\n );\r\n }\r\n\r\n // //\r\n downloadHocTemplate() {\r\n if (this.validatorworksite.allValid()) {\r\n this.setState({\r\n isExportfunction: true,\r\n });\r\n if (this.validatorworksite.allValid()) {\r\n hoccard\r\n .downloadTemplate(this.state.worksite.id, { responseType: 'arraybuffer' })\r\n .then((response) => {\r\n const data = new Blob([response.data], {\r\n type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n });\r\n const csvURL = window.URL.createObjectURL(data);\r\n const tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n const nomefile = 'HocCardTemplate.xlsx';\r\n tempLink.setAttribute('download', nomefile);\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n this.toggleModalExportTemplate(false);\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.DOWNLOAD));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isExportfunction: false,\r\n });\r\n });\r\n } else {\r\n this.validatorworksite.showMessages();\r\n this.forceUpdate();\r\n }\r\n } else {\r\n this.validatorworksite.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`, ` ${entitiesLabels.WORKSITE} required fields are missing `);\r\n \r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n divFiterHocCard() {\r\n /*\r\n const isCar = {\r\n IsCar: true,\r\n NotCar: false,\r\n AllCar: null,\r\n };\r\n */\r\n let xCarValue = '';\r\n if (this.state.searchModel.xCar == null) xCarValue = 'All';\r\n else if (this.state.searchModel.xCar === false) { xCarValue = 'No'; } else { xCarValue = 'Yes'; }\r\n\r\n let statusValue = '';\r\n if (this.state.searchModel.status == null) statusValue = 'All';\r\n else if (this.state.searchModel.status === false) { statusValue = 'Closed'; } else { statusValue = 'Opened'; }\r\n\r\n let hocHandledByMeValue = '';\r\n if (this.state.searchModel.hocHandledByMe == null) hocHandledByMeValue = 'All Compilers';\r\n else if (this.state.searchModel.hocHandledByMe === false) { hocHandledByMeValue = 'Other Compilers'; } else { hocHandledByMeValue = 'Me'; }\r\n\r\n let hocCarAssignedToMeValue = '';\r\n if (this.state.searchModel.hocCarAssignedToMe == null) hocCarAssignedToMeValue = 'All';\r\n else if (this.state.searchModel.hocCarAssignedToMe === false) { hocCarAssignedToMeValue = 'Other Compilers'; } else { hocCarAssignedToMeValue = 'Me'; }\r\n\r\n const filterItems = {\r\n idProject: this.state.searchModel?.idProject ? (this.state.allProject || [])\r\n .find((el) => el.id === this.state.searchModel.idProject) : [],\r\n idHazardType: this.state.searchModel?.idHazardType ? (this.state.hazardtype || [])\r\n .find((el) => el.id === this.state.searchModel.idHazardType) : [],\r\n idHocType: this.state.searchModel?.idHocType ? (this.state.hoctype || [])\r\n .find((el) => el.id === this.state.searchModel.idHocType) : [],\r\n idWorkSite: this.state.searchModel?.idWorkSite ? (this.state.worksites || [])\r\n .find((el) => el.id === this.state.searchModel.idWorkSite) : [],\r\n xCar: xCarValue,\r\n status: statusValue,\r\n idInfoOriginator: this.state.searchModel.idInfoOriginator ? \r\n (this.state.infooriginator || [])\r\n .find((el) => el.id === this.state.searchModel.idInfoOriginator) : null,\r\n \r\n // isStatus:null\r\n hocHandledByMe: hocHandledByMeValue,\r\n hocCarAssignedToMe: hocCarAssignedToMeValue,\r\n idHocCardSource: this.state.searchModel?.idHocCardSource ? \r\n (this.state.hocCardSources || [])\r\n .find((el) => el.id === this.state.searchModel.idHocCardSource) : [],\r\n completionStatus: this.state.searchModel.completionStatus || 'All',\r\n };\r\n \r\n return (\r\n \r\n {this.state.message.map((x) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n {' '}\r\n {x}\r\n
\r\n \r\n {' '}\r\n {/* inserire nel form */}\r\n
\r\n );\r\n }\r\n \r\n render() {\r\n // Header\r\n const headersHocCard = [\r\n { key: 'code', header: 'Code' },\r\n { key: 'localId', header: 'Local ID' },\r\n { key: 'infoOriginator', header: 'HOC raised by' }, // RITM0853708\r\n { key: 'hazardType', header: 'Hazard Type' },\r\n { key: 'project', header: 'Project' },\r\n { key: 'description', header: 'Description' },\r\n { key: 'hocType', header: 'Hoc Type' },\r\n { key: 'occurredAt', header: 'Date Of Occurrence ', type: 'date' },\r\n { key: 'status', header: 'CAR Status', type: 'status' },\r\n { key: 'reportBy', header: 'Reported By' },\r\n { key: 'isCar', header: 'CAR Associated', type: 'bool' },\r\n { key: 'hocCardSource', header: 'Source' },\r\n ];\r\n const validatorworksite = {\r\n worksite: this.validatorworksite.message('worksite', this.state.worksite.id, 'required'),\r\n };\r\n // /DELETE CONFIRM\r\n const confirmDelProps = () => ({\r\n idToDelete: this.state.idToDelete,\r\n nameItem: '',\r\n isDeleting: this.state.isDeleting,\r\n open: this.state.isOpenDeleteModal, // open state\r\n onCloseConfirm: this.onCloseConfirm, // no click\r\n deleteItem: this.deleteItem, // yes click fn()\r\n });\r\n // //PAGINATION\r\n // const paginationProps = () => ({\r\n // page: this.state.currentPage || 1,\r\n // totalItems: this.state.rowCount || 0,\r\n // pageSize: this.state.pageSize || 10,\r\n // pageSizes: [10, 20, 30, 40, 50],\r\n // onChange: this.handleChangePaging,\r\n // });\r\n\r\n\t\tconst skeletonRowCount = this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount ? this.state.rowCount : this.state.pageSize;\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n \r\n Worksite \r\n \r\n {this.state.isLoadingWorksite ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.searchModel.idWorkSite ? filterItems.idWorkSite : 'All'}\r\n items={this.state.worksites}\r\n />\r\n )}\r\n \r\n \r\n \r\n Project \r\n {this.state.isLoadingProject ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.searchModel.idProject ? filterItems.idProject : 'All'}\r\n items={this.state.allProject}\r\n // invalid={validations.pro != null}\r\n />\r\n )}\r\n \r\n \r\n Hazard Type \r\n {this.state.isLoadingHazardType ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.searchModel.idHazardType ? filterItems.idHazardType : 'All'}\r\n items={this.state.hazardtype}\r\n // items={this.state.search.search}\r\n />\r\n )}\r\n \r\n \r\n HocType \r\n {this.state.isLoadingHocType ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.searchModel.idHocType ? filterItems.idHocType : 'All'}\r\n items={this.state.hoctype}\r\n // items={this.state.search.search}\r\n />\r\n )}\r\n \r\n {/* \r\n \r\n Status\r\n \r\n {this.state.isLoadingStatus ? (item ? item.name : '')}\r\n initialSelectedItem={filterItems.IsStatus}\r\n items={this.state.status}\r\n // items={this.state.search.search}\r\n \r\n />\r\n }*\r\n \r\n Status\r\n \r\n {this.state.isLoadingInfoOriginator ? (item ? item : '')}\r\n initialSelectedItem={filterItems.isStatus}\r\n items={this.state.isStatus}\r\n \r\n />\r\n }\r\n */}\r\n \r\n \r\n HOC raised by \r\n {this.state.isLoadingInfoOriginator ? (\r\n (item ? item.name : '')}\r\n initialSelectedItem={this.state.searchModel.idInfoOriginator ? filterItems.idInfoOriginator : 'All'}\r\n items={this.state.infooriginator}\r\n // items={this.state.search.search}\r\n />\r\n )}\r\n \r\n \r\n CAR Associated \r\n (item ? item: '')}\r\n initialSelectedItem={filterItems.xCar}\r\n items={this.state.xCar}\r\n />\r\n \r\n \r\n HOC Code \r\n \r\n \r\n HOC Local ID \r\n \r\n \r\n CAR Status \r\n (item ? item: '')}\r\n initialSelectedItem={filterItems.status}\r\n items={this.state.isStatus}\r\n />\r\n \r\n \r\n HOC handled by \r\n \r\n \r\n HOC CAR assigned to \r\n \r\n \r\n Source \r\n {this.state.isLoadingProject ? (\r\n (item && item.name) || ''}\r\n onChange={this.handleChangeHocCardSourceFilter}\r\n initialSelectedItem={filterItems.idHocCardSource}\r\n items={this.state.hocCardSources}\r\n />\r\n )}\r\n \r\n \r\n HSE Review Status \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t false}>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.HOCCARDTEMPLATE, apioperation.DOWNLOAD));\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tonDownLoadStart={() => this.setState({ isExportfunction: true })}\r\n\t\t\t\t\t\t\t\t\tonDownLoadEnd={() => this.setState({ isExportfunction: false })}\r\n\t\t\t\t\t\t\t\t\tapiUrl={`/hoccard/template/${this.state.worksite.id}`}\r\n\t\t\t\t\t\t\t\t\tfileName=\"HocCardTemplate.xlsx\"\r\n\t\t\t\t\t\t\t\t\tkind=\"primary\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tExport\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t
\r\n \r\n );\r\n }\r\n}\r\n\r\nHocCard.contextType = AppContext;\r\nHocCard.propTypes = {\r\n location: PropTypes.shape({\r\n hash: PropTypes.string,\r\n key: PropTypes.string,\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n }).isRequired,\r\n };\r\n","import { ArrowDown16, ArrowUp16 } from '@carbon/icons-react';\r\nimport React from 'react';\r\n\r\nexport default class SortIcon extends React.Component {\r\n render() {\r\n const { show, isOrderDescending } = this.props;\r\n if (!show) return null;\r\n return isOrderDescending ? Export HOC Template - Select Worksite
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tCurrent year\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tCurrent year\r\n\t\t\t\t\t\t\t\t\t\t\t item || \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"inline\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isLoadingList ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n )}\r\n \r\n )}\r\n />\r\n\r\n
\r\n \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{!this.state.isOpenFilterHoc ? \"\" : this.divFiterHocCard()}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tCreate new HOCs\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tManaging HOCs\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const headersDataTable = [\r\n { key: 'status', header: 'Status', type: 'status' },\r\n { key: 'code', header: 'Code' },\r\n { key: 'workSite', header: 'Worksite' },\r\n { key: 'project', header: 'Project' },\r\n { key: 'startDate', header: 'Start Date', type: 'date' },\r\n { key: 'endDate', header: 'End Date', type: 'date' },\r\n { key: 'courseCode', header: 'Course Code' },\r\n ];\r\n // ///ROWS\r\n const rowsTrainings =\r\n this.state.itemList || []\r\n ? this.state.itemList.map((item) => {\r\n const result = {};\r\n result.workSite = item.workSite;\r\n result.status = item.status;\r\n result.idStatus = item.idStatus;\r\n result.code = item.code;\r\n result.project = item.project;\r\n result.startDate = item.startDate;\r\n result.endDate = item.endDate;\r\n result.trainingCentre = item.trainingCenter?.name;\r\n result.courseCode = item.info.courseCode;\r\n result.id = item.id;\r\n return result;\r\n })\r\n : null;\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n const skeletonRowCount =\r\n this.state.rowCount > 0 && this.state.pageSize > this.state.rowCount\r\n ? this.state.rowCount\r\n : 5;\r\n\r\n const fileDownLoadButtonProps = (id) => {\r\n const item = (this.state.itemList || []).find((i) => i.id === id);\r\n return {\r\n size: 'small',\r\n className: 'bx--export-tab-form',\r\n iconDescription: 'Download Report',\r\n title: 'Download Report',\r\n kind: 'ghost',\r\n apiUrl: `/training/${id}/exportReport`,\r\n fileName: `Training_${item ? item.code : ''}.pdf`,\r\n onDownLoadStart: () => {\r\n this.setState({\r\n isLoadingNotificationFile: true,\r\n });\r\n },\r\n onDownLoadEnd: () => {\r\n this.setState({\r\n isLoadingNotificationFile: false,\r\n });\r\n },\r\n onError: (error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.TRAINING, apioperation.DOWNLOAD)\r\n );\r\n },\r\n };\r\n };\r\n\r\n return (\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n Current year\r\n
\r\n\r\n {!this.state.isOpenSearchForm ? '' : this.renderSearchform()}\r\n\r\n (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n null, /* RUOLI_APPROVATIVI_DEV_255_RITM0565449 */\r\n false, /* RUOLI_APPROVATIVI_DEV_255_RITM0565449 */\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Consolidate',\r\n 'Consolidate',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Consolidate Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'RejectConsolidate',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'RejectConsolidate',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Training',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getTraining(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Delete',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n {this.state.isLoading ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n Current year\r\n item || ''}\r\n type=\"inline\"\r\n />\r\n
\r\n\r\n {!this.state.isOpenSearchForm ? '' : this.renderSearchform()}\r\n\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n :\r\n \r\n {this.props.numberweek}\r\n
\r\n \r\n {moment.utc(this.props.numberweekstart).format('DD/MM')}\r\n
\r\n \r\n {moment.utc(this.props.numberweekend).format('DD/MM')}\r\n
\r\n \r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n","\r\n\r\nimport React, { Component } from 'react';\r\nimport {\r\n\r\n Button,\r\n\r\n} from 'carbon-components-react';\r\n\r\n\r\nexport class InspectionWeekBody extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n disabled: this.props.disabled,\r\n draft: this.props.statusDraft,\r\n approved: this.props.statusApproved,\r\n submit: this.props.statusSubmitted,\r\n planned: this.props.statusPlanned,\r\n };\r\n\r\n\r\n }\r\n\r\n\r\n render() {\r\n ///Cella con lo stato della week\r\n return (\r\n <>\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n : \r\n }\r\n {this.props.approved != 0 ?\r\n\r\n < div className={this.props.approved != 0 ? 'y' : ''} >\r\n {this.props.approved != 0 ? this.props.approved : ''}\r\n \r\n : \r\n }\r\n {this.props.planned != 0 ?\r\n\r\n < div className={this.props.planned != 0 ? (this.props.isDrill ? 'lg' : 'y') : ''} >\r\n {this.props.planned != 0 ? this.props.planned : ''}\r\n \r\n : \r\n }\r\n\r\n\r\n \r\n\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nInspectionWeekBody.defaultProps = {\r\n isDrill: false\r\n }","import React, { Component } from 'react';\r\nimport {} from 'carbon-components-react';\r\nimport InspectionWeekHeader from './InspectionWeekHeader';\r\nimport { InspectionWeekBody } from './InspectionWeekBody';\r\n\r\nexport class InspectionMonthHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n calendar: this.props.calendar,\r\n };\r\n }\r\n\r\n render() {\r\n return this.props.calendar.map((formonth) => (\r\n <>\r\n \r\n {this.props.draft != 0 ?\r\n\r\n < div className={this.props.draft != 0 ? (this.props.isDrill ? 'y' : 'g') : ''} >\r\n {this.props.draft != 0 ? this.props.draft : ''}\r\n
\r\n : \r\n }\r\n {this.props.submitted != 0 ?\r\n\r\n < div className={this.props.submit != 0 ? (this.props.isDrill ? 'o' : 'r') : ''} >\r\n {this.props.submit != 0 ? this.props.submit : ''}\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {modalTitle}\r\n
\r\n\r\n {this.state.isEditModal && this.showButtonHistory()}\r\n {\r\n this.closeModalHistory()}\r\n />\r\n }\r\n
\r\n\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n this.insertNewInspection()}\r\n disabled={\r\n this.state.isSubmitted ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Inspection',\r\n 'Planning',\r\n user,\r\n this.getStatusId(this.state.inspectionModel.id),\r\n 'All',\r\n this.getCanEditResource(this.state.inspectionModel.id)\r\n ))\r\n }\r\n >\r\n Save\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n // /HISOTRY\r\n showButtonHistory = () => (\r\n \r\n );\r\n\r\n openModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: true });\r\n };\r\n\r\n closeModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: false });\r\n };\r\n\r\n // WF\r\n batchActionClick(\r\n actionKey,\r\n actionName,\r\n approverRole,\r\n withApprover,\r\n approvalNotesRequired,\r\n selectedRows\r\n ) {\r\n const inspection = this.state.inspections.find((i) => i.id === selectedRows[0].id);\r\n const idEntity =\r\n actionName === 'Submit'\r\n ? inspection.idWorkSite\r\n : actionName === 'Approve'\r\n ? inspection.idDivision\r\n : null;\r\n\r\n this.setState({\r\n approvalModalAction: actionName,\r\n isApprovalModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n withApprover,\r\n selectedData: selectedRows,\r\n approverRole,\r\n approvalEndpoint: actionKey,\r\n approvalNotesRequired,\r\n });\r\n\r\n if (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n }\r\n\r\n isRowOfExtInspection = (incidentId) => {\r\n const inspection = this.state.inspections.find((i) => i.id === incidentId);\r\n return inspection?.isExt ?? false\r\n }\r\n\r\n IsRowSelectable(row, selectedRows, user) {\r\n const entity = this.state.inspections.find((i) => i.id === row.id);\r\n\r\n if (entity.idStatusReport === 4) return false;\r\n\r\n const canSelectReporting =\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'Create',\r\n this.getCompilerRow(entity)\r\n ) ||\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'Submit',\r\n entity && entity.inspectionReport\r\n ) ||\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'Approve',\r\n entity && entity.inspectionReport\r\n ) ||\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'Consolidate',\r\n entity && entity.inspectionReport\r\n ) ||\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'Reject',\r\n entity && entity.inspectionReport\r\n ) ||\r\n CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n entity.idStatusReport,\r\n 'RejectConsolidate',\r\n entity && entity.inspectionReport\r\n );\r\n const canSelect =\r\n CanExecuteAction('Inspection', 'Planning', user, entity.idStatus, 'Submit', entity) ||\r\n CanExecuteAction('Inspection', 'Planning', user, entity.idStatus, 'Approve', entity) ||\r\n CanExecuteAction('Inspection', 'Planning', user, entity.idStatus, 'Reject', entity) ||\r\n CanExecuteAction('Inspection', 'Planning', user, entity.idStatus, 'Delete', entity)\r\n //RITM0623664_InspectionEstemporanea\r\n || CanExecuteAction('Inspection', 'PlanningExt', user, entity.idStatus, 'AssignExtReport', entity)\r\n //---FINE RITM0623664\r\n\r\n if (selectedRows.length === 0) {\r\n if (entity?.inspectionReport || entity.idStatus >= 4) return canSelectReporting;\r\n return canSelect;\r\n }\r\n\r\n if (selectedRows.length > 0) {\r\n const selectableInspection = this.state.inspections.find((i) => i.id === selectedRows[0].id);\r\n const selectableState = selectableInspection.idStatus;\r\n const selectableStateReporting = selectableInspection.idStatusReport;\r\n const selectableDivision = selectableInspection.idDivision;\r\n const selectableWorksite = selectableInspection.idWorkSite;\r\n //RITM0623664_InspectionEstemporanea\r\n if ((selectableInspection.isExt ?? false) !== (entity.isExt ?? false)) return false\r\n //--FINE RITM0623664\r\n\r\n const process =\r\n (selectableStateReporting != null && selectableStateReporting > 0) ||\r\n (selectableState != null && selectableState >= 4)\r\n ? 'REPORTING'\r\n : 'PLANNING';\r\n\r\n\r\n if (process === 'REPORTING') {\r\n if (\r\n entity.idStatusReport === selectableStateReporting &&\r\n (entity.idStatusReport === 1\r\n ? entity.idWorkSite === selectableWorksite\r\n : entity.idDivision === selectableDivision)\r\n ) {\r\n return canSelectReporting;\r\n }\r\n }\r\n\r\n if (process === 'PLANNING') {\r\n if (entity.idStatus === selectableState && entity.idWorkSite === selectableWorksite) {\r\n return canSelect;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n }\r\n\r\n handleApproverSelect = (selectedItem) => {\r\n this.setState({ approver: selectedItem });\r\n };\r\n\r\n handleCloseApprovalModal = () => {\r\n this.setState({ isApprovalModalOpen: false, approver: null });\r\n };\r\n\r\n handleApprovalNotesChange = (e) => {\r\n this.setState({ approvalNotes: e.target.value });\r\n };\r\n\r\n handleConfirmApprovalModal = () => {\r\n const apiEndpoint = this.state.approvalEndpoint;\r\n\r\n const data = {\r\n ids: this.state.selectedData.map((r) => r.id),\r\n owner: this.state.approver,\r\n workflowNotes: this.state.approvalNotes,\r\n };\r\n\r\n this.setState({\r\n isLoadingWFOperation: true,\r\n });\r\n api\r\n .put(`/inspection/${apiEndpoint}`, data, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.INSPECTION, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n isApprovalModalOpen: false,\r\n isLoading: true,\r\n inspection: [],\r\n searchModel: {\r\n ...this.searchProp(),\r\n needToChange: true,\r\n },\r\n });\r\n this.getInspections();\r\n } else {\r\n showNotification.error();\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INSPECTION, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n })\r\n .finally(() => {\r\n this.setState({\r\n approver: null,\r\n });\r\n });\r\n };\r\n\r\n getInspection = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n return this.state.inspections.find((el) => el.id === selectedRows[0].id);\r\n }\r\n return null;\r\n };\r\n\r\n getCompilerRow = (entity) => {\r\n if (entity != null) {\r\n const ins = this.state.inspections.find((el) => el.id === entity.id);\r\n // return ins && ins.inspectors && ins.inspectors[0]\r\n // ? { idCompiler: ins.inspectors[0].id }\r\n // : null;\r\n //RITM0628222\r\n return { idCompiler: ins?.idCompiler }\r\n }\r\n return null;\r\n };\r\n\r\n getCompiler = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n const ins = this.state.inspections.find((el) => el.id === selectedRows[0].id);\r\n // return ins && ins.inspectors && ins.inspectors[0]\r\n // ? { idCompiler: ins.inspectors[0].id }\r\n // : null;\r\n //RITM0628222\r\n return { idCompiler: ins?.idCompiler }\r\n }\r\n return null;\r\n };\r\n\r\n getInspectionReport = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n const ins = this.state.inspections.find((el) => el.id === selectedRows[0].id);\r\n return ins && ins.inspectionReport;\r\n }\r\n return null;\r\n };\r\n\r\n getStatusId = (idRow) => {\r\n const r = this.state.inspections.find((el) => el.id === idRow);\r\n return r && r.idStatus;\r\n };\r\n\r\n getReportStatusId = (idRow) => {\r\n const r = this.state.inspections.find((el) => el.id === idRow);\r\n\r\n return r && r.inspectionReport && r.inspectionReport.idStatus;\r\n };\r\n\r\n getCanEditResource = (idRow) => {\r\n const r = this.state.inspections.find((el) => el.id === idRow);\r\n return r;\r\n };\r\n\r\n render() {\r\n const inspectionHeader = [\r\n { key: 'inspectionCode', header: 'Code' },\r\n //RITM0945977\r\n // { key: 'division', header: 'Division' },\r\n { key: 'division', header: 'Business Line' },\r\n { key: 'workSite', header: 'WorkSite' },\r\n { key: 'inspectionSection', header: 'Inspection Section' },\r\n { key: 'inspectionType', header: 'Inspection Type' },\r\n { key: 'plannedWeek', header: 'Planned Week' },\r\n { key: 'status', header: 'Status Plan', type: 'status' },\r\n { key: 'statusReport', header: 'Status Report', type: 'status' },\r\n ];\r\n const paginationProps = () => ({\r\n page: this.state.currentPage || 1,\r\n totalItems: this.state.rowCount || 0,\r\n pageSize: this.state.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n const rows = [];\r\n\r\n const getWeekPeriod = (week, year) => {\r\n //INC1534463 - Inspection Week Span Fix\r\n //const x = moment(year.toString()).add(week, 'weeks');\r\n const x = moment(year.toString()).add(week - 1, 'weeks');\r\n //End\r\n return `Week ${week} :${x.startOf('isoWeek').format('DD/MM/YYYY')} - ${x\r\n .endOf('isoWeek')\r\n .format('DD/MM/YYYY')}`;\r\n };\r\n\r\n if (this.state.inspections) {\r\n this.state.inspections.forEach((item) => {\r\n const weeekPeriod = getWeekPeriod(item.plannedWeek, item.referenceYear);\r\n const inspectionSection = this.state.inspectionSection.filter(x => x.id === item.inspectionType.idInspectionSection);\r\n rows.push({\r\n id: item.id,\r\n inspectionCode: item.inspectionCode,\r\n division: item.division,\r\n workSite: item.workSite,\r\n inspectionType: item.inspectionType.name,\r\n inspectionSection: inspectionSection[0]?.name,\r\n plannedWeek: weeekPeriod,\r\n status: item.status,\r\n statusReport: item.statusReport,\r\n });\r\n });\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {'FILTER INSPECTIONS'}
{' '}\r\n {/*RITM0999787*/}\r\n \r\n
{/*RITM0999787*/}\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n Current year\r\n
\r\n\r\n {this.state.spinner ? (\r\n \r\n {selectedRows.length > 0 ? (\r\n \r\n \r\n \r\n \r\n {CanExecuteAction(\r\n 'Inspection',\r\n this.isRowOfExtInspection(selectedRows[0].id) ? \"PlanningExt\" : 'Planning',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getInspection(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Submit',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Plan\r\n \r\n ) : null}\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Planning',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getInspection(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Approve',\r\n 'Approve',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Plan\r\n \r\n ) : null}\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Planning',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getInspection(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Reject',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Plan\r\n \r\n ) : null}\r\n {/* //RITM0623664_InspectionEstemporanea */}\r\n {CanExecuteAction(\r\n 'Inspection',\r\n this.isRowOfExtInspection(selectedRows[0].id) ? \"PlanningExt\" : 'Planning',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'AssignExtReport',\r\n this.getInspection(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'AssignExtReport',\r\n 'Assign Ext Report',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Assign Ext Report\r\n \r\n ) : null}\r\n {/* FINE //RITM0623664_InspectionEstemporanea */}\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Planning',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getStatusId(selectedRows[0].id)\r\n : null,\r\n 'Delete',\r\n this.getInspection(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'Delete',\r\n 'Delete',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Delete Plan\r\n \r\n ) : null}\r\n {selectedRows.length > 0 &&\r\n this.getStatusId(selectedRows[0].id) === 4 && (\r\n // DEV 156\r\n <>{CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'Create',\r\n this.getCompiler(selectedRows)\r\n ) ? (\r\n this.handleApproveReportCheck(user)}\r\n onMount={async () => {\r\n const inspection = await this.getInspection(selectedRows);\r\n this.getInspectors(inspection.idWorkSite);\r\n }}\r\n placeholder={\r\n {\r\n this.batchActionClick('newreport', 'Assign', null, false, false, selectedRows);\r\n }}\r\n >\r\n Assign Report\r\n \r\n \r\n ) : null\r\n }\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'Submit',\r\n this.getInspectionReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'submitreport',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'Approve',\r\n this.getInspectionReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'approvereport',\r\n 'Approve',\r\n null, /*RUOLI_APPROVATIVI_DEV_255_RITM0565449*/\r\n false, /*RUOLI_APPROVATIVI_DEV_255_RITM0565449*/\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'Consolidate',\r\n this.getInspectionReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'consolidatereport',\r\n 'Consolidate',\r\n null,\r\n false,\r\n false,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Consolidate Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'Reject',\r\n this.getInspectionReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'rejectreport',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Inspection',\r\n 'Reporting',\r\n user,\r\n selectedRows.length > 0\r\n ? this.getReportStatusId(selectedRows[0].id)\r\n : null,\r\n 'RejectConsolidate',\r\n this.getInspectionReport(selectedRows)\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'rejectconsolidatereport',\r\n 'Reject',\r\n null,\r\n false,\r\n true,\r\n selectedRows\r\n )\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n {this.state.isLoadingList ? (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n />\r\n
\r\n \r\n \r\n this.showDivModaleInspection(true)}\r\n renderIcon={Add20}\r\n disabled={!(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler'))}\r\n >\r\n New Inspection Report\r\n \r\n {/* //RITM0623664_InspectionEstemporanea */}\r\n\r\n this.showDivModaleInspection(false)}\r\n renderIcon={Add20}\r\n disabled={!(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler'))}\r\n >\r\n Plan New Inspection\r\n \r\n \r\n
\r\n \r\n Current year\r\n item || ''}\r\n type=\"inline\"\r\n />\r\n
\r\n\r\n {this.state.spinner ? \r\n {this.state.isLoadingCalendar ? (\r\n \r\n \r\n
\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n Main Information\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n\r\n render() {\r\n const isProjectAreaDisabled = this.props.inspectionInfo.idStatusReport != 1 || this.props.editingDisabledCheck;\r\n\r\n const validationsL = {\r\n startdate: this.validations.message('start date', this.props.inspectionInfo?.inspectionReport?.startDate, 'required'),\r\n enddate: this.validations.message('end date', this.props.inspectionInfo?.inspectionReport?.endDate, 'required'),\r\n projectArea: isProjectAreaDisabled ? false : this.validations.message('project area', this.props.inspectionInfo.projectArea, 'required')\r\n };\r\n\r\n return (\r\n \r\n {/* RITM0945977 */}\r\n {/* Division */}\r\n Business Line\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n WorkSite\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n Inspection Section\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n Inspection Type\r\n
\r\n \r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n {this.renderLoadingModal()}\r\n \r\n \r\n {!this.props.tabsLoading ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n\r\n\r\n
\r\n\r\n\r\n )} \r\n }\r\n \r\n
\r\n Inspection code
\r\n \r\n {this.props.inspectionInfo.inspectionCode}\r\n
\r\n \r\n {/* RITM0945977 */}\r\n {/*
\r\n Division
*/}\r\n Business Line
\r\n \r\n {this.props.inspectionInfo.division}\r\n
\r\n \r\n
\r\n Worksite
\r\n \r\n {this.props.inspectionInfo.workSite}\r\n
\r\n \r\n
\r\n Project
\r\n \r\n {this.props.inspectionInfo.project}\r\n
\r\n \r\n
\r\n Project Area*
\r\n {isProjectAreaDisabled ? (\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t {this.props.inspectionInfo.projectArea} \r\n
\r\n ) : (\r\n \r\n this.props.onProjectAreaChange(e.target.value)}\r\n value={this.props.inspectionInfo.projectArea}\r\n invalid={validationsL.projectArea}\r\n invalidText=\"This field is Required!\"\r\n />\r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n Inspection Section
\r\n \r\n {this.props.inspectionInfo.inspectionSection?.name} \r\n
\r\n \r\n
\r\n Inspection Type
\r\n \r\n {this.props.inspectionInfo.inspectionType?.name} \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n { !this.props.editingDisabledCheck&&\r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this.onActivityDateChange(e)}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {validationsActivity.diffTIme ||\r\n validationsActivity.to != null ||\r\n validationsActivity.to ? (\r\n Invalid time format
\r\n ) : null}\r\n {this.state.flagTime ? (\r\n Invalid time format
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {validationsDocuments.name}\r\n
\r\n \r\n Enter the Project Area, startDate and endDate in the Main Information\r\n
\r\n ) : null}\r\n {this.state.mainInformationOpened ? (\r\n Main Information\r\n ) : (\r\n \r\n (\r\n \r\n \r\n \r\n \r\n \r\n {this.newActivity()}\r\n {this.newDocuments()}\r\n \r\n
\r\n \r\n )}\r\n />\r\n {validationsNotifications.activitymodal}\r\n {this.props.isLoad ? \r\n \r\n (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n )}\r\n />\r\n\r\n
\r\n )}\r\n \r\n )}\r\n \r\n
\r\n {!this.props.editingDisabledCheck && (\r\n List Of Inspection Activities
\r\n\r\n \r\n Add New Activity\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n this.updateDistributionList(\r\n 'distributionList',\r\n value,\r\n 'inspectionNotificationFormModel'\r\n )\r\n }\r\n />\r\n \r\n {validationsNotifications.distributionList}\r\n
\r\n \r\n \r\n \r\n this.updateState(\r\n 'responsibleEmail',\r\n value,\r\n 'inspectionNotificationFormModel'\r\n )\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n {!this.props.editingDisabledCheck && (\r\n List Of Related Documents
\r\n\r\n \r\n Add New Document\r\n \r\n
\r\n )}\r\n \r\n {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\r\n
\r\n \r\n \r\n Save\r\n \r\n\r\n \r\n Send\r\n \r\n
\r\n )}\r\n \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.inspectedInspectorModal.entity}* \r\n\t\t\t\t\t\t\t\t\t{this.state.isLoadingInspectors ? (\r\n\t\t\t\t\t\t\t\t\t\t (item ? item.email : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t// initialSelectedItem={selectedItemCombo.idInspector}\r\n\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.selectedUser}\r\n\t\t\t\t\t\t\t\t\t\t\titems={listInspectors}\r\n\t\t\t\t\t\t\t\t\t\t\t// disabled={this.state.inspectionModel.idWorkSite == null || this.state?.inspectors == null || this.state?.inspectors?.length <= 0}\r\n\t\t\t\t\t\t\t\t\t\t\t// invalid={validations.idInspector != null}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\r\n\trenderDeleteInspectorModal = () =>\r\n\t\tthis.state.modalInspectorsDeleteVisible && (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\tDelete Team Member
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tPress confirm to remove Inspected from Team Members
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\r\n\thandleDeleteInspectedsModal = (email) => {\r\n\t\tthis.setState((oldState) => ({\r\n\t\t\tinspectedselect: email,\r\n\t\t\tmodalInspectedsDeleteVisible: !oldState.modalInspectedsDeleteVisible,\r\n\t\t}));\r\n\t}\r\n\r\n\thandleDeleteInspectorModal(email) {\r\n\t\tthis.setState({\r\n\t\t\tinspectorselect: email,\r\n\t\t\tmodalInspectorsDeleteVisible: true,\r\n\t\t});\r\n\t}\r\n\r\n\tcloseModalDeleteInspector() {\r\n\t\tthis.setState({\r\n\t\t\tinspectorselect: null,\r\n\t\t\tmodalInspectorsDeleteVisible: false,\r\n\t\t});\r\n\t}\r\n\r\n\t// setEmployer = (employer) => {\r\n\t// \tif (employer && employer.id) {\r\n\t// \t\tconst oldInspectionDocument = this.state.inspecteds || [];\r\n\r\n\t// \t\tconst exists = oldInspectionDocument.some((v) => v.ghrS_ID === employer.ghrS_ID) || this.state.inspectedNoSaipem.some(x => x.email === employer.email)\r\n\t// \t\tif (!exists) {\r\n\t// \t\t\tconst newinspectioDocument = oldInspectionDocument.concat([employer]);\r\n\t// \t\t\tlet statusCopy = { ...this.state.employermodel };\r\n\t// \t\t\tstatusCopy = newinspectioDocument;\r\n\t// \t\t\tthis.setState({ inspecteds: statusCopy });\r\n\t// \t\t\tthis.setState({ isOpenModalGHRS: false });\r\n\t// \t\t} else {\r\n\t// \t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, \"Inspected already on the list\");\r\n\t// \t\t}\r\n\t// \t}\r\n\t// };\r\n\r\n\tsetEmployer = (employer) => {\r\n\t\tif ( !(employer && employer.id) ) return\r\n\r\n\t\tconst isForInspected = this.state.inspectedInspectorModal.entity === Entity.inspected\r\n\t\tif (isForInspected) this.setInspectedEmployer(employer)\r\n\t\telse this.setInspectorEmployer(employer)\r\n\t};\r\n\r\n\r\n\tsetInspectedEmployer = (employer) => {\r\n\t\tconst oldInspectionDocument = this.state.inspecteds || [];\r\n\t\tconst exists = oldInspectionDocument.some((v) => v.ghrS_ID === employer.ghrS_ID) || this.state.inspectedNoSaipem.some(x => x.email === employer.email)\r\n\t\tif (!exists) {\r\n\t\t\tconst newinspectioDocument = oldInspectionDocument.concat([employer]);\r\n\t\t\tlet statusCopy = { ...this.state.employermodel };\r\n\t\t\tstatusCopy = newinspectioDocument;\r\n\t\t\tthis.setState({ inspecteds: statusCopy });\r\n\t\t\tthis.setState({ isOpenModalGHRS: false });\r\n\t\t} else {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, \"Inspected already on the list\");\r\n\t\t}\r\n\t\tthis.setState({ employermodel: null });\r\n\t};\r\n\r\n\tsetInspectorEmployer = (employer) => {\r\n\t\tconst oldInspectionDocument = this.state.inspectorsGHRS || [];\r\n\t\tconst exists = oldInspectionDocument.some((v) => v.ghrS_ID === employer.ghrS_ID) || this.state.inspectorsNoSaipem.some(x => x.email === employer.email) || this.state.inspectorsGHRS.some(x => x.email === employer.email)\r\n\t\tif (!exists) {\r\n\t\t\tconst newinspectioDocument = oldInspectionDocument.concat([employer]);\r\n\t\t\tlet statusCopy = { ...this.state.employermodel };\r\n\t\t\tstatusCopy = newinspectioDocument;\r\n\t\t\tthis.setState({ inspectorsGHRS: statusCopy });\r\n\t\t\tthis.setState({ isOpenModalGHRS: false });\r\n\t\t} else {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, \"Inspector already on the list\");\r\n\t\t}\r\n\t\tthis.setState({ employermodel: null });\r\n\t};\r\n\t\r\n\r\n\r\n\taddManualInspectorInspected = () => {\r\n\t\ttry {\r\n\t\t\tif (this.state.noSaipemModel == null) return;\r\n\t\t\tconst isInspected = this.state.inspectedInspectorModal.entity === Entity.inspected\r\n\t\t\tconst newPerson = {...this.state.noSaipemModel};\r\n\t\t\tconst referenceModel = isInspected ? [...this.state.inspectedNoSaipem, ...this.state.inspecteds] : [...this.state.inspectorsNoSaipem, ...this.state.inspectors] \r\n\t\t\tconst exists = referenceModel.some((v) => v.email === newPerson.email);\r\n\t\t\tif (!exists) {\r\n\t\t\t\tnewPerson.id = uuid();\r\n\t\t\t\tnewPerson.role = this.state.inspectedInspectorModal.entity;\r\n\t\t\t\tnewPerson.IdInspection = this.props.inspectionInfo.id;\r\n\t\t\t\tnewPerson.fullname = `${newPerson.name} ${newPerson.surname}`\r\n\t\t\t\tif(isInspected) {\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tinspectedNoSaipem: this.state.inspectedNoSaipem.concat(newPerson),\r\n\t\t\t\t\t\tisOpenManualInput: false,\r\n\t\t\t\t\t\tinspectedInspectorModal: {show: false, entity: null},\r\n\t\t\t\t\t\tnoSaipemModel: null\r\n\t\t\t\t\t}) \r\n\t\t\t\t}else{\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tinspectorsNoSaipem: this.state.inspectorsNoSaipem.concat(newPerson),\r\n\t\t\t\t\t\tisOpenManualInput: false,\r\n\t\t\t\t\t\tinspectedInspectorModal: {show: false, entity: null},\r\n\t\t\t\t\t\tnoSaipemModel: null\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, this.state.inspectedInspectorModal.entity + \" already on the list\");\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INSPECTION, 'addManualInspectorInspected'));\r\n\t\t}\r\n\t};\r\n\r\n\thandleChangeGHRSModal() {\r\n\t\tthis.setState({ isOpenModalGHRS: false });\r\n\t}\r\n\r\n\topenInspectedInspectorModal = (entityType) => {\r\n\t\tthis.setState({ inspectedInspectorModal: {show: true, entity: entityType} });\r\n\t}\r\n\r\n\thandleManualInputChangeModel = (property, value) => {\r\n\t\tconst copy = { ...this.state.noSaipemModel };\r\n\t\tcopy[property] = value;\r\n\t\tthis.setState({ noSaipemModel: copy});\r\n\t};\r\n\r\n\r\n\trenderModal = () => {\r\n\t\t// const onMainChoice = () => {\r\n\t\t// \tif (this.state.inspectedInspectorModal.entity === Entity.inspected) this.setState({inspectedInspectorModal:{show: false, entity: null}, isOpenModalGHRS: true })\r\n\t\t// \telse this.showUserModalInspector()\r\n\t\t// }\r\n\t\tconst onSaipemChoice = () => {\r\n\t\t\tthis.setState({ inspectedInspectorModal: {...this.state.inspectedInspectorModal, show: false} })\r\n\t\t\tthis.showUserModal()\r\n\t\t}\r\n\t\tconst onGHRSChoice = () => this.setState({ inspectedInspectorModal: {...this.state.inspectedInspectorModal, show: false}, isOpenModalGHRS: true })\r\n\t\tconst onManualChoice = () => this.setState({isOpenManualInput: true, inspectedInspectorModal: {...this.state.inspectedInspectorModal, show: false} })\r\n\t\tconst onCloseModal = () => this.setState({ inspectedInspectorModal: {show: false, entity: null} })\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\tDelete Team Member
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tPress confirm to remove Inspected from Team Members
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tAdd New {this.state.inspectedInspectorModal.entity}
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tAdd New {this.state.inspectedInspectorModal.entity}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{!this.props.editingDisabledCheck && (\r\n\t\t\t\t\t\t\t\t\tOther personnel involved in the inspection
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{!this.props.editingDisabledCheck && (\r\n\t\t\t\t\t\t\t\t\tInspection Team
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tthis.openInspectedInspectorModal(Entity.inspector)}\r\n\t\t\t\t\t\t\t\t\t\t\tkind=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\trenderIcon={Add16}\r\n\t\t\t\t\t\t\t\t\t\t\ticonDescription=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\tAdd New Inspector\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.modalNewInspector()}\r\n\t\t\t\t\t\t\t{this.renderLoadingModal()}\r\n\r\n\t\t\t\t\t\t\t{/* CR 161 */}\r\n\t\t\t\t\t\t\t{this.renderManualInputModal()}\r\n\t\t\t\t\t\t\t{this.renderModal()}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.getInspectorsInspection()}\r\n\t\t\t\t\t\t\t\t\tonHeadingClick={() => this.closeAccordion()}\r\n\t\t\t\t\t\t\t\t\tid={`AccordionInspectors${this.props.plan}`}\r\n\t\t\t\t\t\t\t\t\tkey={`AccordionInspectors${this.props.plan}`}>\r\n\t\t\t\t\t\t\t\t\t this.getInspectedsInspection()}\r\n\t\t\t\t\t\t\t\t\tonHeadingClick={() => this.closeAccordion()}\r\n\t\t\t\t\t\t\t\t\tid={`AccordionInspecteds${this.props.plan}`}\r\n\t\t\t\t\t\t\t\t\tkey={`AccordionInspecteds${this.props.plan}`}>\r\n\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.renderInspector()}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.renderInspecteds()}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{!this.props.editingDisabledCheck && (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nCheckListQuestionAnswer.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n questionCode: PropTypes.string.isRequired,\r\n question: PropTypes.string.isRequired,\r\n answer: PropTypes.string,\r\n note: PropTypes.string,\r\n isCustom: PropTypes.bool,\r\n onAnswerChange: PropTypes.func.isRequired,\r\n onNoteChange: PropTypes.func.isRequired,\r\n onDeleteCustomRequirement: PropTypes.func,\r\n onUpdateCustomRequirement: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n};\r\nCheckListQuestionAnswer.defaultProps = {\r\n answer: null,\r\n note: null,\r\n isCustom: false,\r\n disabled: true,\r\n onDeleteCustomRequirement: () => {},\r\n onUpdateCustomRequirement: () => {},\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Button, FormGroup, TextInput, Loading, TextArea } from 'carbon-components-react';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport PropTypes from 'prop-types';\r\nimport { api } from '../../../../helpers/api/api';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n entitiesLabels,\r\n} from '../../../../helpers/Constants';\r\n\r\nexport default class CheckListRequirement extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.saveRequirement = this.saveRequirement.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.onCodeTextChange = this.onCodeTextChange.bind(this);\r\n this.onQuestionTextChange = this.onQuestionTextChange.bind(this);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n newRequirement: {\r\n id: this.props.Requirement?.id || uuid(),\r\n code: this.props.Requirement?.code || null,\r\n name: this.props.Requirement?.name || null,\r\n createdBy: this.props.Requirement?.createdBy || null,\r\n createdOn: this.props.Requirement?.createdOn || null,\r\n updatedBy: this.props.Requirement?.updatedBy || null,\r\n updatedOn: this.props.Requirement?.updatedOn || null,\r\n description: this.props.Requirement?.description || null,\r\n },\r\n isUpdating: false,\r\n };\r\n }\r\n\r\n onCodeTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.code = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n onQuestionTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.name = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n renderLoadingModal = () => {\r\n const show = this.state.isUpdating;\r\n return show && \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nCheckListRequirement.propTypes = {\r\n onCancel: PropTypes.func.isRequired,\r\n onSave: PropTypes.func,\r\n onUpdate: PropTypes.func,\r\n CheckList: PropTypes.object.isRequired,\r\n Section: PropTypes.object.isRequired,\r\n Template: PropTypes.object.isRequired,\r\n idCheckListAnswer: PropTypes.string,\r\n Requirement: PropTypes.object,\r\n};\r\nCheckListRequirement.defaultProps = {\r\n Requirement: null,\r\n idCheckListAnswer: null,\r\n onUpdate: () => {},\r\n onSave: () => {},\r\n};\r\n","import { DocumentExport16 } from '@carbon/icons-react/lib/';\r\nimport { Button, FormGroup, Loading, TextArea, TextInput } from 'carbon-components-react';\r\nimport React, { Component } from 'react';\r\nimport { Section } from '../../../lib/react-scroll-section/src/index';\r\nimport '../../../scss/custom.scss';\r\nimport FileDownLoadButton from '../../common/FileDownloadButton';\r\nimport { Offline, Online } from '../../common/OnLineOffLine';\r\nimport { getSuccess, getError, entitiesLabels, apioperation } from '../../../helpers/Constants';\r\nimport EmailChips from '../../../helpers/EmailChips';\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Email16 from '@carbon/icons-react/lib/email/16';\r\nimport { api, dynamic } from '../../../helpers/api/api';\r\n\r\nconst validations = {}\r\n\r\nclass InspectionDistribution extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n\r\n this.state = {\r\n mailTo: this.props.inspectionModel.mailTo,\r\n mailCc: this.props.inspectionModel.mailCC,\r\n mailSubject: this.props.inspectionModel.mailSubject,\r\n mailBody: this.props.inspectionModel.mailBody,\r\n isDisabled: false,\r\n isLoadingReportFile: false,\r\n id: this.props.inspectionModel.id\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n mailTo: this.props.inspectionModel.mailTo,\r\n mailCc: this.props.inspectionModel.mailCC,\r\n mailSubject: this.props.inspectionModel.mailSubject,\r\n mailBody: this.props.inspectionModel.mailBody,\r\n isDisabled: false,\r\n isLoadingReportFile: false,\r\n id: this.props.inspectionModel.id\r\n });\r\n this.setMailSubject();\r\n }\r\n\r\n setMailSubject() {\r\n if (!this.state.mailSubject) {\r\n const subject = `Inspection ID ${this.props.inspectionModel.inspectionCode} Report`;\r\n this.setState({mailSubject: subject});\r\n } \r\n }\r\n\r\n updateState = (property, value) => {\r\n let copy = {...this.state[property]};\r\n copy = value\r\n this.setState({[property]: copy})\r\n }\r\n\r\n save = () => {\r\n this.setState({ isLoadingReportFile: true });\r\n if (this.validator.allValid()) {\r\n \r\n let datiForm = this.state;\r\n\r\n api\r\n .put('/inspection/report', datiForm)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\r\n this.props.inspectionModel.inspectionCode != null\r\n ? `${entitiesLabels.INSPECTION} ${entitiesLabels.WITHCODE} ${this.props.inspectionModel.inspectionCode} ${getSuccess('report distribution', apioperation.PUT)}`\r\n : getSuccess(entitiesLabels.INSPECTION, apioperation.POST)\r\n );\r\n } else {\r\n showNotification.error();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.setState({ isLoadingReportFile: false });\r\n });\r\n //this.props.updateCacheIncidentModel(datiForm, 'tabReport');\r\n //Salvare tutto (forse da prendere tramite props e passargli i dati qui insieriti)\r\n } else {\r\n this.setState({ isLoadingReportFile: false });\r\n showNotification.warning(`${entitiesLabels.WARNING}`, entitiesLabels.INSPECTION + ' required fields are missing');\r\n this.validator.showMessages();\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n send = () => {\r\n this.setState({ isLoadingReportFile: true });\r\n if (this.validator.allValid()) {\r\n this.sendDistribution();\r\n } else {\r\n this.setState({ isLoadingReportFile: false });\r\n showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.NOTIFICATION} required fields are missing `\r\n );\r\n this.validator.showMessages();\r\n }\r\n };\r\n\r\n\r\n sendDistribution = () => {\r\n api\r\n .put('/inspection/distribution/send', this.state)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, 'Successfully sent');\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully sent', entitiesLabels.INSPECTION, apioperation.POST)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.setState({ isLoadingReportFile: false });\r\n });\r\n };\r\n\r\n getInspectionReportCode(id) {\r\n return \"Inspection_Report_\" + this.props.inspectionModel.inspectionCode+\".pdf\"\r\n }\r\n\r\n render() {\r\n // this.validator.purgeFields();\r\n const validations = {\r\n mailBody: this.validator.message('mailBody', this.state.mailBody, 'required'),\r\n mailSubject: this.validator.message('mailSubject', this.state.mailSubject, 'required'),\r\n mailTo: this.validator.message('mailTo', this.state.mailTo && this.state.mailTo[0] , 'required'),\r\n //mailCc: this.validator.message('mailCc', this.state.mailCc && this.state.mailCc[0], 'required'),\r\n };\r\n \r\n return (\r\n <>\r\n {/* \r\n
\r\n {this.renderLoadingModal()}\r\n \r\n
\r\n\r\n Requirement Details
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onQuestionTextChange(question)}\r\n />\r\n {validations.question}\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default InspectionDistribution;\r\n","/* eslint-disable no-nested-ternary */\r\n/* eslint-disable import/prefer-default-export */\r\nimport React, { Component } from 'react';\r\nimport {\r\n InlineLoading,\r\n FormGroup,\r\n TextArea,\r\n AccordionItem,\r\n Tile,\r\n DatePickerSkeleton,\r\n Accordion,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n Button,\r\n TableContainer,\r\n Table,\r\n TableBody,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n TableCell,\r\n Form,\r\n FormLabel,\r\n Loading,\r\n TextInput,\r\n ModalFooter,\r\n Tab,\r\n Tabs,\r\n TabsSkeleton,\r\n Toggle, //RITM0937302\r\n} from 'carbon-components-react';\r\nimport {\r\n Information16,\r\n CheckmarkOutline16,\r\n Send16,\r\n Error16,\r\n} from '@carbon/icons-react';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport View16 from '@carbon/icons-react/lib/view/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Attachment16 from '@carbon/icons-react/lib/attachment/16';\r\n\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport FileUpload from '../../common/FileUpload';\r\nimport { ConfirmAlertCustom } from '../../../helpers/ConfirmAlertCustom';\r\nimport { FindGHRSEmployer } from '../../common/FindGHRSEmployer';\r\nimport { NoRecordsPlaceholder } from '../../../helpers/jsonschemaform/DataTableExtention';\r\nimport FindSaipemCompilers from '../../common/FindSaipemCompilers';\r\nimport {\r\n getError,\r\n sizeFormat,\r\n getSuccess,\r\n apioperation,\r\n entitiesLabels,\r\n DateFormat,\r\n STATUS,\r\n} from '../../../helpers/Constants';\r\nimport DateTimePicker from '../../../helpers/DateTimePicker';\r\nimport { me, api, inspection } from '../../../helpers/api/api';\r\nimport PageBreadCrumb, { StatusTag } from '../../../helpers/PageBreadCrumb';\r\n\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport { InspectionInformation } from './common/InspectionInformation';\r\nimport { InspectionNotification } from './InspectionNotification';\r\nimport { InspectionPersonnel } from './InspectionPersonnel';\r\n\r\nimport CheckListQuestionAnswer from './common/CheckListQuestionAnswer';\r\nimport CheckListRequirement from './common/CheckListRequirement';\r\nimport {\r\n IsEnabled,\r\n IsEditable,\r\n CanExecuteAction,\r\n IsInRole,\r\n} from '../../../helpers/authorization/Policies';\r\nimport { WFActionModal } from '../../common/WFActionModal';\r\nimport { HistoryTable } from '../../../helpers/HistoryTable';\r\nimport { AppContext } from '../../../helpers/context/AppContext';\r\nimport { Online, Offline } from '../../common/OnLineOffLine';\r\nimport FileDownLoadButton from '../../common/FileDownloadButton';\r\nimport InspectionRepository from '../../../helpers/api/InspectionRepository';\r\nimport InspectionDistribution from './InspectionDistribution';\r\n\r\nexport class InspectionReport extends Component {\r\n carModelProps = () => ({\r\n dueDate: null,\r\n id: null,\r\n carOwner: {},\r\n idOwner: null,\r\n idAnswer: null,\r\n detailsOfInefficiency: null,\r\n });\r\n\r\n ownerModelprops = () => ({\r\n fullname: null,\r\n email: null,\r\n });\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validationsNotifications = new SimpleReactValidator();\r\n this.validationsCar = new SimpleReactValidator();\r\n this.updateState = this.updateState.bind(this);\r\n this.updateStateActivity = this.updateStateActivity.bind(this);\r\n this.state = {\r\n inspectionkey: this.props.match.params, // //No GOOD\r\n inspectionModel: {},\r\n\r\n carModel: {\r\n ...this.carModelProps(),\r\n },\r\n ownerModel: {\r\n ...this.ownerModelprops(),\r\n },\r\n idOwnerSaipem: null, // idEmployer: null, //guid\r\n ownerSaipem: {\r\n // employer: {\r\n id: null, // guid\r\n // name: '',\r\n // surname: '',\r\n // email: '',\r\n },\r\n isDeleting: false,\r\n isLoadtemplate: false,\r\n downloading: false,\r\n notificationForm: {},\r\n isSendNotifications: false,\r\n isSaveNotifiication: false,\r\n activities: [],\r\n documents: [],\r\n inspector: [],\r\n isOpenModalGHRS: false, // //No GOOD\r\n // /Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n approvalStartDate: null,\r\n approvalEndDate: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n idToDelete: null,\r\n isSaveCar: false,\r\n selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n // HT\r\n isHistoryModalOpen: false,\r\n editingDisabled: this.state?.inspectionModel?.inspectionReport\r\n ? !IsEditable(\r\n 'Inspection',\r\n 'Reporting',\r\n this.context.user,\r\n this.state?.inspectionModel?.inspectionReport.status.id,\r\n 'All',\r\n this.state?.inspectionModel?.inspectionReport\r\n )\r\n : false,\r\n isDisabledSend: true,\r\n };\r\n this.onAdditionalNoteChange = this.onAdditionalNoteChange.bind(this);\r\n this.onReportSummaryChange = this.onReportSummaryChange.bind(this);\r\n this.onUpload = this.onUpload.bind(this);\r\n this.onUploadAnswer = this.onUploadAnswer.bind(this);\r\n this.downloadAttachment = this.downloadAttachment.bind(this);\r\n this.handleChangeGHRSModal = this.handleChangeGHRSModal.bind(this);\r\n this.setEmployer = this.setEmployer.bind(this);\r\n this.saveCar = this.saveCar.bind(this);\r\n this.newCheckListRequirementAdded = this.newCheckListRequirementAdded.bind(this);\r\n this.getCanEditResource = this.getCanEditResource.bind(this);\r\n this.onDetailsOfInefficiencyChange = this.onDetailsOfInefficiencyChange.bind(this);\r\n this.getAttachmentAnswerUrl = this.getAttachmentAnswerUrl.bind(this);\r\n this.getAttachmentAnswerName = this.getAttachmentAnswerName.bind(this);\r\n this.getAttachmentUrl = this.getAttachmentUrl.bind(this);\r\n this.getAttachmentName = this.getAttachmentName.bind(this);\r\n this.updateMainInformation = this.updateMainInformation.bind(this);\r\n this.mainInfoDateChange = this.mainInfoDateChange.bind(this);\r\n\r\n //RITM0560302 \r\n this.mainInfoProjectAreaChange = this.mainInfoProjectAreaChange.bind(this);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.getInspectionEdit(this.state.inspectionkey.id);\r\n this.getInspectorsInspection(this.state.inspectionkey.id);\r\n }\r\n\r\n getInspectionEdit(id) {\r\n this.setState({\r\n isEditModal: true,\r\n isOpenModalInspection: true,\r\n tabsLoading: true,\r\n });\r\n inspection\r\n .get(id)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n inspectionModel: response.data,\r\n notificationForm: response.data.inspectionReport.notificationForm,\r\n activities: response.data.inspectionReport.notificationForm.activities, // //No GOOD\r\n documents: response.data.inspectionReport.notificationForm.documents,\r\n inspector: response.data.inspectors,\r\n idPlan: response.data.id,\r\n isLoadingElement: false,\r\n editingDisabled: !IsEditable(\r\n 'Inspection',\r\n 'Reporting',\r\n this.context.user,\r\n response.data.inspectionReport.status.id,\r\n 'All',\r\n response.data.inspectionReport\r\n ),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n isLoadingElement: false,\r\n tabsLoading: false,\r\n },\r\n () => {\r\n // this.getSelectedEntityRoles();\r\n }\r\n );\r\n });\r\n }\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n const statusCopy = { ...this.state };\r\n statusCopy.ownerModel.fullname = employer.fullname;\r\n statusCopy.ownerModel.email = employer.email;\r\n statusCopy.carModel.carOwner = employer;\r\n statusCopy.carModel.idOwner = employer.id;\r\n statusCopy.carModel.owner = employer;\r\n statusCopy.idOwnerSaipem = null;\r\n statusCopy.ownerSaipem = null;\r\n this.setState({ model: statusCopy, mode: 0, owner: employer });\r\n this.setState(statusCopy);\r\n\r\n this.setState({ isOpenModalGHRS: false });\r\n }\r\n };\r\n\r\n setSaipemOwner = (employer) => {\r\n if (employer && employer.id) {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.carOwner = employer;\r\n statusCopy.carModel.idOwnerSaipem = employer.id;\r\n statusCopy.carModel.idOwner = null;\r\n statusCopy.ownerModel.fullname = employer.fullName;\r\n statusCopy.ownerModel.email = employer.email;\r\n statusCopy.ownerSaipem = employer;\r\n statusCopy.idOwner = null;\r\n statusCopy.owner = null;\r\n\r\n this.setState({ model: statusCopy, mode: 0, owner: employer });\r\n }\r\n };\r\n\r\n showModalCar = (idAnswer, requirement, sectionCode) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.id = uuid();\r\n statusCopy.carModel.idInspection = this.state.inspectionkey.id;\r\n statusCopy.carModel.idInspectionReport = this.state.inspectionModel.idInspectionReport;\r\n statusCopy.carModel.idAnswer = idAnswer;\r\n statusCopy.carModel.section = sectionCode;\r\n statusCopy.carModel.requirement = requirement;\r\n statusCopy.isOpenModalCar = true;\r\n statusCopy.carModel.detailsOfInefficiency = '';\r\n this.setState(statusCopy);\r\n };\r\n\r\n showModalUpdateCar = (car) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.id = car.id;\r\n statusCopy.carModel.idInspection = car.idInspection;\r\n statusCopy.carModel.idInspectionReport = car.idInspectionReport;\r\n statusCopy.carModel.idAnswer = car.idAnswer;\r\n statusCopy.carModel.dueDate = moment(car.dueDate).format('YYYY-MM-DD');\r\n statusCopy.carModel.detailsOfInefficiency = car.detailsOfInefficiency;\r\n statusCopy.carModel.section = car.section;\r\n statusCopy.carModel.requirement = car.requirement;\r\n statusCopy.carModel.idOwner = car.idOwner;\r\n statusCopy.carModel.idOwnerSaipem = car.idOwnerSaipem;\r\n statusCopy.ownerModel.email = car.owner ? car.owner.email : car.ownerSaipem.email;\r\n statusCopy.ownerModel.fullname = car.owner ? car.owner.name : car.ownerSaipem.name;\r\n statusCopy.isOpenModalCar = true;\r\n statusCopy.isUpdateDocument = true;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n saveCar = () => {\r\n if (this.validationsCar.allValid()) {\r\n this.setState({\r\n isSaveCar: true,\r\n });\r\n const car = this.state.carModel;\r\n if (!this.state.isUpdateDocument) {\r\n var idInspection = this.state.inspectionkey.id;\r\n var { idAnswer } = this.state.carModel;\r\n if (idAnswer == null || idInspection == null) return;\r\n this.setState({\r\n carModel: {\r\n ...this.state.carModel,\r\n idAnswer,\r\n },\r\n });\r\n }\r\n\r\n const method = this.state.isUpdateDocument\r\n ? api.put(\r\n `inspection/${this.state.carModel.idInspection}/answer/${this.state.carModel.idAnswer}/car/${this.state.carModel.id}`,\r\n this.state.carModel\r\n )\r\n : api.post(`inspection/${idInspection}/answer/${idAnswer}/car`, this.state.carModel);\r\n\r\n method\r\n .then((response) => {\r\n if (response.status === 200) {\r\n if (!this.state.isUpdateDocument) {\r\n car.idStatus = 1;\r\n if (!car.status) {\r\n car.status = {\r\n id: 1,\r\n caManagementName: 'Draft',\r\n carManagementName: 'Assigned',\r\n carSimplifiedName: 'Opened',\r\n name: 'Draft',\r\n planningName: 'Draft',\r\n reportingName: 'Opened',\r\n };\r\n }\r\n }\r\n if (car.idOwnerSaipem != null) {\r\n car.ownerSaipem = car.carOwner;\r\n }\r\n InspectionRepository.updateCachedCarList(car);\r\n if (!this.state.isUpdateDocument) {\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n\r\n const index = answers.findIndex((qa) => qa.id === idAnswer);\r\n\r\n answers[index].car = response.data.inspectionCar || car;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.inspectionModel.inspectionReport.checkList.answers = answers;\r\n return state;\r\n });\r\n this.closemodalCar();\r\n } else {\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n\r\n const index = answers.findIndex((qa) => qa.id === this.state.carModel.idAnswer);\r\n\r\n answers[index].car = response.data;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.inspectionModel.inspectionReport.checkList.answers = answers;\r\n return state;\r\n });\r\n this.closemodalCar();\r\n }\r\n this.closemodalCar();\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.CAR, apioperation.POST));\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.closemodalCar();\r\n this.setState(\r\n {\r\n isSaveCar: false,\r\n },\r\n () => {\r\n // this.getSelectedEntityRoles();\r\n }\r\n );\r\n });\r\n } else {\r\n this.validationsCar.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.INSPECTION_REPORT} required fields are missing `\r\n );\r\n\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n closemodalCar = () => {\r\n this.setState({\r\n carModel: {\r\n ...this.carModelProps(),\r\n },\r\n ownerModel: {\r\n ...this.ownerModelprops(),\r\n },\r\n isUpdateDocument: false,\r\n isOpenModalCar: false,\r\n });\r\n this.validationsCar = new SimpleReactValidator();\r\n };\r\n\r\n showGHRS = () => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.isOpenModalGHRS = true;\r\n this.setState(statusCopy);\r\n };\r\n\r\n handleChangeGHRSModal() {\r\n const statusCopy = { ...this.state };\r\n statusCopy.isOpenModalGHRS = false;\r\n this.setState(statusCopy);\r\n }\r\n handleChangeMode = (m) => {\r\n this.setState({ mode: m });\r\n };\r\n updateStateDPCAR = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.dueDate = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n getCanEditResource = () => {\r\n const canEditResource = this.state.inspectionModel &&\r\n this.state.inspectionModel.inspectionReport && {\r\n idCompiler: this.state.inspectionModel.inspectionReport.idCompiler,\r\n };\r\n return canEditResource;\r\n };\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.inspectionModel.inspectionReport.notificationForm.documents = inputValue;\r\n statusCopy.documents = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateActivity = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.inspectionModel.inspectionReport.notificationForm.activities = inputValue;\r\n statusCopy.activities = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateInspectors = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.inspectionModel.inspectors = inputValue;\r\n statusCopy.inspector = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateCheckList = async () => {\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.put('/inspection/checklist', this.state.inspectionModel);\r\n InspectionRepository.updateCachedInspectionList(this.state.inspectionModel);\r\n InspectionRepository.updateCachedInspection(this.state.inspectionModel);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.INSPECTION, apioperation.PUT));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(entitiesLabels.INSPECTION, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n };\r\n\r\n showRequirment = () => {\r\n this.setState({\r\n isLoadtemplate: true,\r\n });\r\n };\r\n\r\n getTemplate = () => {\r\n const result = [];\r\n const map = new Map();\r\n this.state.inspectionModel.inspectionReport.checkList.answers.map((item) => {\r\n if (!map.has(item.idInspectionCheckListTemplate)) {\r\n map.set(item.idInspectionCheckListTemplate, true);\r\n //result.push(item.template);\r\n result.push({...item.template, active: item.active}); //RITM0937302\r\n }\r\n });\r\n return result;\r\n };\r\n\r\n //RITM0937302 - Inspection Module Toggle\r\n toggleActiveTemplateQuestions = (idCheckListTemplate) => {\r\n const updatedAnswer =this.state.inspectionModel.inspectionReport.checkList.answers.map((answer) => {\r\n if(answer.idInspectionCheckListTemplate === idCheckListTemplate) return {...answer, active: !answer.active}\r\n return {...answer}\r\n })\r\n const copyOfInspection = {...this.state.inspectionModel}\r\n copyOfInspection.inspectionReport.checkList.answers = updatedAnswer\r\n this.setState({ inspectionModel: copyOfInspection })\r\n }\r\n //End\r\n\r\n getSections = (idTemplate) => {\r\n const result = [];\r\n const map = new Map();\r\n this.state.inspectionModel.inspectionReport.checkList.answers.map((item) => {\r\n if (\r\n item.idInspectionCheckListTemplate === idTemplate &&\r\n !map.has(item.idInspectionCheckListTemplateSection)\r\n ) {\r\n map.set(item.idInspectionCheckListTemplateSection, true);\r\n result.push(item.section);\r\n }\r\n });\r\n return result.sort((a, b) => a.ranking - b.ranking);\r\n };\r\n\r\n getQuestionAnswer = (idSection) => {\r\n const result = [];\r\n this.state.inspectionModel.inspectionReport.checkList.answers.map((item) => {\r\n if (\r\n item.idInspectionCheckListTemplateSection === idSection &&\r\n item.question &&\r\n item.requirement == null\r\n )\r\n result.push(item);\r\n });\r\n\r\n var reA = /[^a-zA-Z]/g;\r\n var reN = /[^0-9]/g;\r\n\r\n return result.sort((a, b) => {\r\n var aA = a.question.code.toUpperCase().replace(reA, '');\r\n var bA = b.question.code.toUpperCase().replace(reA, '');\r\n if (aA === bA) {\r\n var aN = parseInt(a.question.code.toUpperCase().replace(reN, ''), 10);\r\n var bN = parseInt(b.question.code.toUpperCase().replace(reN, ''), 10);\r\n return aN === bN ? 0 : aN > bN ? 1 : -1;\r\n } else {\r\n return aA > bA ? 1 : -1;\r\n }\r\n });\r\n\r\n /* return result.sort((a, b) => {\r\n const codeA = a.question.code.toUpperCase();\r\n const codeB = b.question.code.toUpperCase();\r\n return codeA < codeB ? -1 : codeA > codeB ? 1 : 1;\r\n });*/\r\n };\r\n\r\n getRequirementAnswer = (idSection) => {\r\n const result = [];\r\n this.state.inspectionModel.inspectionReport.checkList.answers.map((item) => {\r\n if (item.idInspectionCheckListTemplateSection === idSection && item.requirement)\r\n result.push(item);\r\n });\r\n return result.sort((a, b) => {\r\n const codeA = a.requirement.code.toUpperCase();\r\n const codeB = b.requirement.code.toUpperCase();\r\n return codeA < codeB ? -1 : codeA > codeB ? 1 : 0;\r\n });\r\n };\r\n\r\n onAnswerChange = (id, answer) => {\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n const index = answers.findIndex((qa) => qa.id === id);\r\n if (answers[index].answer !== answer) answers[index].answer = answer;\r\n else answers[index].answer = null;\r\n this.setState((prevState) => {\r\n const inspectionReportModel = { ...prevState.inspectionModel.inspectionReport };\r\n inspectionReportModel.checkList.answers = answers;\r\n return { inspectionReportModel };\r\n });\r\n };\r\n\r\n onNoteChange(id, note) {\r\n note.preventDefault();\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n const index = answers.findIndex((qa) => qa.id === id);\r\n answers[index].notes = note.target.value;\r\n this.setState((prevState) => {\r\n const inspectionReportModel = { ...prevState.inspectionModel.inspectionReport };\r\n inspectionReportModel.checkList.answers = answers;\r\n return { inspectionReportModel };\r\n });\r\n }\r\n\r\n getInspectorsInspection(id) {\r\n api\r\n .getAll(`inspection/report/${id}/inspectors`)\r\n .then((response) => {\r\n this.setState({\r\n inspectionsinspector: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingInspectors: false,\r\n });\r\n });\r\n }\r\n\r\n\r\n updateMainInformation = () => {\r\n try {\r\n //if (this.validationsNotifications.allValid()) {\r\n this.setState({ isSubmitted: true, editingDisabled: true });\r\n api.put('/inspection/maininformation', this.state.inspectionModel);\r\n\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.INSPECTION, apioperation.PUT));\r\n //} else {\r\n // this.validationsNotifications.showMessages();\r\n // showNotification.warning(\r\n // `Warning: ${entitiesLabels.NOTIFICATION} required fields are missing `\r\n // );\r\n\r\n // this.forceUpdate();\r\n //}\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(entitiesLabels.INSPECTION, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false, editingDisabled: false });\r\n }\r\n };\r\n\r\n mainInfoDateChange = () => {\r\n this.setState({ notifKey: Math.random() });\r\n };\r\n\r\n //RITM0560302\r\n mainInfoProjectAreaChange = (value) => {\r\n this.setState({ inspectionModel:{...this.state.inspectionModel, projectArea: value} });\r\n };\r\n\r\n saveNotificationForm = (notificationform) => {\r\n this.setState({\r\n isSaveNotifiication: true,\r\n });\r\n this.updateMainInformation();\r\n const { documents } = this.state;\r\n const { activities } = this.state;\r\n const datiForm = {\r\n id: this.state.inspectionModel.inspectionReport.notificationForm.id,\r\n distributionList: notificationform.distributionList,\r\n responsibleEmail: notificationform.responsibleEmail,\r\n //RITM0960566 - Inspection Report Problem Fix\r\n sendedOn: this.state.inspectionModel.inspectionReport.notificationForm.sendedOn,\r\n sendedBy: this.state.inspectionModel.inspectionReport.notificationForm.sendedBy,\r\n //End\r\n documents,\r\n activities,\r\n };\r\n api\r\n .put('/inspection/notification', datiForm)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,'Successfully saved');\r\n InspectionRepository.updateCachedInspectionList(this.state.inspectionModel);\r\n InspectionRepository.updateCachedInspection(this.state.inspectionModel);\r\n this.getInspectionEdit(this.state.inspectionkey.id);\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully saved', entitiesLabels.INSPECTION, apioperation.POST)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSubmitted: false,\r\n isSaveNotifiication: false,\r\n isDisabledSend: false,\r\n });\r\n });\r\n //} else {\r\n // this.validationsActivity.showMessages();\r\n // showNotification.warning(\r\n // `Warning: ${entitiesLabels.NOTIFICATION} required fields are missing `\r\n // );\r\n\r\n // this.forceUpdate();\r\n //}\r\n };\r\n\r\n sendNotification = (notificationform) => {\r\n this.setState({\r\n isSaveNotifiication: true,\r\n });\r\n const { documents } = this.state;\r\n const { activities } = this.state;\r\n const datiForm = {\r\n id: this.state.inspectionModel.inspectionReport.notificationForm.id,\r\n distributionList: notificationform.distributionList,\r\n responsibleEmail: notificationform.responsibleEmail,\r\n documents,\r\n activities,\r\n };\r\n\r\n api\r\n .put('/inspection/notification/send', datiForm)\r\n .then(async (response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,'Successfully sent');\r\n InspectionRepository.updateCachedInspectionList(this.state.inspectionModel);\r\n await InspectionRepository.updateCachedInspection(this.state.inspectionModel);\r\n this.getInspectionEdit(this.state.inspectionkey.id);\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully sent', entitiesLabels.INSPECTION, apioperation.POST)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isSubmitted: false,\r\n isSaveNotifiication: false,\r\n isDisabledSend: true,\r\n });\r\n });\r\n };\r\n\r\n addDocument = (document) => {\r\n try {\r\n const oldInspectionDocument = this.state.documents || [];\r\n\r\n if (document.id != null) {\r\n // edit\r\n const { id } = document;\r\n const indexElement = oldInspectionDocument.findIndex((el) => el.id === id);\r\n if (indexElement > -1) {\r\n const newincidentEvents = [...oldInspectionDocument];\r\n newincidentEvents[indexElement] = document;\r\n this.updateState('incidentEventsw', newincidentEvents, 'incidentModel34t5');\r\n } else {\r\n showNotification.error();\r\n }\r\n } else {\r\n // insert\r\n\r\n document.id = uuid(); // id IncidentEvent\r\n const newinspectioDocument = oldInspectionDocument.concat([document]);\r\n this.updateState('documents', newinspectioDocument, 'inspectionModel');\r\n }\r\n\r\n this.setState({ isOpenModal: false });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.INSPECTION, 'addDocument'));\r\n }\r\n };\r\n\r\n deleteDocument = (id) => {\r\n const documentsList = this.state.documents.filter((document) => document.id !== id);\r\n this.setState({\r\n documents: documentsList,\r\n });\r\n };\r\n\r\n addActivity = (activity) => {\r\n try {\r\n if (activity == null) return;\r\n\r\n const oldInspectionActivitys = this.state.activities || [];\r\n\r\n if (activity.id != null) {\r\n // edit\r\n const { id } = activity;\r\n const indexElement = oldInspectionActivitys.findIndex((el) => el.id === id); // //No GOOD\r\n if (indexElement > -1) {\r\n const newinspectioActivity = [...oldInspectionActivitys];\r\n newinspectioActivity[indexElement] = activity;\r\n this.updateStateActivity('activities', newinspectioActivity, 'inspectionModel');\r\n } else {\r\n showNotification.error();\r\n }\r\n } else {\r\n // insert\r\n activity.id = uuid(); // id IncidentEvent\r\n const newinspectioActivity = oldInspectionActivitys.concat([activity]);\r\n this.updateStateActivity('activities', newinspectioActivity, 'inspectionModel');\r\n }\r\n\r\n this.setState({ isOpenModal: false });\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.INSPECTION, 'addActivity'));\r\n }\r\n };\r\n\r\n deleteActivity = (id) => {\r\n const activitiesList = this.state.activities.filter((activity) => activity.id !== id);\r\n this.setState({\r\n activities: activitiesList,\r\n });\r\n };\r\n\r\n deleteInspector = (id) => {\r\n const inspectorList = this.state.inspector.filter((inspector) => inspector.id !== id);\r\n this.setState({\r\n inspector: inspectorList,\r\n });\r\n };\r\n\r\n onReportSummaryChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const inspection = { ...prevState.inspectionModel };\r\n inspection.inspectionReport.reportSummary = value;\r\n return { inspection };\r\n });\r\n }\r\n\r\n onAdditionalNoteChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const inspection = { ...prevState.inspectionModel };\r\n inspection.inspectionReport.additionalNotes = value;\r\n return { inspection };\r\n });\r\n }\r\n\r\n updateConsideration = async () => {\r\n this.setState({\r\n isSaveNotifiication: true,\r\n });\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.put('/inspection/consideration', this.state.inspectionModel);\r\n InspectionRepository.updateCachedInspectionList(this.state.inspectionModel);\r\n InspectionRepository.updateCachedInspection(this.state.inspectionModel);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.INSPECTION, apioperation.PUT));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(entitiesLabels.INSPECTION, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false, isSaveNotifiication: false });\r\n }\r\n };\r\n\r\n async onUpload(fileIdentifier, fileName, fileType, size) {\r\n const newAttach = {\r\n id: uuid(),\r\n fileIdentifier: fileIdentifier.blobName,\r\n name: fileName,\r\n contentType: fileType,\r\n size,\r\n };\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.post(\r\n `/inspection/${this.state.inspectionModel.inspectionReport.id}/attachment`,\r\n newAttach\r\n );\r\n // showNotification.success(getSuccess(entitiesLabels.INSPECTION, apioperation.POST));\r\n const attach = { id: newAttach.id, idAttachment: newAttach.id, attachment: newAttach };\r\n return this.setState(async (prevState) => {\r\n const { inspectionReport } = prevState.inspectionModel;\r\n inspectionReport.attachments.push(attach);\r\n await InspectionRepository.updateCachedInspection(prevState.inspectionModel);\r\n return { inspectionReport };\r\n });\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n async onUploadAnswer(fileIdentifier, fileName, fileType, size) {\r\n const newAttach = {\r\n id: uuid(),\r\n fileIdentifier: fileIdentifier.blobName,\r\n name: fileName,\r\n contentType: fileType,\r\n size,\r\n };\r\n // const answer = this.state.inspectionModel.inspectionReport.checkList.answers.find(\r\n // (item) => item.attachments.count !== 0 && item.id === this.state.idAnswerAttachment\r\n // );\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.post(\r\n `/inspection/${this.state.inspectionModel.inspectionReport.id}/answer/${this.state.idAnswerAttachment}/attachment`,\r\n newAttach\r\n );\r\n const attach = { id: newAttach.id, idAttachment: newAttach.id, attachment: newAttach, idInspectionCheckListAnswer : this.state.idAnswerAttachment};\r\n return this.setState(async (prevState) => {\r\n const { inspectionReport } = prevState.inspectionModel;\r\n const answer = inspectionReport.checkList.answers.find(\r\n (item) => item.id === this.state.idAnswerAttachment\r\n );\r\n answer.attachments.push(attach);\r\n await InspectionRepository.updateCachedInspection(prevState.inspectionModel);\r\n return { inspectionReport };\r\n });\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n downloadAttachment = async (id) => {\r\n // const { attachments } = this.state.audit.attachments;\r\n const index = this.state.inspectionModel.inspectionReport.attachments.findIndex(\r\n (a) => a.id === id\r\n );\r\n let file;\r\n try {\r\n this.setState({ downloading: id });\r\n const fileA = this.state.inspectionModel.inspectionReport.attachments[index].attachment;\r\n file = (\r\n await api.getAll(\r\n `/inspection/${this.state.inspectionModel.id}/attachment/${fileA.fileIdentifier}`\r\n )\r\n ).data;\r\n this.downloadFile(file, fileA.name, fileA.contentType);\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.FileUpload, apioperation.GET));\r\n } finally {\r\n this.setState({ downloading: null });\r\n }\r\n return file;\r\n };\r\n\r\n getAttachmentUrl = (id) => {\r\n const index = this.state.inspectionModel.inspectionReport.attachments.findIndex(\r\n (a) => a.id === id\r\n );\r\n const fileA = this.state.inspectionModel.inspectionReport.attachments[index].attachment;\r\n return `/inspection/${this.state.inspectionModel.id}/attachment/${fileA.fileIdentifier}`;\r\n };\r\n\r\n getAttachmentName = (id) => {\r\n const index = this.state.inspectionModel.inspectionReport.attachments.findIndex(\r\n (a) => a.id === id\r\n );\r\n const fileA = this.state.inspectionModel.inspectionReport.attachments[index].attachment;\r\n return fileA.name;\r\n };\r\n\r\n // eslint-disable-next-line class-methods-use-this\r\n downloadFile(fileBytes, fileName, type) {\r\n const blob = new Blob([fileBytes, { type }]);\r\n if (navigator.msSaveBlob) {\r\n // IE 10+\r\n navigator.msSaveBlob(blob, fileName);\r\n } else {\r\n const link = document.createElement('a');\r\n // Browsers that support HTML5 download attribute\r\n if (link.download !== undefined) {\r\n const url = URL.createObjectURL(blob);\r\n link.setAttribute('href', url);\r\n link.setAttribute('download', fileName);\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n }\r\n\r\n async onDeleteAttachment(Id) {\r\n const selectedItem = this.state.inspectionModel.inspectionReport.attachments.find(\r\n (item) => item.id === Id\r\n );\r\n\r\n try {\r\n this.setState({ isSubmitted: true });\r\n const { fileIdentifier } = selectedItem.attachment;\r\n\r\n await inspection.deleteAttach(\r\n `/inspection/${this.state.inspectionModel.inspectionReport.id}/attachment/${fileIdentifier} `\r\n );\r\n\r\n const index = this.state.inspectionModel.inspectionReport.attachments.indexOf(selectedItem);\r\n\r\n if (index > -1) {\r\n this.state.inspectionModel.inspectionReport.attachments.splice(index, 1);\r\n }\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n async onDeleteAttachmentAnswer(Id) {\r\n const answer = this.state.inspectionModel.inspectionReport.checkList.answers.find(\r\n (item) => item.attachments.count !== 0 && item.id === this.state.idAnswerAttachment\r\n );\r\n const selectedItem = answer.attachments.find((item) => item.id === Id);\r\n try {\r\n this.setState({ isSubmitted: true });\r\n const { fileIdentifier } = selectedItem.attachment;\r\n\r\n await inspection.deleteAttach(\r\n `/inspection/${this.state.inspectionModel.inspectionReport.id}/answer/${this.state.idAnswerAttachment}/attachment/${fileIdentifier} `\r\n );\r\n const index = answer.attachments.indexOf(selectedItem);\r\n if (index > -1) {\r\n answer.attachments.splice(index, 1);\r\n }\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.POST));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n getAttachmentAnswerUrl = (id) => {\r\n const answer = this.state.inspectionModel.inspectionReport.checkList.answers.find(\r\n (item) => item.attachments.count !== 0 && item.id === this.state.idAnswerAttachment\r\n );\r\n const index = answer.attachments.findIndex((a) => a.id === id);\r\n const fileA = answer.attachments[index].attachment;\r\n return `/inspection/${this.state.inspectionModel.id}/answer/${this.state.idAnswerAttachment}/attachment/${fileA.fileIdentifier}`;\r\n };\r\n\r\n getAttachmentAnswerName = (id) => {\r\n const answer = this.state.inspectionModel.inspectionReport.checkList.answers.find(\r\n (item) => item.attachments.count !== 0 && item.id === this.state.idAnswerAttachment\r\n );\r\n const index = answer.attachments.findIndex((a) => a.id === id);\r\n const fileA = answer.attachments[index].attachment;\r\n return fileA.name;\r\n };\r\n\r\n downloadAttachmentAnswer = async (id) => {\r\n const answer = this.state.inspectionModel.inspectionReport.checkList.answers.find(\r\n (item) => item.attachments.count != 0 && item.id === this.state.idAnswerAttachment\r\n );\r\n const index = answer.attachments.findIndex((a) => a.id === id);\r\n let file;\r\n try {\r\n this.setState({ downloading: id });\r\n const fileA = answer.attachments[index].attachment;\r\n file = (\r\n await api.getAll(\r\n `/inspection/${this.state.inspectionModel.id}/answer/${this.state.idAnswerAttachment}/attachment/${fileA.fileIdentifier}`\r\n )\r\n ).data;\r\n this.downloadFile(file, fileA.name, fileA.contentType);\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.FileUpload, apioperation.GET));\r\n } finally {\r\n this.setState({ downloading: null });\r\n }\r\n return file;\r\n };\r\n\r\n // /Requirement\r\n showAddRequirement = (Template, Section) => {\r\n this.setState((oldState) => ({\r\n modalAddRequirementVisible: !oldState.modalAddRequirementVisible,\r\n addRequirementTemplate: Template,\r\n addRequirementSection: Section,\r\n }));\r\n };\r\n\r\n showDeleteRequirement(id) {\r\n this.setState((oldState) => ({\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: id,\r\n }));\r\n }\r\n\r\n showModifyRequirement = (idCheckListAnswer, requirement) => {\r\n this.setState((oldState) => ({\r\n modalUpdateRequirementVisible: !oldState.modalUpdateRequirementVisible,\r\n requirementToModify: requirement,\r\n checkListRequirementToModify: idCheckListAnswer,\r\n }));\r\n };\r\n\r\n checkListRequirementUpdated = (item) => {\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n const index = answers.findIndex((qa) => qa.requirement?.id === item?.id);\r\n answers[index].requirement = item;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.modalUpdateRequirementVisible = !prevState.modalUpdateRequirementVisible;\r\n state.isSubmitted = false;\r\n state.inspectionModel.inspectionReport.checkList.answers = answers;\r\n InspectionRepository.updateCachedInspection(state.inspectionModel);\r\n return state;\r\n });\r\n };\r\n\r\n newCheckListRequirementAdded = (item) => {\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n let count = 0;\r\n for (let answer in answers) {\r\n if ((answer = !null)) ++count;\r\n }\r\n //answers[count] = item;\r\n answers[count] = {...item, active:true}; //RITM0937302\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.modalAddRequirementVisible = !prevState.modalAddRequirementVisible;\r\n state.isSubmitted = false;\r\n state.inspectionModel.inspectionReport.checkList.answers = answers;\r\n InspectionRepository.updateCachedInspection(state.inspectionModel);\r\n return state;\r\n });\r\n };\r\n\r\n handleRequirementDeleteCancel = () => {\r\n this.setState((oldState) => ({\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: null,\r\n }));\r\n };\r\n\r\n handleRequirementDelete = async () => {\r\n try {\r\n this.setState({ isSubmitted: true, isDeletingReq: true });\r\n await api.delete('/inspection/checklistquestion/', this.state.requirementToDelete);\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n\r\n const index = answers.findIndex(\r\n (qa) => qa.requirement?.id === this.state.requirementToDelete\r\n );\r\n answers.splice(index, 1);\r\n this.setState((prevState) => {\r\n const inspection = { ...prevState.inspectionModel.inspectionReport };\r\n inspection.checkList.answers = answers;\r\n return { inspection };\r\n });\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.REQUIREMENT, apioperation.DELETE));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(entitiesLabels.REQUIREMENT, apioperation.DELETE));\r\n throw error;\r\n } finally {\r\n this.setState((oldState) => ({\r\n isSubmitted: false,\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: null,\r\n isDeletingReq: false,\r\n }));\r\n }\r\n };\r\n\r\n renderRequirementDeleteModal = () => {\r\n const modalHeader = {\r\n title: 'Delete Custom Requirement',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.handleRequirementDeleteCancel(),\r\n };\r\n return (\r\n this.state.modalDeleteRequirementVisible && (\r\n \r\n \r\n {showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INSPECTION_REPORT, apioperation.DOWNLOAD))}}\r\n size=\"small\"\r\n className=\" selection-items-list-costum bx--data-table-container-absolute \"\r\n renderIcon={DocumentExport16}\r\n iconDescription=\"Download Report\"\r\n title=\"Download Report\"\r\n kind=\"ghost\"\r\n apiUrl={`/inspection/${this.props.inspectionModel.id}/exportreport`}\r\n //fileName={`Inspection_Report_${row.inspectionCode}.pdf`}\r\n fileName={this.getInspectionReportCode(this.props.inspectionModel.id)}\r\n\r\n onDownLoadStart={() => {\r\n this.setState({isLoadingReportFile: true})}}\r\n onDownLoadEnd={() => {\r\n this.setState({isLoadingReportFile: false,});\r\n }}\r\n />\r\n \r\n
\r\n\r\n \r\n Report Distribution\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n this.updateState('mailTo', value)}\r\n disabled={this.state.isDisabled}\r\n title= \"⚠ Do Not use Personal Accounts\"\r\n invalid={validations.mailTo != null}\r\n />\r\n {validations.mailTo}\r\n \r\n
\r\n\r\n \r\n \r\n this.updateState('mailCc', value)}\r\n disabled={this.state.isDisabled}\r\n title=\"⚠ Do Not use Personal Accounts\"\r\n //invalid={validations.mailCc != null}\r\n />\r\n {/*{validations.mailCc}*/}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n this.updateState('mailSubject', el.target.value)}\r\n type=\"text\"\r\n hideLabel={true}\r\n labelText=\"\"\r\n disabled={this.state.isDisabled}\r\n invalid={validations.mailSubject != null}\r\n />\r\n {validations.mailSubject}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n this.updateState('mailBody', el.target.value)}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.state.isDisabled}\r\n invalid={validations.mailBody != null}\r\n />\r\n {validations.mailBody}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Press confirm to delete selected custom requirement\r\n
\r\n\r\n this.showModalUpdateCar(qa.car)}\r\n kind=\"ghost\"\r\n className=\"checklist-custom-content-detail\"\r\n disabled={this.props.disabled}\r\n />\r\n \r\n this.confirmDeleteCAR(qa.car.id, qa.car.idAnswer)}\r\n kind=\"ghost\"\r\n className=\"checklist-custom-content-info \"\r\n disabled={this.props.disabled}\r\n />\r\n \r\n \r\n ) : null}\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n confirmDeleteCAR = (id, idAnswer) => {\r\n this.setState({\r\n idAnswerToDelete: idAnswer,\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n onDeleteCar = (idAnswer, id) => {\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n api\r\n .delete(`/inspection/${this.props.match.params.id}/answer/${idAnswer}/car/${id}`, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n const id = this.state.inspectionKey;\r\n\r\n const { answers } = this.state.inspectionModel.inspectionReport.checkList;\r\n\r\n const index = answers.findIndex((qa) => qa.id === idAnswer);\r\n\r\n answers[index].car = null;\r\n this.onCloseConfirm();\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.inspectionModel.inspectionReport.checkList.answers = answers;\r\n // this.repository.updateCachedAudit(this.state.inspectionModel); TODO\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.CAR, apioperation.DELETE));\r\n return state;\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, entitiesLabels.INSPECTION, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDeleting: false,\r\n });\r\n });\r\n };\r\n\r\n showModalAttachment = (id) => {\r\n this.setState({\r\n idAnswerAttachment: id,\r\n isOpenModalAttachment: true,\r\n });\r\n };\r\n\r\n closeModalAttachment = () => {\r\n this.setState({\r\n isOpenModalAttachment: false,\r\n });\r\n };\r\n\r\n modalAttachment() {\r\n const modalHeader = {\r\n title: 'Attachments',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closeModalAttachment(),\r\n };\r\n\r\n return (\r\n {qa.car.inspectionCARCode}
\r\n\r\n {IsEditable(\r\n 'Inspection',\r\n 'CARSimplified',\r\n this.context.user,\r\n qa.car.idStatus,\r\n 'DueDate',\r\n this.getCanEditResource()\r\n ) && this.IsRowSelectable() && item.active ? ( //RITM0937302\r\n <>\r\n \r\n
\r\n \r\n false}>\r\n \r\n \r\n \r\n \r\n {!this.state.editingDisabled && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n onDetailsOfInefficiencyChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState({\r\n carModel: {\r\n ...this.state.carModel,\r\n detailsOfInefficiency: value,\r\n },\r\n });\r\n }\r\n\r\n modalCar() {\r\n var diffduedate = false;\r\n if (this.state.carModel.dueDate != null) {\r\n diffduedate =\r\n !this.state.carModel.dueDate ||\r\n moment(this.state.carModel.dueDate).isSameOrAfter(\r\n moment(this.state.inspectionReport?.notificationForm?.startDate),\r\n 'day'\r\n );\r\n } else {\r\n diffduedate = true;\r\n }\r\n const modalHeader = {\r\n title: this.state.isUpdateDocument ? 'Edit Car' : 'Add new CAR/CA',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closemodalCar(),\r\n };\r\n const validationCar = {\r\n detailsOfInefficiency: this.validationsCar.message(\r\n 'Details of inefficiency',\r\n this.state.carModel.detailsOfInefficiency,\r\n 'required'\r\n ),\r\n dueDate: this.validationsCar.message('DueDate', this.state.carModel.dueDate, 'required'),\r\n email: this.validationsCar.message('Car Owner', this.state.ownerModel.email, 'required'),\r\n duedate: this.validationsCar.message('Due Date ', diffduedate, 'accepted'),\r\n };\r\n return this.state.mode === 2 ? (\r\n \r\n
\r\n )}\r\n \r\n {!this.state.isOpenModalGHRS ? (\r\n false}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n
\r\n );\r\n }\r\n\r\n renderTabs = () => (\r\n <>\r\n \r\n
\r\n \r\n {this.state.isSaveCar &&
\r\n \r\n this.closeModalHistory()}\r\n />\r\n )}\r\n {this.modalCar()}\r\n {this.modalAttachment()}\r\n {this.renderRequirementDeleteModal()}\r\n {this.state.modalAddRequirementVisible ? (\r\n
\r\n \r\n );\r\n\r\n // WF\r\n getStatusActions = (user) => {\r\n if (!this.IsRowSelectable()) return null;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.tabsLoading ? (\r\n {}}\r\n role=\"navigation\"\r\n selected={0}\r\n tabContentClassName=\"auditReportTab\"\r\n triggerHref=\"#\"\r\n type=\"default\"\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.notificationForm.sendedOn}\r\n >\r\n this.showRequirment()}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.notificationForm.sendedOn}\r\n >\r\n {this.state.isSubmitted && \r\n {this.getTemplate().map((item) => (\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n id={item.id}\r\n key={item.id}\r\n >\r\n \r\n ) : null}\r\n \r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.notificationForm.sendedOn}\r\n >\r\n {\r\n this.props.history.push(`/inspection/${this.props.match.params.id}/car`);\r\n }}\r\n selected={false}\r\n tabIndex={0}\r\n />\r\n { }}\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n\r\n {this.state.isLoadtemplate ? (\r\n \r\n
\r\n {!this.state.editingDisabled && (\r\n Requirements
\r\n\r\n \r\n Save\r\n \r\n
\r\n )}\r\n \r\n \r\n {/* RITM0937302 */}\r\n \r\n \r\n
\r\n \r\n ))}\r\n \r\n
\r\n {this.getSections(item.id).map((section) => (\r\n \r\n this.toggleActiveTemplateQuestions(item.id)}\r\n className=\"toggle-bg-orange mb-20px\"\r\n labelText=\"Template Enabled\"\r\n aria-label=\"\"\r\n disabled={this.state.editingDisabled}\r\n id={`toggle-1 - ${item.id}`}\r\n />\r\n
\r\n \r\n {!this.state.editingDisabled && (\r\n
\r\n {this.getQuestionAnswer(section.id).map((qa) => (\r\n \r\n this.showAddRequirement(item, section)}\r\n >\r\n Add Requirement\r\n \r\n
\r\n )}\r\n \r\n \r\n this.onAnswerChange(qa.id, answer)\r\n }\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n />\r\n
\r\n ))}\r\n\r\n {this.getRequirementAnswer(section.id).map((qa) => (\r\n \r\n
\r\n \r\n {/* RITM0937302 */}\r\n {/* {this.getCar(qa)} */}\r\n {this.getCar(qa, item)}\r\n\r\n this.showModalAttachment(qa.id)}\r\n disabled={this.state.editingDisabled || !item.active} //RITM0937302\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n {qa.attachments.length > 0 ? (\r\n \r\n Attachments: {qa.attachments.length}\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n \r\n this.onAnswerChange(qa.id, answer)\r\n }\r\n isCustom\r\n onDeleteCustomRequirement={() =>\r\n this.showDeleteRequirement(qa.requirement.id)\r\n }\r\n onUpdateCustomRequirement={() =>\r\n this.showModifyRequirement(qa.id, qa.requirement)\r\n }\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n disabled={this.state.editingDisabled || !item.active} //RITM0937302\r\n />\r\n
\r\n ))}\r\n \r\n ))}\r\n \r\n
\r\n \r\n {/* RITM0937302 */}\r\n {/* {this.getCar(qa)} */}\r\n {this.getCar(qa, item)}\r\n this.showModalAttachment(qa.id)}\r\n disabled={this.state.editingDisabled || !item.active} //RITM0937302\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n {qa.attachments ? (\r\n qa.attachments.length > 0 ? (\r\n \r\n Attachments: {qa.attachments.length}\r\n \r\n ) : (\r\n ''\r\n )\r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n {this.state.isSaveNotifiication ? \r\n \r\n \r\n {!this.state.editingDisabled && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {!this.state.editingDisabled && (\r\n \r\n \r\n Save\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to delete car selected
\r\n\r\n {this.modalCar()}\r\n {this.confirmDeleteCar()}\r\n {this.state.isLoadCar ? (\r\n (\r\n \r\n \r\n
\r\n \r\n )}\r\n />\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","/* eslint-disable react/prefer-stateless-function */\r\nimport React, { Component } from 'react';\r\nimport { TextArea, RadioButtonGroup, RadioButton, Button } from 'carbon-components-react';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class CheckListQuestionAnswer extends Component {\r\n render() {\r\n const validationAnswer = {\r\n answer: this.props.validator.message(\r\n `answer to the question ${this.props.questionCode}`,\r\n this.props.answer,\r\n 'required'\r\n ),\r\n };\r\n return (\r\n \r\n
\r\n Do you need help?
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {/* RITM0634723 */}\r\n
\r\n \r\n Read the User Guide to best learn every aspect of InSight!\r\n \r\n {' '}\r\n Go to User Guide
\r\n \r\n
\r\n\r\n {/* \r\n \r\n
\r\n \r\n Watch the video tutorials to understand how to best interact with InSight!\r\n \r\n {' '}\r\n Go to Video Tutorial
\r\n \r\n
*/}\r\n\r\n \r\n \r\n
\r\n \r\n Please, visit the Frequently Asked Question!\r\n \r\n {' '}\r\n Go to FAQ
\r\n \r\n
\r\n\r\n {/* RITM0634723 */}\r\n {/* RITM0932309 */}\r\n \r\n {/* RITM0634723 */}\r\n
\r\n \r\n If Video Tutorial were not useful , please submit your request!\r\n \r\n {' '}\r\n Go to Request Support
\r\n \r\n
\r\n \r\n \r\n ![](\"/images/icon-responsibilityMatrix.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n Take a look at the Insight responsibility matrix!\r\n \r\n {' '}\r\n Go to Insight Responsibility Matrix
\r\n \r\n
\r\n \r\n \r\n ![](\"/images/icon-trainingSchedule.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n Take a look at the Training schedule!\r\n \r\n {' '}\r\n Go to training schedule
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCheckListQuestionAnswer.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n questionCode: PropTypes.string.isRequired,\r\n question: PropTypes.string.isRequired,\r\n answer: PropTypes.string,\r\n note: PropTypes.string,\r\n isCustom: PropTypes.bool,\r\n onAnswerChange: PropTypes.func.isRequired,\r\n onNoteChange: PropTypes.func.isRequired,\r\n onDeleteCustomRequirement: PropTypes.func,\r\n onUpdateCustomRequirement: PropTypes.func,\r\n disabled: PropTypes.bool,\r\n};\r\nCheckListQuestionAnswer.defaultProps = {\r\n answer: null,\r\n note: null,\r\n isCustom: false,\r\n disabled: true,\r\n onDeleteCustomRequirement: () => {},\r\n onUpdateCustomRequirement: () => {},\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Button, FormGroup, TextInput, Loading, TextArea } from 'carbon-components-react';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport PropTypes from 'prop-types';\r\nimport { api } from '../../../helpers/api/api';\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport { getError, entitiesLabels } from '../../../helpers/Constants';\r\n\r\nexport default class CheckListRequirement extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.saveRequirement = this.saveRequirement.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.onCodeTextChange = this.onCodeTextChange.bind(this);\r\n this.onQuestionTextChange = this.onQuestionTextChange.bind(this);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n newRequirement: {\r\n id: this.props.Requirement?.id || uuid(),\r\n code: this.props.Requirement?.code || null,\r\n name: this.props.Requirement?.name || null,\r\n createdBy: this.props.Requirement?.createdBy || null,\r\n createdOn: this.props.Requirement?.createdOn || null,\r\n updatedBy: this.props.Requirement?.updatedBy || null,\r\n updatedOn: this.props.Requirement?.updatedOn || null,\r\n description: this.props.Requirement?.description || null,\r\n },\r\n isUpdating: false,\r\n };\r\n }\r\n\r\n onCodeTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.code = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n onQuestionTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.name = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n renderLoadingModal = () => {\r\n const show = this.state.isUpdating;\r\n return show && \r\n \r\n
\r\n \r\n \r\n {validationAnswer.answer}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nCheckListRequirement.propTypes = {\r\n onCancel: PropTypes.func.isRequired,\r\n onSave: PropTypes.func,\r\n onUpdate: PropTypes.func,\r\n CheckList: PropTypes.object.isRequired,\r\n Section: PropTypes.object.isRequired,\r\n Template: PropTypes.object.isRequired,\r\n idCheckListAnswer: PropTypes.string,\r\n Requirement: PropTypes.object,\r\n};\r\nCheckListRequirement.defaultProps = {\r\n Requirement: null,\r\n idCheckListAnswer: null,\r\n onUpdate: () => {},\r\n onSave: () => {},\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\n/* eslint-disable react/require-default-props */\r\nimport React, { Component } from 'react';\r\nimport { ComboBox, DropdownSkeleton } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class EmployerComboBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n items: [],\r\n allItems:\r\n this.props.itemsToExclude?.length > 0\r\n ? this.props.items.filter((item) => {\r\n const deletedId = this.props.itemsToExclude.map((filter) => filter.id);\r\n const itemId = item.id;\r\n return !deletedId.includes(itemId);\r\n })\r\n : this.props.items\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const item = selectedItem ? selectedItem.selectedItem : null;\r\n this.props.onChange(item);\r\n };\r\n\r\n onFilter = (inputValue) => {\r\n if (!inputValue || inputValue.length < 3) {\r\n this.setState({\r\n items: []\r\n });\r\n } else {\r\n this.setState((prevState) => {\r\n let items = { ...prevState.items };\r\n items = prevState.allItems.filter((item) =>\r\n item.fullname.toLowerCase().includes(inputValue.toLowerCase())\r\n );\r\n return { items };\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return this.state.loading ? (\r\n \r\n
\r\n {this.renderLoadingModal()}\r\n \r\n
\r\n\r\n Requirement Details
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onQuestionTextChange(question)}\r\n />\r\n {validations.question}\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderDeleteAuditeesModal = () =>\r\n this.state.modalAuditeesDeleteVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Team Member
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to remove ${this.state.selectedAuditor.fullName} from Team Members`}\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderNewAuditorModal = (validations, isOpenModal) =>\r\n this.state.modalNewAuditorVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Team Member
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to remove ${this.state.selectedAuditees.fullname} from Team Members`}\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n Add New Auditor
\r\n\r\n this.handleChangeMode(1)}\r\n >\r\n Saipem research\r\n \r\n this.handleChangeMode(3)}\r\n >\r\n Manual input\r\n \r\n
\r\n ) : this.state.mode == 1 ? (\r\n \r\n \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.AUDIT} notification: `,\r\n getError(error, 'loading data loading auditor', 'ERROR')\r\n );\r\n }}\r\n itemsToExclude={this.props.auditors}\r\n division={this.props.division}\r\n disabled={false}\r\n //userDivision={this.props.userDivision} //B1_Audit_Module_Optimization\r\n />\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Add New Auditee
\r\n\r\n this.handleChangeModeAuditees(1)}\r\n >\r\n GHRS research\r\n \r\n this.handleChangeModeAuditees(3)}\r\n >\r\n Manual input\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n List
\r\n\r\n \r\n Add New Auditor\r\n \r\n
\r\n \r\n
\r\n List
\r\n\r\n \r\n Add New Auditee\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPersonnel.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n auditees: PropTypes.array.isRequired,\r\n employees: PropTypes.array.isRequired,\r\n auditors: PropTypes.array.isRequired,\r\n division: PropTypes.string.isRequired,\r\n onAuditorAdd: PropTypes.func.isRequired,\r\n onAuditorDelete: PropTypes.func.isRequired,\r\n onAuditeesAdd: PropTypes.func.isRequired,\r\n onAuditeesDelete: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool,\r\n isOpenModal: PropTypes.bool,\r\n};\r\nPersonnel.defaultProps = { disabled: true };\r\n","import React, { Component } from 'react';\r\nimport { ComboBox } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class AuditWorkSiteComboBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n items: this.props.items\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const item = selectedItem ? selectedItem.selectedItem : null;\r\n this.props.onChange(item);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.renderAuditors()}\r\n
\r\n \r\n
\r\n \r\n \r\n {this.renderAuditees()}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nfunction base64toBlob(base64Data, contentType) {\r\n contentType = contentType || '';\r\n const sliceSize = 1024;\r\n const byteCharacters = window.atob(base64Data);\r\n const bytesLength = byteCharacters.length;\r\n const slicesCount = Math.ceil(bytesLength / sliceSize);\r\n const byteArrays = new Array(slicesCount);\r\n\r\n for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n const begin = sliceIndex * sliceSize;\r\n const end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n const bytes = new Array(end - begin);\r\n for (let offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n}\r\n\r\nfunction isCanvasBlank(canvas) {\r\n return !canvas.getContext('2d')\r\n .getImageData(0, 0, canvas.width, canvas.height).data\r\n .some(channel => channel !== 0);\r\n}","/* eslint-disable react/jsx-props-no-spreading */\r\n/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport {\r\n FormGroup,\r\n TextArea,\r\n Button,\r\n DataTable,\r\n TableContainer,\r\n TableToolbar,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableHeader,\r\n TableCell,\r\n TableToolbarContent,\r\n TextInput,\r\n Tile,\r\n TimePicker,\r\n DatePicker,\r\n DatePickerInput,\r\n} from 'carbon-components-react';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Send16 from '@carbon/icons-react/lib/email/16';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport PropTypes from 'prop-types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport moment from 'moment';\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport { entitiesLabels } from '../../../helpers/Constants';\r\nimport { NoRecordsPlaceholder } from '../../../helpers/jsonschemaform/DataTableExtention';\r\nimport AuditWorkSiteComboBox from './AuditWorkSiteComboBox';\r\nimport EmailChips from '../../../helpers/EmailChips';\r\nimport DateTimePicker from '../../../helpers/DateTimePicker';\r\nimport AuditModalSignature from './AuditModalSignature';\r\n\r\nexport default class AuditNotificationForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n notificationData: this.props.NotificationFormData,\r\n modalActivityDetailVisible: false,\r\n modalActivityDeleteVisible: false,\r\n modalDeleteRelatedDocumentVisible: false,\r\n modalRelatedDocumentDetailsVisible: false,\r\n editNotificationEmailVisible: false,\r\n flagTime: false,\r\n validateSend: true,\r\n selectedActivity: {\r\n id: null,\r\n auditor: null,\r\n activity: null,\r\n from: null,\r\n to: null,\r\n date: null,\r\n },\r\n selectedDocument: {\r\n name: null,\r\n },\r\n };\r\n this.onDistributionListModify = this.onDistributionListModify.bind(this);\r\n this.onResponsibleEmailModify = this.onResponsibleEmailModify.bind(this);\r\n this.handleActivityDetailVisibility = this.handleActivityDetailVisibility.bind(this);\r\n this.handleDeleteActivityModal = this.handleDeleteActivityModal.bind(this);\r\n this.handleDeleteRelatedDocumentModal = this.handleDeleteRelatedDocumentModal.bind(this);\r\n this.handleRelatedDocumentModalVisibility = this.handleRelatedDocumentModalVisibility.bind(\r\n this\r\n );\r\n this.onAuditorChanged = this.onAuditorChanged.bind(this);\r\n this.onTimeToChanged = this.onTimeToChanged.bind(this);\r\n this.onTimeFromChanged = this.onTimeFromChanged.bind(this);\r\n this.onActivityChanged = this.onActivityChanged.bind(this);\r\n this.onWorkSiteChanged = this.onWorkSiteChanged.bind(this);\r\n this.onSubmitActivity = this.onSubmitActivity.bind(this);\r\n this.onSubmitRelatedDocument = this.onSubmitRelatedDocument.bind(this);\r\n this.onActivityDateChange = this.onActivityDateChange.bind(this);\r\n this.onActivityDelete = this.onActivityDelete.bind(this);\r\n this.onRelatedDocumentDelete = this.onRelatedDocumentDelete.bind(this);\r\n this.saveNotificationForm = this.saveNotificationForm.bind(this);\r\n this.sendNotification = this.sendNotification.bind(this);\r\n this.onMailCCModify = this.onMailCCModify.bind(this);\r\n this.onMailBodyModify = this.onMailBodyModify.bind(this);\r\n\r\n this.validator = new SimpleReactValidator({\r\n validators: {\r\n emails: {\r\n // name the rule\r\n message: 'The :attribute must be a valid email address list semicolon separated',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(\r\n val,\r\n // eslint-disable-next-line no-useless-escape\r\n /^(([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)(\\s*;\\s*|\\s*$))+$/i\r\n ) && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n time: {\r\n message: ':attribute must be a valid time',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(val, /^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]+$/) &&\r\n params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n datePicker: {\r\n message: 'The :attribute must be a valid date with mm/dd/yyyy format',\r\n rule: (val, params) => moment(val).isValid() && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n },\r\n });\r\n this.validatorTime = new SimpleReactValidator({ locale: 'en' });\r\n }\r\n\r\n onDistributionListModify(value) {\r\n // event.preventDefault();\r\n // const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n notificationData.distributionList = value;\r\n return { notificationData };\r\n });\r\n }\r\n\r\n onMailCCModify(value) {\r\n // event.preventDefault();\r\n // const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n notificationData.mailCC = value;\r\n return { notificationData };\r\n });\r\n }\r\n\r\n onResponsibleEmailModify(value) {\r\n // event.preventDefault();\r\n // const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n notificationData.responsibleEmail = value;\r\n return { notificationData };\r\n });\r\n }\r\n\r\n onMailBodyModify(value) {\r\n // event.preventDefault();\r\n // const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n notificationData.mailBody = value;\r\n return { notificationData };\r\n });\r\n }\r\n\r\n onAuditorChanged(value) {\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.auditor = value;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onWorkSiteChanged(value) {\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.workSite = value;\r\n selectedActivity.idWorkSite = value?.id;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onTimeToChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.to = value;\r\n selectedActivity.time = `${selectedActivity.from} - ${value}`;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onTimeFromChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.from = value;\r\n selectedActivity.time = `${value} - ${selectedActivity.to}`;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStatesTime = (inputName, inputValue, objName) => {\r\n if (inputValue == false) {\r\n this.setState({ flagTime: true });\r\n if (!this.validatorTime.allValid()) {\r\n this.validatorTime.showMessages();\r\n }\r\n } else {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.flagTime = false;\r\n this.setState(statusCopy);\r\n }\r\n };\r\n\r\n onActivityChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.activity = value;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onDocumentNameChange(value) {\r\n this.setState((prevState) => {\r\n const selectedDocument = { ...prevState.selectedDocument };\r\n selectedDocument.name = value;\r\n return { selectedDocument };\r\n });\r\n }\r\n\r\n onActivityDateChange(e) {\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.date = moment(e[0]).format('YYYY-MM-DD');\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onSubmitActivity(event) {\r\n event.preventDefault();\r\n if (\r\n this.validator.fieldValid('auditor') &&\r\n this.validator.fieldValid('date') &&\r\n this.validator.fieldValid('from') &&\r\n this.validator.fieldValid('to') &&\r\n this.validator.fieldValid('activity') &&\r\n this.validator.fieldValid('diffTIme')\r\n ) {\r\n if (!this.validatorTime.allValid()) {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.time = `${selectedActivity.from} - ${selectedActivity.to}`;\r\n\r\n \r\n const startDate = this.props.startDate ? moment(this.props.startDate).format('YYYY-MM-DD') : null;\r\n const endDate = this.props.endDate ? moment(this.props.endDate).format('YYYY-MM-DD') : null;\r\n\r\n console.log(\"date\", selectedActivity.date)\r\n console.log(\"sdate\",startDate)\r\n console.log(\"edate\",endDate)\r\n\r\n if(startDate !== null && endDate !== null){ \r\n if(selectedActivity.date >= startDate && selectedActivity.date <= endDate){\r\n if (!selectedActivity.id) {\r\n selectedActivity.id = uuid();\r\n selectedActivity.idNotificationForm = prevState.notificationData.id;\r\n // notificationData.activities = prevState.notificationData.activities.concat(\r\n // selectedActivity\r\n // );\r\n const notact = [selectedActivity];\r\n notificationData.activities = notact.concat(prevState.notificationData.activities); \r\n this.handleActivityDetailVisibility(null);\r\n } else {\r\n notificationData.activities = prevState.notificationData.activities\r\n .filter((item) => selectedActivity.id !== item.id)\r\n .concat(selectedActivity);\r\n this.handleActivityDetailVisibility(null);\r\n }\r\n\r\n this.props.setActivitiesData(notificationData.activities || []);\r\n return { notificationData };\r\n }\r\n else{\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n `The ActiviyDate must be within the range of ${startDate} and ${endDate}`\r\n );\r\n this.forceUpdate();\r\n }\r\n }\r\n else{\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n `The StartDate and EndDate must be requested`\r\n );\r\n this.forceUpdate();\r\n }\r\n \r\n });\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.AUDIT} Time is invalid `\r\n );\r\n this.forceUpdate();\r\n }\r\n } else {\r\n this.validator.showMessageFor('auditor');\r\n this.validator.showMessageFor('from');\r\n this.validator.showMessageFor('date');\r\n this.validator.showMessageFor('to');\r\n this.validator.showMessageFor('activity');\r\n this.validator.showMessageFor('diffTIme');\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n onSubmitRelatedDocument(event) {\r\n event.preventDefault();\r\n if (this.validator.fieldValid('name')) {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedDocument = { ...prevState.selectedDocument };\r\n if (!selectedDocument.id) {\r\n selectedDocument.id = uuid();\r\n selectedDocument.idNotificationForm = prevState.notificationData.id;\r\n notificationData.documents = prevState.notificationData.documents.concat(\r\n selectedDocument\r\n );\r\n this.handleRelatedDocumentModalVisibility(null);\r\n } else {\r\n notificationData.documents = prevState.notificationData.documents\r\n .filter((item) => selectedDocument.id !== item.id)\r\n .concat(selectedDocument);\r\n this.handleRelatedDocumentModalVisibility(null);\r\n }\r\n return { notificationData };\r\n });\r\n } else {\r\n this.validator.showMessageFor('name');\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n onActivityDelete() {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n notificationData.activities = prevState.notificationData.activities.filter(\r\n (item) => selectedActivity.id !== item.id\r\n );\r\n return { notificationData };\r\n });\r\n this.handleDeleteActivityModal(null);\r\n }\r\n\r\n onRelatedDocumentDelete() {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedDocument = { ...prevState.selectedDocument };\r\n notificationData.documents = prevState.notificationData.documents.filter(\r\n (item) => selectedDocument.id !== item.id\r\n );\r\n return { notificationData };\r\n });\r\n this.handleDeleteRelatedDocumentModal(null);\r\n }\r\n\r\n saveNotificationForm() {\r\n if (\r\n this.validator.fieldValid('distributionList') &&\r\n this.validator.fieldValid('responsible') &&\r\n this.validator.fieldValid('activities')\r\n ) {\r\n this.props.onSave(this.state.notificationData);\r\n this.setState({ validateSend: false });\r\n } else {\r\n this.validator.showMessageFor('distributionList');\r\n this.validator.showMessageFor('responsible');\r\n this.validator.showMessageFor('activities');\r\n\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n closeEditNotificationEmailModal = () => {\r\n this.setState({\r\n editNotificationEmailVisible: false,\r\n });\r\n };\r\n\r\n toggleModal = (open, property) => {\r\n this.setState({ [property]: open, editNotificationEmailVisible: false });\r\n };\r\n editNotificationEmailModal = () => {\r\n const modalSignatureProps = {\r\n key: `modalAuditSign_${new Date().getTime()}`,\r\n title: ' ',\r\n editModel: this.state.notificationData,\r\n isOpenModal: this.state.editNotificationEmailVisible,\r\n toggleModal: (open) => this.toggleModal(open, 'editNotificationEmailVisible'),\r\n save: this.sendNotification,\r\n idAudit: this.state.notificationData.idAudit,\r\n canEdit: this.props.isTeamLeader,\r\n };\r\n return (\r\n \r\n \r\n {this.showLoading()}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Please fill the box with your signature (Not Mandatory) and Confirm to proceed
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {showCanvas ?\r\n \r\n (this.saveableCanvas = canvasDraw)}\r\n onChange={this.state.flagSignature? this.updateSignature : null }\r\n loadTimeOffset={0}\r\n lazyRadius={2}\r\n brushRadius={2}\r\n brushColor=\"#444\"\r\n catenaryColor=\"#0a0302\"\r\n gridColor=\"rgba(150,150,150,0.17)\"\r\n hideGrid={false}\r\n canvasWidth={473}\r\n canvasHeight={200}\r\n disabled={false}\r\n imgSrc=\"\"\r\n saveData={null}\r\n immediateLoading={false}\r\n hideInterface={true}\r\n />\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n this.props.toggleModal(false)}\r\n //chiusura modale e basta\r\n >\r\n Cancel\r\n \r\n this.save()}\r\n // disabled={this.state.flagSignature ? true : this.state.model.signatureAttachment && !showCanvas }\r\n >\r\n Confirm\r\n \r\n
\r\n \r\n {this.state.editNotificationEmailVisible ? (\r\n
\r\n );\r\n };\r\n editNotificationEmail = (id) => {\r\n this.setState((oldState) => ({\r\n editNotificationEmailVisible: !oldState.editNotificationEmailVisible,\r\n }));\r\n this.editNotificationEmailModal();\r\n };\r\n\r\n sendNotification = (data) => {\r\n if (\r\n this.validator.fieldValid('distributionList') &&\r\n // this.validator.fieldValid('responsible') &&\r\n this.validator.fieldValid('activities')\r\n ) {\r\n this.props.onSend(data);\r\n this.setState({\r\n editNotificationEmailVisible: false,\r\n notificationData: data,\r\n });\r\n } else {\r\n this.validator.showMessageFor('distributionList');\r\n // this.validator.showMessageFor('responsible');\r\n this.validator.showMessageFor('activities');\r\n\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n handleActivityDetailVisibility(id) {\r\n const activity = this.state.notificationData.activities.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalActivityDetailVisible: !oldState.modalActivityDetailVisible,\r\n selectedActivity: activity || {},\r\n }));\r\n }\r\n\r\n handleDeleteActivityModal(id) {\r\n const activity = this.state.notificationData.activities.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalActivityDeleteVisible: !oldState.modalActivityDeleteVisible,\r\n selectedActivity: activity || {},\r\n }));\r\n }\r\n\r\n handleDeleteRelatedDocumentModal(id) {\r\n const document = this.state.notificationData.documents.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalDeleteRelatedDocumentVisible: !oldState.modalDeleteRelatedDocumentVisible,\r\n selectedDocument: document || {},\r\n }));\r\n }\r\n\r\n handleRelatedDocumentModalVisibility(id) {\r\n const document = this.state.notificationData.documents.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalRelatedDocumentDetailsVisible: !oldState.modalRelatedDocumentDetailsVisible,\r\n selectedDocument: document || {},\r\n }));\r\n }\r\n\r\n renderDeleteActivitiesModal = () =>\r\n this.state.modalActivityDeleteVisible && (\r\n \r\n
\r\n );\r\n\r\n renderDeleteRelatedDocumentModal = () =>\r\n this.state.modalDeleteRelatedDocumentVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Team Activity
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to remove selected activity
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderRelatedDocumentDetailModal = () => {\r\n const validationsModal = {\r\n name: this.validator.message('name', this.state.selectedDocument.name, 'required'),\r\n };\r\n return (\r\n this.state.modalRelatedDocumentDetailsVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Related Document
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to remove related document
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n renderNewActivityModal = () => {\r\n const validationsTime = {\r\n validTime: this.validatorTime.message('validTime', this.state.flagTime, 'accepted'),\r\n };\r\n let diffFromTo = false;\r\n if (this.state.selectedActivity.to != null) {\r\n const timeEnd = moment(this.state.selectedActivity.to, 'HH:mm a');\r\n const timeStart = moment(this.state.selectedActivity.from, 'HH:mm a');\r\n const duration = moment.duration(timeEnd.diff(timeStart));\r\n const minutes = parseInt(duration.asMinutes()) % 60;\r\n const hours = parseInt(duration.asHours());\r\n if (minutes >= 0 && hours >= 0) diffFromTo = true;\r\n }\r\n const validationsModal = {\r\n diffTIme: this.validator.message('diffTIme', diffFromTo, 'accepted'),\r\n auditor: this.validator.message('auditor', this.state.selectedActivity.auditor, 'required'),\r\n date: this.validator.message('date', this.state.selectedActivity.date, 'required|datePicker'),\r\n from: this.validator.message('from', this.state.selectedActivity.from, 'required'),\r\n to: this.validator.message('to', this.state.selectedActivity.to, 'required'),\r\n activity: this.validator.message(\r\n 'activity',\r\n this.state.selectedActivity.activity,\r\n 'required'\r\n ),\r\n };\r\n return (\r\n this.state.modalActivityDetailVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Add New Related Document
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.onDocumentNameChange(e.target.value)}\r\n />\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n renderRelatedDocumentsDataTable = () => {\r\n const headers = [\r\n {\r\n key: 'name',\r\n header: 'Name',\r\n isSortable: true,\r\n },\r\n ];\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Add New Team Activity
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.onAuditorChanged(e.target.value)}\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this.onActivityDateChange(e)}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {validationsModal.diffTIme ||\r\n validationsModal.to != null ||\r\n validationsModal.to ? (\r\n Invalid time format
\r\n ) : null}\r\n {this.state.flagTime ? (\r\n Invalid time format
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n List Of Related Documents
\r\n\r\n \r\n Add New Document\r\n \r\n
\r\n \r\n \r\n {\r\n const dateA = new Date(a.date);\r\n const dateB = new Date(b.date);\r\n const hA = moment(a.from, 'HH:mm a');\r\n const hB = moment(b.from, 'HH:mm a');\r\n dateA.setHours(hA.hours(), hA.minutes());\r\n dateB.setHours(hB.hours(), hB.minutes());\r\n return dateA - dateB;\r\n }) || []\r\n }\r\n headers={headers}\r\n render={({ rows, getHeaderProps }) => (\r\n \r\n \r\n \r\n \r\n \r\n {this.renderDeleteActivitiesModal()}\r\n {this.renderNewActivityModal()}\r\n \r\n
\r\n \r\n )}\r\n />\r\n {validations.activities}\r\n \r\n \r\n \r\n {this.renderRelatedDocumentsDataTable()} \r\n
\r\n );\r\n }\r\n}\r\n\r\nAuditNotificationForm.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n NotificationFormData: PropTypes.object.isRequired,\r\n minDate: PropTypes.string.isRequired,\r\n maxDate: PropTypes.string.isRequired,\r\n workSites: PropTypes.array.isRequired,\r\n disabled: PropTypes.bool,\r\n onSave: PropTypes.func.isRequired,\r\n onSend: PropTypes.func.isRequired,\r\n};\r\nAuditNotificationForm.defaultProps = {\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/sort-comp */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {\r\n Tabs,\r\n Tab,\r\n TabsSkeleton,\r\n Button,\r\n AccordionItem,\r\n Accordion,\r\n SkeletonText,\r\n Loading,\r\n InlineLoading,\r\n Tile,\r\n FormGroup,\r\n DatePicker,\r\n DatePickerInput,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableHeader,\r\n TableBody,\r\n TableCell,\r\n TextArea,\r\n InlineNotification,\r\n Toggle,\r\n ComposedModal,\r\n ModalBody, \r\n ModalHeader,\r\n Checkbox \r\n} from 'carbon-components-react';\r\nimport { Information16, CheckmarkOutline16, Send16, Error16, Download16 } from '@carbon/icons-react';\r\nimport View16 from '@carbon/icons-react/lib/view/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport Attachment16 from '@carbon/icons-react/lib/attachment/16';\r\nimport PropTypes from 'prop-types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport moment from 'moment';\r\n\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport { IsEnabled, IsEditable, CanExecuteAction, IsInRole } from '../../helpers/authorization/Policies';\r\nimport { api, audit, me } from '../../helpers/api/api';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n sizeFormat,\r\n getSuccess,\r\n apioperation,\r\n entitiesLabels,\r\n STATUS,\r\n} from '../../helpers/Constants';\r\nimport CheckListQuestionAnswer from './common/CheckListQuestionAnswer';\r\nimport FileUpload from '../common/FileUpload';\r\nimport { switchDateFormat } from '../../helpers/jsonschemaform/customwidget/utils';\r\nimport { NoRecordsPlaceholder } from '../../helpers/jsonschemaform/DataTableExtention';\r\nimport CheckListRequirement from './common/CheckListRequirement';\r\nimport AuditPersonnel from './common/AuditPersonnel';\r\nimport AuditNotificationForm from './common/AuditNotificationForm';\r\nimport PageBreadCrumb, { StatusTag } from '../../helpers/PageBreadCrumb';\r\nimport { WFActionModal } from '../common/WFActionModal';\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport AuditRepository from '../../helpers/api/AuditRepository';\r\nimport { Online, Offline } from '../common/OnLineOffLine';\r\nimport DownLoadButton from '../common/FileDownloadButton';\r\n\r\nexport default class AuditReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n tabsLoading: true,\r\n audit: {},\r\n requirementToDelete: null,\r\n isSubmitted: false,\r\n mainInformationOpened: false,\r\n downloading: null,\r\n modalAddRequirementVisible: false,\r\n addRequirementTemplate: null,\r\n addRequirementSection: null,\r\n modalDeleteRequirementVisible: false,\r\n modalUpdateRequirementVisible: false,\r\n modalDeleteAttachmentVisible: false,\r\n modalDeleteReportAttachmentVisible: false, //RITM0646764\r\n checkListRequirementToModify: null,\r\n requirementToModify: null,\r\n employees: [],\r\n selectedAttachment: null,\r\n editingDisabled: true,\r\n // /Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n approvalStartDate: null,\r\n approvalEndDate: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n approverWarning: null, //RITM0646764\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n // /Status Action\r\n isHistoryModalOpen: false,\r\n // //\r\n validationSend: true,\r\n validationAnswer: false,\r\n //userDivision: [], //B1_Audit_Module_Optimization\r\n\r\n //DEV 550\r\n checklistTemplates: [],\r\n isLoadingNotificationFile: false,\r\n activitiesData: [],\r\n };\r\n\r\n this.getItems = this.getItems.bind(this);\r\n this.getTemplate = this.getTemplate.bind(this);\r\n this.getSections = this.getSections.bind(this);\r\n this.getQuestionAnswer = this.getQuestionAnswer.bind(this);\r\n this.getRequirementAnswer = this.getRequirementAnswer.bind(this);\r\n this.renderHeader = this.renderHeader.bind(this);\r\n this.onAnswerChange = this.onAnswerChange.bind(this);\r\n this.onNoteChange = this.onNoteChange.bind(this);\r\n this.updateCheckList = this.updateCheckList.bind(this);\r\n this.updatePersonnel = this.updatePersonnel.bind(this);\r\n this.updateConsideration = this.updateConsideration.bind(this);\r\n this.updateMainInformation = this.updateMainInformation.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.onMainInformationAccordionClick = this.onMainInformationAccordionClick.bind(this);\r\n this.onStartDateChange = this.onStartDateChange.bind(this);\r\n this.onEndDateChange = this.onEndDateChange.bind(this);\r\n this.onAdditionalNoteChange = this.onAdditionalNoteChange.bind(this);\r\n this.onReportSummaryChange = this.onReportSummaryChange.bind(this);\r\n this.onIntroductionChange = this.onIntroductionChange.bind(this);\r\n this.onUpload = this.onUpload.bind(this);\r\n\r\n this.onDeleteAttachment = this.onDeleteAttachment.bind(this);\r\n this.showAddRequirement = this.showAddRequirement.bind(this);\r\n this.showModifyRequirement = this.showModifyRequirement.bind(this);\r\n this.showDeleteRequirement = this.showDeleteRequirement.bind(this);\r\n this.newCheckListRequirementAdded = this.newCheckListRequirementAdded.bind(this);\r\n this.checkListRequirementUpdated = this.checkListRequirementUpdated.bind(this);\r\n this.handleRequirementDelete = this.handleRequirementDelete.bind(this);\r\n this.handleDeleteAttachmentModalVisibility = this.handleDeleteAttachmentModalVisibility.bind(\r\n this\r\n );\r\n this.handleRequirementDeleteCancel = this.handleRequirementDeleteCancel.bind(this);\r\n this.onAuditorAdd = this.onAuditorAdd.bind(this);\r\n this.onAuditorDelete = this.onAuditorDelete.bind(this);\r\n this.getEmployees = this.getEmployees.bind(this);\r\n this.onAuditeesAdd = this.onAuditeesAdd.bind(this);\r\n this.onAuditeesDelete = this.onAuditeesDelete.bind(this);\r\n this.updateNotificationData = this.updateNotificationData.bind(this);\r\n this.sendNotificationData = this.sendNotificationData.bind(this);\r\n this.CanUserEdit = this.CanUserEdit.bind(this);\r\n this.CanAuditorEdit = this.CanAuditorEdit.bind(this);\r\n this.repository = new AuditRepository();\r\n this.validator = new SimpleReactValidator();\r\n this.validationsAnswer = new SimpleReactValidator();\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ tabsLoading: true });\r\n const audit = await this.getItems();\r\n //const userDivision = await this.repository.getAuditors(); //B1_Audit_Module_Optimization\r\n this.setState({\r\n audit,\r\n //userDivision, //B1_Audit_Module_Optimization\r\n tabsLoading: false,\r\n editingDisabled: !this.CanUserEdit(audit),\r\n });\r\n // this.getEmployees();\r\n this.validationSendNotification();\r\n }\r\n\r\n CanUserEdit = (audit) => {\r\n return (\r\n IsEditable(\r\n 'Audit',\r\n this.state.audit.newCarManagement === false ? 'Reporting' : 'FindingReporting',\r\n this.context.user,\r\n audit?.checkList?.status?.id,\r\n 'All',\r\n audit?.checkList\r\n ) || this.CanAuditorEdit(audit)\r\n );\r\n };\r\n\r\n CanAuditorEdit = (audit) => {\r\n var canEdit = false;\r\n audit?.auditors.forEach((auditor) => {\r\n canEdit =\r\n canEdit ||\r\n IsEditable(\r\n 'Audit',\r\n this.state.audit.newCarManagement === false ? 'Reporting' : 'FindingReporting',\r\n this.context.user,\r\n audit?.checkList?.status?.id,\r\n 'All',\r\n auditor\r\n );\r\n });\r\n return canEdit;\r\n };\r\n\r\n showButtonHistory = () => (\r\n \r\n
\r\n List Of Audit Activities
\r\n\r\n \r\n Add New Activity\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {}}\r\n placeholder=\"provide valid email address\"\r\n type=\"email\"\r\n value={this.state.notificationData.responsibleEmail || ''}\r\n disabled={this.props.disabled}\r\n /> */}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.onMailBodyModify(el.target.value)\r\n }\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={100}\r\n disabled={this.props.isDisabled}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n\r\n \r\n Sign and Send\r\n \r\n {this.editNotificationEmailModal()}\r\n
\r\n \r\n
\r\n );\r\n\r\n handleDeleteReportAttachmentModalVisibility = () => {\r\n this.setState((oldState) => ({\r\n modalDeleteReportAttachmentVisible: !oldState.modalDeleteReportAttachmentVisible,\r\n selectedAttachment: null,\r\n }));\r\n }\r\n\r\n ifManageReportAttachment = (user) => {\r\n console.log(user)\r\n if(IsInRole(user, 'Administrator')) return true;\r\n if(IsInRole(user, 'Compiler') && this.state.audit?.checkList?.status.reportingName !== 'Approved' && this.state.audit?.checkList?.status.reportingName !== 'Completed')\r\n return true\r\n \r\n return false;\r\n }\r\n //#endregion\r\n \r\n getStatusActions = (user) => {\r\n if (!this.IsRowSelectable()) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Attachment
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to delete ${this.state.selectedAttachment.name}`}\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderTitle = () => (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Attachment
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to delete ${this.state.selectedAttachment.name}`}\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderMainInformationTitle = () =>\r\n this.state.mainInformationOpened ? (\r\n Main Information\r\n ) : (\r\n <>\r\n \r\n {this.state.tabsLoading ? (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {this.state.audit.auditCode}
\r\n\r\n
\r\n \r\n
\r\n \r\n Main Information\r\n
\r\n \r\n
\r\n \r\n );\r\n\r\n renderHeader = () => (\r\n \r\n {/* RITM0945977 */}\r\n {/* Division */}\r\n Business Line\r\n
\r\n \r\n
\r\n \r\n {this.state.tabsLoading ? (\r\n
\r\n \r\n Company\r\n
\r\n \r\n
\r\n \r\n {this.state.tabsLoading ? (\r\n
\r\n \r\n Audited Site\r\n
\r\n \r\n
\r\n \r\n {this.state.tabsLoading ? (\r\n
\r\n \r\n
\r\n );\r\n\r\n //RITM0646764\r\n //* *************** ATTACHMENT **************** START\r\n showModalAttachment = (id) => {\r\n this.setState({\r\n idAnswerAttachment: id,\r\n isOpenModalAttachment: true,\r\n });\r\n };\r\n\r\n closeModalAttachment = () => {\r\n this.setState({\r\n isOpenModalAttachment: false,\r\n });\r\n };\r\n\r\n modalAttachment(user) {\r\n const modalHeader = {\r\n title: 'Attachments',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closeModalAttachment(),\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Custom Requirement
\r\n\r\n \r\n
\r\n \r\n
\r\n Press confirm to delete selected custom requirement
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n render() {\r\n return this.state.audit ? (\r\n \r\n this.closeModalHistory()}\r\n />\r\n )}\r\n
\r\n \r\n \r\n \r\n {!this.state.tabsLoading ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {/* START RITM0646764 */}\r\n {!this.state.mainInformationOpened && (\r\n this.state.tabsLoading ? (\r\n \r\n \r\n )}\r\n {/* END RITM0646764 */}\r\n\r\n {validations.maininformation ? (\r\n
\r\n\r\n {this.state.audit?.checkList?.notificationForm?.sendedOn != null ? (\r\n ''\r\n ) : this.state.tabsLoading ? (\r\n \r\n {/* RITM0945977 */}\r\n {/*
\r\n Division
*/}\r\n Business Line
\r\n \r\n {this.state.audit.division.name}\r\n
\r\n \r\n
\r\n Company
\r\n \r\n {this.state.audit.company?.name}\r\n
\r\n \r\n
\r\n Audit code
\r\n \r\n {this.state.audit.auditCode}\r\n
\r\n \r\n
\r\n Site/s audited
\r\n \r\n {this.state.audit.workSites.map((item) => item.name).join(', ')}\r\n
\r\n \r\n
\r\n Project/s audited
\r\n \r\n {this.state.audit.projects.map((item) => item.name).join(', ')}\r\n
\r\n \r\n
\r\n Type of audit
\r\n \r\n {this.state.audit.auditType.name}\r\n
\r\n \r\n
\r\n Target of audit
\r\n \r\n {this.state.audit.target.name}\r\n
\r\n \r\n
\r\n Audit Scopes
\r\n \r\n {this.state.audit.scopes.map((item) => item.name).join(', ')}\r\n
\r\n \r\n
\r\n Audit Remote
\r\n \r\n {/*this.state.audit.auditRemote?'Yes':'No'*/}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/* {rows.map(item =>\r\n
\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n {item.attachment.fileIdentifier} \r\n \r\n
\r\n )\r\n } */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n {' '}\r\n Enter the start and end data in the main information{' '}\r\n
\r\n ) : null}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n \r\n {this.state.tabsLoading ? (\r\n {}}\r\n role=\"navigation\"\r\n selected={0}\r\n tabContentClassName=\"auditReportTab\"\r\n triggerHref=\"#\"\r\n type=\"default\"\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.audit.checkList.notificationForm.savedOn}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.audit.checkList.notificationForm.savedOn}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.audit.checkList.notificationForm.savedOn}\r\n >\r\n {\r\n this.props.history.push(`/audit/${this.props.match.params.id}/${Number(this.state.audit.newCarManagement)}/car` );\r\n }}\r\n selected={false}\r\n tabIndex={0}\r\n />\r\n\r\n {/* RITM0646764 */}\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.audit.checkList.notificationForm.savedOn}\r\n >\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n el.teamLeader)[0].id ==\r\n // this.context.user.id\r\n // }\r\n isTeamLeader={\r\n this.state.audit.auditors.filter((el) => el.teamLeader)[0] ? \r\n this.state.audit.auditors.filter((el) => el.teamLeader)[0].id ==\r\n this.context.user.id :\r\n false\r\n }\r\n //STEFANO 30/06/2021\r\n\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n \r\n {this.getTemplate().map((checklistTemp) => (\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n id={checklistTemp.id}\r\n key={checklistTemp.id}\r\n >\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n Requirements
\r\n\r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ))}\r\n \r\n
\r\n {this.getSections(checklistTemp.id).map((section) => (\r\n \r\n this.toggleActiveTemplateQuestions(checklistTemp.id)}\r\n className=\"toggle-bg-orange mb-20px\"\r\n labelText=\"Template Enabled\"\r\n aria-label=\"\"\r\n disabled={this.state.editingDisabled}\r\n id={`toggle-1 - ${checklistTemp.id}`}\r\n />\r\n
\r\n \r\n \r\n {\r\n showNotification.error(getError(error, entitiesLabels.AUDITCHECKLIST_TEMPLATE, apioperation.DOWNLOAD));\r\n }}\r\n size=\"default\"\r\n className=\"mb-5\"\r\n iconDescription=\"Download Requirement\"\r\n title=\"Download Requirement\"\r\n renderIcon={Download16}\r\n apiUrl={`/audit/${this.state.audit.id}/exportrequirement/${checklistTemp.id}`}\r\n fileName={`Audit_${this.state.audit.auditCode}_Requirement_${checklistTemp.code} - ${checklistTemp.name}.xlsx`}\r\n disabled={!checklistTemp.active}\r\n onDownLoadStart={() => {\r\n this.setState({\r\n isLoadingNotificationFile: true,\r\n });\r\n }}\r\n onDownLoadEnd={() => {\r\n this.setState({\r\n isLoadingNotificationFile: false,\r\n });\r\n }}\r\n >\r\n Download Requirement\r\n \r\n \r\n \r\n \r\n Download Requirement\r\n \r\n \r\n
\r\n \r\n
\r\n {this.getQuestionAnswer(section.id).map((qa) => (\r\n \r\n this.showAddRequirement(checklistTemp, section)}\r\n >\r\n Add Requirement\r\n \r\n
\r\n \r\n \r\n this.onAnswerChange(qa.id, answer)\r\n }\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n {this.getRequirementAnswer(section.id).map((qa) => (\r\n \r\n
\r\n \r\n \r\n \r\n Associate Findings\r\n \r\n \r\n {/* RITM0646764: Rinominato CARs in FINDINGs */}\r\n {`FINDINGs: ${\r\n qa.cars.length > 0\r\n ? qa.cars.filter((el) => el.enabled).length\r\n : 0\r\n }`}\r\n {/* RITM0646764: FINE */}\r\n \r\n \r\n
\r\n \r\n this.showModalAttachment(qa.id)}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ? (\r\n \r\n Attachments: {qa.attachments.length}\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n \r\n this.onAnswerChange(qa.id, answer)\r\n }\r\n isCustom\r\n onDeleteCustomRequirement={() =>\r\n this.showDeleteRequirement(qa.requirement.id)\r\n }\r\n onUpdateCustomRequirement={() =>\r\n this.showModifyRequirement(qa.id, qa.requirement)\r\n }\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n disabled={this.state.editingDisabled || !checklistTemp.active}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n Associate Findings\r\n \r\n \r\n {/* RITM0646764: Rinominato CARs in FINDINGs */}\r\n {`FINDINGs: ${\r\n qa.cars.length > 0\r\n ? qa.cars.filter((el) => el.enabled).length\r\n : 0\r\n }`}\r\n {/* RITM0646764: FINE */}\r\n \r\n \r\n
\r\n \r\n this.showModalAttachment(qa.id)}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ? (\r\n \r\n Attachments: {qa.attachments.length}\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n \r\n {this.ifManageReportAttachment(user) && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )} \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {!this.props.isDisabled && (\r\n this.addAttachment()}\r\n renderIcon={Add16}\r\n >\r\n Add new\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Attachment
\r\n\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n item || ''}\r\n items={this.state.attachmentTypes}\r\n invalid={validations.type != null}\r\n />\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n {this.state.attachment.type && (\r\n \r\n
\r\n \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.openModal === \"FindGHRSEmployer\" ? this.handleChangeModal(null)} onOk={this.setEmployer} /> : null}\r\n\t\t\t\t\t\t\t\t{this.state.openModal === \"FindSaipemCompilers\" ? (\r\n\t\t\t\t\t\t\t\t\t this.handleChangeModal(null)} onOk={this.setSaipemOwner} />\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.state.openModal === \"CAROwnerManualInput\" ? (\r\n\t\t\t\t\t\t\t\t\t this.handleChangeModal(null)}\r\n\t\t\t\t\t\t\t\t\t\tonOk={this.setGenericOwner}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{this.renderMainForm(user)}\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n )\r\n );\r\n};\r\n\r\nWeekSelectorModifyModal.propTypes = {\r\n modalVisible: PropTypes.bool.isRequired,\r\n handleModalVisibility: PropTypes.func.isRequired,\r\n onElementSubmitted: PropTypes.func.isRequired,\r\n selectableItems: PropTypes.arrayOf(PropTypes.shape({\r\n quantity: PropTypes.number,\r\n weekNum: PropTypes.number,\r\n weekNumber: PropTypes.number,\r\n weekStart: PropTypes.string,\r\n weekFinish: PropTypes.string,\r\n })).isRequired,\r\n selectedItem: PropTypes.shape({\r\n quantity: PropTypes.number,\r\n weekNum: PropTypes.number,\r\n weekNumber: PropTypes.number,\r\n weekStart: PropTypes.string,\r\n weekFinish: PropTypes.string,\r\n }).isRequired,\r\n selectedQuantity: PropTypes.number.isRequired,\r\n renderWeek: PropTypes.func.isRequired,\r\n editingDisabled: PropTypes.bool.isRequired\r\n};\r\n\r\nexport default WeekSelectorModifyModal;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport isEqual from 'lodash.isequal';\r\nimport '../scss/weekSelector.scss';\r\nimport {\r\n Button,\r\n TextInput,\r\n FormGroup,\r\n FormLabel,\r\n} from 'carbon-components-react';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport moment from 'moment';\r\nimport { v4 as uuid } from 'uuid';\r\nimport Combo from '../components/common/Combo';\r\nimport { api } from './api/api';\r\nimport { showNotification } from './notification/BaseNotification';\r\nimport WeekSelectorModifyModal from './WeekSelectorModifyModal';\r\nimport { PlannedWeekChangeType } from './Constants';\r\n\r\nexport default class WeekSelector extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n error: null,\r\n week: null,\r\n currentWeekNumber: null,\r\n quantity: 1,\r\n plannedWeeks: [],\r\n weeks: [],\r\n year: props.year,\r\n modifyModalVisible: false,\r\n modifyingWeeks: []\r\n };\r\n this.weeks = [];\r\n }\r\n\r\n async componentDidMount() {\r\n this.setWeeks();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.year !== this.props.year) {\r\n this.setState({ year: nextProps.year }, () => {\r\n this.setWeeks();\r\n });\r\n this.props.onChange([]);\r\n this.clearInput();\r\n }\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n return !isEqual(nextProps, this.props) || !isEqual(nextState, this.state);\r\n }\r\n\r\n async setWeeks() {\r\n const weeksForYear = (\r\n await api.getAll(`me/weeks/${this.state.year || moment().year()}`)\r\n ).data;\r\n const yearNow = moment().year();\r\n if (!this.props.editingDisabled) {\r\n if (this.state.year === yearNow) {\r\n const weekCurrent = moment().week();\r\n this.weeks = weeksForYear.filter((w) =>\r\n !this.props.items.find((i) => i.weekNumber === w.weekNum) && \r\n w.weekNum >= weekCurrent - 1);\r\n } else {\r\n this.weeks = weeksForYear.filter((w) => \r\n !this.props.items.find((i) => i.weekNumber === w.weekNum));\r\n }\r\n } else if (this.state.year === yearNow) {\r\n const weekNow = moment().week();\r\n if (this.props.items.length > 0) {\r\n this.weeks = weeksForYear.filter(({ weekNum: week }) =>\r\n this.props.items.some(\r\n (i) => week === i.weekNumber || week >= weekNow - 1\r\n )\r\n );\r\n } else {\r\n this.weeks = (weeksForYear || []).filter(\r\n (el) => el.weekNum >= weekNow - 1\r\n );\r\n }\r\n } else {\r\n this.weeks = [...weeksForYear];\r\n }\r\n this.setState({\r\n weeks: this.weeks,\r\n plannedWeeks: this.props.items.map((x) => ({\r\n quantity: x.quantity,\r\n weekNum: x.weekNumber,\r\n weekNumber: x.weekNumber,\r\n weekStart: weeksForYear?.filter((y) => y.weekNum === x.weekNumber)[0]\r\n ?.weekStart,\r\n weekFinish: weeksForYear?.filter((y) => y.weekNum === x.weekNumber)[0]\r\n ?.weekFinish,\r\n }), this),\r\n });\r\n }\r\n\r\n getKey = (item) => `${item.weekNumber}_${item.quantity}`\r\n\r\n clearInput = () => {\r\n this.setState({\r\n quantity: 1,\r\n currentWeekNumber: null,\r\n week: null,\r\n });\r\n };\r\n\r\n setError = (error) => {\r\n this.setState({ error });\r\n };\r\n\r\n addPlannedWeek = () => {\r\n if (\r\n this.state.currentWeekNumber != null &&\r\n this.state.quantity > 0 &&\r\n this.state.plannedWeeks.filter(\r\n (x) => x.weekNum === this.state.currentWeekNumber\r\n )?.length === 0\r\n ) {\r\n const weekS = this.weeks.filter(\r\n (y) => y.weekNum === this.state.currentWeekNumber\r\n )[0].weekStart;\r\n const weekF = this.weeks.filter(\r\n (y) => y.weekNum === this.state.currentWeekNumber\r\n )[0].weekFinish;\r\n const prevPlannedWeeks = this.state.plannedWeeks;\r\n prevPlannedWeeks.push({\r\n quantity: this.state.quantity,\r\n weekNumber: this.state.currentWeekNumber,\r\n weekNum: this.state.currentWeekNumber,\r\n weekStart: weekS,\r\n weekFinish: weekF\r\n });\r\n prevPlannedWeeks.sort((a, b) => a.weekNumber - b.weekNumber);\r\n this.setState((prevState) => {\r\n const prevWeeks = prevState.weeks;\r\n if (!this.props.editingDisabled) {\r\n prevWeeks.splice(prevWeeks.findIndex((e) => \r\n e.weekNum === prevState.currentWeekNumber), 1);\r\n }\r\n \r\n return { plannedWeeks: prevPlannedWeeks, weeks: prevWeeks };\r\n });\r\n\r\n this.clearInput();\r\n this.props.onChange(prevPlannedWeeks);\r\n if (!this.props.editingDisabled) {\r\n for (let i = 1; i <= this.state.quantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: this.state.currentWeekNumber, \r\n oldQuantity: 0, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToAdd, \r\n weekNumber: this.state.currentWeekNumber, \r\n weekStart: weekS, \r\n weekFinish: weekF, \r\n quantity: this.state.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n }\r\n } else if (this.state.currentWeekNumber) {\r\n showNotification.warning(\r\n `Warning: Week ${this.state.currentWeekNumber} already added to the list`\r\n );\r\n } else {\r\n showNotification.warning('Warning: Week is mandatory');\r\n }\r\n };\r\n\r\n handleDelete = (item) => {\r\n const array = this.state.plannedWeeks.filter(\r\n (i) => this.getKey(i) !== this.getKey(item)\r\n );\r\n this.setState((prevState) => {\r\n const prevWeeks = prevState.weeks;\r\n if (!this.props.editingDisabled) {\r\n prevWeeks.push({ name: item.weekNum.toString(), \r\n weekNum: item.weekNum, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish });\r\n }\r\n return { plannedWeeks: array, weeks: prevWeeks };\r\n });\r\n this.props.onChange(array);\r\n if (!this.props.editingDisabled) {\r\n for (let i = 1; i <= item.quantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.weekNum, \r\n oldQuantity: item.quantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToDelete, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: 0, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n }\r\n };\r\n\r\n handleModify = (item) => {\r\n let mWeeks = [];\r\n if ((item !== undefined) && (item !== null)) {\r\n mWeeks = this.state.weeks.map((a) => ({ ...a }));\r\n const selectedItem = { name: item.weekNum.toString(), \r\n weekFinish: item.weekFinish, \r\n weekNum: item.weekNum, \r\n weekStart: item.weekStart };\r\n mWeeks.push(selectedItem);\r\n }\r\n this.setState(() => ({ modifyingWeeks: mWeeks, \r\n quantity: item?.quantity, \r\n currentWeekNumber: mWeeks.find((el) => el.weekNum === item.weekNum) }));\r\n this.setState((prevState) => ({ modifyModalVisible: !prevState.modifyModalVisible }));\r\n };\r\n\r\n handleModifyPlannedWeek = (item) => {\r\n if ((item !== null) && (item !== undefined)) {\r\n if (item.oldWeekNumber === item.weekNumber) {\r\n this.setState((prevState) => {\r\n const prevPlannedWeeks = prevState.plannedWeeks;\r\n const prevItemIdx = prevPlannedWeeks.findIndex((el) => el.weekNum === item.weekNumber);\r\n if (prevItemIdx !== -1) { prevPlannedWeeks[prevItemIdx].quantity = item.quantity; }\r\n return { plannedWeeks: prevPlannedWeeks };\r\n });\r\n const diffQuantity = item.quantity - item.oldQuantity;\r\n if (diffQuantity > 0) {\r\n for (let i = 1; i <= diffQuantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType:\r\n PlannedWeekChangeType.ToAdd, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n } else {\r\n for (let i = 1; i <= -diffQuantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType:\r\n PlannedWeekChangeType.ToDelete, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n }\r\n } else {\r\n this.setState((prevState) => {\r\n const prevPlannedWeeks = prevState.plannedWeeks;\r\n const array = prevPlannedWeeks.filter(\r\n (i) => this.getKey(i) !== this.getKey({ weekNumber: item.oldWeekNumber, \r\n quantity: item.oldQuantity })\r\n );\r\n const prevWeeks = prevState.weeks;\r\n array.push({\r\n quantity: item.quantity,\r\n weekNumber: item.weekNumber,\r\n weekNum: item.weekNumber,\r\n weekStart: prevWeeks.filter(\r\n (y) => y.weekNum === item.weekNumber\r\n )[0].weekStart,\r\n weekFinish: prevWeeks.filter(\r\n (y) => y.weekNum === item.weekNumber\r\n )[0].weekFinish,\r\n });\r\n array.sort((a, b) => a.weekNumber - b.weekNumber);\r\n const yearNow = moment().year();\r\n if (prevState.year === yearNow) {\r\n const weekCurrent = moment().week();\r\n if (item.oldWeekNumber >= weekCurrent - 1) {\r\n prevWeeks.push({ name: item.oldWeekNumber.toString(), \r\n weekNum: item.oldWeekNumber, \r\n weekStart: item.oldWeekStart, \r\n weekFinish: item.oldWeekFinish });\r\n }\r\n }\r\n prevWeeks.splice(prevWeeks.findIndex((e) => e.weekNum === item.weekNumber), 1);\r\n\r\n return { plannedWeeks: array, weeks: prevWeeks };\r\n });\r\n const diffQuantity = item.quantity - item.oldQuantity;\r\n if (diffQuantity > 0) {\r\n let i = 1;\r\n for (; i <= diffQuantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToAdd, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToChange, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n } else if (diffQuantity < 0) {\r\n let i = 1;\r\n for (; i <= -diffQuantity; i += 1) {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToDelete, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n }\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToChange, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: i, \r\n reasonForChange: null });\r\n } else {\r\n this.props.onSubmitPlannedWeekChange({ id: uuid(), \r\n oldWeekNumber: item.oldWeekNumber, \r\n oldQuantity: item.oldQuantity, \r\n idDrillPlannedWeekChangeType: \r\n PlannedWeekChangeType.ToChange, \r\n weekNumber: item.weekNumber, \r\n weekStart: item.weekStart, \r\n weekFinish: item.weekFinish, \r\n quantity: item.quantity, \r\n sequence: 1, \r\n reasonForChange: null });\r\n }\r\n }\r\n this.props.onChange(this.state.plannedWeeks);\r\n this.setState(() => ({ modifyingWeeks: [], quantity: 1, currentWeekNumber: null }));\r\n }\r\n this.setState((prevState) => ({ modifyModalVisible: !prevState.modifyModalVisible }));\r\n }\r\n\r\n renderWeek = (x, isFull = false) => x == null\r\n ? ''\r\n : `Week: ${x?.weekNum} | ${moment\r\n .utc(x?.weekStart)\r\n .format('DD/MM/YY')} - ${moment\r\n .utc(x?.weekFinish)\r\n .format('DD/MM/YY')}${ \r\n isFull ? ` | N\\u00B0 of Drill: ${x?.quantity}` : ''}`;\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n handleModalVisibility()}\r\n iconDescription=\"\"\r\n />\r\n
\r\n\r\n Modify Week
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Week number * \r\n {selectableItems == null ? (\r\n onChangeComboBox(sItem)}\r\n id=\"WeekNumber\"\r\n initialSelectedItem={selectedItem}\r\n disabled={editingDisabled}\r\n items={selectableItems || []}\r\n itemToString={renderWeek}\r\n placeholder=\"Select\"\r\n />\r\n )}\r\n \r\n
\r\n \r\n \r\n N° of drill * \r\n {!amount ? (\r\n onChangeTextInput(event.target.value)}\r\n type=\"number\"\r\n min=\"1\"\r\n disabled={editingDisabled}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nWeekSelector.propTypes = {\r\n year: PropTypes.number.isRequired,\r\n editingDisabled: PropTypes.bool,\r\n disabled: PropTypes.bool.isRequired,\r\n onSubmitPlannedWeekChange: PropTypes.func,\r\n onChange: PropTypes.func.isRequired,\r\n items: PropTypes.arrayOf(PropTypes.shape({\r\n quantity: PropTypes.number,\r\n weekNum: PropTypes.number,\r\n weekNumber: PropTypes.number,\r\n weekStart: PropTypes.string,\r\n weekFinish: PropTypes.string,\r\n })).isRequired,\r\n};\r\n\r\nWeekSelector.defaultProps = {\r\n editingDisabled: true,\r\n onSubmitPlannedWeekChange: () => {}\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport {\r\n Button,\r\n FormGroup,\r\n TextInput,\r\n Loading,\r\n AccordionItem,\r\n Accordion,\r\n ComboBox,\r\n DropdownSkeleton, MultiSelect\r\n} from 'carbon-components-react';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport PropTypes from 'prop-types';\r\nimport { Information16 } from '@carbon/icons-react';\r\nimport moment from 'moment';\r\nimport { api, me, drill } from '../../helpers/api/api';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport {\r\n getSuccess,\r\n getError,\r\n entitiesLabels,\r\n apioperation,\r\n STATUS,\r\n PlannedWeekChangeType\r\n} from '../../helpers/Constants';\r\nimport { IsEditable, IsInRole } from '../../helpers/authorization/Policies';\r\nimport { HistoryTable } from '../../helpers/HistoryTable';\r\nimport WeekSelector from '../../helpers/WeekSelector';\r\nimport Combo from '../common/Combo';\r\nimport '../../scss/emailchips.scss';\r\nimport EmailChips from '../../helpers/EmailChips';\r\nimport MeRepository from '../../helpers/api/MeRepository';\r\n\r\n\r\nexport default class EDrillDetails extends Component {\r\n currentDate = moment().format('YYYY-MM-DD');\r\n\r\n constructor(props) {\r\n super(props);\r\n this.onSelectDistributionListChange = this.onSelectDistributionListChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.saveEDrill = this.saveEDrill.bind(this);\r\n this.updateEDrill = this.updateEDrill.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.validator = new SimpleReactValidator({\r\n validators: {\r\n emails: {\r\n // name the rule\r\n message: 'The :attribute must be a valid email address list semicolon separated',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(\r\n val,\r\n // eslint-disable-next-line no-useless-escape\r\n /^(([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)(\\s*;\\s*|\\s*$))+$/i\r\n ) && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n },\r\n });\r\n\r\n this.defaultGuid = null; // \"00000000-0000-0000-0000-000000000000\";\r\n this.weeks = [...Array(53).keys()].map((x) => x + 1).map(String);\r\n\r\n this.statuses = STATUS;\r\n this.state = {\r\n newEDrill: {\r\n id: this.props.EDrill?.id || uuid(),\r\n drillCode: this.props.EDrill?.drillCode || '',\r\n newDrillTypeDetail: this.props.EDrill?.newDrillTypeDetail,\r\n plannedWeek: this.props.EDrill?.plannedWeek || '',\r\n drillPlannedWeeks: this.props.EDrill?.drillPlannedWeeks || [],\r\n division: this.props.EDrill?.division || null,\r\n company: this.props.EDrill?.company || null,\r\n participant: this.props.EDrill?.participant || null,\r\n status: this.props.EDrill?.status || null,\r\n projects: this.props.EDrill?.projects || [],\r\n drillProjects: this.props.EDrill?.drillProjects || null,\r\n workSite: this.props.EDrill?.workSite || null,\r\n drillType: this.props.EDrill?.drillType || null,\r\n drillTypeDetail: this.props.EDrill?.drillTypeDetail || null,\r\n frequency: this.props.EDrill?.frequency || null,\r\n drillEmergencyLevel: this.props.EDrill?.drillEmergencyLevel || null,\r\n distributionList: this.props.EDrill?.distributionList || null,\r\n plannedYear: this.props.EDrill?.plannedYear || null,\r\n\r\n idDivision: this.props.EDrill?.workSite?.idDivision || this.defaultGuid,\r\n idParticipant: this.props.EDrill?.idParticipant || this.defaultGuid,\r\n idCompany: this.props.EDrill?.idCompany || this.defaultGuid,\r\n idStatus: this.props.EDrill?.idStatus || 0,\r\n idWorkSite: this.props.EDrill?.idWorkSite || this.defaultGuid,\r\n idDrillType: this.props.EDrill?.drillType?.id || this.defaultGuid,\r\n idDrillTypeDetail: this.props.EDrill?.idDrillTypeDetail || this.defaultGuid,\r\n idFrequency: this.props.EDrill?.idFrequency || this.defaultGuid,\r\n idEmergencyLevel: this.props.EDrill?.idEmergencyLevel || this.defaultGuid,\r\n newEmergLevManagement: this.props.EDrill?.newEmergLevManagement == null ? \r\n true : this.props.EDrill?.newEmergLevManagement,\r\n isHistoryModalOpen: false,\r\n },\r\n divisions: [],\r\n appAllDrillTypeDT: [],\r\n appAllDrillType: [],\r\n appAllWorksites: null,\r\n appAllWorksitePrj: null,\r\n appAllEmergencyLevel: [],\r\n isLoadingDrillTypeDT: null,\r\n isSubmitted: false,\r\n isLoadingDivision: false,\r\n isLoadingWorksite: false,\r\n isLoadingProject: false,\r\n isLoadingEmergencyLevel: false,\r\n deletedPlannedWeek: [],\r\n addedPlannedWeek: [],\r\n updatedPlannedWeek: [],\r\n editingDisabled: this.props.EDrill\r\n ? !IsEditable(\r\n 'Emergency Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.props.EDrill.status.id,\r\n 'All',\r\n this.props.EDrill\r\n )\r\n : false,\r\n editingPlannedDisabled: this.props.EDrill\r\n ? ((!((this.props.EDrill.status.id === 4) && (IsInRole(this.props.user, 'Administrator') || IsInRole(this.props.user, 'Compiler')))\r\n ) || (this.props.EDrill.drillModifiedPlannedWeekSets && \r\n this.props.EDrill.drillModifiedPlannedWeekSets.length > 0))\r\n : true\r\n };\r\n \r\n const year = new Date().getFullYear();\r\n this.years = Array.from(new Array(5), (val, index) => (index + year).toString());\r\n }\r\n\r\n componentDidMount() {\r\n this.getAllDivision();\r\n this.getAllWorkSite();\r\n this.getAllProjects();\r\n this.getAllDrillType();\r\n this.getAllDrillTypeDT();\r\n this.getAllEmergencyLevel();\r\n }\r\n\r\n getAllDivision = () => {\r\n this.setState({\r\n isLoadingDivision: true,\r\n });\r\n MeRepository.getDivisions()\r\n .then((response) => {\r\n this.setState({\r\n divisions: response,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.DIVISION, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingDivision: false,\r\n });\r\n });\r\n };\r\n\r\n getAllWorkSite = () => {\r\n this.setState({\r\n isLoadingWorksite: true,\r\n });\r\n me.getAll('worksites')\r\n .then((response) => {\r\n this.setState({\r\n appAllWorksites: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingWorksite: false,\r\n });\r\n });\r\n };\r\n\r\n getAllProjects = () => {\r\n this.setState({\r\n isLoadingProject: true,\r\n });\r\n api\r\n .getAll('/me/worksitesproject')\r\n .then((response) => {\r\n this.setState({\r\n appAllWorksitePrj: response.data.filter((a) => a.end >= this.currentDate),\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingProject: false,\r\n });\r\n });\r\n };\r\n\r\n getAllDrillType = () => {\r\n drill\r\n .get('drilltype')\r\n .then((response) => {\r\n this.setState({\r\n appAllDrillType: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n });\r\n };\r\n\r\n getAllDrillTypeDT = () => {\r\n this.setState({\r\n isLoadingDrillTypeDT: true,\r\n });\r\n drill.get('drilltype/drilltypedetails')\r\n .then((response) => {\r\n this.setState({\r\n appAllDrillTypeDT: response.data,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingDrillTypeDT: false,\r\n });\r\n });\r\n };\r\n\r\n getAllEmergencyLevel = () => {\r\n this.setState({\r\n isLoadingEmergencyLevel: true,\r\n });\r\n drill.get('emergencylevel')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n appAllEmergencyLevel: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.EMERGENCYLEVEL, apioperation.GET)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.EMERGENCYLEVEL, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingEmergencyLevel: false,\r\n });\r\n });\r\n };\r\n\r\n getWorksiteFiltered(idDivision) {\r\n if (idDivision != null) {\r\n const data = (this.state.appAllWorksites || []).filter((el) => el.idDivision === idDivision);\r\n return data;\r\n }\r\n return this.state.appAllWorksites;\r\n }\r\n\r\n getWorksitePrjFiltered(idWorksite) {\r\n if (idWorksite != null) {\r\n const data = (this.state.appAllWorksitePrj || [])\r\n .filter((el) => el.idWorkSite === idWorksite);\r\n return data;\r\n }\r\n return this.state.appAllWorksitePrj;\r\n }\r\n\r\n getDrillTypeDetailFiltered(idDrillType) {\r\n if (idDrillType != null) {\r\n const data = (this.state.appAllDrillTypeDT || [])\r\n .filter((el) => el.idDrillType === idDrillType);\r\n return data;\r\n }\r\n return this.state.appAllWorksitePrj;\r\n }\r\n \r\n showButtonHistory = () => (\r\n \r\n );\r\n\r\n openModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: true });\r\n };\r\n\r\n getSelectedProjects = (listProject) => {\r\n const selectedProjects = listProject.filter((e) => this.state.newEDrill.projects\r\n .some((i) => e.idProject === i.id || e.idProject === i.idProject));\r\n return selectedProjects;\r\n };\r\n\r\n closeModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: false });\r\n };\r\n\r\n onSelectDistributionListChange = (e) => {\r\n const val = e;\r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.distributionList = val;\r\n return { newEDrill };\r\n });\r\n };\r\n \r\n renderLoadingModal = () => {\r\n const show = this.state.isSubmitted;\r\n return show && \r\n
\r\n\r\n \r\n \r\n Week number * \r\n \r\n this.setState((prevState) => {\r\n const curState = prevState;\r\n curState.week = event.selectedItem || null;\r\n curState.currentWeekNumber =\r\n event.selectedItem?.weekNum || null;\r\n return { curState };\r\n })\r\n }\r\n id={this.state.weeks?.toString()}\r\n initialSelectedItems={this.state.week}\r\n disabled={\r\n (this.props.disabled && this.props.editingDisabled) ||\r\n !this.state.year\r\n }\r\n items={this.state.weeks}\r\n itemToString={this.renderWeek}\r\n placeholder=\"Select\"\r\n />\r\n \r\n {this.state.error && (\r\n
\r\n {this.state.error}
\r\n )}\r\n\r\n \r\n N° of drill * \r\n {\r\n const val = event.target.value;\r\n this.setState((prevState) => {\r\n const curState = prevState;\r\n curState.quantity = val || 1;\r\n return { curState };\r\n });\r\n }}\r\n type=\"number\"\r\n min=\"1\"\r\n disabled={\r\n (this.props.disabled && this.props.editingDisabled) ||\r\n !this.state.year\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.plannedWeeks.map((item) => (\r\n
\r\n \r\n {this.renderWeek(item, true)}\r\n {this.props.editingDisabled ? null : (\r\n \r\n )}\r\n {this.props.disabled && this.props.editingDisabled ? null : (\r\n this.handleDelete(item)}\r\n >\r\n ×\r\n \r\n )}\r\n
\r\n ))}\r\n \r\n
\r\n );\r\n }\r\n}\r\nEDrillDetails.propTypes = {\r\n onCancel: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n onUpdate: PropTypes.func.isRequired,\r\n onDrillPlannedUpdate: PropTypes.func.isRequired,\r\n EDrill: PropTypes.object,\r\n user: PropTypes.object.isRequired,\r\n};\r\nEDrillDetails.defaultProps = { EDrill: null };\r\n","import { Button, ComposedModal, Loading, ModalBody, ModalFooter, ModalHeader } from \"carbon-components-react\";\r\nimport React from \"react\";\r\n\r\nconst ConfirmModal = ({ show, onClose, onConfirm, title, contentMessage, confirmBtnText = \"Confirm\", loading }) => {\r\n\treturn (\r\n\t\t\r\n
\r\n \r\n {this.props.EDrill ? (\r\n this.closeModalHistory()}\r\n />\r\n }\r\n
\r\n\r\n \r\n {`Edit Drill Plan: ${this.props.EDrill.drillCode}`}\r\n
\r\n ) : (\r\nNew Drill Plan
\r\n )}\r\n {this.props.EDrill ? this.showButtonHistory() : ''}\r\n {\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n {/* \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillType = event.selectedItem || null;\r\n newEDrill.idDrillType = newEDrill.drillType?.id;\r\n newEDrill.drillTypeDetail = null;\r\n newEDrill.idDrillTypeDetail = null;\r\n if (newEDrill.drillType?.name == 'LCU') newEDrill.projects = [];\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.DRILLTYPE, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newEDrill.drillType}\r\n disabled={this.state.editingDisabled}\r\n entity={this.state.newEDrill.drillType?.id}\r\n placeholder=\"Select\"\r\n /> */}\r\n {this.state.isLoadingDivision ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillType = event.selectedItem || null;\r\n newEDrill.idDrillType = newEDrill.drillType?.id;\r\n newEDrill.drillTypeDetail = null;\r\n newEDrill.idDrillTypeDetail = null;\r\n if (newEDrill.drillType?.name === 'LCU') newEDrill.projects = [];\r\n return { newEDrill };\r\n })\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idDrillType ? selectedItemCombo.idDrillType : {}\r\n }\r\n items={this.state.appAllDrillType}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state?.divisions == null ||\r\n this.state?.divisions?.length <= 0 ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations.division != null}\r\n />\r\n )}\r\n {validations.drillType}\r\n \r\n\r\n {this.state.newEDrill.drillType?.name === 'Other' ? (\r\n <>\r\n \r\n {\r\n const val = event.target.value;\r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.newDrillTypeDetail = val || null;\r\n return { newEDrill };\r\n });\r\n }}\r\n type=\"text\"\r\n disabled={this.state.editingDisabled}\r\n placeholder=\"Input Drill Type Detail\"\r\n />\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {/* \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillTypeDetail = event.selectedItem || null;\r\n newEDrill.idDrillTypeDetail = newEDrill.drillTypeDetail?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.DRILLTYPEDETAIL, apioperation.GET)\r\n );\r\n }}\r\n key=\"this.state.newEDrill.drillType?.id\"\r\n initialSelectedItems={this.state.newEDrill.drillTypeDetail}\r\n disabled={this.state.editingDisabled || this.state.newEDrill.drillType == null}\r\n entity={this.state.newEDrill.drillTypeDetail?.id}\r\n placeholder=\"Select\"\r\n /> */}\r\n {this.state.isLoadingDrillTypeDT ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillTypeDetail = event.selectedItem || null;\r\n newEDrill.idDrillTypeDetail = newEDrill.drillTypeDetail?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idDrillTypeDetail ? \r\n selectedItemCombo.idDrillTypeDetail : {}\r\n }\r\n items={listDrillTypeDetail}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state?.divisions == null ||\r\n this.state?.divisions?.length <= 0 ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations.division != null}\r\n />\r\n )}\r\n {validations.drillTypeDetail}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {/* RITM0945977 */}\r\n {/* */}\r\n \r\n {/* \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.division = event.selectedItem || null;\r\n newEDrill.idDivision = newEDrill.division?.id;\r\n newEDrill.workSite = null;\r\n newEDrill.projects = [];\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.DIVISION, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newEDrill.division}\r\n disabled={this.state.editingDisabled}\r\n entity={this.state.newEDrill.division?.id}\r\n placeholder=\"Select\"\r\n /> */}\r\n {this.state.isLoadingDivision ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.division = event.selectedItem || null;\r\n newEDrill.idDivision = newEDrill.division?.id;\r\n newEDrill.workSite = null;\r\n newEDrill.projects = [];\r\n return { newEDrill };\r\n })}\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={\r\n selectedItemCombo.idDivision ? selectedItemCombo.idDivision : {}\r\n }\r\n items={this.state.divisions}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state?.divisions == null ||\r\n this.state?.divisions?.length <= 0 ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations.division != null}\r\n />\r\n )}\r\n {validations.division}\r\n \r\n
\r\n \r\n \r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.company = event.selectedItem || null;\r\n newEDrill.idCompany = newEDrill.company?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.COMPANY, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newEDrill.company}\r\n disabled={this.state.editingDisabled}\r\n entity={this.state.newEDrill.company?.id}\r\n placeholder=\"Select\"\r\n />\r\n {validations.company}\r\n \r\n
\r\n \r\n
\r\n { this.state.newEDrill?.newEmergLevManagement ? (\r\n \r\n \r\n {/* \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.workSite = event.selectedItem || null;\r\n newEDrill.idWorkSite = newEDrill.workSite?.id;\r\n newEDrill.projects = [];\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.WORKSITE, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newEDrill.workSite}\r\n disabled={this.state.editingDisabled || this.state.newEDrill.division == null}\r\n entity={this.state.newEDrill.workSite?.id}\r\n placeholder=\"Select\"\r\n /> */}\r\n {this.state.isLoadingWorksite ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.workSite = event.selectedItem || null;\r\n newEDrill.idWorkSite = newEDrill.workSite?.id;\r\n newEDrill.projects = [];\r\n return { newEDrill };\r\n })}\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idWorkSite}\r\n items={listWorksite}\r\n disabled={\r\n this.state.isDisabled ||\r\n this.state.newEDrill.idDivision == null ||\r\n listWorksite == null ||\r\n listWorksite?.length <= 0 ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations?.worksite != null}\r\n />\r\n )}\r\n {validations.workSite}\r\n \r\n
\r\n \r\n \r\n {/* \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.projects = prjs || [];\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.projects, apioperation.GET)\r\n );\r\n }}\r\n placeholder=\"Select\"\r\n initialSelectedItems={this.state.newEDrill.projects}\r\n disabled={\r\n this.state.editingDisabled ||\r\n this.state.newEDrill.drillType?.name == 'LCU' ||\r\n this.state.newEDrill.workSite == null\r\n }\r\n /> */}\r\n {this.state.isLoadingProject ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.projects = prjs.selectedItems || [];\r\n return { newEDrill };\r\n })\r\n }\r\n helperText=\"Note: the field is mandatory unless the project is not yet defined in this stage\"\r\n itemToString={(item) => (item ? item.project : '')}\r\n initialSelectedItems={this.getSelectedProjects(listProject)}\r\n items={listProject}\r\n disabled={\r\n this.state.newEDrill.idDivision == null ||\r\n this.state.newEDrill.idWorkSite == null ||\r\n listProject == null ||\r\n listProject?.length <= 0 ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations.idProject != null}\r\n />\r\n )}\r\n {this.state.editingDisabled ?\r\n
\r\n {(this.state.newEDrill.projects.map((item) => item.name ? item.name : item.project).sort()).join(', ')}
\r\n : null\r\n }\r\n {validations.project}\r\n \r\n\r\n
) : ''}\r\n \r\n \r\n {this.state.isLoadingEmergencyLevel ? (\r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillEmergencyLevel = event.selectedItem || null;\r\n newEDrill.idEmergencyLevel = newEDrill.drillEmergencyLevel?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.idEmergencyLevel}\r\n items={this.state.appAllEmergencyLevel}\r\n disabled={\r\n this.state.isDisabled ||\r\n (this.state.isEditModal &&\r\n !IsEditable(\r\n 'Drill',\r\n 'Planning',\r\n this.props.user,\r\n this.getStatusId(this.state.newEDrill.id),\r\n 'All',\r\n this.getCanEditResource(this.state.newEDrill.id)\r\n )) ||\r\n this.state.editingDisabled\r\n }\r\n invalid={validations.idEmergencyLevel != null}\r\n />\r\n )\r\n }\r\n {validations.idEmergencyLevel} \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.participant = event.selectedItem || null;\r\n newEDrill.idParticipant = newEDrill.participant?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n disabled={this.state.editingDisabled}\r\n placeholder=\"Select\"\r\n />\r\n {validations.participant}\r\n \r\n
\r\n \r\n \r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.plannedYear = event.selectedItem || null;\r\n return { newEDrill };\r\n })\r\n }\r\n disabled={this.state.editingDisabled}\r\n placeholder=\"Select\"\r\n />\r\n {validations.plannedYear}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.frequency = event.selectedItem || null;\r\n newEDrill.idFrequency = newEDrill.frequency?.id;\r\n return { newEDrill };\r\n })\r\n }\r\n onError={(error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.FREQUENCY, apioperation.GET)\r\n );\r\n }}\r\n initialSelectedItems={this.state.newEDrill.frequency}\r\n disabled={this.state.editingDisabled}\r\n entity={this.state.newEDrill.frequency?.id}\r\n placeholder=\"Select\"\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState((prevState) => {\r\n const newEDrill = { ...prevState.newEDrill };\r\n newEDrill.drillPlannedWeeks = plnW || null;\r\n return { newEDrill };\r\n })\r\n }\r\n onSubmitPlannedWeekChange={(plnWeek) => {\r\n if (plnWeek !== null) {\r\n this.setState((prevState) => {\r\n let prevWeek = [];\r\n if (plnWeek.idDrillPlannedWeekChangeType ===\r\n PlannedWeekChangeType.ToAdd) {\r\n prevWeek = prevState.addedPlannedWeek;\r\n prevWeek.push(plnWeek);\r\n return { addedPlannedWeek: prevWeek };\r\n } \r\n if (plnWeek.idDrillPlannedWeekChangeType ===\r\n PlannedWeekChangeType.ToChange) {\r\n prevWeek = prevState.updatedPlannedWeek;\r\n prevWeek.push(plnWeek);\r\n return { updatedPlannedWeek: prevWeek };\r\n } \r\n prevWeek = prevState.deletedPlannedWeek;\r\n prevWeek.push(plnWeek);\r\n return { deletedPlannedWeek: prevWeek };\r\n });\r\n }\r\n }}\r\n />\r\n
\r\n {validations.drillPlannedWeek}\r\n \r\n \r\n\r\n \r\n Save\r\n \r\n
\r\n {this.renderLoadingModal()}\r\n {contentMessage}
\r\n\t\t\t\r\n
\r\n );\r\n\r\n renderSubmitModal = (totalItems) => \r\n // const validations = {\r\n // dataApprover: this.validator.message(\r\n // 'dataApprover',\r\n // this.state.selectedApprover.id,\r\n // 'required'\r\n // ),\r\n // };\r\n (\r\n this.state.modalSubmitVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete draft eDrills
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Press confirm to delete\r\n {` ${totalItems} `}\r\n eDrill/s selected\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n )\r\n;\r\n\r\n /* renderMonthsHeader = () => {\r\n const elements = [\r\n 'All',\r\n 'Gen',\r\n 'Feb',\r\n 'Mar',\r\n 'Apr',\r\n 'May',\r\n 'Jun',\r\n 'Jul',\r\n 'Aug',\r\n 'Sep',\r\n 'Oct',\r\n 'Nov',\r\n 'Dec',\r\n ];\r\n const items = elements.map((item, index) => (\r\n // eslint-disable-next-line jsx-a11y/interactive-supports-focus\r\n \r\n
\r\n \r\n
\r\n\r\n Submit Drill
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Choose a Data Approver and than confirm to submit\r\n {` ${totalItems} `}\r\n Drill/s selected\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n {item}
\r\n\r\n \r\n {index > 0\r\n ? this.state.filteredEDrills.filter((elem) => elem.referenceMonth === index).length\r\n : this.state.filteredEDrills.length}\r\n
\r\n \r\n ));\r\n\r\n return {items}
;\r\n }; */\r\n\r\n getCellValue = (type, value,) => {\r\n if (!value) return '';\r\n if (typeof value === 'object') {\r\n if (type.header.includes('eDrillor')) {\r\n return value.fullName;\r\n }\r\n if (type.header.includes('status')) {\r\n return \r\n //
\r\n // );\r\n\r\n render() {\r\n const headers = [\r\n {\r\n key: 'drillCode',\r\n header: 'Drill Code',\r\n },\r\n {\r\n key: 'division',\r\n //RITM0945977\r\n // header: 'Division',\r\n header: 'Business Line',\r\n },\r\n {\r\n key: 'company',\r\n header: 'Company',\r\n },\r\n {\r\n key: 'workSite',\r\n header: 'WorkSite',\r\n },\r\n {\r\n key: 'participant',\r\n header: 'Participant',\r\n },\r\n {\r\n key: 'frequency',\r\n header: 'Frequency',\r\n },\r\n {\r\n key: 'drillType',\r\n header: 'Drill Type',\r\n },\r\n {\r\n key: 'drillTypeDetail',\r\n header: 'Drill Type Detail',\r\n },\r\n {\r\n key: 'status',\r\n header: 'Status',\r\n },\r\n ];\r\n const paginationProps = () => ({\r\n page: this.props.paginationInfo.currentPage || 1,\r\n totalItems: this.props.paginationInfo.rowCount || 0,\r\n pageSize: this.props.paginationInfo.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n return (\r\n \r\n\r\n // \r\n // Company \r\n // \r\n // this.filters['company'] = event.selectedItem\r\n // }\r\n // onError={(error) => { }}\r\n // disabled={false}\r\n // initialSelectedItems={this.filters['company']}\r\n // />\r\n // \r\n\r\n // \r\n // Worksite \r\n // \r\n // this.filters['workSite'] = event.selectedItem\r\n // }\r\n // onError={(error) => { }}\r\n // disabled={false}\r\n // initialSelectedItems={this.filters['workSite']}\r\n // />\r\n // \r\n\r\n // \r\n // Drill Code \r\n // \r\n // this.filters['drillCode'] = event.target.value\r\n // }\r\n // type=\"text\"\r\n // ref={this.textInput}\r\n // />\r\n // \r\n\r\n // {/*\r\n // Projects \r\n // \r\n // this.filters['projects'] = prjs\r\n // }\r\n // onError={(error) => { }}\r\n // initialSelectedItems={this.filters['projects'] || []}\r\n // disabled={false}\r\n // />\r\n // */}\r\n\r\n // \r\n // Drill Type \r\n // \r\n // this.filters['drillType'] = event.selectedItem\r\n // }\r\n // onError={(error) => { }}\r\n // loadAll\r\n // disabled={false}\r\n // initialSelectedItems={this.filters['drillType']}\r\n // />\r\n // \r\n\r\n // \r\n // Drill Type Detail \r\n // \r\n // this.filters['drillTypeDetail'] = event.selectedItem\r\n // }\r\n // onError={(error) => { }}\r\n // loadAll\r\n // disabled={false}\r\n // initialSelectedItems={this.filters['drillTypeDetail']}\r\n // />\r\n // \r\n\r\n //
\r\n\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport {\r\n ComboBox,\r\n ComposedModal,\r\n Button,\r\n FormGroup,\r\n FormLabel,\r\n DropdownSkeleton,\r\n TextArea,\r\n TextInputSkeleton,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n } from 'carbon-components-react';\r\nimport moment from 'moment';\r\nimport { Online, Offline } from '../common/OnLineOffLine';\r\nimport { PlannedWeekChangeType } from '../../helpers/Constants';\r\nimport '../../scss/weekSelector.scss';\r\n\r\nconst EDrillPlanModificationModal = (props) => {\r\n const isConfirmButtonDisabled = () => (props.approver === null || props.approver === undefined);\r\n\r\n const onSave = async () => {\r\n await props.onConfirm();\r\n };\r\n\r\n const renderWeek = (x) => (x === null || x === undefined)\r\n ? ''\r\n : `Week: ${x?.weekNumber} | ${moment\r\n .utc(x?.weekStart)\r\n .format('DD/MM/YY')} - ${moment\r\n .utc(x?.weekFinish)\r\n .format('DD/MM/YY')} +\r\n | N\\u00B0 of Drill: ${x?.quantity} - # ${x?.sequence}`;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n Filters
\r\n \r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n Data Approver* \r\n {props.isLoadingOperation ? (\r\n \r\n item\r\n ? `${item.name} ${item.surname} (${item.email})`\r\n : ''\r\n }\r\n itemToElement={(item) =>\r\n item\r\n ? `${item.name} ${item.surname} (${item.email})`\r\n : ''\r\n }\r\n onChange={({ selectedItem }) =>\r\n props.onApproverSelect(selectedItem)\r\n }\r\n />\r\n )\r\n }\r\n
\r\n\r\n {props.plannedWeekToDelete ? (props.plannedWeekToDelete.map((e, index) => (\r\n \r\n \r\n {props.isLoadingOperation ? (\r\n \r\n \r\n Drill Deletion \r\n {renderWeek(e)}\r\n \r\n props.onUpdateReasonForChange(PlannedWeekChangeType.ToDelete, el)}\r\n rows={4}\r\n cols={225}\r\n invalid={props.validations.toDelete[index] ? true : false}\r\n />\r\n {props.validations.toDelete[index]}\r\n \r\n ) }\r\n \r\n
\r\n ))) : null\r\n }\r\n {props.plannedWeekToUpdate ? (props.plannedWeekToUpdate.map((e, index) => (\r\n \r\n \r\n {props.isLoadingOperation ? (\r\n \r\n \r\n Drill Modification \r\n {renderWeek(e)}\r\n \r\n props.onUpdateReasonForChange(PlannedWeekChangeType.ToChange, el)}\r\n rows={4}\r\n cols={225}\r\n invalid={props.validations.toUpdate[index] ? true : false}\r\n />\r\n {props.validations.toUpdate[index]}\r\n \r\n ) }\r\n \r\n
\r\n ))) : null\r\n }\r\n {props.plannedWeekToAdd ? (props.plannedWeekToAdd.map((e, index) => (\r\n \r\n {props.isLoadingOperation ? (\r\n \r\n \r\n Drill Addition \r\n {renderWeek(e)}\r\n \r\n props.onUpdateReasonForChange(PlannedWeekChangeType.ToAdd, el)}\r\n rows={4}\r\n cols={225}\r\n invalid={props.validations.toAdd[index] ? true : false}\r\n />\r\n\r\n {props.validations.toAdd[index]}\r\n \r\n ) }\r\n
\r\n ))) : null\r\n }\r\n \r\n
\r\n );\r\n /* **************** DELETE ATTACHMENT END ****************** */\r\n const renderLoading = () => {\r\n const show = submitted;\r\n return show && \r\n
\r\n \r\n handleDeleteAttachmentModalVisibility()}\r\n />\r\n
\r\n \r\n Delete Attachment
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to delete ${selectedDeleteAttachment?.attachment.name}`}\r\n
\r\n\r\n handleDeleteAttachmentModalVisibility()}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n \r\n {renderDeleteAttachmentModal()}\r\n \r\n \r\n \r\n \r\n
\r\n {`Annual drill plan documentations related to worksite ${selectedWorksite?.name} `}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n } \r\n}\r\n\r\nEDLegendBox.defaultProps = {\r\n legendCode: 1\r\n }","import React, { Component } from 'react';\r\nimport { EDLegendBox } from './EDLegendBox';\r\n\r\nexport class EDLegendTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n ///Tabella della legenda\r\n return (\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {legend.Text}
\r\nUpload the Annual drill plan document - select the Worksite
\r\n\r\n \r\n
\r\n Download the Annual drill plan document - select the Worksite or Project
\r\n\r\n \r\n ** Select a Worksite OR a Project\r\n
\r\n \r\n \r\n {this.state.searchModel.needToChange ? (\r\n \r\n
\r\n )}\r\n
\r\n\r\n \r\n {!this.state.isLoadingYear ? \r\n \r\n Current year\r\n
\r\n : null }\r\n
\r\n {/* CALENDAR */}\r\n \r\n Current year\r\n item || ''}\r\n type=\"inline\"\r\n />\r\n \r\n
\r\n : null }\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler') ? (\r\n \r\n ) : null}\r\n \r\n Download Annual Drill Plan\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n {this.state.isOpenSearchForm ? (\r\n
\r\n {this.state.isWarningModalOpen ? (\r\n \r\n
\r\n );\r\n\r\n renderSubmitModal = (totalItems) => {\r\n const validations = {\r\n dataApprover: this.validator.message(\r\n 'dataApprover',\r\n this.state.selectedApprover.id,\r\n 'required'\r\n ),\r\n };\r\n return (\r\n this.state.modalSubmitVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete draft Drills
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Press confirm to delete\r\n {` ${totalItems} `}\r\n Drill/s selected\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n toogleCalendar = (e) => {\r\n this.props.toogleCalendar(e);\r\n };\r\n\r\n toogleFilterModal = (e) => {\r\n this.props.toogleFilterModal(e);\r\n };\r\n\r\n handleChangePaging = (event) => {\r\n this.props.handleChangePaging(event);\r\n };\r\n\r\n onSelectEDrillTypeChange = (selectedItem) => {\r\n this.props.onTypeFilter(selectedItem);\r\n };\r\n\r\n onSelectScopeChange = (selectedItem) => {\r\n this.props.onScopeFilter(selectedItem);\r\n };\r\n\r\n onSelectTargetChange = (selectedItem) => {\r\n this.props.onTargetFilter(selectedItem);\r\n };\r\n\r\n onSelectStatusChange = (selectedItem) => {\r\n this.props.onStatusFilter(selectedItem);\r\n };\r\n\r\n onSelectWorkSiteChange = (selectedItem) => {\r\n this.props.onWorkSiteFilter(selectedItem);\r\n };\r\n\r\n onSelectDataApproverChange = (selectedItem) => {\r\n this.setState({\r\n selectedApprover: selectedItem || {},\r\n });\r\n };\r\n\r\n buildNoMonthFilter = () => {\r\n let { filteredEDrills } = this.state;\r\n filteredEDrills = this.state.filteredDivision\r\n ? filteredEDrills.filter((item) => item.idDivision === this.state.filteredDivision)\r\n : filteredEDrills;\r\n return filteredEDrills;\r\n };\r\n\r\n onMonthFilter = (event) => {\r\n this.setState({\r\n filteredMonth: event.currentTarget.id > 0 ? parseInt(event.currentTarget.id, 10) : null,\r\n filteredEDrills: this.buildNoMonthFilter(),\r\n });\r\n this.props.onMonthFilter(\r\n event.currentTarget.id > 0 ? parseInt(event.currentTarget.id, 10) : null\r\n );\r\n };\r\n\r\n handleApproverSelect = (selectedItem) => {\r\n this.setState({ approver: selectedItem });\r\n };\r\n\r\n handleCloseApprovalModal = () => {\r\n this.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n };\r\n\r\n handleApprovalNotesChange = (e) => {\r\n this.setState({ approvalNotes: e.target.value });\r\n };\r\n\r\n handleConfirmApprovalModal = () => {\r\n const apiEndpoint = this.state.approvalEndpoint;\r\n const data = {\r\n ids: this.state.selectedData.map((r) => r.id),\r\n owner: this.state.approver,\r\n workflowNotes: this.state.approvalNotes,\r\n };\r\n\r\n this.setState({\r\n isLoadingWFOperation: true,\r\n });\r\n api\r\n .put(`/drill/${apiEndpoint}`, data, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,getSuccess(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n isApprovalModalOpen: false,\r\n // isLoading: true,\r\n // itemList: []\r\n });\r\n this.props.onRefreshData();\r\n } else {\r\n showNotification.error();\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, error.response.data, 'ERROR'));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n })\r\n .finally(() => {});\r\n };\r\n\r\n getUsersInRole = (role, idEntity) => {\r\n me.getWithParam('users', {\r\n params: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n })\r\n .then((response) => {\r\n this.setState({\r\n approvers: response.data,\r\n isLoadingApproverOptions: false,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, '', 'ERROR'));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingApproverOptions: false,\r\n });\r\n });\r\n };\r\n\r\n // eslint-disable-next-line react/sort-comp\r\n IsRowSelectable(tableRow, selectedRows, user) {\r\n const entity = this.props.eDrills.find((i) => i.id == tableRow.id);\r\n if (entity.idStatus === 4) return false;\r\n if (entity.idStatus === 1 && entity.compiler == null) return true;\r\n\r\n const canSelect =\r\n CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n entity.idStatus,\r\n 'Create',\r\n this.getEDrillor(entity)\r\n ) ||\r\n CanExecuteAction('Emergency Drill', 'Reporting', user, entity.idStatus, 'Submit', entity) ||\r\n CanExecuteAction('Emergency Drill', 'Reporting', user, entity.idStatus, 'Approve', entity) ||\r\n CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n entity.idStatus,\r\n 'Consolidate',\r\n entity\r\n ) ||\r\n CanExecuteAction('Emergency Drill', 'Reporting', user, entity.idStatus, 'Reject', entity) ||\r\n CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n entity.idStatus,\r\n 'RejectConsolidate',\r\n entity\r\n );\r\n\r\n if (selectedRows.length == 0) {\r\n return canSelect;\r\n }\r\n\r\n if (selectedRows.length > 0) {\r\n const selectableEDrill = this.props.eDrills.find((i) => i.id == selectedRows[0].id);\r\n const selectableState = selectableEDrill.idStatus;\r\n const selectableDivision = selectableEDrill.idDivision;\r\n const selectableWorksite = selectableEDrill.idWorksite;\r\n\r\n if (\r\n entity.idStatus == selectableState &&\r\n (entity.idStatus == 1\r\n ? entity.idWorkSite == selectableWorksite\r\n : entity.idDivision == selectableDivision)\r\n ) {\r\n return canSelect;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n batchActionClick(\r\n actionKey,\r\n actionName,\r\n approverRole,\r\n withApprover,\r\n approvalNotesRequired,\r\n selectedRows\r\n ) {\r\n const eDrill = this.props.eDrills.find((i) => i.id === selectedRows[0].id);\r\n\r\n const idEntity = eDrill.workSite?.idDivision;\r\n\r\n this.setState({\r\n approvalModalAction: actionName,\r\n isApprovalModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n withApprover,\r\n selectedData: selectedRows,\r\n approverRole,\r\n approvalEndpoint: actionKey,\r\n approvalNotesRequired,\r\n });\r\n\r\n if (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n }\r\n /** ***********Render******************* */\r\n\r\n getEDrillor = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n let au = this.props.eDrills.find((el) => el.id == selectedRows[0].id);\r\n return au && au.eDrillors && au.eDrillors[0] ? { idCompiler: au.eDrillors[0].id } : null;\r\n }\r\n return null;\r\n };\r\n\r\n\r\n //RITM0723662\r\n getCompiler = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n let au = this.props.eDrills.find((el) => el.id == selectedRows[0].id);\r\n return au && au.compiler ? { idCompiler: au.idCompiler } : null;\r\n }\r\n return null;\r\n };\r\n\r\n getCompilerById = (idRow) => {\r\n if (idRow) {\r\n let au = this.props.eDrills.find((el) => el.id == idRow);\r\n return au && au.compiler ? { idCompiler: au.idCompiler } : null;\r\n }\r\n return null;\r\n };\r\n //RITM0723662\r\n\r\n getEDrillReport = (selectedRows) => {\r\n if (selectedRows && selectedRows.length > 0) {\r\n const r = this.props.eDrills.find((el) => el.id == selectedRows[0].id);\r\n return r;\r\n }\r\n return null;\r\n };\r\n\r\n getReportStatusId = (idRow) => {\r\n const r = this.props.eDrills.find((el) => el.id == idRow);\r\n return r && r.idStatus;\r\n };\r\n\r\n renderMonthsHeader = () => {\r\n const elements = [\r\n 'All',\r\n 'Gen',\r\n 'Feb',\r\n 'Mar',\r\n 'Apr',\r\n 'May',\r\n 'Jun',\r\n 'Jul',\r\n 'Aug',\r\n 'Sep',\r\n 'Oct',\r\n 'Nov',\r\n 'Dec',\r\n ];\r\n const items = elements.map((item, index) => (\r\n // eslint-disable-next-line jsx-a11y/interactive-supports-focus\r\n \r\n
\r\n \r\n
\r\n\r\n Submit Drill
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Choose a Data Approver and than confirm to submit\r\n {` ${totalItems} `}\r\n Drill/s selected\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n {item}
\r\n\r\n \r\n {index > 0\r\n ? this.state.filteredEDrills.filter((elem) => elem.referenceMonth === index).length\r\n : this.state.filteredEDrills.length}\r\n
\r\n \r\n ));\r\n\r\n return {items}
;\r\n };\r\n\r\n getCellValue = (type, value, id) => {\r\n if (!value) return '';\r\n\r\n const drill = this.props.eDrills.find((el) => el.id == id);\r\n\r\n if (type.header.includes('deliveryDateWithWeek')) {\r\n if (drill.isInPlannedWeek) {\r\n return (\r\n \r\n
\r\n );\r\n\r\n render() {\r\n const headers = [\r\n {\r\n key: 'drillReportCode',\r\n header: 'Drill Report Code',\r\n },\r\n {\r\n key: 'drillEmergencyLevel',\r\n header: 'Emergency Level',\r\n },\r\n {\r\n key: 'plannedWeekWithDate',\r\n header: 'Planned Week',\r\n },\r\n {\r\n key: 'deliveryDateWithWeek',\r\n header: 'Effective Date',\r\n },\r\n {\r\n key: 'status',\r\n header: 'Status',\r\n },\r\n {\r\n key: 'compilerAssignStatus',\r\n header: 'Compiler Assign Status',\r\n },\r\n ];\r\n const paginationProps = () => ({\r\n page: this.props.paginationInfo.currentPage || 1,\r\n totalItems: this.props.paginationInfo.rowCount || 0,\r\n pageSize: this.props.paginationInfo.pageSize || 10,\r\n pageSizes: [10, 20, 30, 40, 50],\r\n onChange: this.handleChangePaging,\r\n });\r\n\r\n return (\r\n \r\n \r\n Company \r\n (this.filters['company'] = event.selectedItem)}\r\n onError={(error) => {}}\r\n disabled={false}\r\n initialSelectedItems={this.filters['company']}\r\n />\r\n \r\n\r\n \r\n Worksite \r\n (this.filters['workSite'] = event.selectedItem)}\r\n onError={(error) => {}}\r\n disabled={false}\r\n initialSelectedItems={this.filters['workSite']}\r\n />\r\n \r\n\r\n \r\n Drill Code \r\n (this.filters['drillCode'] = event.target.value)}\r\n type=\"text\"\r\n ref={this.textInput}\r\n />\r\n \r\n\r\n {/*\r\n Projects \r\n \r\n this.filters['projects'] = prjs\r\n }\r\n onError={(error) => { }}\r\n initialSelectedItems={this.filters['projects'] || []}\r\n disabled={false}\r\n />\r\n */}\r\n\r\n \r\n Drill Type \r\n (this.filters['drillType'] = event.selectedItem)}\r\n onError={(error) => {}}\r\n loadAll\r\n disabled={false}\r\n initialSelectedItems={this.filters['drillType']}\r\n />\r\n \r\n\r\n \r\n Drill Type Detail \r\n (this.filters['drillTypeDetail'] = event.selectedItem)}\r\n onError={(error) => {}}\r\n loadAll\r\n disabled={false}\r\n initialSelectedItems={this.filters['drillTypeDetail']}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n Loading,\r\n SkeletonText,\r\n Accordion,\r\n AccordionItem,\r\n AccordionProps,\r\n AccordionSkeleton,\r\n Tile,\r\n DatePicker,\r\n DatePickerInput,\r\n Button,\r\n DataTable,\r\n DataTableCell,\r\n Table,\r\n TableHeader,\r\n TableHead,\r\n TableRow,\r\n TableContainer,\r\n TableBody,\r\n TableCell,\r\n InlineLoading,\r\n FormGroup,\r\n MultiSelect,\r\n DropdownSkeleton\r\n} from 'carbon-components-react';\r\nimport moment from 'moment';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport { api, drill, me } from '../../../../helpers/api/api';\r\nimport { IsInRole } from '../../../../helpers/authorization/Policies';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n getSuccess,\r\n apioperation,\r\n entitiesLabels,\r\n DateFormat,\r\n} from '../../../../helpers/Constants';\r\nimport { AppContext } from '../../../../helpers/context/AppContext';\r\nimport { IsEnabled } from '../../../../helpers/authorization/Policies';\r\nimport DrillRepository from '../../../../helpers/api/DrillRepository';\r\nimport DateTimePicker from '../../../../helpers/DateTimePicker';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\n\r\nexport class DrillReportInformation extends Component {\r\n currentDate = moment().format('YYYY-MM-DD');\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n isSubmitted: false,\r\n editingDisabled: false,\r\n drillReport: {},\r\n isLoadingProject: false,\r\n appAllWorksitePrj: null,\r\n projects: this.props.drillReport?.projects || [],\r\n dateOfOccurence: this.props.drillReport?.deliveryDate,\r\n isProjectsLoaded: false,\r\n };\r\n\r\n // this.onStartDateChange = this.onStartDateChange.bind(this);\r\n this.getAllProjects = this.getAllProjects.bind(this);\r\n this.updateMainInformation = this.updateMainInformation.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.getWorksitePrjFiltered = this.getWorksitePrjFiltered.bind(this);\r\n this.getSelectedProjects = this.getSelectedProjects.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getAllProjects();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.drillReport?.projects !== this.props.drillReport?.projects) {\r\n this.setState({ projects : this.props.drillReport?.projects,\r\n dateOfOccurence : this.props.drillReport?.deliveryDate == '0001-01-01T00:00:00Z'? null : this.props.drillReport?.deliveryDate,\r\n isProjectsLoaded : true\r\n });\r\n }\r\n }\r\n\r\n getAllProjects = () => {\r\n this.setState({\r\n isLoadingProject: true,\r\n });\r\n api\r\n .getAll('/me/worksitesproject')\r\n .then((response) => {\r\n this.setState({\r\n appAllWorksitePrj: response.data.filter(a => a.end >= this.currentDate)\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingProject: false,\r\n });\r\n });\r\n };\r\n\r\n renderLoadingModal = () => {\r\n const show = this.state.isSubmitted;\r\n return show && \r\n
\r\n \r\n
\r\n \r\n Filters
\r\n \r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n General Information\r\n
\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n render() {\r\n const listProject = this.props.drillReport?.drillPlan?.idWorkSite\r\n ? this.getWorksitePrjFiltered()\r\n : [];\r\n const validations = {\r\n date: this.validator.message('dateOfOccurence', this.state.dateOfOccurence, 'required'),\r\n project: this.validator.message('project', this.state.projects[0], 'required'),\r\n };\r\n\r\n return this.props.drillReport ? (\r\n \r\n {/* RITM0945977 */}\r\n {/* Division */}\r\n Business Line\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n WorkSite\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n Drill Type\r\n
\r\n \r\n
\r\n \r\n {this.props.tabsLoading ? (\r\n
\r\n \r\n {this.renderLoadingModal()}\r\n \r\n \r\n {!this.props.tabsLoading ? (\r\n <>\r\n {this.props.is4ASingleReport &&\r\n (\r\n )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.is4ASingleReport ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n
\r\n )}\r\n \r\n ) : (\r\n ''\r\n )\r\n }\r\n \r\n
\r\n Drill Report Code
\r\n \r\n {this.props.drillReport?.drillReportCode}\r\n
\r\n \r\n
\r\n Company
\r\n \r\n {this.props.drillReport?.company?.name}\r\n
\r\n \r\n
\r\n Projects {this.props.is4ASingleReport? \"*\" : '' }
\r\n \r\n {!this.props.is4ASingleReport ?\r\n this.props.drillReport?.drillPlan?.projects?.map((x) => x?.name).join(',') :\r\n \r\n {\r\n this.state.isLoadingProject || !this.state.isProjectsLoaded ? (\r\n (item ? item.project : '')}\r\n initialSelectedItems={\r\n this.getSelectedProjects(listProject)\r\n }\r\n onChange={(prjs) => {\r\n this.setState({ projects: prjs.selectedItems || [] })\r\n const drillReport = this.props.drillReport;\r\n drillReport.projects = prjs.selectedItems;\r\n drillReport.drillReportProjects = prjs.selectedItems.map(key => {\r\n return { IdDrillReport: this.props.drillReport?.id, IdDrillPlan: this.props.drillReport?.idDrillPlan, IdProject: key.idProject ? key.idProject : key.id };\r\n })\r\n }\r\n }\r\n selectionFeedback=\"top-after-reopen\"\r\n disabled={this.props.disabled || this.props.isSendedNotification}\r\n invalid={validations.project != null}\r\n />\r\n )}\r\n {this.state.isProjectsLoaded && this.props.isSendedNotification ?\r\n \r\n }\r\n\r\n
\r\n {(this.state.projects.map(item => item.name ? item.name : item.project).sort()).join(\", \")}
\r\n : null\r\n }\r\n {validations.project}\r\n\r\n
\r\n Drill Type Detail
\r\n \r\n {this.props.drillReport?.drillTypeDetail?.name}\r\n
\r\n \r\n
\r\n Participant
\r\n \r\n {this.props.drillReport?.participant?.name}\r\n
\r\n \r\n
\r\n Planned Week
\r\n \r\n {this.props.drillReport?.plannedWeekWithDate}\r\n
\r\n \r\n \r\n \r\n {/* \r\n
\r\n {!this.props.disabled ? (\r\n \r\n Date of DRILL Execution*\r\n
\r\n \r\n {(IsInRole(user, 'Administrator') ||\r\n IsInRole(user, 'Compiler')) && (\r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n Save\r\n \r\n
\r\n )}\r\n \r\n
\r\n Planned Year
\r\n \r\n {this.props.drillReport?.referenceYear}\r\n
\r\n \r\n \r\n {this.state.searchModel.needToChange ? (\r\n \r\n
\r\n )}\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n {/*CALENDAR*/}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n {this.state.isOpenSearchForm ? (\r\n
\r\n \r\n \r\n ) : null\r\n }\r\n \r\n
\r\n {timelineTblTitle}
\r\n\r\n {!editingDisabled ? (\r\n handleNewElementModal()}\r\n kind=\"primary\"\r\n renderIcon={Add16}\r\n disabled={editingDisabled}\r\n iconDescription=\"\"\r\n >\r\n Add New Activity\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n NewElementTimelineModal.propTypes = {\r\n modalNewElementVisible : PropTypes.bool.isRequired, \r\n handleNewElementModal : PropTypes.func.isRequired, \r\n selectedTimeline : PropTypes.shape({\r\n timeFrom : PropTypes.string,\r\n activityDescription : PropTypes.string,\r\n remarks : PropTypes.string\r\n }), \r\n editingDisabled: PropTypes.bool.isRequired, \r\n onSubmitElementTimeline : PropTypes.func.isRequired\r\n }\r\n\r\n export default NewElementTimelineModal;","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport {\r\n Button\r\n } from 'carbon-components-react';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\n\r\nconst DeleteElementTimelineModal = ({modalDeleteVisible, modalTitle, confirmationMessage, handleDeleteModal, onElementDelete}) => {\r\nreturn (\r\n modalDeleteVisible && (\r\n \r\n
\r\n \r\n onFormCancel(e)}\r\n iconDescription=\"Close Window\"\r\n />\r\n
\r\n\r\n Add New Activity
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {validationModal.from ? (\r\n Field required or invalid time format
\r\n ) : null }\r\n {flagTime ? ( Invalid time format
) : null}\r\n \r\n
\r\n \r\n \r\n onActivityChanged(e)}\r\n />\r\n \r\n
\r\n \r\n \r\n onRemarksChanged(e)}\r\n />\r\n \r\n
\r\n \r\n onFormCancel(e)}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n}\r\n\r\nDeleteElementTimelineModal.propTypes = {\r\n modalDeleteVisible : PropTypes.bool.isRequired,\r\n modalTitle : PropTypes.string.isRequired,\r\n confirmationMessage : PropTypes.string.isRequired,\r\n handleDeleteModal : PropTypes.func.isRequired,\r\n onElementDelete : PropTypes.func.isRequired,\r\n}\r\n\r\nexport default DeleteElementTimelineModal;","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n FormLabel,\r\n TextInput,\r\n RadioButtonGroup,\r\n RadioButton,\r\n Button,\r\n InlineLoading,\r\n Tile,\r\n FormGroup,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableHeader,\r\n TableBody,\r\n TableCell,\r\n TextArea,\r\n ComboBox,\r\n MultiSelect,\r\n} from 'carbon-components-react';\r\nimport View16 from '@carbon/icons-react/lib/view/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport moment from 'moment';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport { getError, apioperation, entitiesLabels, sizeFormat } from '../../../../helpers/Constants';\r\nimport FileUpload from '../../../common/FileUpload';\r\nimport { NoRecordsPlaceholder } from '../../../../helpers/jsonschemaform/DataTableExtention';\r\nimport DownLoadButton from '../../../common/FileDownloadButton';\r\nimport { Online, Offline } from '../../../common/OnLineOffLine';\r\nimport Timeline from './common/Timeline';\r\nimport NewElementTimelineModal from './NewElementTimelineModal';\r\nimport DeleteElementTimelineModal from './common/DeleteElementTimelineModal';\r\n\r\nexport class DrillReportDetail extends Component {\r\n // reportDetail = {\r\n // id: null,\r\n // idDrillEmergencyLevel: null,\r\n // idUnitsInvolved: null,\r\n // idLightCondition: null,\r\n // idSeaCondition: null,\r\n // idWeatherCondition: null,\r\n // lcuReference: null,\r\n // temperature: null,\r\n // windSpeed: null,\r\n // equipmentUsed: null,\r\n // poB_BOS: null,\r\n // pointsOfStrength: null,\r\n // notes: null,\r\n // overallAssessmentNote: null,\r\n // isSatisfactory: null,\r\n // scenarioDescription: null,\r\n // referenceProcedure: null,\r\n\r\n // drillEmergencyLevel: null,\r\n // weatherCondition: null,\r\n // seaCondition: null,\r\n // lightCondition: null,\r\n // unitsInvolved: null\r\n // };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n drillReport: this.props.drillReport,\r\n // drillReport: {\r\n // ...this.props.drillReport,\r\n // unitsInvolved:\r\n // this.props.drillReport.unitsInvolved == undefined\r\n // ? []\r\n // : this.props.drillReport.unitsInvolved,\r\n // },\r\n modalDeleteAttachmentVisible: false,\r\n modalNewElementTimelineVisible: false,\r\n modalDeleteElementTimelineVisible: false,\r\n selectedElementTimeline: null,\r\n selectedAttachment: null,\r\n filterunitsInvolved: [],\r\n flagItemsUI: false,\r\n };\r\n this.updateParent1 = null;\r\n console.log(\"DrillReportDetail.costructor: genNotesStrengthPoints: \" + this.props?.drillReport?.genNotesStrengthPoints);\r\n this.handleDeleteAttachmentModalVisibility = this.handleDeleteAttachmentModalVisibility.bind(\r\n this\r\n );\r\n this.handleNewElementTimelineVisibility = this.handleNewElementTimelineVisibility.bind(this);\r\n this.onElementTimelineSubmit = this.onElementTimelineSubmit.bind(this);\r\n this.handleDeleteElementTimelineVisibility = \r\n this.handleDeleteElementTimelineVisibility.bind(this);\r\n this.onElementTimelineDelete = this.onElementTimelineDelete.bind(this);\r\n this.showDeleteAttachmentModal = this.showDeleteAttachmentModal.bind(this);\r\n this.deleteAttachment = this.deleteAttachment.bind(this);\r\n\r\n this.updateReportDetail = this.updateReportDetail.bind(this);\r\n\r\n this.validator = new SimpleReactValidator();\r\n this.getRadioButtonLight = this.getRadioButtonLight.bind(this);\r\n this.getRadioButtonSea = this.getRadioButtonSea.bind(this);\r\n this.getRadioButtonWeather = this.getRadioButtonWeather.bind(this);\r\n }\r\n\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.drillReport !== this.props.drillReport) {\r\n this.setState(() => {\r\n const drillRep = { ...nextProps.drillReport };\r\n if (nextProps.drillReport?.drillPlan?.newEmergLevManagement) {\r\n //RITM0995432 - EM Drill Report Detail Tab Issue Fix\r\n //drillRep.unitsInvolved = []; \r\n const filterUnitsInv = this.getFilterUnitsInvolved(nextProps.unitsInvolved, nextProps.drillReport?.drillPlan?.drillEmergencyLevel);\r\n let filterUnitsInvId = filterUnitsInv.map((item) => { return item.id; });\r\n drillRep.unitsInvolved = drillRep.unitsInvolved.filter((item) => filterUnitsInvId.includes(item.id));\r\n //console.log(drillRep.unitsInvolved);\r\n return { drillReport: drillRep, \r\n filterunitsInvolved: filterUnitsInv\r\n // this.getFilterUnitsInvolved(nextProps.unitsInvolved, \r\n // nextProps.drillReport?.drillPlan?.drillEmergencyLevel) \r\n };\r\n //End\r\n }\r\n console.log(\"DrillReportDetail.componentWillReceiveProps: genNotesStrengthPoints: \" + nextProps.drillReport?.genNotesStrengthPoints);\r\n return { drillReport: drillRep };\r\n });\r\n }\r\n }\r\n\r\n // **************** TIMELINE **************** START\r\n\r\n onElementTimelineSubmit(updatedTimeline) {\r\n if (updatedTimeline !== null) {\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n const selectedElementTimeline = { ...prevState.selectedElementTimeline };\r\n selectedElementTimeline.timeFrom = updatedTimeline.timeFrom;\r\n selectedElementTimeline.activityDescription = updatedTimeline.activityDescription;\r\n selectedElementTimeline.remarks = updatedTimeline.remarks;\r\n if (!selectedElementTimeline.id) {\r\n selectedElementTimeline.id = uuid();\r\n selectedElementTimeline.idDrillReports = drillReport.id;\r\n drillReport.timelines = prevState.drillReport.timelines.concat([selectedElementTimeline]);\r\n } else {\r\n drillReport.timelines = prevState.drillReport.timelines\r\n .filter((item) => selectedElementTimeline.id !== item.id)\r\n .concat([selectedElementTimeline]);\r\n }\r\n return { drillReport };\r\n });\r\n this.handleNewElementTimelineVisibility(null);\r\n }\r\n }\r\n\r\n // saveDrillReport = () => {\r\n // this.props.onDetailsChanged(this.state.drillReport);\r\n // };\r\n \r\n onElementTimelineDelete() {\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n const selectedElementTimeline = { ...prevState.selectedElementTimeline };\r\n drillReport.timelines = prevState.drillReport.timelines.filter(\r\n (item) => selectedElementTimeline.id !== item.id\r\n );\r\n return { drillReport };\r\n });\r\n this.handleDeleteElementTimelineVisibility(null);\r\n }\r\n // **************** TIMELINE **************** END\r\n\r\n getFilterUnitsInvolved(unitsInvolved, drillEmergencyLevel) {\r\n let filter = [];\r\n if (drillEmergencyLevel.name.includes('3') || drillEmergencyLevel.name.includes('2')) {\r\n filter = unitsInvolved.filter(\r\n (x) =>\r\n x.name.includes('Saipem Milan Crisis Unit') ||\r\n x.name.includes('Local Crisis unit') ||\r\n x.name.includes('Division Manager') ||\r\n x.name.includes('Duty Manager')\r\n );\r\n } else {\r\n filter = this.props.unitsInvolved;\r\n }\r\n return filter;\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n updateStateInvolved = (inputName, inputValue) => {\r\n if (inputValue) {\r\n const filter = this.getFilterUnitsInvolved(this.props.unitsInvolved, inputValue);\r\n\r\n const statusCopy = { ...this.state };\r\n statusCopy.drillReport.unitsInvolved = [];\r\n statusCopy.filterunitsInvolved = filter;\r\n\r\n this.setState(statusCopy);\r\n } else {\r\n const statusCopy = { ...this.state };\r\n statusCopy.drillReport.unitsInvolved = [];\r\n statusCopy.filterunitsInvolved = [];\r\n this.setState(statusCopy);\r\n }\r\n };\r\n\r\n getRadioButtonLight = () => {\r\n const lightConditions = this.props?.lightCondition;\r\n\r\n return lightConditions.map((item) => (\r\n \r\n
\r\n \r\n handleDeleteModal()}\r\n iconDescription=\"\"\r\n />\r\n
\r\n\r\n {modalTitle}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {confirmationMessage}
\r\n\r\n handleDeleteModal()}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n // *************** ATTACHMENT *************** END\r\n\r\n isLcuReferenceMandatory() {\r\n return (\r\n this.state.drillReport.drillEmergencyLevel?.name === '2' ||\r\n this.state.drillReport.drillEmergencyLevel?.name === '3' ||\r\n this.state.drillReport.drillEmergencyLevel?.name === 'Crisis'\r\n );\r\n }\r\n\r\n renderTab = () => {\r\n let ui = true;\r\n if (this.state.drillReport != null) {\r\n ui = (this.state.drillReport !== undefined &&\r\n this.state.drillReport.unitsInvolved !== undefined &&\r\n this.state.drillReport.unitsInvolved.length > 0);\r\n }\r\n\r\n const validations = {\r\n idEmergencyLevel: this.validator.message(\r\n 'emergencyLevel',\r\n this.state.drillReport.idEmergencyLevel,\r\n 'required'\r\n ),\r\n lcuReference: this.validator.message(\r\n 'lcuReference',\r\n this.isLcuReferenceMandatory() ? this.state.drillReport.lcuReference : true,\r\n 'required'\r\n ),\r\n unitsInvolved: this.validator.message(\r\n 'unitsInvolved',\r\n ui,\r\n 'accepted'\r\n ),\r\n scenarioDescription: this.validator.message(\r\n 'scenarioDescription',\r\n this.state.drillReport.scenarioDescription,\r\n 'required'\r\n ),\r\n referenceProcedure: this.validator.message(\r\n 'referenceProcedure',\r\n this.state.drillReport.referenceProcedure,\r\n 'required'\r\n ),\r\n notes: this.validator.message(\r\n 'notes',\r\n this.state.drillReport.overallAssessmentNotes,\r\n 'required'\r\n ),\r\n equipmentUsed: this.validator.message(\r\n 'equipmentUsed',\r\n this.state.drillReport.equipmentUsed,\r\n 'required'\r\n ),\r\n isSatisfactory: this.validator.message(\r\n 'isSatisfactory',\r\n this.state.drillReport.isSatisfactory,\r\n 'required'\r\n ),\r\n /* RITM0822996 */\r\n needsToRepeat: this.validator.message(\r\n 'needsToRepeat',\r\n this.state.drillReport.needsToRepeat,\r\n 'required'\r\n ),\r\n timelines: this.validator.message(\r\n 'timelines',\r\n this.state.drillReport?.timelines ? \r\n (this.state.drillReport.timelines[0] && this.state.drillReport.timelines[1]) : true,\r\n 'required'\r\n ),\r\n };\r\n\r\n const selectedItemCombo = {\r\n unitinv: (this.state.drillReport?.unitsInvolved || []).map((elem) => elem.name).join(', '),\r\n };\r\n\r\n const TempScale = this.state.drillReport.temperatureScale;\r\n const timelineHead = [{ key: 'timeFrom', header: 'Time From' }, { key: 'activityDescription', header: 'Activity Description' }, { key: 'remarks', header: 'Remarks' }];\r\n const timelinesSorted = this.state.drillReport.timelines?.sort((a, b) => {\r\n const dateA = new Date('2000-01-01T00:00:00');\r\n const dateB = new Date('2000-01-01T00:00:00');\r\n const hA = moment(a.timeFrom, 'HH:mm a');\r\n const hB = moment(b.timeFrom, 'HH:mm a');\r\n dateA.setHours(hA.hours(), hA.minutes());\r\n dateB.setHours(hB.hours(), hB.minutes());\r\n return dateA - dateB;\r\n });\r\n return (\r\n <>\r\n {this.renderDeleteAttachmentModal()}\r\n \r\n
\r\n \r\n
\r\n \r\n Delete Attachment
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to delete ${this.state.selectedAttachment?.attachment.name}`}\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n {!this.props.editingDisabled ? (\r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\n render() {\r\n console.log(\"DrillReportDetail.render: genNotesStrengthPoints: \" + this.state.drillReport?.genNotesStrengthPoints);\r\n return this.renderTab();\r\n }\r\n}\r\n\r\nDrillReportDetail.propTypes = {\r\n deleteAttachment: PropTypes.func.isRequired,\r\n onUpload: PropTypes.func.isRequired,\r\n updateReportDetail: PropTypes.func.isRequired, \r\n downloading: PropTypes.bool.isRequired,\r\n drillReport: PropTypes.shape({\r\n id: PropTypes.string,\r\n sequence: PropTypes.number,\r\n drillReportCode: PropTypes.string,\r\n name: PropTypes.string,\r\n lcuReference: PropTypes.string,\r\n scenarioDescription: PropTypes.string,\r\n overallAssessmentNotes: PropTypes.string,\r\n isSatisfactory: PropTypes.bool,\r\n referenceProcedure: PropTypes.string,\r\n deliveryDate: PropTypes.string,\r\n isInPlannedWeek: PropTypes.bool,\r\n deliveryDateWithWeek: PropTypes.string,\r\n plannedWeekWithDate: PropTypes.string,\r\n idDrillPlan: PropTypes.string,\r\n idStatus: PropTypes.number,\r\n compilerAssignStatus: PropTypes.string,\r\n idLightCondition: PropTypes.string,\r\n idSeaCondition: PropTypes.string,\r\n idWeatherCondition: PropTypes.string,\r\n idEmergencyLevel: PropTypes.string,\r\n temperature: PropTypes.number,\r\n temperatureScale: PropTypes.string,\r\n windSpeed: PropTypes.number,\r\n equipmentUsed: PropTypes.string,\r\n distributionList: PropTypes.string,\r\n poB_BOS: PropTypes.number,\r\n pointsOfStrength: PropTypes.string,\r\n notes: PropTypes.string,\r\n needsToRepeat: PropTypes.bool,\r\n drillPlan: PropTypes.object, \r\n division: PropTypes.object,\r\n company: PropTypes.object,\r\n workSite: PropTypes.object,\r\n status: PropTypes.object,\r\n drillTypeDetail: PropTypes.object,\r\n drillType: PropTypes.object,\r\n lightCondition: PropTypes.object,\r\n seaCondition: PropTypes.object,\r\n weatherCondition: PropTypes.object,\r\n drillEmergencyLevel: PropTypes.object,\r\n drillNotificationForm: PropTypes.object,\r\n drillReportPlannedWeeks: PropTypes.array,\r\n drillCheckListRequirementAnswers: PropTypes.array,\r\n attachments: PropTypes.array,\r\n people: PropTypes.array,\r\n unitsInvolved: PropTypes.array,\r\n timelines: PropTypes.array,\r\n participant: PropTypes.object,\r\n drillReportProjects: PropTypes.array,\r\n projects: PropTypes.array,\r\n referenceDate: PropTypes.instanceOf(Date),\r\n referenceYear: PropTypes.number,\r\n referenceMonth: PropTypes.number,\r\n idCompiler: PropTypes.string,\r\n idDataApprover: PropTypes.string,\r\n idDivisionManager: PropTypes.string,\r\n compiler: PropTypes.object,\r\n dataApprover: PropTypes.object,\r\n divisionManager: PropTypes.object,\r\n }).isRequired,\r\n editingDisabled: PropTypes.bool.isRequired,\r\n emergencylevel: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n unitsInvolved: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n};\r\n\r\nexport default DrillReportDetail;\r\n","/* eslint-disable react/jsx-props-no-spreading */\r\n/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport {\r\n FormGroup,\r\n TextArea,\r\n Button,\r\n DataTable,\r\n TableContainer,\r\n TableToolbar,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableHeader,\r\n TableCell,\r\n TableToolbarContent,\r\n Tile,\r\n} from 'carbon-components-react';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport PropTypes from 'prop-types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport moment from 'moment';\r\nimport { NoRecordsPlaceholder } from '../../../../helpers/jsonschemaform/DataTableExtention';\r\n\r\nexport default class DrillPersonnel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n drillReport: this.props.drillReport || {},\r\n modalPersonDetailVisible: false,\r\n selectedPerson: {\r\n id: null,\r\n fullName: '',\r\n },\r\n };\r\n this.handlePersonDetailVisibility = this.handlePersonDetailVisibility.bind(this);\r\n this.handleDeletePersonModal = this.handleDeletePersonModal.bind(this);\r\n this.onPersonChanged = this.onPersonChanged.bind(this);\r\n this.onSubmitPerson = this.onSubmitPerson.bind(this);\r\n this.onPersonDelete = this.onPersonDelete.bind(this);\r\n this.savePersonnel = this.savePersonnel.bind(this);\r\n\r\n this.validator = new SimpleReactValidator({\r\n validators: {\r\n emails: {\r\n // name the rule\r\n message: 'The :attribute must be a valid email address list semicolon separated',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(\r\n val,\r\n // eslint-disable-next-line no-useless-escape\r\n /^(([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)(\\s*;\\s*|\\s*$))+$/i\r\n ) && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n time: {\r\n message: ':attribute must be a valid time',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(val, /^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]+$/) &&\r\n params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n datePicker: {\r\n message: 'The :attribute must be a valid date with mm/dd/yyyy format',\r\n rule: (val, params) => moment(val).isValid() && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n },\r\n });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.drillReport !== this.props.drillReport) {\r\n this.setState({ drillReport: nextProps.drillReport });\r\n }\r\n }\r\n\r\n onPersonChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedPerson = { ...prevState.selectedPerson };\r\n selectedPerson.fullName = value;\r\n return { selectedPerson };\r\n });\r\n }\r\n\r\n onSubmitPerson(event) {\r\n event.preventDefault();\r\n if (this.validator.fieldValid('fullName')) {\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n const selectedPerson = { ...prevState.selectedPerson };\r\n if (!selectedPerson.id) {\r\n selectedPerson.id = uuid();\r\n selectedPerson.idDrillReport = prevState.drillReport.id;\r\n // drillReport.people = prevState.drillReport.people.concat(\r\n // selectedPerson\r\n // );\r\n const notact = [selectedPerson];\r\n drillReport.people = notact.concat(prevState.drillReport.people);\r\n this.handlePersonDetailVisibility(null);\r\n } else {\r\n drillReport.people = prevState.drillReport.people\r\n .filter((item) => selectedPerson.id !== item.id)\r\n .concat(selectedPerson);\r\n this.handlePersonDetailVisibility(null);\r\n }\r\n return { drillReport };\r\n });\r\n } else {\r\n this.validator.showMessageFor('fullName');\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n onPersonDelete() {\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n const selectedPerson = { ...prevState.selectedPerson };\r\n drillReport.people = prevState.drillReport.people.filter(\r\n (item) => selectedPerson.id !== item.id\r\n );\r\n return { drillReport };\r\n });\r\n this.handleDeletePersonModal(null);\r\n }\r\n\r\n savePersonnel() {\r\n if (this.validator.fieldValid('people')) {\r\n this.props.onSave(this.state.drillReport);\r\n } else {\r\n this.validator.showMessageFor('people');\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n handlePersonDetailVisibility(id) {\r\n const person = this.state.drillReport.people.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalPersonDetailVisible: !oldState.modalPersonDetailVisible,\r\n selectedPerson: person || {},\r\n }));\r\n }\r\n\r\n handleDeletePersonModal(id) {\r\n const person = this.state.drillReport.people.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalPersonDeleteVisible: !oldState.modalPersonDeleteVisible,\r\n selectedPerson: person || {},\r\n }));\r\n }\r\n\r\n renderDeletePeopleModal = () =>\r\n this.state.modalPersonDeleteVisible && (\r\n {\r\n this.handleRequirementDeleteCancel();\r\n }}\r\n >\r\n \r\n \r\n \r\n {this.state.isDeletingReq ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n );\r\n };\r\n\r\n confirmDeleteCAR = (id, idAnswer) => {\r\n this.setState({\r\n idAnswerToDelete: idAnswer,\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n onCloseConfirm = () => {\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n };\r\n\r\n //* *************** ATTACHMENT **************** START\r\n showModalAttachment = (id) => {\r\n this.setState({\r\n idAnswerAttachment: id,\r\n isOpenModalAttachment: true,\r\n });\r\n };\r\n\r\n closeModalAttachment = () => {\r\n this.setState({\r\n isOpenModalAttachment: false,\r\n });\r\n };\r\n\r\n modalAttachment(user) {\r\n const modalHeader = {\r\n title: 'Attachments',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closeModalAttachment(),\r\n };\r\n\r\n return (\r\n <>\r\n {this.state.isOpenModalAttachment ? (\r\n false}>\r\n \r\n \r\n \r\n \r\n {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n async onDeleteAttachmentAnswer(Id) {\r\n this.props.deleteAnswerAttachment(Id, this.state.idAnswerAttachment);\r\n }\r\n\r\n downloadAttachmentAnswer = async (Id) => {\r\n this.props.downloadAnswerAttachment(Id, this.state.idAnswerAttachment);\r\n };\r\n\r\n async onUploadAnswer(fileIdentifier, fileName, fileType, size) {\r\n const newAttach = {\r\n id: uuid(),\r\n fileIdentifier: fileIdentifier.blobName,\r\n name: fileName,\r\n contentType: fileType,\r\n size,\r\n };\r\n this.props.uploadAnswerAttachment(this.state.idAnswerAttachment, newAttach);\r\n }\r\n //* *************** ATTACHMENT **************** END\r\n\r\n newCheckListRequirementAdded = (item) => {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n let count = 0;\r\n // for (const answer in drillCheckListRequirementAnswers) {\r\n // if (answer != null) count += 1;\r\n // }\r\n Object.keys(drillCheckListRequirementAnswers).forEach((key) => {\r\n if (drillCheckListRequirementAnswers[key] != null) count += 1;\r\n });\r\n drillCheckListRequirementAnswers[count] = item;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.modalAddRequirementVisible = !prevState.modalAddRequirementVisible;\r\n state.isSubmitted = false;\r\n state.drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n // this.repository.updateCachedAudit(this.state.drillReport); TODO\r\n return state;\r\n });\r\n };\r\n \r\n getNewCAR = () => (({ idAnswer, ...object }) => object)(this.state.carModel)\r\n\r\n saveCar = () => {\r\n if (this.validationsCar.allValid()) {\r\n let idDrillReport = null;\r\n const { idAnswer } = this.state?.carModel; \r\n this.setState({\r\n isSaveCar: true,\r\n });\r\n if (!this.state.isUpdateDocument) {\r\n idDrillReport = this.state.drillReport.id;\r\n // let { idAnswer } = this.state.carModel;\r\n if (idAnswer == null || idDrillReport == null) return;\r\n this.setState((prevState) => (\r\n \r\n { carModel: {\r\n ...prevState.carModel,\r\n idAnswer,\r\n } }));\r\n }\r\n\r\n const newCar = this.getNewCAR();\r\n\r\n const method = this.state.isUpdateDocument\r\n ? api.put(`drill/report/answer/car/${this.state.carModel.id}`, newCar)\r\n : api.post(`drill/report/${idDrillReport}/answer/${idAnswer}/car`, newCar);\r\n\r\n method\r\n .then(async (response) => {\r\n if (response.status === 200) {\r\n if (!this.state.isUpdateDocument) {\r\n newCar.idStatus = 1;\r\n newCar.status = {\r\n caManagementName: 'Draft',\r\n carManagementName: 'Assigned',\r\n carSimplifiedName: 'Opened',\r\n createdBy: 'System',\r\n createdOn: null,\r\n id: 1,\r\n name: 'Draft',\r\n planningName: 'Draft',\r\n reportingName: 'Opened',\r\n };\r\n newCar.drillCheckListRequirementAnswer = \r\n this.state.drillReport.drillCheckListRequirementAnswers.find(\r\n (qa) => qa.id === idAnswer\r\n );\r\n }\r\n newCar.idDrillReport = this.state.drillReport.id;\r\n newCar.drillReport = this.state.drillReport;\r\n newCar.drillCARCode = response.data?.drillCarCode;\r\n // await DrillRepository.updateCachedCarList(newCar);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\r\n getSuccess(\r\n entitiesLabels.EMERGENCYDRILL_CAR,\r\n this.state.isUpdateDocument ? apioperation.PUT : apioperation.POST\r\n )\r\n );\r\n\r\n if (!this.state.isUpdateDocument) {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n\r\n const index = drillCheckListRequirementAnswers.findIndex((qa) => qa.id === idAnswer);\r\n\r\n drillCheckListRequirementAnswers[index].car = response?.data?.drillCar\r\n ? response?.data?.drillCar\r\n : newCar;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.drillReport.drillCheckListRequirementAnswers =\r\n drillCheckListRequirementAnswers;\r\n return state;\r\n });\r\n this.closemodalCar();\r\n } else {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n\r\n const index = drillCheckListRequirementAnswers.findIndex(\r\n (qa) => qa.id === this.state.carModel.idAnswer\r\n );\r\n\r\n drillCheckListRequirementAnswers[index].car = response?.data\r\n ? response?.data\r\n : newCar;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.drillReport.drillCheckListRequirementAnswers =\r\n drillCheckListRequirementAnswers;\r\n return state;\r\n });\r\n this.closemodalCar();\r\n }\r\n this.closemodalCar();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.EMERGENCYDRILL, apioperation.POST));\r\n })\r\n .finally(() => {\r\n this.closemodalCar();\r\n this.setState(\r\n {\r\n isSaveCar: false,\r\n },\r\n () => {\r\n // this.getSelectedEntityRoles();\r\n }\r\n );\r\n });\r\n } else {\r\n this.validationsCar.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL_REPORT} required fields are missing `\r\n );\r\n\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n closemodalCar = () => {\r\n this.setState({\r\n carModel: {\r\n ...this.carModelProps(),\r\n },\r\n ownerModel: {\r\n ...this.ownerModelprops(),\r\n },\r\n isUpdateDocument: false,\r\n isOpenModalCar: false,\r\n });\r\n this.validationsCar = new SimpleReactValidator();\r\n };\r\n\r\n showGHRS = () => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.isOpenModalGHRS = true;\r\n this.setState(statusCopy);\r\n };\r\n\r\n handleChangeMode = (m) => {\r\n if (m === 0) {\r\n this.setState({ mode: m, isOpenModalGHRS: false });\r\n } else {\r\n this.setState({ mode: m, isOpenModalGHRS: true });\r\n }\r\n };\r\n\r\n onDetailsOfInefficiencyChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({ carModel: {\r\n ...prevState.carModel,\r\n detailsOfInefficiency: value,\r\n } }));\r\n }\r\n\r\n onFindingDescriptionChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({ carModel: {\r\n ...prevState.carModel,\r\n findingDescription: value,\r\n } }));\r\n }\r\n\r\n onCorrectiveActionChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({ carModel: {\r\n ...prevState.carModel,\r\n identifiedCorrectiveAction: value,\r\n } }));\r\n }\r\n\r\n updateStateDPCAR = (inputName, inputValue) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.duedate = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n const statusCopy = { ...this.state };\r\n statusCopy.ownerModel.fullname = employer.fullname;\r\n statusCopy.ownerModel.email = employer.email;\r\n statusCopy.carModel.carOwner = employer;\r\n statusCopy.carModel.idOwner = employer.id;\r\n statusCopy.carModel.owner = employer;\r\n this.setState(statusCopy);\r\n\r\n this.setState({ isOpenModalGHRS: false });\r\n }\r\n };\r\n\r\n handleChangeGHRSModal() {\r\n const statusCopy = { ...this.state };\r\n statusCopy.isOpenModalGHRS = false;\r\n this.setState(statusCopy);\r\n }\r\n\r\n // /Requirement\r\n showAddRequirement = () => {\r\n this.setState((oldState) => ({\r\n modalAddRequirementVisible: !oldState.modalAddRequirementVisible,\r\n }));\r\n };\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n const statusCopy = { ...this.state };\r\n statusCopy.ownerModel.fullname = employer.fullname;\r\n statusCopy.ownerModel.email = employer.email;\r\n statusCopy.carModel.carOwner = employer;\r\n statusCopy.carModel.idOwner = employer.id;\r\n statusCopy.carModel.owner = employer;\r\n statusCopy.carModel.idOwnerSaipem = null;\r\n statusCopy.carModel.ownerSaipem = null;\r\n this.setState(statusCopy);\r\n\r\n this.setState({ isOpenModalGHRS: false });\r\n }\r\n };\r\n\r\n setSaipemOwner = (employer) => {\r\n if (employer && employer.id) {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState };\r\n statusCopy.ownerModel.fullname = employer.fullname;\r\n statusCopy.ownerModel.email = employer.email;\r\n statusCopy.carModel.carOwner = employer;\r\n statusCopy.carModel.idOwnerSaipem = employer.id;\r\n statusCopy.carModel.ownerSaipem = employer;\r\n statusCopy.carModel.idOwner = null;\r\n statusCopy.carModel.owner = null;\r\n\r\n return { model: statusCopy, mode: 0, isOpenModalGHRS: false };\r\n });\r\n }\r\n };\r\n \r\n showModalCar = (idAnswer, requirement) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.id = uuid();\r\n statusCopy.carModel.idDrillReport = this.state.drillReport.id;\r\n statusCopy.carModel.idDrillCheckListRequirementAnswer = \r\n this.state.drillReport.drillCheckListRequirementAnswers[0].id;\r\n statusCopy.carModel.idStatus = 1;\r\n statusCopy.carModel.idAnswer = idAnswer;\r\n statusCopy.carModel.requirementCode = requirement;\r\n statusCopy.isOpenModalCar = true;\r\n statusCopy.carModel.detailsOfInefficiency = null;\r\n statusCopy.carModel.findingDescription = null;\r\n statusCopy.carModel.identifiedCorrectiveAction = null;\r\n this.setState(statusCopy);\r\n };\r\n\r\n getCarOwnerMail = (car) => {\r\n if (car.owner != null) {\r\n return car.owner.email;\r\n } \r\n if (car.ownerSaipem != null) {\r\n return car.ownerSaipem.email;\r\n }\r\n return '';\r\n }\r\n\r\n getCarOwnerFullName = (car) => {\r\n if (car.owner != null) {\r\n return car.owner.name;\r\n } \r\n if (car.ownerSaipem != null) {\r\n return car.ownerSaipem.name;\r\n }\r\n return '';\r\n }\r\n\r\n showModalUpdateCar = (idAnswer, car) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy.carModel.id = car.id;\r\n statusCopy.carModel.idDrillCheckListRequirementAnswer = car.idDrillCheckListRequirementAnswer;\r\n statusCopy.carModel.idAnswer = idAnswer;\r\n statusCopy.carModel.duedate = moment(car.dueDate).format('YYYY-MM-DD');\r\n statusCopy.carModel.detailsOfInefficiency = car.detailsOfInefficiency;\r\n statusCopy.carModel.findingDescription = car.findingDescription;\r\n statusCopy.carModel.identifiedCorrectiveAction = car.identifiedCorrectiveAction;\r\n statusCopy.carModel.idOwner = car.idOwner;\r\n statusCopy.carModel.idOwnerSaipem = car.idOwnerSaipem;\r\n statusCopy.carModel.idStatus = car.idStatus;\r\n statusCopy.carModel.status = car.status;\r\n statusCopy.ownerModel.email = this.getCarOwnerMail(car);\r\n statusCopy.ownerModel.fullname = this.getCarOwnerFullName(car);\r\n statusCopy.isOpenModalCar = true;\r\n statusCopy.isUpdateDocument = true;\r\n\r\n this.setState(statusCopy);\r\n };\r\n\r\n modalCar() {\r\n let diffduedate = true;\r\n if (this.state.drillReport.deliveryDate !== '0001-01-01T00:00:00Z') {\r\n diffduedate =\r\n !this.state.carModel.duedate ||\r\n moment(this.state.carModel.duedate).isSameOrAfter(\r\n moment(this.state.drillReport.deliveryDat),\r\n 'day'\r\n );\r\n }\r\n const modalHeader = {\r\n title: this.state.isUpdateDocument ? 'Edit Car' : 'Add new Car',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.closemodalCar(),\r\n };\r\n const validationCar = {\r\n detailsOfInefficiency: this.validationsCar.message(\r\n 'Details of inefficiency',\r\n this.state.carModel?.detailsOfInefficiency,\r\n 'required'\r\n ),\r\n findingDescription: this.validationsCar.message(\r\n 'Finding Description',\r\n this.state.carModel?.findingDescription,\r\n 'required'\r\n ),\r\n correctiveAction: this.validationsCar.message(\r\n 'Corrective Action to be implemented',\r\n this.state.carModel?.identifiedCorrectiveAction,\r\n 'required'\r\n ),\r\n dueDate: this.validationsCar.message('DueDate', this.state.carModel?.duedate, 'required'),\r\n email: this.validationsCar.message('Car Owner', this.state.ownerModel?.email, 'required'),\r\n duedate: this.validationsCar.message('Due Date ', diffduedate, 'accepted'),\r\n };\r\n return (\r\n <>\r\n {this.state.isOpenModalCar && !this.state.isOpenModalGHRS && (\r\n false}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {this.state.isOpenModalCar && this.state.isOpenModalGHRS && this.state.mode !== 2 && (\r\n this.handleChangeMode(0)}\r\n onOk={this.setSaipemOwner}\r\n />)\r\n }\r\n {/* {this.state.isOpenModalCar ? (\r\n !this.state.isOpenModalGHRS ? (\r\n false}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : this.state.mode !== 2 ? (\r\n this.handleChangeMode(0)}\r\n onOk={this.setSaipemOwner}\r\n />\r\n )\r\n ) : (\r\n ''\r\n )} */}\r\n \r\n );\r\n }\r\n\r\n IsRowSelectable() {\r\n const { drillReport } = this.state;\r\n if (drillReport == null || drillReport.idStatus === STATUS.Consolidated) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n //* *************** REQUIREMENT *****************// START\r\n showAddRequirement = (Template, Section) => {\r\n this.setState((oldState) => ({\r\n modalAddRequirementVisible: !oldState.modalAddRequirementVisible,\r\n addRequirementTemplate: Template,\r\n addRequirementSection: Section,\r\n }));\r\n };\r\n\r\n showDeleteRequirement(id) {\r\n this.setState((oldState) => ({\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: id,\r\n }));\r\n }\r\n\r\n showModifyRequirement = (idCheckListAnswer, requirement) => {\r\n this.setState((oldState) => ({\r\n modalUpdateRequirementVisible: !oldState.modalUpdateRequirementVisible,\r\n requirementToModify: requirement,\r\n checkListRequirementToModify: idCheckListAnswer,\r\n }));\r\n };\r\n\r\n showModifyRequirementTemplate = (idCheckListAnswer, requirement, templateId) => {\r\n this.setState((oldState) => ({\r\n modalUpdateRequirementVisible: !oldState.modalUpdateRequirementVisible,\r\n requirementToModify: requirement,\r\n checkListRequirementToModify: idCheckListAnswer,\r\n checkListRequirementToModifyTemplate: templateId\r\n }));\r\n };\r\n\r\n checkListRequirementUpdated = (item) => {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n const index = drillCheckListRequirementAnswers.findIndex(\r\n (qa) => qa.requirement?.id === item?.id\r\n );\r\n drillCheckListRequirementAnswers[index].requirement = item;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.modalUpdateRequirementVisible = !prevState.modalUpdateRequirementVisible;\r\n state.isSubmitted = false;\r\n state.drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n // this.repository.updateCachedAudit(this.state.inspectionModel); TODO\r\n return state;\r\n });\r\n };\r\n\r\n newCheckListRequirementAdded = (item) => {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n let count = 0;\r\n // for (const answer in drillCheckListRequirementAnswers) {\r\n // if (answer != null) count += 1;\r\n // }\r\n Object.keys(drillCheckListRequirementAnswers).forEach((key) => {\r\n if (drillCheckListRequirementAnswers[key] != null) count += 1;\r\n });\r\n drillCheckListRequirementAnswers[count] = item;\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.modalAddRequirementVisible = !prevState.modalAddRequirementVisible;\r\n state.isSubmitted = false;\r\n state.drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n // this.repository.updateCachedAudit(this.state.inspectionModel); TODO\r\n return state;\r\n });\r\n };\r\n\r\n handleRequirementDeleteCancel = () => {\r\n this.setState((oldState) => ({\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: null,\r\n }));\r\n };\r\n\r\n handleRequirementDelete = async () => {\r\n this.setState({ isDeletingReq: true });\r\n this.props.requirementDelete(this.state.requirementToDelete);\r\n this.setState((oldState) => ({\r\n modalDeleteRequirementVisible: !oldState.modalDeleteRequirementVisible,\r\n requirementToDelete: null,\r\n isDeletingReq: false,\r\n }));\r\n };\r\n\r\n renderRequirementDeleteModal = () => {\r\n const modalHeader = {\r\n title: 'Delete Custom Requirement',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.handleRequirementDeleteCancel(),\r\n };\r\n return (\r\n this.state.modalDeleteRequirementVisible && (\r\n {\r\n this.handleRequirementDeleteCancel();\r\n }}\r\n >\r\n \r\n \r\n \r\n {this.state.isDeletingReq ? \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n );\r\n };\r\n\r\n getRequirementAnswer = () => {\r\n const result = [];\r\n if (this.state.drillReport.drillCheckListRequirementAnswers) {\r\n this.state.drillReport.drillCheckListRequirementAnswers.forEach((item) => {\r\n if (item.requirement) result.push(item);\r\n });\r\n }\r\n return result;\r\n };\r\n\r\n getRequirementAnswerTemplate = (templateId) => {\r\n const result = [];\r\n if (this.state.drillReport.drillCheckListRequirementAnswers) {\r\n this.state.drillReport.drillCheckListRequirementAnswers.forEach((item) => {\r\n if (item.requirement && item.requirement.idDrillCheckListTemplate === templateId) {\r\n result.push(item);\r\n }\r\n });\r\n }\r\n return result;\r\n };\r\n //* *************** REQUIREMENT *****************// END\r\n\r\n //* *************** ANSWER *****************// START\r\n onAnswerChange = (id, answer) => {\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n const index = drillCheckListRequirementAnswers.findIndex((qa) => qa.id === id);\r\n if (drillCheckListRequirementAnswers[index].idAnswer !== answer.id) {\r\n drillCheckListRequirementAnswers[index].idAnswer = answer.id;\r\n drillCheckListRequirementAnswers[index].answer = answer;\r\n } else drillCheckListRequirementAnswers[index].idAnswer = null;\r\n this.setState((prevState) => {\r\n const drillReport = {\r\n ...prevState.drillReport,\r\n };\r\n drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n return { drillReport };\r\n });\r\n };\r\n\r\n onNoteChange(id, note) {\r\n note.preventDefault();\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n const index = drillCheckListRequirementAnswers.findIndex((qa) => qa.id === id);\r\n drillCheckListRequirementAnswers[index].notes = note.target.value;\r\n this.setState((prevState) => {\r\n const drillReport = {\r\n ...prevState.drillReport,\r\n };\r\n drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n return { drillReport };\r\n });\r\n }\r\n //* *************** ANSWER *****************// END\r\n\r\n //* *************** CAR *****************// START\r\n getCar(qa, user) {\r\n return (\r\n <>\r\n {!qa.car ? (\r\n this.showModalCar(qa.id, qa.question?.code)}\r\n >\r\n Associate CAR\r\n \r\n ) : (\r\n <>\r\n \r\n this.onDeleteCar(this.state.idAnswerToDelete, this.state.idToDelete)}\r\n />\r\n\r\n \r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n id={0}\r\n key={0}\r\n >\r\n { }}\r\n onKeyDown={() => { }}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n id={0}\r\n key={0}\r\n >\r\n {!template.active && \r\n this.toggleActiveTemplateQuestions(template.id)}\r\n className=\"toggle-bg-orange mb-20px\"\r\n labelText=\"Template Enabled\"\r\n aria-label=\"\"\r\n disabled={this.props.editingDisabled}\r\n id={`toggle-1 - ${template.id}`}\r\n />\r\n \r\n\r\n \r\n );\r\n\r\n render() {\r\n return this.props.drillReport ? (\r\n \r\n {({ user }) => (IsEnabled(user, 'Emergency Drill') ? <>{this.renderContent(user)} : '')}\r\n \r\n ) : (\r\n <>\r\n );\r\n }\r\n}\r\nexport default DrillReportSummary;\r\n\r\nDrillReportSummary.propTypes = {\r\n editingDisabled: PropTypes.bool.isRequired,\r\n disabled: PropTypes.bool,\r\n updateAnswers: PropTypes.func.isRequired,\r\n deleteAnswerAttachment: PropTypes.func.isRequired,\r\n downloadAnswerAttachment: PropTypes.func.isRequired,\r\n uploadAnswerAttachment: PropTypes.func.isRequired,\r\n requirementDelete: PropTypes.func.isRequired,\r\n drillReport: PropTypes.shape({\r\n id: PropTypes.instanceOf(uuid),\r\n sequence: PropTypes.number,\r\n drillReportCode: PropTypes.string,\r\n name: PropTypes.string,\r\n lcuReference: PropTypes.string,\r\n scenarioDescription: PropTypes.string,\r\n overallAssessmentNotes: PropTypes.string,\r\n isSatisfactory: PropTypes.bool,\r\n referenceProcedure: PropTypes.string,\r\n deliveryDate: PropTypes.instanceOf(Date),\r\n isInPlannedWeek: PropTypes.bool,\r\n deliveryDateWithWeek: PropTypes.string,\r\n plannedWeekWithDate: PropTypes.string,\r\n idDrillPlan: PropTypes.instanceOf(uuid),\r\n idStatus: PropTypes.number,\r\n compilerAssignStatus: PropTypes.string,\r\n idLightCondition: PropTypes.instanceOf(uuid),\r\n idSeaCondition: PropTypes.instanceOf(uuid),\r\n idWeatherCondition: PropTypes.instanceOf(uuid),\r\n idEmergencyLevel: PropTypes.instanceOf(uuid),\r\n temperature: PropTypes.number,\r\n temperatureScale: PropTypes.string,\r\n windSpeed: PropTypes.number,\r\n equipmentUsed: PropTypes.string,\r\n distributionList: PropTypes.string,\r\n poB_BOS: PropTypes.number,\r\n pointsOfStrength: PropTypes.string,\r\n notes: PropTypes.string,\r\n needsToRepeat: PropTypes.bool,\r\n drillPlan: PropTypes.object,\r\n status: PropTypes.object,\r\n lightCondition: PropTypes.object,\r\n seaCondition: PropTypes.object,\r\n weatherCondition: PropTypes.object,\r\n drillEmergencyLevel: PropTypes.object,\r\n drillNotificationForm: PropTypes.object,\r\n division: PropTypes.object,\r\n company: PropTypes.object,\r\n workSite: PropTypes.object,\r\n participant: PropTypes.object,\r\n drillTypeDetail: PropTypes.object,\r\n drillType: PropTypes.object,\r\n drillReportPlannedWeeks: PropTypes.arrayOf(PropTypes.object),\r\n drillCheckListRequirementAnswers: PropTypes.arrayOf(PropTypes.object),\r\n attachments: PropTypes.arrayOf(PropTypes.object),\r\n people: PropTypes.arrayOf(PropTypes.object),\r\n unitsInvolved: PropTypes.arrayOf(PropTypes.object),\r\n timelines: PropTypes.arrayOf(PropTypes.object),\r\n drillReportProjects: PropTypes.arrayOf(PropTypes.object),\r\n projects: PropTypes.arrayOf(PropTypes.object)\r\n })\r\n};\r\nDrillReportSummary.defaultProps = { \r\n disabled: false,\r\n drillReport: null\r\n };\r\n","/* eslint-disable react/jsx-props-no-spreading */\r\n/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport {\r\n FormGroup,\r\n TextArea,\r\n Button,\r\n DataTable,\r\n TableContainer,\r\n TableToolbar,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableHeader,\r\n TableCell,\r\n TableToolbarContent,\r\n Tile,\r\n TimePicker,\r\n DatePicker,\r\n DatePickerInput,\r\n} from 'carbon-components-react';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Send16 from '@carbon/icons-react/lib/email/16';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport PropTypes from 'prop-types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport moment from 'moment';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport { entitiesLabels } from '../../../../helpers/Constants';\r\nimport { NoRecordsPlaceholder } from '../../../../helpers/jsonschemaform/DataTableExtention';\r\nimport EmailChips from '../../../../helpers/EmailChips';\r\nimport DateTimePicker from '../../../../helpers/DateTimePicker';\r\n\r\nexport default class DrillNotificationForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n notificationData: this.props.NotificationFormData || { activities: [] },\r\n modalActivityDeleteVisible: false,\r\n flagTime: false,\r\n selectedActivity: {\r\n id: null,\r\n activity: null,\r\n from: null,\r\n to: null,\r\n date: null,\r\n },\r\n };\r\n this.onDistributionListModify = this.onDistributionListModify.bind(this);\r\n this.handleActivityDetailVisibility = this.handleActivityDetailVisibility.bind(this);\r\n this.handleDeleteActivityModal = this.handleDeleteActivityModal.bind(this);\r\n this.onTimeToChanged = this.onTimeToChanged.bind(this);\r\n this.onTimeFromChanged = this.onTimeFromChanged.bind(this);\r\n this.onActivityChanged = this.onActivityChanged.bind(this);\r\n this.onSubmitActivity = this.onSubmitActivity.bind(this);\r\n this.onActivityDateChange = this.onActivityDateChange.bind(this);\r\n this.onActivityDelete = this.onActivityDelete.bind(this);\r\n this.saveNotificationForm = this.saveNotificationForm.bind(this);\r\n this.sendNotification = this.sendNotification.bind(this);\r\n\r\n this.validator = new SimpleReactValidator({\r\n validators: {\r\n emails: {\r\n // name the rule\r\n message: 'The :attribute must be a valid email address list semicolon separated',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(\r\n val,\r\n // eslint-disable-next-line no-useless-escape\r\n /^(([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)(\\s*;\\s*|\\s*$))+$/i\r\n ) && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n time: {\r\n message: ':attribute must be a valid time',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(val, /^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]+$/) &&\r\n params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n datePicker: {\r\n message: 'The :attribute must be a valid date with mm/dd/yyyy format',\r\n rule: (val, params) => moment(val).isValid() && params.indexOf(val) === -1,\r\n required: true, // optional\r\n },\r\n },\r\n });\r\n this.validatorTime = new SimpleReactValidator({ locale: 'en' });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.NotificationFormData !== this.props.NotificationFormData) {\r\n this.setState({ notificationData: nextProps.NotificationFormData });\r\n }\r\n }\r\n\r\n onDistributionListModify(value) {\r\n // event.preventDefault();\r\n // const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n notificationData.distributionList = value;\r\n return { notificationData };\r\n });\r\n }\r\n\r\n updateStatesTime = (inputName, inputValue, objName) => {\r\n if (inputValue == false) {\r\n this.setState({ flagTime: true });\r\n if (!this.validatorTime.allValid()) {\r\n this.validatorTime.showMessages();\r\n }\r\n } else {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n statusCopy.flagTime = false;\r\n this.setState(statusCopy);\r\n }\r\n };\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n onTimeToChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.to = value;\r\n selectedActivity.time = `${selectedActivity.from} - ${value}`;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onTimeFromChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.from = value;\r\n selectedActivity.time = `${value} - ${selectedActivity.to}`;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onActivityChanged(event) {\r\n event.preventDefault();\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.activity = value;\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onActivityDateChange(e) {\r\n this.setState((prevState) => {\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.date = moment(e[0]).format('YYYY-MM-DD');\r\n return { selectedActivity };\r\n });\r\n }\r\n\r\n onSubmitActivity(event) {\r\n event.preventDefault();\r\n if (\r\n this.validator.fieldValid('date') &&\r\n this.validator.fieldValid('from') &&\r\n this.validator.fieldValid('to') &&\r\n this.validator.fieldValid('activity') &&\r\n this.validator.fieldValid('diffTIme')\r\n ) {\r\n if (!this.validatorTime.allValid()) {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n selectedActivity.time = `${selectedActivity.from} - ${selectedActivity.to}`;\r\n if (!selectedActivity.id) {\r\n selectedActivity.id = uuid();\r\n selectedActivity.idNotificationForm = prevState.notificationData.id;\r\n // notificationData.activities = prevState.notificationData.activities.concat(\r\n // selectedActivity\r\n // );\r\n const notact = [selectedActivity];\r\n notificationData.activities = notact.concat(prevState.notificationData.activities);\r\n this.handleActivityDetailVisibility(null);\r\n } else {\r\n notificationData.activities = prevState.notificationData.activities\r\n .filter((item) => selectedActivity.id !== item.id)\r\n .concat(selectedActivity);\r\n this.handleActivityDetailVisibility(null);\r\n }\r\n return { notificationData };\r\n });\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(\r\n `${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL} Time is invalid `\r\n );\r\n this.forceUpdate();\r\n }\r\n } else {\r\n this.validator.showMessageFor('auditor');\r\n this.validator.showMessageFor('from');\r\n this.validator.showMessageFor('date');\r\n this.validator.showMessageFor('to');\r\n this.validator.showMessageFor('activity');\r\n this.validator.showMessageFor('diffTIme');\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n onActivityDelete() {\r\n this.setState((prevState) => {\r\n const notificationData = { ...prevState.notificationData };\r\n const selectedActivity = { ...prevState.selectedActivity };\r\n notificationData.activities = prevState.notificationData.activities.filter(\r\n (item) => selectedActivity.id !== item.id\r\n );\r\n return { notificationData };\r\n });\r\n this.handleDeleteActivityModal(null);\r\n }\r\n\r\n saveNotificationForm() {\r\n if (\r\n this.validator.fieldValid('distributionList') &&\r\n this.validator.fieldValid('activities')\r\n ) {\r\n this.props.onSave(this.state.notificationData);\r\n } else {\r\n this.validator.showMessageFor('distributionList');\r\n this.validator.showMessageFor('activities');\r\n\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n sendNotification() {\r\n if (\r\n this.validator.fieldValid('distributionList') &&\r\n // this.validator.fieldValid('responsible') &&\r\n this.validator.fieldValid('activities')\r\n ) {\r\n this.props.onSend(this.state.notificationData);\r\n } else {\r\n this.validator.showMessageFor('distributionList');\r\n // this.validator.showMessageFor('responsible');\r\n this.validator.showMessageFor('activities');\r\n\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n handleActivityDetailVisibility(id) {\r\n const activity = this.state.notificationData.activities.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalActivityDetailVisible: !oldState.modalActivityDetailVisible,\r\n selectedActivity: activity || {},\r\n }));\r\n }\r\n\r\n handleDeleteActivityModal(id) {\r\n const activity = this.state.notificationData.activities.find((i) => i.id === id);\r\n this.setState((oldState) => ({\r\n modalActivityDeleteVisible: !oldState.modalActivityDeleteVisible,\r\n selectedActivity: activity || {},\r\n }));\r\n }\r\n\r\n renderDeleteActivitiesModal = () =>\r\n this.state.modalActivityDeleteVisible && (\r\n \r\n {!editingDisabled ? (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nDrillReportSignedAttachment.propTypes = {\r\n deleteSignedAttachment: PropTypes.func.isRequired,\r\n onUpload: PropTypes.func.isRequired,\r\n editingDisabled: PropTypes.bool.isRequired,\r\n drillReportId: PropTypes.string.isRequired,\r\n signedAttachmentsArray: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.string,\r\n name: PropTypes.string,\r\n contentType: PropTypes.string,\r\n size: PropTypes.string,\r\n fileIdentifier: PropTypes.string,\r\n filePath: PropTypes.string,\r\n type: PropTypes.string,\r\n })).isRequired,\r\n};\r\n\r\nexport default DrillReportSignedAttachment;\r\n","/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, Loading, Tab, Tabs, TabsSkeleton } from 'carbon-components-react';\r\nimport { Information16, CheckmarkOutline16, Send16, Error16 } from '@carbon/icons-react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport PageBreadCrumb from '../../../helpers/PageBreadCrumb';\r\nimport { me, api, drill } from '../../../helpers/api/api';\r\nimport {\r\n getError,\r\n getSuccess,\r\n apioperation,\r\n entitiesLabels,\r\n STATUS,\r\n} from '../../../helpers/Constants';\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport { IsEnabled, IsEditable, CanExecuteAction } from '../../../helpers/authorization/Policies';\r\nimport { WFActionModal } from '../../common/WFActionModal';\r\nimport { HistoryTable } from '../../../helpers/HistoryTable';\r\nimport { AppContext } from '../../../helpers/context/AppContext';\r\nimport { Online } from '../../common/OnLineOffLine';\r\n\r\nimport { DrillReportInformation } from './reportDetails/DrillReportInformation';\r\nimport { DrillReportDetail } from './reportDetails/DrillReportDetail';\r\nimport DrillPersonnel from './reportDetails/DrillPersonnel';\r\nimport { DrillReportSummary } from './reportDetails/DrillReportSummary';\r\nimport DrillNotificationForm from './reportDetails/DrillNotificationForm';\r\nimport DrillReportSignedAttachment from './reportDetails/DrillReportSignedAttachment';\r\nimport DrillRepository from '../../../helpers/api/DrillRepository';\r\n\r\nexport class DrillReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoadingDrillReport: true,\r\n downloading: null,\r\n tabsLoading: true,\r\n isSubmitted: false,\r\n id: this.props.match.params?.id || null,\r\n drillReport: {},\r\n lightCondition: [],\r\n seaCondition: [],\r\n weatherCondition: [],\r\n emergencylevel: [],\r\n unitsInvolved: [],\r\n // /Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n // approvalStartDate: null,\r\n // approvalEndDate: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n // idToDelete: null,\r\n // selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n validationDeliveryDate: false,\r\n // HT\r\n isHistoryModalOpen: false,\r\n editingDisabled: this.state?.drillReport\r\n ? !IsEditable(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n this.context.user,\r\n this.state.drillReport.status.id,\r\n 'All',\r\n this.state.drillReport\r\n )\r\n : false,\r\n };\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n\r\n // notification\r\n this.updateNotificationData = this.updateNotificationData.bind(this);\r\n this.sendNotificationData = this.sendNotificationData.bind(this);\r\n\r\n // attacchment\r\n // this.onUpload = this.onUpload.bind(this);\r\n this.onUploadAttachment = this.onUploadAttachment.bind(this);\r\n this.onUploadSignedAttachment = this.onUploadSignedAttachment.bind(this);\r\n this.downloadAttachment = this.downloadAttachment.bind(this);\r\n this.downloadSignedAttachment = this.downloadSignedAttachment.bind(this);\r\n // this.onDownload = this.onDownload.bind(this);\r\n this.deleteAttachment = this.deleteAttachment.bind(this);\r\n this.deleteSignedAttachment = this.deleteSignedAttachment.bind(this);\r\n // this.onDelete = this.onDelete(this);\r\n this.downloadAnswerAttachment = this.downloadAnswerAttachment.bind(this);\r\n this.uploadAnswerAttachment = this.uploadAnswerAttachment.bind(this);\r\n this.deleteAnswerAttachment = this.deleteAnswerAttachment.bind(this);\r\n this.requirementDelete = this.requirementDelete.bind(this);\r\n this.updateAnswers = this.updateAnswers.bind(this);\r\n this.updateMainInformation = this.updateMainInformation.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ tabsLoading: true });\r\n this.getDrillReport();\r\n this.getWeatherConditions();\r\n }\r\n\r\n showButtonHistory = () => (\r\n this.openModalHistory()}\r\n >\r\n History\r\n \r\n );\r\n\r\n openModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: true });\r\n };\r\n\r\n closeModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: false });\r\n };\r\n\r\n getDrillReport = async () => {\r\n await drill\r\n .getReport(this.state.id)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n const { data } = response;\r\n\r\n this.setState({\r\n drillReport: data,\r\n // notificationForm: data.drillNotificationForm,\r\n // activities: data.drillNotificationForm?.activities,\r\n tabsLoading: false,\r\n editingDisabled: !IsEditable(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n this.context.user,\r\n data?.status?.id,\r\n 'All',\r\n data\r\n ),\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.DRILLREPORT, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({ isLoadingDrillReport: false });\r\n });\r\n }\r\n\r\n getWeatherConditions = () => {\r\n this.setState({ tabsLoading: true });\r\n // endpoint\r\n api\r\n .getAll('/drill/lightCondition')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n lightCondition: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.LIGHTCONDITIONS, apioperation.GET)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.LIGHTCONDITIONS, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n api\r\n .getAll('/drill/seaCondition')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n seaCondition: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.SEACONDITIONS, apioperation.GET)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SEACONDITIONS, apioperation.GET));\r\n })\r\n .finally(() => {});\r\n api\r\n .getAll('/drill/weatherCondition')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n weatherCondition: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.WEATHERCONDITIONS, apioperation.GET)\r\n );\r\n }\r\n })\r\n .finally(() => {});\r\n api\r\n .getAll('drill/emergencylevel')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n emergencylevel: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.EMERGENCYDRILL, apioperation.GET)\r\n );\r\n }\r\n })\r\n .finally(() => {});\r\n api\r\n .getAll('drill/unitsInvolved')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n this.setState({\r\n unitsInvolved: response.data,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('Unsuccessfully get', entitiesLabels.EMERGENCYDRILL, apioperation.GET)\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WEATHERCONDITIONS, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({ tabsLoading: false });\r\n });\r\n };\r\n\r\n //* *************WF ACTION************ */\r\n getStatusActions = (user) => {\r\n if (!this.IsRowSelectable()) return null;\r\n\r\n return (\r\n \r\n <>\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n this.state.drillReport.idStatus,\r\n 'Submit',\r\n this.state.drillReport\r\n ) ? (\r\n {\r\n if (this.state.drillReport.deliveryDate !== '0001-01-01T00:00:00Z') {\r\n this.batchActionClick(\r\n 'submitreport',\r\n 'Submit',\r\n 'Data Approver',\r\n true,\r\n false\r\n );\r\n } else {\r\n this.validation();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n ` ${entitiesLabels.NOTIFICATION} required fields are missing `\r\n );\r\n\r\n this.forceUpdate();\r\n }\r\n }}\r\n >\r\n Submit Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n this.state.drillReport.idStatus,\r\n 'Approve',\r\n this.state.drillReport\r\n ) ? (\r\n \r\n this.batchActionClick(\r\n 'approvereport',\r\n 'Approve',\r\n null, /* RUOLI_APPROVATIVI_DEV_255_RITM0565449 */\r\n false, /* RUOLI_APPROVATIVI_DEV_255_RITM0565449 */\r\n false\r\n )\r\n }\r\n >\r\n Approve Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n this.state.drillReport.idStatus,\r\n 'Consolidate',\r\n this.state.drillReport\r\n ) ? (\r\n \r\n this.batchActionClick('consolidatereport', 'Consolidate', null, false, false)\r\n }\r\n >\r\n Consolidate Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n this.state.drillReport.idStatus,\r\n 'Reject',\r\n this.state.drillReport\r\n ) ? (\r\n \r\n this.batchActionClick('rejectreport', 'Reject', null, false, true)\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'Reporting',\r\n user,\r\n this.state.drillReport.idStatus,\r\n 'RejectConsolidate',\r\n this.state.drillReport\r\n ) ? (\r\n \r\n this.batchActionClick('rejectconsolidatereport', 'Reject', null, false, true)\r\n }\r\n >\r\n Reject Report\r\n \r\n ) : null}\r\n \r\n \r\n );\r\n };\r\n\r\n batchActionClick(\r\n actionKey,\r\n actionName,\r\n approverRole,\r\n withApprover,\r\n approvalNotesRequired\r\n ) {\r\n const idEntity = this.state.drillReport?.division?.id;\r\n\r\n this.setState({\r\n approvalModalAction: actionName,\r\n isApprovalModalOpen: true,\r\n isLoadingApproverOptions: true,\r\n withApprover,\r\n // selectedData: selectedRows,\r\n approverRole,\r\n approvalEndpoint: actionKey,\r\n approvalNotesRequired,\r\n });\r\n\r\n if (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n }\r\n\r\n handleApproverSelect = (selectedItem) => {\r\n this.setState({ approver: selectedItem });\r\n };\r\n\r\n handleCloseApprovalModal = () => {\r\n this.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n };\r\n\r\n handleApprovalNotesChange = (e) => {\r\n this.setState({ approvalNotes: e.target.value });\r\n };\r\n\r\n handleConfirmApprovalModal = () => {\r\n const apiEndpoint = this.state.approvalEndpoint;\r\n\r\n const data = {\r\n ids: [this.state.id],\r\n owner: this.state.approver,\r\n workflowNotes: this.state.approvalNotes,\r\n };\r\n\r\n this.setState({\r\n isLoadingWFOperation: true,\r\n });\r\n api\r\n .put(`/drill/${apiEndpoint}`, data, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n isApprovalModalOpen: false,\r\n tabsLoading: true,\r\n });\r\n } else {\r\n showNotification.error();\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.DRILLREPORT, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n })\r\n .finally(() => {\r\n this.setState(\r\n {\r\n tabsLoading: false,\r\n }\r\n );\r\n this.getDrillReport();\r\n });\r\n };\r\n\r\n getUsersInRole = (role, idEntity) => {\r\n me.getWithParam('users', {\r\n params: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n })\r\n .then((response) => {\r\n this.setState({\r\n approvers: response.data,\r\n isLoadingApproverOptions: false,\r\n });\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.ROLE, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingApproverOptions: false,\r\n });\r\n });\r\n };\r\n\r\n IsRowSelectable() {\r\n const { drillReport } = this.state;\r\n if (drillReport == null || drillReport.idStatus === STATUS.Consolidated) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n updateMainInformation = async () => {\r\n try {\r\n this.setState({ isSubmitted: true, editingDisabled: true });\r\n\r\n await api.put('/drill/maininformation', this.state.drillReport);\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false, editingDisabled: false });\r\n }\r\n };\r\n\r\n // ***************** NOTIFICATION FORM ***************** START\r\n updateNotificationData = async (item) => {\r\n if (this.state.drillReport.deliveryDate === null || this.state.drillReport.deliveryDate === '0001-01-01T00:00:00Z' || !this.state.drillReport.drillReportProjects[0]) {\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL} required fields are missing : \r\n ${(this.state.drillReport.deliveryDate === null || this.state.drillReport.deliveryDate === '0001-01-01T00:00:00Z') ? 'Date of DRILL Execution* is missing. ' : ''} \r\n ${(!this.state.drillReport.drillReportProjects[0]) ? 'Project field is missing.' : ''} `\r\n );\r\n } else {\r\n try {\r\n await this.updateMainInformation();\r\n this.setState((prevState) => ({\r\n isSubmitted: true,\r\n drillReport: {\r\n ...prevState.drillReport,\r\n drillNotificationForm: item,\r\n },\r\n }));\r\n\r\n await api.put('/drill/report/notification', item);\r\n\r\n const { drillReport } = this.state;\r\n drillReport.drillNotificationForm = item;\r\n DrillRepository.updateCachedDrill(drillReport);\r\n this.setState({ validationDeliveryDate: false });\r\n // this.repository.updateCachedDrill(drillReport);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.NOTIFICATION, apioperation.PUT));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.NOTIFICATION, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n };\r\n\r\n validation() {\r\n this.setState({ validationDeliveryDate: true });\r\n }\r\n\r\n sendNotificationData = async (notificationItem) => {\r\n if (this.state.drillReport.deliveryDate === null || this.state.drillReport.deliveryDate === '0001-01-01T00:00:00Z' || !this.state.drillReport.drillReportProjects[0]) {\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL} required fields are missing : \r\n ${(this.state.drillReport.deliveryDate === null || this.state.drillReport.deliveryDate === '0001-01-01T00:00:00Z') ? 'Date of DRILL Execution* is missing, \\r' : ''} \r\n ${(!this.state.drillReport.drillReportProjects[0]) ? 'Project field is missing' : ''} `\r\n );\r\n } else {\r\n await this.updateMainInformation();\r\n const item = notificationItem;\r\n item.sendedOn = new Date();\r\n item.sendedBy = this.context.user.email;\r\n try {\r\n this.setState((prevState) => ({\r\n isSubmitted: true,\r\n drillReport: {\r\n ...prevState.drillReport,\r\n drillNotificationForm: item,\r\n },\r\n }));\r\n await api.put('/drill/report/notification/send', item);\r\n\r\n const { drillReport } = this.state;\r\n drillReport.drillNotificationForm = item;\r\n DrillRepository.updateCachedDrill(drillReport);\r\n // this.repository.updateCachedDrill(drillReport);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, `${entitiesLabels.EMERGENCYDRILL} notification sent successfully`);\r\n } catch (error) {\r\n item.sendedOn = null;\r\n item.sendedBy = null;\r\n showNotification.error(`${entitiesLabels.ERROR}`, 'Error occurred, Notification not sent successfully');\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n };\r\n // ***************** NOTIFICATION FORM ***************** END\r\n\r\n // ***************** PERSONNEL ***************** START\r\n updatePersonnel = async (reportEdited) => {\r\n try {\r\n this.setState((prevState) => ({\r\n isSubmitted: true,\r\n drillReport: {\r\n ...prevState.drillReport,\r\n people: reportEdited?.people || [],\r\n },\r\n }));\r\n await api.put('/drill/report/personnel', reportEdited);\r\n const { drillReport } = this.state;\r\n drillReport.people = reportEdited?.people || [];\r\n DrillRepository.updateCachedDrill(drillReport);\r\n // this.repository.updateCachedAudit(this.state.drillReport);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n };\r\n // ***************** PERSONNEL ***************** END\r\n\r\n // ***************** REPORT DETAIL FORM ***************** START\r\n updateReportDetail = async (newDrillReportDetails) => {\r\n try {\r\n this.setState({\r\n isSubmitted: true,\r\n });\r\n await api.put('/drill/report/reportDetail', newDrillReportDetails);\r\n const { drillReport } = this.state;\r\n drillReport.timelines = newDrillReportDetails?.timelines || [];\r\n\r\n DrillRepository.updateCachedDrill(drillReport);\r\n // this.repository.updateCachedDrill(this.state.drill);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n };\r\n\r\n // ....=> ************ ATTACHMENT ************ START\r\n downloadAttachment = async (id) => this.onDownload(id, false)\r\n\r\n downloadSignedAttachment = async (id) => this.onDownload(id, true)\r\n\r\n onDownload = async (id, signedAttachment) => {\r\n const index = (signedAttachment ?\r\n this.state.drillReport.signedAttachments.findIndex((a) => a.idAttachment === id) :\r\n this.state.drillReport.attachments.findIndex((a) => a.idAttachment === id));\r\n try {\r\n this.setState({ downloading: id });\r\n let file = null;\r\n let name = null;\r\n if (signedAttachment) {\r\n file = await api.getBlob(\r\n `/drill/report/${this.state.drillReport.id}/signedattachment/${this.state.drillReport.signedAttachments[index].attachment.fileIdentifier}`\r\n ).data;\r\n name = this.state.drillReport.signedAttachments[index].attachment.name;\r\n } else {\r\n file = await api.getBlob(\r\n `/drill/report/${this.state.drillReport.id}/attachment/${this.state.drillReport.attachments[index].attachment.fileIdentifier}`\r\n ).data;\r\n name = this.state.drillReport.attachments[index].attachment.name;\r\n }\r\n return this.downloadFile(file, name);\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.FileUpload, apioperation.GET));\r\n } finally {\r\n this.setState({ downloading: null });\r\n }\r\n }\r\n\r\n deleteAttachment = async (id) => this.onDelete(id, false)\r\n\r\n deleteSignedAttachment = async (id) => this.onDelete(id, true)\r\n\r\n onDelete = async (id, signedAttachment) => {\r\n const index = (signedAttachment ? \r\n this.state.drillReport?.signedAttachments.findIndex((a) => a.idAttachment === id) :\r\n this.state.drillReport?.attachments.findIndex((a) => a.idAttachment === id));\r\n try {\r\n this.setState({ isSubmitted: true });\r\n if (signedAttachment) {\r\n await api.deleteData(\r\n `/drill/report/${this.state.drillReport.id}/signedattachment/${this.state.drillReport.signedAttachments[index].attachment.fileIdentifier}`\r\n );\r\n } else {\r\n await api.deleteData(\r\n `/drill/report/${this.state.drillReport.id}/attachment/${this.state.drillReport.attachments[index].attachment.fileIdentifier}`\r\n );\r\n }\r\n return this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n if (signedAttachment) {\r\n drillReport.signedAttachments = prevState.drillReport.signedAttachments.filter(\r\n (a) => a.idAttachment !== prevState.drillReport.signedAttachments[index].idAttachment\r\n );\r\n } else {\r\n drillReport.attachments = prevState.drillReport.attachments.filter(\r\n (a) => a.idAttachment !== prevState.drillReport.attachments[index].idAttachment\r\n );\r\n }\r\n return { drillReport };\r\n });\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.FileUpload, apioperation.DELETE)\r\n );\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n async onUploadAttachment(fileIdentifier, fileName, fileType, size) {\r\n this.onUpload(fileIdentifier, fileName, fileType, size, false);\r\n }\r\n\r\n async onUploadSignedAttachment(fileIdentifier, fileName, fileType, size) {\r\n this.onUpload(fileIdentifier, fileName, fileType, size, true);\r\n }\r\n\r\n async onUpload(fileIdentifier, fileName, fileType, size, signedAttachement) {\r\n const newAttach = {\r\n id: uuid(),\r\n fileIdentifier: fileIdentifier.blobName,\r\n name: fileName,\r\n contentType: fileType,\r\n size,\r\n };\r\n try {\r\n this.setState({ isSubmitted: true });\r\n if (signedAttachement) {\r\n await api.post(`/drill/report/${this.state.drillReport.id}/signedattachment`, newAttach);\r\n } else {\r\n await api.post(`/drill/report/${this.state.drillReport.id}/attachment`, newAttach);\r\n }\r\n return this.setState(async (prevState) => { //RITM0995432\r\n const drillReport = { ...prevState.drillReport };\r\n if (signedAttachement) {\r\n drillReport.signedAttachments.push({\r\n idAttachment: newAttach.id,\r\n idDrillReport: drillReport.id,\r\n attachment: newAttach,\r\n });\r\n } else {\r\n drillReport.attachments.push({\r\n idAttachment: newAttach.id,\r\n idDrillReport: drillReport.id,\r\n attachment: newAttach,\r\n });\r\n }\r\n await DrillRepository.updateCachedDrill(drillReport); //RITM0995432\r\n return { drillReport };\r\n });\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.EMERGENCYDRILL, apioperation.POST)\r\n );\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n // eslint-disable-next-line class-methods-use-this\r\n downloadFile(blob, fileName) {\r\n if (navigator.msSaveBlob) {\r\n // IE 10+\r\n navigator.msSaveBlob(blob, fileName);\r\n } else {\r\n const link = document.createElement('a');\r\n // Browsers that support HTML5 download attribute\r\n if (link.download !== undefined) {\r\n const url = URL.createObjectURL(blob);\r\n link.setAttribute('href', url);\r\n link.setAttribute('download', fileName);\r\n link.style.visibility = 'hidden';\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n }\r\n // ....=> ************ ATTACHMENT ************ END\r\n\r\n // ***************** REPORT DETAIL FORM ***************** END\r\n\r\n // ***************** REPORT SUMMARY ***************** START\r\n async updateAnswers(drillReport) {\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.put('/drill/report/checklist', drillReport);\r\n DrillRepository.updateCachedDrill(drillReport);\r\n // this.repository.updateCachedAudit(this.state.inspectionModel); TODO\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.EMERGENCYDRILL, apioperation.PUT));\r\n this.setState({ isSubmitted: false });\r\n } catch (error) {\r\n showNotification.error(error.response.statusText, error.response.data);\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n async deleteAnswerAttachment(Id, idAnswerAttachment) {\r\n const answer = this.state.drillReport.drillCheckListRequirementAnswers.find(\r\n (item) => item.attachments.count !== 0 && item.id === idAnswerAttachment\r\n );\r\n const selectedItem = answer.attachments.find((item) => item.id === Id);\r\n try {\r\n this.setState({ isSubmitted: true });\r\n const { fileIdentifier } = selectedItem.attachment;\r\n\r\n await drill.deleteAttach(\r\n `/drill/report/${this.state.drillReport.id}/answer/${idAnswerAttachment}/attachment/${fileIdentifier} `\r\n );\r\n const index = answer.attachments.indexOf(selectedItem);\r\n if (index > -1) {\r\n answer.attachments.splice(index, 1);\r\n }\r\n return `${entitiesLabels.SUCCESS}`;\r\n } catch (error) {\r\n return showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.EMERGENCYDRILL, apioperation.POST)\r\n );\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n }\r\n\r\n downloadAnswerAttachment = async (id, idAnswerAttachment) => {\r\n const answer = this.state.drillReport.drillCheckListRequirementAnswers.find(\r\n (item) => item.attachments.count !== 0 && item.id === idAnswerAttachment\r\n );\r\n const index = answer.attachments.findIndex((a) => a.id === id);\r\n let file;\r\n try {\r\n this.setState({ downloading: id });\r\n const fileA = answer.attachments[index].attachment;\r\n file = (\r\n await api.getAll(\r\n `/drill/report/${this.state.drillReport.id}/answer/${idAnswerAttachment}/attachment/${fileA.fileIdentifier}`\r\n )\r\n ).data;\r\n this.downloadFile(file, fileA.name, fileA.contentType);\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.FileUpload, apioperation.GET));\r\n } finally {\r\n this.setState({ downloading: null });\r\n }\r\n return file;\r\n };\r\n\r\n async uploadAnswerAttachment(idAnswerAttachment, newAttach) {\r\n const answer = this.state.drillReport.drillCheckListRequirementAnswers.find(\r\n (item) => item.attachments.count !== 0 && item.id === idAnswerAttachment\r\n );\r\n const index = this.state.drillReport.drillCheckListRequirementAnswers.indexOf(answer);\r\n this.setState({ isSubmitted: true });\r\n await api\r\n .post(\r\n `/drill/report/${this.state.drillReport.id}/answer/${idAnswerAttachment}/attachment`,\r\n newAttach\r\n )\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.ATTACHMENT, apioperation.POST));\r\n\r\n answer.attachments.push(response.data);\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n drillReport.drillCheckListRequirementAnswers[index] = answer;\r\n DrillRepository.updateCachedDrill(drillReport);\r\n return { drillReport };\r\n });\r\n } else {\r\n showNotification.error();\r\n }\r\n this.setState({ isSubmitted: false });\r\n })\r\n .catch((error) => {\r\n this.setState({ isSubmitted: false });\r\n return showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.ATTACHMENT, apioperation.POST)\r\n );\r\n });\r\n }\r\n\r\n requirementDelete = async (requirementToDelete) => {\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.delete('drill/report/checklistquestion/', requirementToDelete);\r\n this.setState({ isSubmitted: false });\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n\r\n const index = drillCheckListRequirementAnswers.findIndex(\r\n (qa) => qa.requirement?.id === requirementToDelete\r\n );\r\n drillCheckListRequirementAnswers.splice(index, 1);\r\n this.setState((prevState) => {\r\n const drillReport = { ...prevState.drillReport };\r\n drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n return { drillReport };\r\n });\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.EMERGENCYDRILL_REQ, apioperation.DELETE));\r\n } catch (error) {\r\n this.setState({ isSubmitted: false });\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(entitiesLabels.EMERGENCYDRILL_REQ, apioperation.DELETE));\r\n throw error;\r\n }\r\n };\r\n // ***************** REPORT SUMMARY ***************** END\r\n\r\n // oppure (key, val)\r\n updateDrillReport(drillReport) {\r\n this.setState({\r\n drillReport,\r\n });\r\n }\r\n\r\n // ***************** RENDER ***************** START\r\n renderLoadingModal = () => {\r\n const show = this.state.isSubmitted;\r\n return show && \r\n {({ user }) => (IsEnabled(user, 'Emergency Drill') ? \r\n <>\r\n {this.renderTabs()}\r\n ;\r\n : '')}\r\n \r\n ) : (\r\n <>\r\n );\r\n }\r\n // ***************** RENDER ***************** END\r\n}\r\n\r\nDrillReport.propTypes = {\r\n match: PropTypes.shape({\r\n path: PropTypes.string,\r\n params: PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n }),\r\n url: PropTypes.string,\r\n }).isRequired,\r\n history: PropTypes.shape({\r\n block: PropTypes.func,\r\n createHref: PropTypes.func,\r\n go: PropTypes.func,\r\n goBack: PropTypes.func,\r\n goForward: PropTypes.func,\r\n listen: PropTypes.func,\r\n push: PropTypes.func,\r\n replace: PropTypes.func,\r\n length: PropTypes.number,\r\n action: PropTypes.string,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n key: PropTypes.string\r\n }),\r\n }).isRequired,\r\n};\r\n\r\nDrillReport.contextType = AppContext;\r\nexport default DrillReport;\r\n","/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { TextInput, Loading, FormGroup, Button, TextArea, TextInputSkeleton, DatePickerSkeleton } from 'carbon-components-react';\r\nimport '../../../../scss/custom.scss';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport {\r\n CheckmarkOutline16,\r\n Information16,\r\n} from '@carbon/icons-react/lib/';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport { getError, getSuccess, entitiesLabels, apioperation, DateFormat } from '../../../../helpers/Constants';\r\nimport { api } from '../../../../helpers/api/api';\r\nimport { IsEditable, CanExecuteAction } from '../../../../helpers/authorization/Policies';\r\nimport { AppContext } from '../../../../helpers/context/AppContext';\r\nimport PageBreadCrumb from '../../../../helpers/PageBreadCrumb';\r\nimport { switchDateFormat } from '../../../../helpers/jsonschemaform/customwidget/utils';\r\nimport { WFActionModal } from '../../../common/WFActionModal';\r\nimport { HistoryTable } from '../../../../helpers/HistoryTable';\r\nimport DrillRepository from '../../../../helpers/api/DrillRepository';\r\nimport DateTimePicker from '../../../../helpers/DateTimePicker';\r\nimport AttachmentTable from '../../../common/AttachmentTable';\r\n\r\n\r\nexport default class DrillCARDetail extends Component {\r\n baseUrl;\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n // const idDrillEdit = props ? props.match.params.id : '';\r\n const idCar = props ? props.match.params.idCar : '';\r\n // const idAnswer = props ? props.match.params.idAnswer : '';\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n isSubmitted: false,\r\n // idDrillEdit,\r\n idCar,\r\n // idAnswer,\r\n isLoading: true,\r\n model: null,\r\n\r\n // /Status Action\r\n isApprovalModalOpen: false,\r\n approvalModalAction: '',\r\n approver: null,\r\n // approvalStartDate: null,\r\n // approvalEndDate: null,\r\n isLoadingApproverOptions: true,\r\n approvalValidationMessages: [],\r\n approvers: [],\r\n // selectedData: [],\r\n approverRole: '',\r\n withApprover: true,\r\n isLoadingWFOperation: false,\r\n approvalNotesRequired: false,\r\n // /Status Action\r\n isHistoryModalOpen: false,\r\n };\r\n this.baseUrl = `/drill/report/answer/car/${this.state.idCar}`;\r\n\r\n this.onCauseofInefficiencyChange = this.onCauseofInefficiencyChange.bind(this);\r\n this.onCorrectiveActionChange = this.onCorrectiveActionChange.bind(this);\r\n this.onImmediateTreatmentChange = this.onImmediateTreatmentChange.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getCAR();\r\n }\r\n\r\n getCAR = () => {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n\r\n api\r\n .getAll(this.baseUrl)\r\n .then((response) => {\r\n const { data } = response;\r\n if (data) {\r\n this.setState({\r\n // model: data,\r\n model: {\r\n ...data,\r\n drillReport: data.drillCheckListRequirementAnswer.drillReport\r\n ? data.drillCheckListRequirementAnswer.drillReport\r\n : data.drillReport,\r\n },\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`, 'CAR not found');\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.GET));\r\n this.props.history.push(this.baseUrl);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n updateCar = async () => {\r\n if (this.validator.allValid()) {\r\n try {\r\n this.setState({ isSubmitted: true });\r\n await api.put(this.baseUrl, this.state.model);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.CAR, apioperation.PUT));\r\n\r\n await DrillRepository.updateCachedCarList(this.state.model);\r\n } catch (error) {\r\n // showNotification.error(getError(entitiesLabels.CAR, apioperation.PUT));\r\n } finally {\r\n this.setState({ isSubmitted: false });\r\n }\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL_CAR} required fields are missing `\r\n );\r\n this.forceUpdate();\r\n }\r\n };\r\n\r\n showButtonHistory = () => (\r\n this.openModalHistory()}\r\n >\r\n History\r\n \r\n );\r\n\r\n openModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: true });\r\n };\r\n\r\n closeModalHistory = () => {\r\n this.setState({ isHistoryModalOpen: false });\r\n };\r\n\r\n showLoading() {\r\n const show = this.state.isLoading || this.state.isSubmitted;\r\n const descr = this.state.isSubmitted ? 'Saving...' : 'Loading data...';\r\n return show && { this.updateCar(); this.batchActionClick('Close', 'Close', null, false, true, null); }}\r\n >\r\n Close CAR\r\n \r\n ) : null}\r\n\r\n {CanExecuteAction(\r\n 'Emergency Drill',\r\n 'CARSimplified',\r\n user,\r\n idStatus,\r\n 'Open',\r\n canEditResource\r\n ) ? (\r\n this.batchActionClick('Open', 'Open', null, false, true, null)}\r\n >\r\n Open CAR\r\n \r\n ) : null}\r\n \r\n );\r\n };\r\n\r\n // WF\r\n handleApproverSelect = (selectedItem) => {\r\n this.setState({ approver: selectedItem });\r\n };\r\n\r\n handleCloseApprovalModal = () => {\r\n this.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n };\r\n\r\n handleApprovalNotesChange = (e) => {\r\n this.setState({ approvalNotes: e.target.value });\r\n };\r\n\r\n handleConfirmApprovalModal = () => {\r\n const apiEndpoint = this.state.approvalEndpoint;\r\n\r\n const data = {\r\n ids: [this.state.idCar],\r\n owner: this.state.approver,\r\n workflowNotes: this.state.approvalNotes,\r\n };\r\n\r\n if (this.state.model.correctiveAction == null && this.state.model.idStatus !== 4) {\r\n this.setState({\r\n isApprovalModalOpen: false,\r\n });\r\n showNotification.warning(`${entitiesLabels.WARNING}`, 'Corrective Action required field is missing');\r\n } else {\r\n this.setState({\r\n isLoadingWFOperation: true,\r\n });\r\n api\r\n .put(`/drill/report/${this.state.model.drillReport.id}/car/${apiEndpoint}`, data, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.CAR, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n isApprovalModalOpen: false,\r\n isLoading: true,\r\n // model: null\r\n });\r\n this.getCAR();\r\n } else {\r\n showNotification.error();\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.PUT));\r\n this.setState({\r\n isLoadingWFOperation: false,\r\n });\r\n })\r\n .finally(() => {});\r\n }\r\n };\r\n\r\n getUrlBack = () => {\r\n if (this.state.model?.drillReport?.id != null) {\r\n this.props.history.goBack();\r\n }\r\n };\r\n\r\n updateActualCompletitionDate = (_, completationDate) => {\r\n this.setState((prevState) => \r\n ({ model: { ...prevState.model, actualDateCompletition: completationDate } }));\r\n } \r\n\r\n clearAttachment = () => ({\r\n id: null, // guid\r\n fileIdentifier: null,\r\n name: null,\r\n contentType: null,\r\n size: null,\r\n type: null,\r\n });\r\n\r\n onUploadFiles = (fileIdentifier, fileName, fileType, size) => {\r\n const attachment = { ...this.state.attachment };\r\n\r\n attachment.id = uuid();\r\n attachment.fileIdentifier = fileIdentifier.blobName;\r\n attachment.name = fileName;\r\n attachment.contentType = fileType;\r\n attachment.size = size;\r\n // attachment.filePath = file.localPath;\r\n\r\n this.setState({\r\n attachment: this.clearAttachment(),\r\n });\r\n\r\n try {\r\n if (attachment == null) return;\r\n // insert\r\n //RITM0994510 RITM0983788 - EM Drill Upload CAR\r\n // this.setState((prevState) => {\r\n // const oldattachment = prevState.attachment || [];\r\n\r\n // const newItem = {\r\n // id: uuid(), // guid\r\n\r\n // idAttachment: attachment.id, // guid\r\n // attachment,\r\n // };\r\n\r\n // const newattachment = oldattachment.concat([newItem]);\r\n // return { model: { ...prevState.model, attachment: newattachment } };\r\n //});\r\n const oldattachment = this.state.model.attachment || [];\r\n\r\n const newItem = {\r\n id: uuid(), // guid\r\n\r\n idAttachment: attachment.id, // guid\r\n attachment,\r\n };\r\n\r\n const newattachment = oldattachment.concat([newItem]);\r\n this.setState((prevState) => ({ model: { ...prevState.model, attachment: newattachment } }));\r\n //End\r\n } catch (error) {\r\n showNotification.error();\r\n }\r\n };\r\n\r\n onRemoveFile = (id) => {\r\n if (!id) return;\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.model };\r\n statusCopy.attachment = statusCopy.attachment.filter((el) => el.id !== id);\r\n return { model: statusCopy };\r\n });\r\n };\r\n\r\n\r\n render() {\r\n let emailOwner = null;\r\n if (this.state.model != null) {\r\n if (this.state.model.owner != null) {\r\n emailOwner = this.state.model.owner.email;\r\n } else if (this.state.model.ownerSaipem != null) {\r\n emailOwner = this.state.model.ownerSaipem.email;\r\n } else {\r\n emailOwner = '';\r\n }\r\n }\r\n\r\n const canEditResource = this.state.model && {\r\n idCompiler: this.state.model.drillReport.idCompiler,\r\n idDataApprover: this.state.model.drillReport.idDataApprover,\r\n idDivisionManager: this.state.model.drillReport.idDivisionManager,\r\n email: emailOwner\r\n };\r\n const validations = {\r\n correctiveAction: this.validator.message(\r\n 'Corrective Action',\r\n this.state.model?.correctiveAction,\r\n 'required'\r\n ),\r\n };\r\n return (\r\n \r\n {({ user }) => (\r\n <>\r\n \r\n );\r\n }\r\n}\r\n\r\nDrillCARDetail.propTypes = {\r\n match: PropTypes.shape({\r\n params: PropTypes.shape({\r\n idCar: PropTypes.string,\r\n }),\r\n }).isRequired,\r\n history: PropTypes.shape({\r\n length: PropTypes.number,\r\n action: PropTypes.string,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n state: PropTypes.object\r\n }),\r\n index: PropTypes.number,\r\n entries: PropTypes.array,\r\n createHref: PropTypes.func,\r\n push: PropTypes.func,\r\n replace: PropTypes.func,\r\n go: PropTypes.func,\r\n goBack: PropTypes.func,\r\n goForward: PropTypes.func,\r\n canGo: PropTypes.func,\r\n block: PropTypes.func,\r\n listen: PropTypes.func\r\n }).isRequired,\r\n};\r\n","/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n Form,\r\n Loading,\r\n FormGroup,\r\n ComposedModal,\r\n DatePickerSkeleton,\r\n TextArea,\r\n Button,\r\n DataTable,\r\n Pagination,\r\n DataTableSkeleton,\r\n Table,\r\n TableHeader,\r\n TableHead,\r\n TableRow,\r\n TableContainer,\r\n TableBody,\r\n TableCell,\r\n TextInput,\r\n FormLabel,\r\n} from 'carbon-components-react';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport View16 from '@carbon/icons-react/lib/view--filled/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n RenderDataTableCell,\r\n NoRecordsPlaceholder,\r\n} from '../../../../helpers/jsonschemaform/DataTableExtention';\r\nimport { FindGHRSEmployer } from '../../../common/FindGHRSEmployer';\r\nimport PageBreadCrumb from '../../../../helpers/PageBreadCrumb';\r\nimport { IsEditable } from '../../../../helpers/authorization/Policies';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport {\r\n DateFormat,\r\n entitiesLabels,\r\n getError,\r\n apioperation,\r\n getSuccess,\r\n} from '../../../../helpers/Constants';\r\nimport DateTimePicker from '../../../../helpers/DateTimePicker';\r\nimport { api } from '../../../../helpers/api/api';\r\nimport { AppContext } from '../../../../helpers/context/AppContext';\r\nimport DrillRepository from '../../../../helpers/api/DrillRepository';\r\nimport { Online, Offline } from '../../../common/OnLineOffLine';\r\nimport { FindSaipemCompilers } from '../../../common/FindSaipemCompilers';\r\n\r\nexport class DrillCarList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n isOpenModalGHRS: false,\r\n drillKey: this.props.match.params.id,\r\n drillCode: null,\r\n drillCarModel: null,\r\n drillReport: {},\r\n carList: [],\r\n mode: 0,\r\n isOpenModalCar: false,\r\n isLoadingElement: false,\r\n isLoadingDate: false,\r\n\r\n currentPage: 1,\r\n pageSize: 10,\r\n rowCount: 0,\r\n };\r\n\r\n this.baseUrl = '/drill/report';\r\n\r\n this.handleChangeGHRSModal = this.handleChangeGHRSModal.bind(this);\r\n this.setEmployer = this.setEmployer.bind(this);\r\n this.getIsEditable = this.getIsEditable.bind(this);\r\n this.getCanEditResource = this.getCanEditResource.bind(this);\r\n this.handleCarDeleteCancel = this.handleCarDeleteCancel.bind(this);\r\n this.onDetailsOfInefficiencyChange = this.onDetailsOfInefficiencyChange.bind(this);\r\n this.onFindingDescriptionChange = this.onFindingDescriptionChange.bind(this);\r\n this.onCorrectiveActionChange = this.onCorrectiveActionChange.bind(this);\r\n }\r\n\r\n baseUrl;\r\n\r\n componentDidMount() {\r\n this.getCarList(this.state.drillKey);\r\n }\r\n\r\n getCarList(id) {\r\n this.setState({\r\n isLoadCar: true,\r\n });\r\n const dataInput = {\r\n params: {\r\n page: this.state.currentPage,\r\n pageSize: this.state.pageSize,\r\n },\r\n };\r\n api\r\n .getWithParam(`drill/report/${id}/car`, dataInput)\r\n .then((response) => {\r\n if (response.status === 200) {\r\n const { data } = response;\r\n if (data) {\r\n this.setState({\r\n carList: data.drillCAR.itemList,\r\n drillReport: data.drillReport,\r\n drillCode: data.drillCode,\r\n page: data.drillCAR.currentPage,\r\n pageSize: data.drillCAR.pageSize,\r\n pageCount: data.drillCAR.pageCount,\r\n rowCount: data.drillCAR.rowCount,\r\n });\r\n } \r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.GET));\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadCar: false,\r\n isLoadingElement: false,\r\n });\r\n });\r\n }\r\n\r\n handleChangePaging = async (page) => {\r\n await new Promise((resolve) => {\r\n this.setState({ currentPage: page.page, \r\n pageSize: page.pageSize, \r\n loading: true, \r\n isBack: false }, resolve);\r\n });\r\n this.getCarList(this.state.drillKey);\r\n };\r\n\r\n updateCAR() {\r\n if (this.validator.allValid()) {\r\n const car = this.state.drillCarModel;\r\n car.idDrillReport = this.state.drillReport.id;\r\n if (car.id == null) return;\r\n const url = this.getUrlDetailCar(car.id);\r\n api\r\n .put(url, car, '')\r\n .then(async (response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.CAR, apioperation.PUT));\r\n await DrillRepository.updateCachedCarList(car);\r\n const id = this.state.drillKey;\r\n this.getCarList(id);\r\n this.closemodalCar();\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.PUT));\r\n })\r\n .finally(() => {});\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.EMERGENCYDRILL_REPORT} required fields are missing `\r\n );\r\n\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n handleCarDeleteCancel() {\r\n this.setState({\r\n idToDelete: null,\r\n isOpenDeleteModal: false,\r\n isDeleting: false,\r\n });\r\n }\r\n\r\n confirmDeleteCAR = (id) => {\r\n this.setState({\r\n idToDelete: id,\r\n isOpenDeleteModal: true,\r\n isDeleting: false,\r\n });\r\n };\r\n\r\n confirmDeleteCar = () => \r\n // const modalHeader = {\r\n // title: 'Delete Car',\r\n // iconDescription: 'Close',\r\n // buttonOnClick: () => this.handleRequirementDeleteCancel(),\r\n // };\r\n (\r\n this.state.isOpenDeleteModal && (\r\n {\r\n this.handleCarDeleteCancel();\r\n }}\r\n >\r\n this.handleRequirementDeleteCancel()}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n )\r\n ;\r\n\r\n deleteCAR() {\r\n const item = this.state.carList.find((el) => el.id === this.state.idToDelete);\r\n\r\n const url = `${this.baseUrl}/${this.state.drillReport.id}/answer/${item.idAnswer}/car/${item.id}`;\r\n api\r\n .delete(url, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.CAR, apioperation.DELETE));\r\n const id = this.state.drillKey;\r\n this.getCarList(id);\r\n this.setState({\r\n isOpenDeleteModal: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.DELETE));\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n const statusCopy = { ...this.state };\r\n statusCopy[objName][inputName] = inputValue;\r\n this.setState(statusCopy);\r\n };\r\n\r\n getUrlDetailCar = (id) => {\r\n if (id == null) return '#';\r\n return `${this.baseUrl}/answer/car/${id}`;\r\n };\r\n\r\n getStatusId = (idRow) => {\r\n const r = this.state.carList.find((el) => el.id === idRow);\r\n return r && r.idStatus;\r\n };\r\n\r\n getCanEditResource = () => {\r\n const canEditResource = this.state.drillReport && {\r\n idCompiler: this.state.drillReport.idCompiler,\r\n };\r\n\r\n return canEditResource;\r\n };\r\n\r\n getIsEditable() {\r\n const reportStatus = this.state.drillReport.idStatus;\r\n if (reportStatus < 4) return true;\r\n\r\n return false;\r\n }\r\n\r\n // getUrlBack = () => {\r\n // if (this.state.drillReport?.id != null) {\r\n // return this.props.history.goBack();\r\n // }\r\n // };\r\n\r\n render() {\r\n const headersArr = [\r\n { key: 'drillCARCode', header: 'Code' },\r\n { key: 'requirementCode', header: 'Requirement Code' },\r\n { key: 'owner', header: 'Owner' },\r\n { key: 'duedate', header: 'Due Date', type: 'date' },\r\n { key: 'status', header: 'Status', type: 'status' },\r\n ];\r\n const skeletonRowCount = 3;\r\n\r\n const rowsArr = [];\r\n\r\n if (this.state.carList) {\r\n const cars = this.state.carList.sort((a, b) => {\r\n const sequenceA = new Date(a.sequence);\r\n const sequenceB = new Date(b.sequence);\r\n return sequenceA - sequenceB;\r\n });\r\n cars.forEach((item) => {\r\n rowsArr.push({\r\n id: item.id,\r\n idAnswer: item.drillCheckListRequirementAnswer.idAnswer,\r\n drillCARCode: item.drillCARCode,\r\n requirementCode: item.requirementCode,\r\n status: item.status.carSimplifiedName,\r\n owner:\r\n item.owner != null\r\n ? `${item.owner.name} ${item.owner.surname}`\r\n : `${item.ownerSaipem.name} ${item.ownerSaipem.surname}`,\r\n duedate: item.dueDate,\r\n });\r\n });\r\n }\r\n // const paginationProps = () => ({\r\n // page: this.state.currentPage || 1,\r\n // totalItems: this.state.rowCount || 0,\r\n // pageSize: this.state.pageSize || 10,\r\n // pageSizes: [10, 20, 30, 40, 50],\r\n // onChange: this.handleChangePaging,\r\n // });\r\n return (\r\n \r\n {({ user }) => (\r\n <>\r\n \r\n );\r\n }\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.drillCarModel };\r\n statusCopy.idOwner = employer.id;\r\n statusCopy.owner = employer;\r\n statusCopy.idOwnerSaipem = null;\r\n statusCopy.ownerSaipem = null;\r\n return { drillCarModel: statusCopy, mode: 0 };\r\n });\r\n }\r\n };\r\n\r\n setSaipemOwner = (employer) => {\r\n if (employer && employer.id) {\r\n this.setState((prevState) => {\r\n const statusCopy = { ...prevState.drillCarModel };\r\n statusCopy.idOwnerSaipem = employer.id;\r\n statusCopy.ownerSaipem = employer;\r\n statusCopy.idOwner = null;\r\n statusCopy.owner = null;\r\n\r\n return { drillCarModel: statusCopy, mode: 0 };\r\n });\r\n }\r\n };\r\n\r\n handleChangeMode = (m) => {\r\n this.setState({ mode: m });\r\n };\r\n\r\n showGHRS = () => {\r\n this.setState({ mode: 1 });\r\n };\r\n\r\n handleChangeGHRSModal() {\r\n this.setState({ mode: 0 });\r\n }\r\n\r\n closemodalCar = () => {\r\n this.validator.hideMessages();\r\n this.forceUpdate();\r\n this.setState({ isOpenModalCar: false });\r\n };\r\n\r\n getCAR = (url) => {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n api\r\n .get(url, '')\r\n .then((response) => {\r\n const { data } = response;\r\n if (data) {\r\n this.setState({\r\n drillCarModel: data,\r\n isOpenModalCar: true,\r\n });\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`, 'CAR not found');\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.CAR, apioperation.GET));\r\n this.props.history.push(this.baseUrl);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n updateStateDPCAR = (inputName, inputValue) => {\r\n this.setState((prevState) => ({ drillCarModel: {\r\n ...prevState.drillCarModel,\r\n dueDate: inputValue,\r\n } }));\r\n };\r\n\r\n onDetailsOfInefficiencyChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({\r\n drillCarModel: {\r\n ...prevState.drillCarModel,\r\n detailsOfInefficiency: value,\r\n }\r\n }));\r\n }\r\n\r\n onFindingDescriptionChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({ drillCarModel: {\r\n ...prevState.drillCarModel,\r\n findingDescription: value,\r\n } }));\r\n }\r\n\r\n onCorrectiveActionChange(event) {\r\n const { value } = event.currentTarget;\r\n this.setState((prevState) => ({ drillCarModel: {\r\n ...prevState.drillCarModel,\r\n identifiedCorrectiveAction: value,\r\n } }));\r\n }\r\n\r\n getOwner = () => {\r\n if (this.state.drillCarModel?.owner) return `${this.state.drillCarModel.owner.name} ${this.state.drillCarModel.owner.surname}`;\r\n if (this.state.drillCarModel?.ownerSaipem) return `${this.state.drillCarModel.ownerSaipem.name} ${this.state.drillCarModel.ownerSaipem.surname}`;\r\n return '';\r\n };\r\n\r\n modalCar() {\r\n // const modalHeader = {\r\n // title: `Edit Drill Car: ${this.state?.drillCarModel?.drillCARCode}`,\r\n // iconDescription: 'Close',\r\n // buttonOnClick: () => this.closemodalCar(),\r\n // };\r\n const validationCar = {\r\n findingDescription: this.validator.message(\r\n 'Finding Description',\r\n this.state.drillCarModel?.findingDescription,\r\n 'required'\r\n ),\r\n correctiveAction: this.validator.message(\r\n 'Corrective Action to be implemented',\r\n this.state.drillCarModel?.identifiedCorrectiveAction,\r\n 'required'\r\n ),\r\n };\r\n if (this.state.mode === 1) {\r\n return (\r\n this.handleChangeMode(0)}\r\n onOk={this.setEmployer}\r\n />\r\n );\r\n }\r\n if (this.state.mode === 2) {\r\n return (\r\n this.handleChangeMode(0)}\r\n onOk={this.setSaipemOwner}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n false}\r\n >\r\n this.closemodalCar()}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nDrillCarList.propTypes = {\r\n history: PropTypes.shape({\r\n length: PropTypes.number,\r\n action: PropTypes.string,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n state: PropTypes.object\r\n }),\r\n index: PropTypes.number,\r\n entries: PropTypes.array,\r\n createHref: PropTypes.func,\r\n push: PropTypes.func,\r\n replace: PropTypes.func,\r\n go: PropTypes.func,\r\n goBack: PropTypes.func,\r\n goForward: PropTypes.func,\r\n canGo: PropTypes.func,\r\n block: PropTypes.func,\r\n listen: PropTypes.func\r\n }).isRequired,\r\n match: PropTypes.shape({\r\n params: PropTypes.shape({\r\n id: PropTypes.string,\r\n }),\r\n }).isRequired,\r\n};\r\n\r\nexport default DrillCarList;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport '../../scss/custom.scss';\r\nimport {\r\n Button,\r\n TableToolbar,\r\n Loading,\r\n} from 'carbon-components-react';\r\nimport { drill, api, me } from '../../helpers/api/api';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { AppContext } from '../../helpers/context/AppContext';\r\nimport { IsEnabled, IsInRole } from '../../helpers/authorization/Policies';\r\nimport PageBreadCrumb from '../../helpers/PageBreadCrumb';\r\nimport { getError, getSuccess, entitiesLabels, apioperation, PlannedWeekChangeType } from '../../helpers/Constants';\r\n\r\n\r\n// RITM0860478\r\nexport default class AnnualDrillPlanDownload extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.year = props ? props.match.params.year : '';\r\n this.id = props ? props.match.params.id : '';\r\n this.hver = props ? props.match.params.hver : '';\r\n this.hash = props ? props.match.params.hash : '';\r\n\r\n \r\n this.state = {\r\n isDownloadingAnnualDrillPlanFile: false, // RITM0860478\r\n };\r\n \r\n console.log(`AnnualDrillPlanDownload.constructor:`);\r\n \r\n }\r\n\r\n\r\n async componentDidMount() {\r\n console.log(`AnnualDrillPlanDownload.componentDidMount:`);\r\n this.DownloadAnnualDrillPlan(this.year, this.id, this.hver, this.hash);\r\n }\r\n \r\n // RITM0860478\r\n DownloadAnnualDrillPlan(year, idWorksite, hver, hash) {\r\n console.log(`AnnualDrillPlanDownload.DownloadAnnualDrillPlan: year: ${year} idWorksite: ${idWorksite} hver: ${hver} hash: ${hash}`);\r\n var reqUrl = '';\r\n var fileName = 'Annual_Drill_Plan' + year + '.zip';\r\n if (year != '' && idWorksite != '' && hver != '' && hash != '') {\r\n reqUrl = '/drill/exportannualdrillplanbylink/ws/' + year + '/' + idWorksite + '/' + hver + '/' + hash;\r\n } else {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError('No worksite or project selected!', entitiesLabels.EMERGENCYDRILL_ANNUALPLAN, apioperation.DOWNLOAD));\r\n return;\r\n }\r\n console.log(`AnnualDrillPlanDownload.DownloadAnnualDrillPlan: fileName: ${fileName}`);\r\n\r\n this.setState({\r\n isDownloadingAnnualDrillPlanFile: true,\r\n });\r\n api\r\n .getWithParam(reqUrl , {\r\n responseType: 'arraybuffer',\r\n })\r\n .then((response) => {\r\n var data = new Blob([response.data], { type: 'application/zip' });\r\n var csvURL = window.URL.createObjectURL(data);\r\n var tempLink = document.createElement('a');\r\n tempLink.href = csvURL;\r\n tempLink.setAttribute('download', fileName);\r\n document.body.appendChild(tempLink);\r\n tempLink.click();\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.EMERGENCYDRILL_ANNUALPLAN, apioperation.DOWNLOAD)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDownloadingAnnualDrillPlanFile: false,\r\n });\r\n });\r\n }\r\n \r\n \r\n renderLoadingModal = () => {\r\n const show = this.state.isDownloadingAnnualDrillPlanFile; // RITM0860478\r\n console.log(`AnnualDrillPlanDownload.renderLoadingModal: show: ${show}`);\r\n return show && this.props.toggleModal(false)} onOk={this.setEmployer} participants={this.props.participants} />\r\n :\r\n { return false; }}\r\n >\r\n \r\n {\r\n this.state.mode == 0 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n TextInput, Button, FormGroup, ComposedModal, ModalHeader, ModalBody, ModalFooter, TextArea\r\n} from 'carbon-components-react';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { FindGHRSEmployer } from '../common/FindGHRSEmployer'\r\nimport { entitiesLabels } from '../../helpers/Constants';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\n\r\nexport default class ModalContent extends Component {\r\n initModalContent = (props) => {\r\n\r\n if (props.isEditModal) {\r\n return { ...props.editModel };\r\n }\r\n\r\n return {\r\n id: null, //guid\r\n content: null, //string \r\n createdOn: null,\r\n }\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n model: {\r\n ...this.initModalContent(props)\r\n }\r\n };\r\n }\r\n\r\n save = () => {\r\n if (this.validator.allValid()) {\r\n this.props.save(this.state.model);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\"Content created successfully\");\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,entitiesLabels.TRAINING+\" required fields are missing \");\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n handleChangeContent = (el) => {\r\n let statusCopy = Object.assign({}, this.state);\r\n statusCopy.model.content = el.target.value;\r\n\r\n this.setState(statusCopy);\r\n }\r\n\r\n render() {\r\n const validations = {\r\n content: this.validator.message('Content', this.state.model.content, 'required'),\r\n }\r\n\r\n const modalHeader = {\r\n title: (this.props.isEditModal ? 'Edit ' : 'Add new '),\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.toggleModal(false)\r\n };\r\n const { title, isOpenModal } = this.props;\r\n\r\n return (\r\n { return false; }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nModalContent.propTypes = {\r\n save: PropTypes.func.isRequired,\r\n toggleModal: PropTypes.func.isRequired,\r\n isEditModal: PropTypes.bool,\r\n isOpenModal: PropTypes.bool,\r\n title: PropTypes.string,\r\n};","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n TextInput, Button, Checkbox, RadioButtonGroup, FormGroup, RadioButton, ComposedModal, ModalHeader, ModalBody, ModalFooter, TextArea\r\n} from 'carbon-components-react';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { ComboBox } from '../../helpers/ComboBox'\r\nimport { FindGHRSEmployer } from '../common/FindGHRSEmployer'\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { DateFormat, entitiesLabels } from '../../helpers/Constants';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\n\r\nexport default class ModalTrainer extends Component {\r\n initModalTrainer = (props) => {\r\n\r\n if (props.isEditModal) {\r\n return { ...props.editModel };\r\n }\r\n\r\n return {\r\n id: null, //guid\r\n type: null,//''//Internal - External //required\r\n name: null,//''\r\n surname: null,//''\r\n email: null,//''\r\n title: null,//''\r\n badgeNumber: null,//'' //Employer da GHRS oppure Company per (SUB) CONTRACTOR\r\n organization: null,//''//Name of Organization (if external) Richiesto solo se Trainer=External\r\n idEmployer: null,\r\n //signatureAttachment:null, solo in edit\r\n }\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n model: {\r\n ...this.initModalTrainer(props)\r\n },\r\n mode: props.mode || 0,\r\n appType: ['Internal', 'External'],\r\n };\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state.model);\r\n if (objName && objName != 'model')\r\n statusCopy[objName][inputName] = inputValue;\r\n else\r\n statusCopy[inputName] = inputValue;\r\n\r\n this.setState({ model: statusCopy },()=>{\r\n if (inputName == 'type') {\r\n if (statusCopy.idEmployer) {\r\n this.clear();\r\n }\r\n }\r\n });\r\n }\r\n\r\n\r\n handleChangeModel = (el) => {\r\n let inputName = el.target.name;\r\n let inputValue = el.target.value;\r\n let objName = el.target.alt;\r\n\r\n this.updateState(inputName, inputValue, objName);\r\n }\r\n\r\n handleChangeRadio = (value, id, event) => {\r\n if (value == \"true\") {\r\n value = true;\r\n } else\r\n if (value == \"false\") {\r\n value = false;\r\n } else if (value == \"null\") {\r\n value = null;\r\n }\r\n\r\n this.updateState(id, value, event.target.alt);\r\n }\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n let inputValue = selectedItem ? selectedItem.id : null;\r\n this.updateState(inputName, inputValue, objName)\r\n }\r\n\r\n handleChangeComboName = (inputName, selectedItem, objName) => {\r\n if (selectedItem != null) {\r\n selectedItem.id = selectedItem.name;\r\n }\r\n this.handleChangeCombo(inputName, selectedItem, objName);\r\n }\r\n\r\n handleChangeMode = (m) => {\r\n this.setState({ mode: m })\r\n }\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n let statusCopy = Object.assign({}, this.state.model);\r\n statusCopy.idEmployer = employer.id;\r\n statusCopy.badgeNumber = employer.ghrS_ID;\r\n statusCopy.name = employer.name;\r\n statusCopy.surname = employer.surname;\r\n statusCopy.email = employer.email;\r\n statusCopy.type = this.state.appType[0];\r\n\r\n this.setState({ model: statusCopy, mode: 2 });\r\n }\r\n }\r\n\r\n save = () => {\r\n if (this.validator.allValid()) {\r\n let dati = this.state.model;\r\n this.props.save(dati);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\"Participant created successfully\");\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,+ entitiesLabels.TRAINER + \" required fields are missing \");\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n clear = () => {\r\n let id = this.state.model.id;\r\n this.setState({\r\n model: {\r\n ...this.initModalTrainer({ isEditModal: false }),\r\n id: id,\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n this.validator.purgeFields();\r\n const validations = {\r\n type: this.validator.message('type', this.state.model.type, 'required'),\r\n organization: this.state.model.type == 'External' ? this.validator.message('organization', this.state.model.organization, 'required') : null,\r\n name: this.validator.message('name', this.state.model.name, 'required'),\r\n surname: this.validator.message('surname', this.state.model.surname, 'required'),\r\n //email: this.validator.message('email', this.state.model.email, 'required|email'),\r\n }\r\n const modalHeader = {\r\n title: (this.props.isEditModal ? 'Edit ' : 'Add new '),\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.toggleModal(false)\r\n };\r\n const { title, isOpenModal } = this.props;\r\n\r\n const selectedItemCombo = {\r\n type: (this.state.appType || []).find(el => el == this.state.model.type),\r\n };\r\n\r\n return (\r\n this.state.mode == 1 ?\r\n { return false; }}\r\n >\r\n \r\n {\r\n this.state.mode == 0 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { SkeletonPlaceholder } from 'carbon-components-react';\r\nimport { api } from '../../helpers/api/api';\r\n/**\r\n * recupera e visualizza in un tag img la firma caricata su azure\r\n * idTraining: guid\r\n * fileIdentifier: string (signatureAttachment)\r\n */\r\nexport default class ImgSignature extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n src: null,\r\n isLoading: true,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n api.getWithParam(`training/${this.props.idTraining}/signature`, { params: { signatureAttachment: this.props.fileIdentifier } })\r\n .then(response => {\r\n let data = response.data;\r\n this.setState({\r\n src: data,\r\n });\r\n }).catch(error => {\r\n console.error(error);\r\n }).finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n this.state.isLoading ?\r\n 
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport CanvasDraw from \"react-canvas-draw\";\r\nimport {\r\n Button, ComposedModal, ModalHeader, ModalBody, ModalFooter, Loading\r\n} from 'carbon-components-react';\r\nimport { fileUpload, api } from '../../helpers/api/api';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { Erase16 } from '@carbon/icons-react';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport ImgSignature from './ImgSignature'\r\nimport { entitiesLabels } from '../../helpers/Constants';\r\n/**\r\n * Modal inserimento firma del trainer\r\n * key: string\r\n * title: string\r\n * editModel: obj\r\n * isOpenModal: bool\r\n * toggleModal: fn\r\n * save: fn\r\n * idTraining: guid\r\n*/\r\nexport default class ModalSignature extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n StoragePath: 'training',\r\n isSubmitted: false,\r\n showCanvas: this.props.editModel && !this.props.editModel.signatureAttachment,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n clearImage = () => {\r\n if (this.props.editModel && this.props.editModel.signatureAttachment) {\r\n this.setState({ showCanvas: true });\r\n }\r\n if (this.saveableCanvas) {\r\n this.saveableCanvas.clear();\r\n }\r\n }\r\n\r\n showLoading() {\r\n return (this.state.isSubmitted && { return false; }}\r\n >\r\n \r\n {this.showLoading()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nfunction base64toBlob(base64Data, contentType) {\r\n contentType = contentType || '';\r\n const sliceSize = 1024;\r\n const byteCharacters = window.atob(base64Data);\r\n const bytesLength = byteCharacters.length;\r\n const slicesCount = Math.ceil(bytesLength / sliceSize);\r\n const byteArrays = new Array(slicesCount);\r\n\r\n for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n const begin = sliceIndex * sliceSize;\r\n const end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n const bytes = new Array(end - begin);\r\n for (let offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n}\r\n\r\nfunction isCanvasBlank(canvas) {\r\n return !canvas.getContext('2d')\r\n .getImageData(0, 0, canvas.width, canvas.height).data\r\n .some(channel => channel !== 0);\r\n}","import React, { Component } from 'react';\r\nimport CanvasDraw from \"react-canvas-draw\";\r\nimport {\r\n Button, FormGroup, ComposedModal, ModalHeader, ModalBody, ModalFooter, TextArea, Loading\r\n} from 'carbon-components-react';\r\nimport { fileUpload, api } from '../../helpers/api/api';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { ComboBox } from '../../helpers/ComboBox'\r\nimport { Erase16 } from '@carbon/icons-react';\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { entitiesLabels } from '../../helpers/Constants';\r\nimport ImgSignature from './ImgSignature'\r\n/**\r\n * Modal inserimento firma dei Partecipanti\r\n * key: string\r\n * title: string\r\n * editModel: obj\r\n * isOpenModal: bool\r\n * toggleModal: fn\r\n * save: fn\r\n * idTraining: guid\r\n */\r\nexport default class ModalSignatureParticipant extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n model: {\r\n ...this.props.editModel\r\n },\r\n appKnowledgeAssessment: ['Pass', 'Fail', 'Absent'],\r\n StoragePath: 'training',\r\n isSubmitted: false,\r\n showCanvas: this.props.editModel && !this.props.editModel.signatureAttachment /*devOps 640 */ && (this.props.editModel.knowledgeAssessment && this.isAbsent(this.props.editModel.knowledgeAssessment) ? false : true)\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n isAbsent = (string) => string?.toLowerCase() === \"absent\";\r\n\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state.model);\r\n if (objName && objName != 'model') statusCopy[objName][inputName] = inputValue;\r\n else statusCopy[inputName] = inputValue;\r\n\r\n //devOps 640\r\n if(inputName === \"knowledgeAssessment\") {\r\n if (this.isAbsent(inputValue) || !inputValue ) {\r\n this.state.showCanvas = false\r\n statusCopy.signatureAttachment = null\r\n } else if (!this.state.model?.signatureAttachment && !this.props.editModel.signatureAttachment) this.state.showCanvas = true\r\n else if (this.props.editModel.signatureAttachment) statusCopy.signatureAttachment = this.props.editModel.signatureAttachment\r\n }\r\n //\r\n this.setState({ model: statusCopy, });\r\n }\r\n\r\n clearImage = () => {\r\n if (this.props.editModel && this.props.editModel.signatureAttachment) {\r\n //this.setState({ showCanvas: true });\r\n //devOps 640\r\n this.setState({\r\n showCanvas: this.isAbsent(this.state.model.knowledgeAssessment) ? false : true\r\n });\r\n \r\n }\r\n if (this.saveableCanvas) this.saveableCanvas.clear();\r\n }\r\n\r\n showLoading() {\r\n return (this.state.isSubmitted && { return false; }}\r\n >\r\n \r\n {this.showLoading()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nfunction base64toBlob(base64Data, contentType) {\r\n contentType = contentType || '';\r\n const sliceSize = 1024;\r\n const byteCharacters = window.atob(base64Data);\r\n const bytesLength = byteCharacters.length;\r\n const slicesCount = Math.ceil(bytesLength / sliceSize);\r\n const byteArrays = new Array(slicesCount);\r\n\r\n for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {\r\n const begin = sliceIndex * sliceSize;\r\n const end = Math.min(begin + sliceSize, bytesLength);\r\n\r\n const bytes = new Array(end - begin);\r\n for (let offset = begin, i = 0; offset < end; ++i, ++offset) {\r\n bytes[i] = byteCharacters[offset].charCodeAt(0);\r\n }\r\n byteArrays[sliceIndex] = new Uint8Array(bytes);\r\n }\r\n return new Blob(byteArrays, { type: contentType });\r\n}\r\n\r\nfunction isCanvasBlank(canvas) {\r\n return !canvas.getContext('2d')\r\n .getImageData(0, 0, canvas.width, canvas.height).data\r\n .some(channel => channel !== 0);\r\n}","import React, { Component } from \"react\";\r\nimport {\r\n\tLoading,\r\n\tButton,\r\n\tTabs,\r\n\tTab,\r\n\tHeaderName,\r\n\tHeaderNavigation,\r\n\tSkeletonText,\r\n\tTableToolbar,\r\n\tSearch,\r\n\tTextInput,\r\n\tTable,\r\n\tDatePickerInput,\r\n\tDatePicker,\r\n\tStructuredListCell,\r\n\tStructuredListBody,\r\n\tToggle,\r\n\tToggleSmall,\r\n\tModalWrapper,\r\n\tStructuredListHead,\r\n\tStructuredListRow,\r\n\tForm,\r\n\tAccordion,\r\n\tAccordionItem,\r\n\tDataTable,\r\n\tStructuredListWrapper,\r\n\tTableContainer,\r\n\tTableHead,\r\n\tTableHeader,\r\n\tTableBody,\r\n\tTableRow,\r\n\tTableCell,\r\n\tCheckbox,\r\n\tFormLabel,\r\n\tFileUploader,\r\n\tRadioButtonGroup,\r\n\tFormGroup,\r\n\tMultiSelect,\r\n\tRadioButton,\r\n\tTextArea,\r\n\tTimePicker,\r\n\tTimePickerSelect,\r\n\tComposedModal,\r\n\tModalHeader,\r\n\tModalBody,\r\n\tSelectItem,\r\n\tModalFooter,\r\n} from \"carbon-components-react\";\r\nimport { ScrollingProvider, Section } from \"../../lib/react-scroll-section/src/index\";\r\nimport { Menu, Item } from \"../../helpers/scrolling/ScrollingMenuItem\";\r\nimport \"../../scss/custom.scss\";\r\nimport \"../../scss/react-datetime.css\";\r\nimport { switchDateFormat } from \"../../helpers/jsonschemaform/customwidget/utils\";\r\nimport { ComboBox } from \"../../helpers/ComboBox\";\r\nimport { showNotification } from \"../../helpers/notification/BaseNotification\";\r\nimport { getSuccess, getError, entitiesLabels, apioperation, STATUS, DateFormat } from \"../../helpers/Constants\";\r\nimport { api, dynamic, registry, me, training } from \"../../helpers/api/api\";\r\nimport { IsInRole, IsEditable, CanExecuteAction } from \"../../helpers/authorization/Policies\";\r\nimport { AppContext } from \"../../helpers/context/AppContext\";\r\nimport { CheckmarkOutline16, Send16, Delete16, Error16, Checkmark24, Information16, Add16, Edit16, CertificateCheck16, PaintBrushAlt16, Download16, Export16 } from \"@carbon/icons-react/lib/\";\r\nimport { WFActionModal } from \"../common/WFActionModal\";\r\nimport PageBreadCrumb from \"../../helpers/PageBreadCrumb\";\r\nimport { HistoryTable } from \"../../helpers/HistoryTable\";\r\nimport SimpleReactValidator from \"simple-react-validator\";\r\nimport { Online, Offline } from \"../common/OnLineOffLine\";\r\nimport moment from \"moment\";\r\nimport DateTimePicker from \"../../helpers/DateTimePicker\";\r\nimport { NoRecordsPlaceholder } from \"../../helpers/jsonschemaform/DataTableExtention\";\r\nimport { v4 as uuid } from \"uuid\";\r\nimport _sortBy from \"lodash/sortBy\";\r\nimport { ConfirmAlertCustom } from \"../../helpers/ConfirmAlertCustom\";\r\nimport ModalParticipant from \"./ModalParticipant\";\r\nimport ModalContent from \"./ModalContent\";\r\nimport ModalTrainer from \"./ModalTrainer\";\r\nimport ModalSignature from \"./ModalSignature\";\r\nimport ModalSignatureParticipant from \"./ModalSignatureParticipant\";\r\nimport TrainingRepository from \"../../helpers/api/TrainingRepository\";\r\nimport FileDownLoadButton from \"../common/FileDownloadButton\";\r\nimport AttachmentTable, { attachmentTablePrivacyText } from \"../common/AttachmentTable\";\r\nimport ConfirmModal from \"../common/ConfirmModal\";\r\n\r\nconst TrainingAttachmentTableMainDescription = \"Upload only one file at 3 Mb or less; please check the file attached before to submit the report because afterwards it is not possible to modify it\"\r\nexport class NewTraining extends Component {\r\n\tbaseUrl;\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet idTraining = this.props.match.params.id;\r\n\r\n\t\tthis.state = {\r\n\t\t\tidTraining,\r\n\t\t\tisLoadingTraining: idTraining != undefined,\r\n\t\t\tisEdit: idTraining != undefined,\r\n\t\t\tmodel: {\r\n\t\t\t\t...this.initModel(),\r\n\t\t\t},\r\n\t\t\tisSubmitted: false,\r\n\t\t\tisDisabled: false,\r\n\r\n\t\t\tinvalidCertifiedDuration: false,\r\n\t\t\t///Status Action\r\n\t\t\tisLoadingNotificationFile: false,\r\n\t\t\tisApprovalModalOpen: false,\r\n\t\t\tapprovalModalAction: \"\",\r\n\t\t\tapprover: null,\r\n\t\t\tapprovalStartDate: null,\r\n\t\t\tapprovalEndDate: null,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\tapprovalValidationMessages: [],\r\n\t\t\tapprovers: [],\r\n\t\t\tselectedData: [],\r\n\t\t\tapproverRole: \"\",\r\n\t\t\twithApprover: true,\r\n\t\t\tisLoadingWFOperation: false,\r\n\t\t\tapprovalNotesRequired: false,\r\n\t\t\t///Status Action\r\n\t\t\t//History WF\r\n\t\t\tisHistoryModalOpen: false,\r\n\t\t\t//History WF\r\n\r\n\t\t\t///Modal Content\r\n\t\t\tkeyModalContent: `modalContent_${new Date().getTime()}`,\r\n\t\t\tisOpenModalContent: false,\r\n\t\t\tidToEditContent: null,\r\n\t\t\tidToDeleteContent: null,\r\n\t\t\t///fine Modal\r\n\t\t\t///Modal Participant\r\n\t\t\tkeyModalParticipant: `modalParticipant_${new Date().getTime()}`,\r\n\t\t\tisOpenModalParticipant: false,\r\n\t\t\tidToEditParticipant: null,\r\n\t\t\tidToDeleteParticipant: null,\r\n\t\t\t///fine Modal\r\n\t\t\t///Modal Trainer\r\n\t\t\tkeyModalTrainer: `modalTrainer_${new Date().getTime()}`,\r\n\t\t\tisOpenModalTrainer: false,\r\n\t\t\tidToDeleteTrainer: null,\r\n\t\t\t///fine Modal\r\n\t\t};\r\n\r\n\t\tthis.baseUrl = \"/training/\";\r\n\t\tthis.originalValidityDate = null;\r\n\r\n this.gtzValidator = {\r\n message: 'The value must be greater than zero',\r\n rule: (val) => {\r\n return +val > 0;\r\n }\r\n };\r\n\t\tthis.validator = new SimpleReactValidator({\r\n\t\t\tvalidators: { gtz: this.gtzValidator }\r\n\t\t});\r\n\t\tthis.updateState = this.updateState.bind(this);\r\n\t}\r\n\r\n\tinitModel = () => {\r\n\t\tlet model = {\r\n\t\t\t//-----campi form------------\r\n\t\t\tid: uuid(), //guid\r\n\t\t\tstartDate: null, //date\r\n\t\t\tendDate: null, //date\r\n\t\t\tcertificateValidityMonths: null, //number\r\n\t\t\tvalidityDate: null, //date\r\n\t\t\tidCountry: null, //guid\r\n\t\t\tidDivision: null, //guid division del worksite da valorizzare quando si sceglie il worksite\r\n\t\t\tidLanguage: null, //guid\r\n\t\t\tidMethod: null, //guid\r\n\t\t\tidProject: null, //guid\r\n\t\t\tidTrainingAssessmentMethod: null, //guid\r\n\t\t\tspecifyOtherAssessmentMethod: null,\r\n\t\t\tidTrainingData: null, //guid\r\n\t\t\tidWorkSite: null, //guid\r\n\t\t\tremedialActionsForFailure: null, //string\r\n\t\t\tidTrainingCenter: null, //guid\r\n\t\t\tidTrainer: null, //guid\r\n\t\t\ttrainer: null, //{} TrainerDTO\r\n\t\t\ttrainingContents: [], //[] TrainingContentDTO\r\n\t\t\ttrainingParticipant: [], //[] TrainingParticipantDTO\r\n\t\t\tcertifiedDuration: null,\r\n\r\n\t\t\t//-----campi di visualizzazione/sistema------------\r\n\t\t\tidCompiler: null, //guid\r\n\t\t\tidDataApprover: null, //guid\r\n\t\t\tidDivisionManager: null, //guid\r\n\t\t\tcompiler: null, //string\r\n\t\t\tdataApprover: null, //string\r\n\t\t\tdivisionManager: null, //string\r\n\t\t\tcode: null, //string BE \"TRA_1\",\r\n\t\t\tprogressiveId: undefined, //int BE\r\n\t\t\tsequence: undefined, //int BE\r\n\t\t\tidStatus: 0, //int\r\n\t\t\tstatus: null, //string \"Draft\",\r\n\t\t\tcountry: null, //string\r\n\t\t\tlanguage: null, //string\r\n\t\t\tmethod: null, //string\r\n\t\t\tproject: null, //string\r\n\t\t\ttrainingAssessmentMethod: null, //string\r\n\t\t\tworkSite: null, //string\r\n\t\t\tworkflowNotes: null, //string\r\n\t\t\tinfo: null, //{} TrainingDataDTO solo per visualizzazione, non usato lato BE\r\n\r\n\t\t\t//download template & massive import\r\n\t\t\tdownloadTemplateLoading: false,\r\n\t\t\tisImportTemplateModalOpen: false,\r\n\t\t\t//---------------------------\r\n\r\n\t\t\t// RITM0562378\r\n\t\t\tattachments: []\r\n\t\t};\r\n\t\treturn model;\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getCountry();\r\n\t\tthis.getAllWorkSite();\r\n\t\tthis.getAllWorkSitePrj();\r\n\t\tthis.getTrainingData();\r\n\t\tthis.getTrainingLanguage();\r\n\t\tthis.getTrainingMethod();\r\n\t\tthis.getTrainingAssessmentMethod();\r\n\t\tthis.getTrainingCenters();\r\n\t\tthis.getInfoOriginator();\r\n\r\n\t\tif (this.state.idTraining != undefined) {\r\n\t\t\tthis.getTraining(this.state.idTraining);\r\n\t\t}\r\n\t}\r\n\r\n\t////----------handleChange----------------\r\n\tupdateState = (inputName, inputValue, objName) => {\r\n\t\tlet statusCopy = Object.assign({}, this.state[objName]);\r\n\t\tstatusCopy[inputName] = inputValue;\r\n\r\n\t\tif(inputName ===\"certifiedDuration\" && this.checkValidHours(inputValue)) this.setState({ [objName]: statusCopy, invalidCertifiedDuration: false })\r\n\t\telse this.setState({ [objName]: statusCopy });\r\n\t};\r\n\r\n\thandleChangeCertificateValidityPeriod = (e) => {\r\n\t\tconst isEmptyOrWhiteSpace = (str) => {\r\n\t\t\treturn str == null || str.match(/^ *$/) !== null;\r\n\t\t};\r\n\t\tconst rawValue = e.target.value;\r\n\t\tconst value = isEmptyOrWhiteSpace(rawValue) ? null : parseInt(rawValue);\r\n\t\tif (isNaN(value)) return;\r\n\t\tthis.setState(prevState => {\r\n let modelCopy = { ...prevState.model };\r\n modelCopy.certificateValidityMonths = value;\r\n modelCopy.validityDate = value == null\r\n ? this.originalValidityDate\r\n : moment(modelCopy.endDate)\r\n .add(value, 'month')\r\n .format(\"YYYY-MM-DD\");\r\n\t\t\treturn {\r\n\t\t\t\tmodel: modelCopy\r\n\t\t\t};\r\n\t\t});\r\n\t};\r\n\r\n\thandleChangeModel = (el) => {\r\n\t\tlet inputName = el.target.name;\r\n\t\tlet inputValue = el.target.value;\r\n\t\tlet objName = el.target.alt;\r\n this.updateState(inputName, inputValue, objName);\r\n\t};\r\n\r\n\thandleChangeDate = (inputName, inputValue, objName) => {\r\n\t\t//(inputName == 'startDate' || inputName == 'endDate')\r\n\t\tlet statusCopy = Object.assign({}, this.state[objName]);\r\n\t\tstatusCopy[inputName] = inputValue;\r\n\r\n\t\tstatusCopy.idWorkSite = null;\r\n\t\tstatusCopy.workSite = null;\r\n\t\tstatusCopy.idDivision = null;\r\n\t\tstatusCopy.idProject = null;\r\n\t\tstatusCopy.project = null;\r\n\t\tstatusCopy.idTrainingData = null\r\n\t\tstatusCopy.info = null\r\n\t\tstatusCopy.certifiedDuration = null\r\n\r\n\t\tif(inputName === \"endDate\"){\r\n\t\t\tif (statusCopy.certificateValidityMonths != null) {\r\n\t\t\t\tconst certificateValidityMonths = parseInt(statusCopy.certificateValidityMonths)\r\n statusCopy.validityDate = !isNaN(certificateValidityMonths)\r\n\t\t\t\t\t? moment(statusCopy.endDate)\r\n .add(statusCopy.certificateValidityMonths, 'month')\r\n .format(\"YYYY-MM-DD\")\r\n\t\t\t\t\t: null\r\n }\r\n\t\t}\r\n\r\n\t\tthis.setState({ [objName]: statusCopy });\r\n\t};\r\n\r\n\thandleChangeCombo = (inputName, selectedItem, objName) => {\r\n\t\tlet inputValue = selectedItem ? selectedItem.id : null;\r\n\r\n\t\tlet statusCopy = Object.assign({}, this.state[objName]);\r\n\t\tstatusCopy[inputName] = inputValue;\r\n\r\n\t\tif (inputName == \"idWorkSite\") {\r\n\t\t\tstatusCopy.workSite = selectedItem ? selectedItem.name : null;\r\n\t\t\tstatusCopy.idDivision = selectedItem ? selectedItem.idDivision : null;\r\n\t\t\tstatusCopy.idProject = null;\r\n\t\t\tstatusCopy.project = null;\r\n\t\t\t//devOps 639\r\n\t\t\tstatusCopy.idCountry = null;\r\n\t\t\tstatusCopy.country = null;\r\n\r\n\t\t}\r\n\r\n\t\tif (inputName == \"idProject\") {\r\n\t\t\tstatusCopy.project = selectedItem ? selectedItem.name : null;\r\n\t\t\t//devOps 639\r\n\t\t\tstatusCopy.idCountry = selectedItem ? selectedItem.idCountry : null\r\n\t\t\tstatusCopy.country = this.state.appCountry.find(el => el.id === selectedItem?.idCountry)?.name ?? null\r\n\t\t}\r\n\r\n\t\tif (inputName == \"idTrainingData\") {\r\n\t\t\tstatusCopy.info = selectedItem;\r\n\t\t\tstatusCopy.certifiedDuration = selectedItem?.duration;\r\n\t\t}\r\n\t\tif (inputName == \"idLanguage\") {\r\n\t\t\tstatusCopy.language = selectedItem ? selectedItem.name : null;\r\n\t\t}\r\n\t\tif (inputName == \"idCountry\") {\r\n\t\t\tstatusCopy.country = selectedItem ? selectedItem.name : null;\r\n\t\t}\r\n\t\tif (inputName == \"idMethod\") {\r\n\t\t\tstatusCopy.method = selectedItem ? selectedItem.name : null;\r\n\t\t}\r\n\t\tif (inputName == \"idTrainingAssessmentMethod\") {\r\n\t\t\tstatusCopy.trainingAssessmentMethod = selectedItem ? selectedItem.name : null;\r\n\t\t}\r\n\r\n\t\tthis.setState({ [objName]: statusCopy });\r\n\t};\r\n\r\n\t////----------Fine handleChange----------------\r\n\r\n\tshowLoading() {\r\n\t\tlet show = (this.state.isEdit && this.state.isLoadingTraining) || this.state.isSubmitted;\r\n\t\tlet descr = this.state.isSubmitted ? \"Saving...\" : \"Loading data...\";\r\n\t\treturn show && \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t};\r\n\r\n\topenModalHistory = () => {\r\n\t\tthis.setState({ isHistoryModalOpen: true });\r\n\t};\r\n\r\n\tcloseModalHistory = () => {\r\n\t\tthis.setState({ isHistoryModalOpen: false });\r\n\t};\r\n\r\n\tcancel = () => {\r\n\t\tthis.props.history.push(\"/training\");\r\n\t};\r\n\r\n\ttoggleModal = (open, property) => {\r\n\t\tthis.setState({ [property]: open });\r\n\t};\r\n\r\n\tgetPrj = (idWorkSite, start, end) => {\r\n\t\ttry {\r\n\t\t\tlet data = (this.state.appAllWorksitePrj || []).filter((el) => el.idWorkSite == idWorkSite);\r\n\r\n\t\t\tif (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(start) && /([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(end)) {\r\n\t\t\t\tdata = (data || []).filter((el) => el.start <= start && end <= el.end);\r\n\t\t\t\treturn _sortBy(\r\n\t\t\t\t\tdata.map((item) => ({ id: item.idProject, name: item.project, idWorksitePrj: item.id, /*devOps 639*/ idCountry: item.idCountry })),\r\n\t\t\t\t\t\"name\"\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\t\t} catch {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, \"Error filtering \" + entitiesLabels.WORKSITEPROJECT);\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\tgetWorkSite = (start, end) => {\r\n\t\ttry {\r\n\t\t\tlet data = this.state.appAllWorksites;\r\n\r\n\t\t\tif (/([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(start) && /([12]\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/.test(end)) {\r\n\t\t\t\treturn (data || []).filter((el) => el.start <= start && end <= el.end);\r\n\t\t\t} else {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\t\t} catch {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, \"Error filtering \" + entitiesLabels.WORKSITE);\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\t////----------API----------------\r\n\tgetAllWorkSite() {\r\n\t\tapi.getAll(\"/me/worksites\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappAllWorksites: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t}\r\n\r\n\tgetAllWorkSitePrj() {\r\n\t\tapi.getAll(\"/me/worksitesproject\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappAllWorksitePrj: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITEPROJECT, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t}\r\n\r\n\tgetInfoOriginator = () => {\r\n\t\tregistry\r\n\t\t\t.getAll(\"infooriginator\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.filter(item => item.name != \"Saipem\");\r\n\t\t\t\tdata = data != null ? data.map((item) => ({ id: item.name, name: item.name })) : [];\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappInfoOriginator: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.INFOORIGINATOR, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetCountry = () => {\r\n\t\tapi.getAll(\"/country\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappCountry: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.COUNTRY, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingCountry: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\r\n\treturnValidTrainingData = (itemList) => {\r\n\t\tif (itemList) {\r\n\t\t\t// return itemList.filter((el) => el.inUse);\r\n\t\t\tconst selectedStartDate = new Date(this.state.model.startDate)\r\n\t\t\tconst startedTrainings = itemList.filter((el) => (el.validSince ? new Date(el.validSince) <= selectedStartDate : true)) ?? [];\r\n\t\t\tconst startedNotExpired = startedTrainings.filter((el) => (el.validUntil ? new Date(el.validUntil) >= selectedStartDate : true)) ?? [];\r\n\t\t\t\r\n\t\t\treturn startedNotExpired\r\n\t\t}\r\n\t\treturn [];\r\n\t};\r\n\r\n\tgetTrainingData = () => {\r\n\t\tdynamic\r\n\t\t\t.getAll(\"trainingdata\", { params: { page: 0 } })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.itemList;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappTrainingData: _sortBy(data, \"courseCode\"),\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGDATA, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetTrainingLanguage = () => {\r\n\t\tdynamic\r\n\t\t\t.getAll(\"traininglanguage\", { params: { page: 0 } })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.itemList;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappLanguage: data,\r\n\t\t\t\t\t//devOps 638\r\n\t\t\t\t\tmodel: {\r\n\t\t\t\t\t\t...this.state.model,\r\n\t\t\t\t\t\tidLanguage: this.state.idTraining != undefined ? this.state.model.idLanguage : data.find(el => el.code.toUpperCase() ===\"ENGLISH\")?.id ?? null\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGLANGUAGE, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetTrainingMethod = () => {\r\n\t\tdynamic\r\n\t\t\t.getAll(\"trainingmethod\", { params: { page: 0 } })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.itemList;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappMethod: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGMETHOD, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetTrainingAssessmentMethod = () => {\r\n\t\tdynamic\r\n\t\t\t.getAll(\"trainingassessmentmethod\", { params: { page: 0 } })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.itemList;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tappAssessmentMethod: data,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGASSESSMENTMETHOD, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\tgetTrainingCenters = () => {\r\n\t\tdynamic\r\n\t\t\t.getAll(\"trainingcenter\", { params: { page: 0 } })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data.itemList.filter(item => item.inUse === true); //RITM0837173\r\n\t\t\t\tthis.setState({ appTrainingCenters: data });\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGCENTER, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => { });\r\n\t};\r\n\r\n\tgetTraining(id) {\r\n\t\tthis.setState({\r\n\t\t\tisEdit: true,\r\n\t\t\tisLoadingTraining: true,\r\n\t\t});\r\n\r\n\t\tapi.get(this.baseUrl, id)\r\n\t\t\t.then((response) => {\r\n\t\t\t\tlet data = response.data;\r\n\t\t\t\tif (data) {\r\n\t\t\t\t\tthis.originalValidityDate = data.validityDate ?? null;\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tmodel: data,\r\n\t\t\t\t\t\tisDisabled: data ? !IsEditable(\"Training\", \"Reporting\", this.context.user, data.idStatus, \"All\", data) : false,\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.cancel();\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAINING, apioperation.GET));\r\n\r\n\t\t\t\tthis.cancel();\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingTraining: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t}\r\n\r\n\tsaveTraining = () => {\r\n\t\tconst validDuration = this.checkValidHours(this.state.model.certifiedDuration)\r\n\t\tif (this.validator.allValid() && validDuration) {\r\n\t\t\tthis.toggleModal(true, \"isSubmitted\");\r\n\r\n\t\t\tlet datiForm = this.state.model;\r\n\r\n\t\t\t//if (!this.state.isEdit) { datiForm.id = uuid() } spostato in initModel\r\n\t\t\tlet method = this.state.isEdit ? api.put(this.baseUrl, datiForm, datiForm.id) : api.post(this.baseUrl, datiForm);\r\n\r\n\t\t\tmethod\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tif (response.status == 200) {\r\n\t\t\t\t\t\tlet resp = response.data;\r\n\r\n\t\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, this.state.isEdit ? getSuccess(entitiesLabels.TRAINING, apioperation.PUT) : getSuccess(entitiesLabels.TRAINING, apioperation.POST));\r\n\r\n\t\t\t\t\t\tif (!this.state.isEdit) {\r\n\t\t\t\t\t\t\t//aggiornare il modello dati con le props mancanti\r\n\t\t\t\t\t\t\tdatiForm[\"idCompiler\"] = this.context.user.id;\r\n\t\t\t\t\t\t\tdatiForm[\"compiler\"] = this.context.user.email;\r\n\t\t\t\t\t\t\tdatiForm[\"idStatus\"] = 1;\r\n\t\t\t\t\t\t\tdatiForm[\"status\"] = \"Draft\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//update new default validity date\r\n\t\t\t\t\t\tthis.originalValidityDate = this.state.model.validityDate;\r\n\r\n\t\t\t\t\t\t//update state partecipants for enable signature\r\n\t\t\t\t\t\tif (datiForm.trainingParticipant && datiForm.trainingParticipant.length) {\r\n\t\t\t\t\t\t\tlet newtrainingParticipants = [...datiForm.trainingParticipant];\r\n\t\t\t\t\t\t\tnewtrainingParticipants.forEach(function (obj) {\r\n\t\t\t\t\t\t\t\tif (obj.toSave) {\r\n\t\t\t\t\t\t\t\t\tobj.toSave = false;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tthis.updateState(\"trainingParticipant\", newtrainingParticipants, \"model\");\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tthis.updateCacheTrainingModel(datiForm);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAINING, apioperation.POST));\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tthis.toggleModal(false, \"isSubmitted\");\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.validator.showMessages();\r\n\t\t\tshowNotification.warning(`${entitiesLabels.WARNING}`, entitiesLabels.TRAINING + \" required fields are missing \");\r\n\t\t\tif(!validDuration){\r\n\t\t\t\tthis.setState({invalidCertifiedDuration: true})\r\n\t\t\t\tshowNotification.warning(`Certified Duration Not Valid`, \"Only integer or decimal values ​​greater than 0 and with a scale of 0.5 are allowed\")\r\n\t\t\t} \r\n\t\t\tthis.forceUpdate();\r\n\t\t}\r\n\t};\r\n\r\n\tupdateCacheTrainingModel = async (datiForm) => {\r\n\t\tawait Promise.all([TrainingRepository.updateCachedTrainingList(datiForm), TrainingRepository.updateCachedTraining(datiForm.id, datiForm)])\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (!this.state.isEdit) {\r\n\t\t\t\t\tthis.props.history.push(\"/training/\");\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error({ error });\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\r\n\t////----------Fine API----------------\r\n\r\n\t/**************Contents**********************/\r\n\r\n\taddContent = () => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalContent: true,\r\n\t\t\tidToEditContent: null,\r\n\t\t\tkeyModalContent: `modalContent_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\teditContent = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalContent: true,\r\n\t\t\tidToEditContent: id,\r\n\t\t\tkeyModalContent: `modalContent_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\thandleSaveModalContent = (data) => {\r\n\t\ttry {\r\n\t\t\tif (data == null) return;\r\n\r\n\t\t\tlet oldtrainingContents = this.state.model.trainingContents || [];\r\n\r\n\t\t\tif (this.state.idToEditContent != null) {\r\n\t\t\t\t//edit\r\n\t\t\t\tlet id = data.id;\r\n\t\t\t\tlet indexElement = oldtrainingContents.findIndex((el) => el.id == id);\r\n\t\t\t\tif (indexElement > -1) {\r\n\t\t\t\t\tlet newtrainingContents = [...oldtrainingContents];\r\n\t\t\t\t\tnewtrainingContents[indexElement] = data;\r\n\t\t\t\t\tthis.updateState(\"trainingContents\", newtrainingContents, \"model\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//insert\r\n\t\t\t\tdata.id = uuid();\r\n\t\t\t\tdata.createdOn = moment.utc().format();\r\n\t\t\t\tdata.createdBy = this.context.user.email;\r\n\t\t\t\tlet newtrainingContents = oldtrainingContents.concat([data]);\r\n\t\t\t\tthis.updateState(\"trainingContents\", newtrainingContents, \"model\");\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({ isOpenModalContent: false });\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error();\r\n\t\t}\r\n\t};\r\n\r\n\tconfirmDeleteContent = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tidToDeleteParticipant: null,\r\n\t\t\tidToDeleteTrainer: null,\r\n\t\t\tidToDeleteContent: id,\r\n\t\t\tisOpenDeleteModal: true,\r\n\t\t\tisDeleting: false,\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteItemContent = () => {\r\n\t\tlet id = this.state.idToDeleteContent;\r\n\t\tthis.setState({\r\n\t\t\tisDeleting: true,\r\n\t\t});\r\n\r\n\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\tstatusCopy.trainingContents = statusCopy.trainingContents.filter((el) => el.id !== id);\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodel: statusCopy,\r\n\t\t\tisDeleting: false,\r\n\t\t\tisOpenDeleteModal: false,\r\n\t\t});\r\n\t};\r\n\r\n\t/**************Fine Contents**********************/\r\n\t/**************Participants**********************/\r\n\r\n\taddParticipant = () => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalParticipant: true,\r\n\t\t\tidToEditParticipant: null,\r\n\t\t\tkeyModalParticipant: `modalParticipant_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\teditParticipant = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalParticipant: true,\r\n\t\t\tidToEditParticipant: id,\r\n\t\t\tkeyModalParticipant: `modalParticipant_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\thandleSaveModalParticipant = (data) => {\r\n\t\ttry {\r\n\t\t\tif (data == null) return;\r\n\r\n\t\t\tlet oldtrainingParticipants = this.state.model.trainingParticipant || [];\r\n\r\n\t\t\tif (this.state.idToEditParticipant != null) {\r\n\t\t\t\t//edit\r\n\t\t\t\tlet id = data.id;\r\n\t\t\t\tlet indexElement = oldtrainingParticipants.findIndex((el) => el.id == id);\r\n\t\t\t\tif (indexElement > -1) {\r\n\t\t\t\t\tlet newtrainingParticipants = [...oldtrainingParticipants];\r\n\t\t\t\t\t//newtrainingParticipants[indexElement] = data;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].type = data.type;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].name = data.name;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].surname = data.surname;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].email = data.email;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].position = data.position;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].badgeNumber = data.badgeNumber;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].birthDate = data.birthDate;\r\n\t\t\t\t\tnewtrainingParticipants[indexElement].idEmployer = data.idEmployer;\r\n\r\n\t\t\t\t\tthis.updateState(\"trainingParticipant\", newtrainingParticipants, \"model\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//insert\r\n\t\t\t\tdata.id = uuid();\r\n\t\t\t\tdata.idTraining = this.state.model.id;\r\n\t\t\t\tdata.createdOn = moment.utc().format();\r\n\t\t\t\tdata.createdBy = this.context.user.email;\r\n\t\t\t\tdata.toSave = true;\r\n\t\t\t\tlet newtrainingParticipants = oldtrainingParticipants.concat([data]);\r\n\t\t\t\tthis.updateState(\"trainingParticipant\", newtrainingParticipants, \"model\");\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tsearch: null,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({ isOpenModalParticipant: false });\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAINING, apioperation.POST));\r\n\t\t}\r\n\t};\r\n\r\n\tconfirmDeleteParticipant = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tidToDeleteContent: null,\r\n\t\t\tidToDeleteTrainer: null,\r\n\t\t\tidToDeleteParticipant: id,\r\n\t\t\tisOpenDeleteModal: true,\r\n\t\t\tisDeleting: false,\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteItemParticipant = () => {\r\n\t\tlet id = this.state.idToDeleteParticipant;\r\n\t\tthis.setState({\r\n\t\t\tisDeleting: true,\r\n\t\t});\r\n\r\n\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\tstatusCopy.trainingParticipant = statusCopy.trainingParticipant.filter((el) => el.id !== id);\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodel: statusCopy,\r\n\t\t\tisDeleting: false,\r\n\t\t\tisOpenDeleteModal: false,\r\n\t\t});\r\n\t};\r\n\r\n\t/**************Fine Participants**********************/\r\n\t/**************Trainer**********************/\r\n\r\n\teditTrainer = () => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalTrainer: true,\r\n\t\t\tkeyModalTrainer: `modalTrainer_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\thandleSaveModalTrainer = (data) => {\r\n\t\ttry {\r\n\t\t\tif (data == null) return;\r\n\r\n\t\t\tif (!this.state.model.trainer) {\r\n\t\t\t\t//insert\r\n\t\t\t\tdata.id = uuid();\r\n\t\t\t\tdata.createdOn = moment.utc().format();\r\n\t\t\t\tdata.createdBy = this.context.user.email;\r\n\t\t\t}\r\n\r\n\t\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\t\tstatusCopy.idTrainer = data.id;\r\n\t\t\tstatusCopy.trainer = { ...statusCopy.trainer, ...data };\r\n\t\t\tstatusCopy.trainer.updatedOn = moment.utc().format();\r\n\t\t\tstatusCopy.trainer.updatedBy = this.context.user.email;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tmodel: statusCopy,\r\n\t\t\t\tisOpenModalTrainer: false,\r\n\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error();\r\n\t\t}\r\n\t};\r\n\r\n\tconfirmDeleteTrainer = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tidToDeleteContent: null,\r\n\t\t\tidToDeleteParticipant: null,\r\n\t\t\tidToDeleteTrainer: id,\r\n\t\t\tisOpenDeleteModal: true,\r\n\t\t\tisDeleting: false,\r\n\t\t});\r\n\t};\r\n\r\n\tdeleteItemTrainer = () => {\r\n\t\tlet id = this.state.idToDeleteTrainer;\r\n\t\tthis.setState({\r\n\t\t\tisDeleting: true,\r\n\t\t});\r\n\r\n\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\tstatusCopy.idTrainer = null;\r\n\t\tstatusCopy.trainer = null;\r\n\r\n\t\tthis.setState({\r\n\t\t\tmodel: statusCopy,\r\n\t\t\tisDeleting: false,\r\n\t\t\tisOpenDeleteModal: false,\r\n\t\t});\r\n\t};\r\n\r\n\t/**************Fine Trainer**********************/\r\n\t/**************TrainerSign**********************/\r\n\r\n\teditTrainerSign = () => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalTrainerSign: true,\r\n\t\t\tkeyModalTrainerSign: `modalTrainerSign_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\thandleSaveModalTrainerSign = (data) => {\r\n\t\ttry {\r\n\t\t\tif (data == null) return;\r\n\r\n\t\t\tif (this.state.model.trainer) {\r\n\t\t\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\t\t\tstatusCopy.trainer.signatureAttachment = data;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmodel: statusCopy,\r\n\t\t\t\t\tisOpenModalTrainerSign: false,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error();\r\n\t\t}\r\n\t};\r\n\r\n\t/**************Fine TrainerSign**********************/\r\n\t/**************ParticipantsSign**********************/\r\n\r\n\teditParticipantsSign = (id) => {\r\n\t\tthis.setState({\r\n\t\t\tisOpenModalParticipantsSign: true,\r\n\t\t\tidToEditParticipantsSign: id,\r\n\t\t\tkeyModalParticipantsSign: `modalParticipantsSign_${new Date().getTime()}`,\r\n\t\t});\r\n\t};\r\n\r\n\thandleSaveModalParticipantsSign = (data) => {\r\n\t\ttry {\r\n\t\t\tif (data == null) return;\r\n\r\n\t\t\tlet oldtrainingParticipants = this.state.model.trainingParticipant || [];\r\n\t\t\tlet id = data.id;\r\n\t\t\tlet indexElement = oldtrainingParticipants.findIndex((el) => el.id == id);\r\n\t\t\tif (indexElement > -1) {\r\n\t\t\t\tlet newtrainingParticipants = [...oldtrainingParticipants];\r\n\r\n\t\t\t\tnewtrainingParticipants[indexElement].knowledgeAssessment = data.knowledgeAssessment;\r\n\t\t\t\tnewtrainingParticipants[indexElement].note = data.note;\r\n\t\t\t\tnewtrainingParticipants[indexElement].signatureAttachment = data.signatureAttachment;\r\n\r\n\t\t\t\tlet statusCopy = Object.assign({}, this.state.model);\r\n\t\t\t\tstatusCopy.trainingParticipant = newtrainingParticipants;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tmodel: statusCopy,\r\n\t\t\t\t\tisOpenModalParticipantsSign: false,\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tshowNotification.error();\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error();\r\n\t\t}\r\n\t};\r\n\t/**************Fine ParticipantsSign**********************/\r\n\r\n\thandleInputChange = (e) => {\r\n\t\tlet val = e.target.value;\r\n\t\tthis.setState({\r\n\t\t\tsearch: val,\r\n\t\t});\r\n\t};\r\n\r\n\t///WF\r\n\thandleApproverSelect = (selectedItem) => {\r\n\t\tthis.setState({ approver: selectedItem });\r\n\t};\r\n\thandleCloseApprovalModal = () => {\r\n\t\tthis.setState({ isApprovalModalOpen: false }, this.clearApprovalForm);\r\n\t};\r\n\thandleApprovalNotesChange = (e) => {\r\n\t\tthis.setState({ approvalNotes: e.target.value });\r\n\t};\r\n\tIsRowSelectable() {\r\n\t\tvar row = this.state.model;\r\n\t\tif (row == null || row.idStatus == STATUS.Consolidated) return false;\r\n\r\n\t\treturn true;\r\n\t}\r\n\r\n\tgetUsersInRole = (role, idEntity) => {\r\n\t\tme.getWithParam(\"users\", {\r\n\t\t\tparams: { Role: role, IdEntity: idEntity, includeAdmins: true },\r\n\t\t})\r\n\t\t\t.then((response) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tapprovers: response.data,\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.ROLE, apioperation.GET));\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingApproverOptions: false,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t};\r\n\thandleConfirmApprovalModal = () => {\r\n\t\tlet action = this.state.approvalModalAction?.toLowerCase();\r\n\t\tlet apiEndpoint = this.state.approvalEndpoint;\r\n\r\n\t\tconst data = {\r\n\t\t\tids: [this.state.idTraining],\r\n\t\t\towner: this.state.approver,\r\n\t\t\tworkflowNotes: this.state.approvalNotes,\r\n\t\t};\r\n\r\n\t\tthis.setState({\r\n\t\t\tisLoadingWFOperation: true,\r\n\t\t});\r\n\t\tapi.put(\"/training/\" + apiEndpoint, data, \"\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response.status === 200) {\r\n\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.TRAINING, apioperation.PUT));\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t\tisApprovalModalOpen: false,\r\n\t\t\t\t\t\tisLoading: true,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.props.history.push(\"/training\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowNotification.error();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAINING, apioperation.PUT));\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingWFOperation: false,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.finally(() => {});\r\n\t};\r\n\tbatchActionClick(actionKey, actionName, approverRole, withApprover, approvalNotesRequired, selectedRows) {\r\n\t\tvar training = this.state.model;\r\n\r\n\t\tvar idEntity = actionKey == \"Submit\" ? training.idWorkSite : actionKey == \"Approve\" ? training.idDivision : null;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tapprovalModalAction: actionName,\r\n\t\t\t\tisApprovalModalOpen: true,\r\n\t\t\t\tisLoadingApproverOptions: true,\r\n\t\t\t\twithApprover: withApprover,\r\n\t\t\t\tselectedData: selectedRows,\r\n\t\t\t\tapproverRole: approverRole,\r\n\t\t\t\tapprovalEndpoint: actionKey,\r\n\t\t\t\tapprovalNotesRequired: approvalNotesRequired,\r\n\t\t\t});\r\n\t\t\t\r\n\t\tif (withApprover) this.getUsersInRole(approverRole, idEntity);\r\n\t}\r\n\r\n\tgetStatusActions = (user) => {\r\n\t\tif (!this.IsRowSelectable()) return null;\r\n\r\n\t\tconst idStatus = this.state.model.idStatus;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"Submit\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\t\t\t\t{/* RITM0565449 */}\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"Approve\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\t\t\t\t{/* FINE RITM0565449 */}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"Consolidate\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"Reject\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"RejectConsolidate\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Training\", \"Reporting\", user, idStatus, \"Delete\", this.state.model) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\t\t\t \r\n\t\t);\r\n\t};\r\n\t///fine WF\r\n\tshowDownloadSingleCert = (item) => {\r\n\t\t//visualizzo il pulsante download certificato sul singolo partecipante\r\n\r\n\t\tif (!this.state.isEdit || item.toSave) return false; //training o partecipante non salvato sul db\r\n\r\n\t\tif (this.state.model == null || this.state.model.info == null) return false;\r\n\r\n\t\treturn item.knowledgeAssessment == \"Pass\";\r\n\t\t\r\n\t};\r\n\r\n\trenderParticipants(isSaipem, participants) {\r\n\t\tlet trainingParticipants = isSaipem ? (participants || []).filter((el) => el.type.toLowerCase() == \"saipem\" ) : (participants || []).filter((el) => el.type.toLowerCase() != \"saipem\");\r\n\r\n\t\tif (trainingParticipants && trainingParticipants.length) {\r\n\t\t\ttrainingParticipants = _sortBy(trainingParticipants, [(p) => p.type?.toLowerCase(), (p) => p.surname?.toLowerCase(), (p) => p.name?.toLowerCase()]);\r\n\t\t}\r\n\r\n\t\tconst fileDownLoadButtonProps = {\r\n\t\t\tsize: \"small\",\r\n\t\t\tclassName: \"bx--export-form\",\r\n\t\t\ticonDescription: \"Download Certificate\",\r\n\t\t\ttitle: \"Download Certificate\",\r\n\t\t\tkind: \"ghost\",\r\n\t\t\tonDownLoadStart: () => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingNotificationFile: true,\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tonDownLoadEnd: () => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingNotificationFile: false,\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tonError: (error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGCERTIFICATE, apioperation.DOWNLOAD));\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\treturn trainingParticipants == null || trainingParticipants.length == 0 ? (\r\n\t\t\t\r\n\t\t\t\t\t{item.type} \r\n\t\t\t\t\t{item.surname} \r\n\t\t\t\t\t{item.name} \r\n\t\t\t\t\t{item.badgeNumber} \r\n\t\t\t\t\t{item.position} \r\n\t\t\t\t\t{item.knowledgeAssessment} \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{!this.state.isDisabled && (\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{!this.state.isDisabled && (\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t))\r\n\t\t);\r\n\t}\r\n\r\n\tcheckValidHours = (value) => {\r\n\t\tconst hours = value ? +value : null\r\n\t\tconst decimal = hours ? +hours.toString().split(\".\").splice(1).join() : 0\r\n\t\tif(!hours || (decimal !== 0 && decimal !== 5)) return false\r\n\t\treturn true\r\n\t}\r\n\r\n\tgetTrainingParticipants = () =>{\r\n\t\tapi.getAll(`training/${this.state.model.id}/participant`)\r\n\t\t.then((response) =>{\r\n\t\t\tthis.setState({\r\n\t\t\t\tmodel: {...this.state.model, trainingParticipant: response.data}\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch((error) => {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGPARTICIPANT, apioperation.GET));\r\n\t\t});\r\n\t};\r\n\r\n\tuploadTemplate = (event) => {\r\n\t\tif (this.state.statusUpload != null) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tisImportfunction: true,\r\n\t\t\t\tisImportTemplate: true,\r\n\t\t\t\tmessage: [],\r\n\t\t\t});\r\n\t\t\tevent.preventDefault();\r\n\t\t\tthis.setState(() => ({\r\n\t\t\t\tcanUpload: true,\r\n\t\t\t\tisFileValid: true,\r\n\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\tstatusUpload: \"uploading\",\r\n\t\t\t}));\r\n\t\t\tconst formData = new FormData();\r\n\t\t\tformData.append(\"FileUploaded\", event.target.inputFile.files[0]);\r\n\r\n\t\t\tapi.upload(`/training/${this.state.model.id}/trainingParticipant/template`, formData)\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\tcanUpload: false,\r\n\t\t\t\t\t\tisFileValid: true,\r\n\t\t\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\t\t\tstatusUpload: \"complete\",\r\n\t\t\t\t\t\tmessage: response.data,\r\n\t\t\t\t\t\tisImportTemplate: false,\r\n\t\t\t\t\t\tisImportfunction: false,\r\n\t\t\t\t\t}));\r\n\t\t\t\t\tif (response.data && response.data[0] == \"Success\") {\r\n\t\t\t\t\t\tshowNotification.success(`${entitiesLabels.SUCCESS}`, getSuccess(entitiesLabels.TRAININGPARTICIPANTTEMPLATE, apioperation.UPLOAD));\r\n\t\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\t\tisImportTemplateModalOpen: false,\r\n\t\t\t\t\t\t}));\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tstatusUpload: null\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.getTrainingParticipants();\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tthis.setState(() => ({\r\n\t\t\t\t\t\tcanUpload: true,\r\n\t\t\t\t\t\tisFileValid: false,\r\n\t\t\t\t\t\tstatusUpload: \"edit\",\r\n\t\t\t\t\t\tisImportTemplate: false,\r\n\t\t\t\t\t\tisImportfunction: false,\r\n\t\t\t\t\t\timportDanger: true,\r\n\t\t\t\t\t}));\r\n\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGPARTICIPANTTEMPLATE, apioperation.UPLOAD));\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tonFileUploadChange = (evt) => {\r\n\t\tthis.setState(() => ({ statusUpload: \"edit\" }));\r\n\t\tif (evt.target.files[0] && evt.target.files[0].size >= 4194304) {\r\n\t\t\tconst nome = evt.target.files[0].name;\r\n\t\t\tthis.fileUploader.clearFiles();\r\n\t\t\tthis.setState(() => ({\r\n\t\t\t\tcanUpload: false,\r\n\t\t\t\tmessage: [],\r\n\t\t\t\tisFileValid: false,\r\n\t\t\t\tisImportTemplate: false,\r\n\t\t\t\tvalidationErrorTitle: `${nome} exceeds size limit`,\r\n\t\t\t\tvalidationErrorSubTitle: \"4mb max file size. Please select a new file and try again\",\r\n\t\t\t}));\r\n\t\t} else {\r\n\t\t\t// this.fileUploader.clearFiles();\r\n\t\t\tthis.setState(() => ({\r\n\t\t\t\tcanUpload: true,\r\n\t\t\t\tisFileValid: true,\r\n\t\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t\tmessage: [],\r\n\t\t\t}));\r\n\t\t}\r\n\t};\r\n\r\n\ttoggleModalUploadTemplate = (open) => {\r\n\t\tthis.fileUploader.clearFiles();\r\n\t\tthis.setState({\r\n\t\t\tisImportTemplateModalOpen: open,\r\n\t\t\tisImportHC: true,\r\n\t\t\tmessage: [],\r\n\t\t\tstatusUpload: null,\r\n\t\t\tcanUpload: false,\r\n\t\t\tisFileValid: true,\r\n\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t\t__filename: null,\r\n\t\t});\r\n\t};\r\n\r\n\tclearFiles = () => {\r\n\t\tthis.fileUploader.clearFiles();\r\n\t\tthis.setState(() => ({\r\n\t\t\tcanUpload: false,\r\n\t\t\tisFileValid: true,\r\n\t\t\tvalidationErrorTitle: \"\",\r\n\t\t\tvalidationErrorSubTitle: \"\",\r\n\t\t}));\r\n\t};\r\n\r\n\tdivMessaggImportHC() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{({ user }) => (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nNewTraining.contextType = AppContext;\r\n","import { Delete16, Download16 } from \"@carbon/icons-react\";\r\nimport { Button, DropdownSkeleton, FormGroup, FormLabel, Table, TableBody, TableCell, TableContainer, TableHead, TableHeader, TableRow, TextInputSkeleton } from \"carbon-components-react\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { Component } from \"react\";\r\nimport { registry } from \"../../helpers/api/api\";\r\nimport { apioperation, entitiesLabels, getError, Megabyte } from \"../../helpers/Constants\";\r\nimport { NoRecordsPlaceholder } from \"../../helpers/jsonschemaform/DataTableExtention\";\r\nimport showNotification from \"../../helpers/notification/BaseNotification\";\r\nimport FileDownLoadButton from \"./FileDownloadButton\";\r\nimport FileUpload from \"./FileUpload\";\r\nimport { Online } from \"./OnLineOffLine\";\r\n\r\nexport const attachmentTablePrivacyText = \"(It is forbidden to upload photos which show people's faces. It is also forbidden to upload photos on which it is possible to recognize specific people)\"\r\nexport default class NewAttachmentTable extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tappStatus: null,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getStatus();\r\n\t}\r\n\r\n\tgetStatus = () => {\r\n\t\tregistry\r\n\t\t\t.getAll(\"status\")\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tthis.setState({ appStatus: data });\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.STATUS, apioperation.GET));\r\n\t\t\t});\r\n\t};\r\n\r\n\tremove = (id) => this.props.onDeleteFile(id);\r\n\r\n\tonUpload = (fileIdentifier, fileName, fileType, size) => {\r\n\t\tthis.props.onUploadFIle(fileIdentifier, fileName, fileType, size);\r\n\t};\r\n\r\n\tsumAttachmentSize = (onlyImage = false) => {\r\n\t\tlet sum = 0\r\n\t\tif(onlyImage) sum = this.props.items?.filter(a => a.contentType.includes('image') && a.size).reduce((sum, item) => sum + +item?.size, 0);\r\n\t\telse sum = this.props.items?.reduce((prevSum, item) => prevSum + +item?.size, 0);\r\n\t\treturn sum;\r\n\t};\r\n\r\n\trenderUploadFile() {\r\n\t\tif (!this.props.model) return \r\n\t\t\t)\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst isDocumentTypeSpecified = this.props.items?.some((item) => item?.documentType);\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n item.name.toLowerCase().includes(inputValue.toLowerCase()) ||\r\n item.code.toLowerCase().includes(inputValue.toLowerCase())\r\n }\r\n itemToString={(item) => (item ? item && item.name : '')}\r\n selectedItem={this.props.selectedItem}\r\n />\r\n );\r\n }\r\n}\r\n\r\nOnBehalfWorkSiteComboBox.propTypes = {\r\n division: PropTypes.string.isRequired,\r\n invalid: PropTypes.bool,\r\n invalidText: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n onError: PropTypes.func.isRequired,\r\n selectedItem: PropTypes.object,\r\n disabled: PropTypes.bool,\r\n};\r\nOnBehalfWorkSiteComboBox.defaultProps = {\r\n invalid: false,\r\n invalidText: '',\r\n selectedItem: null,\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { MultiSelect, DropdownSkeleton } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\nimport AuditRepository from '../../../helpers/api/AuditRepository';\r\n\r\nexport default class ProcessMultiSelect extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n items: [],\r\n selectedItems: [],\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n this.repository = new AuditRepository();\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n const items = await this.getItems();\r\n this.setState({ items, selectedItems: this.props.initialSelectedItems, loading: false });\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const items = selectedItem ? selectedItem.selectedItems : null;\r\n this.setState({\r\n selectedItems: items,\r\n });\r\n this.props.onChange(items);\r\n };\r\n\r\n getItems = async () => {\r\n let items = [];\r\n try {\r\n items = await this.repository.getProcesses();\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return items;\r\n };\r\n\r\n render() {\r\n return this.state.loading ? (\r\n elem.name).join(', ')\r\n }\r\n itemToString={(item) => (item ? item && item.name : '')}\r\n items={this.state.items}\r\n light={false}\r\n onChange={this.onChange}\r\n type=\"default\"\r\n initialSelectedItems={this.props.initialSelectedItems}\r\n />\r\n );\r\n }\r\n}\r\n\r\nProcessMultiSelect.propTypes = {\r\n invalid: PropTypes.bool,\r\n invalidText: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n onError: PropTypes.func.isRequired,\r\n initialSelectedItems: PropTypes.array,\r\n disabled: PropTypes.bool,\r\n};\r\nProcessMultiSelect.defaultProps = {\r\n invalid: false,\r\n invalidText: '',\r\n initialSelectedItems: [],\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { MultiSelect, DropdownSkeleton } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\nimport AuditRepository from '../../../helpers/api/AuditRepository';\r\n\r\nexport default class FunctionMultiSelect extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n items: [],\r\n selectedItems: [],\r\n lengthProcesses:0\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n this.repository = new AuditRepository();\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n const items = await this.getItems();\r\n this.setState({ items, selectedItems: this.props.initialSelectedItems.functions, lengthProcesses: this.props.initialSelectedItems.processes.length,loading: false });\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const items = selectedItem ? selectedItem.selectedItems : null;\r\n this.setState({\r\n selectedItems: items,\r\n });\r\n this.props.onChange(items);\r\n };\r\n\r\n getItems = async () => {\r\n let items = [];\r\n try {\r\n items = await this.repository.getFunctions();\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return items;\r\n };\r\n \r\n render() {\r\n if(this.props.initialSelectedItems.processes.length!==this.state.lengthProcesses && this.state.selectedItems?.length > 0)\r\n {\r\n this.state.lengthProcesses= this.props.initialSelectedItems.processes.length;\r\n var selectedItem = {selectedItems:this.state.selectedItems.filter((a)=> this.props.initialSelectedItems.processes.some((b)=>b.id===a.idAuditProcess))}\r\n this.onChange(selectedItem);\r\n } \r\n return this.state.loading ? (\r\n elem.name).join(', ')\r\n }\r\n itemToString={(item) => (item ? item && item.name : '')}\r\n items={this.state.items.filter((elA)=>this.props.initialSelectedItems.processes.some((elB)=>elB.id===elA.idAuditProcess))}\r\n light={false}\r\n onChange={this.onChange}\r\n type=\"default\"\r\n initialSelectedItems={this.props.initialSelectedItems.functions}\r\n />\r\n );\r\n }\r\n}\r\n\r\nFunctionMultiSelect.propTypes = {\r\n invalid: PropTypes.bool,\r\n invalidText: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n onError: PropTypes.func.isRequired,\r\n initialSelectedItems: PropTypes.array,\r\n disabled: PropTypes.bool,\r\n};\r\nFunctionMultiSelect.defaultProps = {\r\n invalid: false,\r\n invalidText: '',\r\n initialSelectedItems: [],\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n Button,\r\n TextInput,\r\n FormGroup,\r\n FormLabel,\r\n DropdownSkeleton,\r\n ComboBox,\r\n MultiSelect,\r\n} from 'carbon-components-react';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport AuditRepository from '../../../helpers/api/AuditRepository';\r\nimport { apioperation, entitiesLabels, getError } from '../../../helpers/Constants';\r\nimport { api } from '../../../helpers/api/api';\r\nimport { showNotification } from '../../../helpers/notification/BaseNotification';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\n\r\nexport default class AuditSubcontractor extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedSubContractor: null,\r\n selectedPurchaseOrder: null,\r\n purchaseOrder: null,\r\n auditSubcontractors: this.props.auditSubcontractors,\r\n subcontractors: [],\r\n purchaseOrders: [], //RITM0646764\r\n refreshSubContractor: 0, //RITM0646764\r\n refreshPurchaseOrder: 0, //RITM0646764\r\n isVisibleModal: false, //RITM0646764\r\n };\r\n this.repository = new AuditRepository();\r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({ loading: true });\r\n const subcontractors = await this.getItems();\r\n this.setState({ subcontractors, loading: false });\r\n }\r\n\r\n addSubcontractors = () => { \r\n if(this.state.selectedPurchaseOrder !== null){\r\n let isExsist = false;\r\n for (let i = 0; i < this.state.selectedPurchaseOrder.length; i++) {\r\n let auditSubContractor = this.state.auditSubcontractors?.find(x => x.name === this.state.selectedSubContractor.name && x.purchaseOrder === this.state.selectedPurchaseOrder[i].name);\r\n if(auditSubContractor !== undefined && auditSubContractor !== null){\r\n isExsist = true;\r\n }\r\n }\r\n\r\n if(isExsist){\r\n showNotification.error('SubContractor - Purchase Order already entered');\r\n return false;\r\n }\r\n }\r\n \r\n this.setState((prevState) => {\r\n const { auditSubcontractors } = prevState;\r\n prevState.selectedPurchaseOrder.forEach(item => {\r\n let newItem = {\r\n id: prevState.selectedSubContractor.id,\r\n name: prevState.selectedSubContractor.name,\r\n purchaseOrder: item.name,\r\n idPurchaseOrder: item.id\r\n };\r\n auditSubcontractors.push(newItem);\r\n });\r\n \r\n let { subcontractors } = prevState;\r\n let { selectedSubContractor } = prevState;\r\n let { purchaseOrders } = prevState;\r\n let { selectedPurchaseOrder } = prevState;\r\n let { purchaseOrder } = prevState;\r\n let { refreshSubContractor } = prevState;\r\n let { refreshPurchaseOrder } = prevState;\r\n\r\n const itemsId = auditSubcontractors.map((filter) => filter.idPurchaseOrder);\r\n\r\n selectedSubContractor = null;\r\n selectedPurchaseOrder = null;\r\n purchaseOrders = purchaseOrders?.filter((item) => !itemsId.includes(item.id));\r\n purchaseOrder = null;\r\n refreshSubContractor++;\r\n refreshPurchaseOrder++;\r\n\r\n return { auditSubcontractors, subcontractors, selectedSubContractor, purchaseOrders, selectedPurchaseOrder, purchaseOrder, refreshSubContractor, refreshPurchaseOrder };\r\n }, () => this.props.onChange(this.state.auditSubcontractors));\r\n };\r\n\r\n addManualSubcontractors = () => { \r\n let isSAPExsist = this.state.purchaseOrders?.find(x => x.name === this.state.purchaseOrder);\r\n if(isSAPExsist !== undefined && isSAPExsist !== null){\r\n showNotification.error('Purchase Order already exists in SAP');\r\n return false;\r\n }\r\n \r\n let isExsist = this.state.auditSubcontractors?.find(x => x.name === this.state.selectedSubContractor?.name && x.purchaseOrder === this.state.purchaseOrder)\r\n if(isExsist !== undefined && isExsist !== null){\r\n showNotification.error('SubContractor - Purchase Order already entered');\r\n return false;\r\n }\r\n\r\n this.setState((prevState) => {\r\n const newItem = {\r\n id: prevState.selectedSubContractor.id,\r\n name: prevState.selectedSubContractor.name,\r\n purchaseOrder: prevState.purchaseOrder,\r\n idPurchaseOrder: null,\r\n };\r\n\r\n const { auditSubcontractors } = prevState;\r\n auditSubcontractors.push(newItem);\r\n let { subcontractors } = prevState;\r\n let { selectedSubContractor } = prevState;\r\n let { purchaseOrders } = prevState;\r\n let { selectedPurchaseOrder } = prevState;\r\n let { purchaseOrder } = prevState;\r\n let { refreshSubContractor } = prevState;\r\n let { refreshPurchaseOrder } = prevState;\r\n\r\n selectedSubContractor = null;\r\n selectedPurchaseOrder = null;\r\n purchaseOrder = null;\r\n refreshSubContractor++;\r\n refreshPurchaseOrder++;\r\n\r\n return { auditSubcontractors, subcontractors, selectedSubContractor, purchaseOrders, selectedPurchaseOrder, purchaseOrder, refreshSubContractor, refreshPurchaseOrder };\r\n }, () => {\r\n this.props.onChange(this.state.auditSubcontractors);\r\n this.handleOnCloseModal();\r\n });\r\n };\r\n\r\n getItems = async () => {\r\n let filtered = [];\r\n try {\r\n const items = await this.repository.getSubcontractors();\r\n filtered = items;\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return filtered.sort((a, b) => a.name.localeCompare(b.name));\r\n };\r\n\r\n getPurchaseOrders = (idSubcontractor) => {\r\n let filtered = [];\r\n \r\n if(idSubcontractor === null){\r\n this.setState({\r\n purchaseOrders: filtered,\r\n });\r\n return;\r\n } \r\n\r\n api.getAll('/audit/getpurchaseorders/' + idSubcontractor)\r\n .then((response) => {\r\n const { data } = response;\r\n const itemsId = this.state.auditSubcontractors.map((filter) => filter.idPurchaseOrder);\r\n filtered = data.filter((item) => !itemsId.includes(item.id));\r\n this.setState({\r\n purchaseOrders: filtered.sort((a, b) => a.name.localeCompare(b.name)),\r\n }); \r\n })\r\n .catch((error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.PURCHASEORDERS, apioperation.GET)\r\n );\r\n })\r\n .finally(() => {});\r\n }\r\n\r\n handleOnChangeSubContractor = (event) => {\r\n this.setState((prevState) => { \r\n const curState = prevState;\r\n curState.selectedSubContractor = event.selectedItem || null;\r\n curState.refreshPurchaseOrder++; \r\n return { curState };\r\n }, () => { this.getPurchaseOrders(event?.selectedItem?.id || null); })\r\n }\r\n\r\n handleOnChangePurchaseOrder = (event, type) => {\r\n if(type === 'txt'){\r\n const val = event.target.value;\r\n this.setState((prevState) => {\r\n const curState = prevState;\r\n curState.purchaseOrder = val || null;\r\n return { curState };\r\n });\r\n }\r\n\r\n if(type === 'cmb'){\r\n this.setState((prevState) => { \r\n const curState = prevState;\r\n curState.selectedPurchaseOrder = event.selectedItems || null;\r\n return { curState };\r\n })\r\n }\r\n }\r\n\r\n handleDelete = (item) => {\r\n this.setState((prevState) => {\r\n const { auditSubcontractors } = prevState;\r\n const index = auditSubcontractors.findIndex((el) => el.id === item.id && el.idPurchaseOrder === item.idPurchaseOrder && el.name === item.name && el.purchaseOrder === item.purchaseOrder);\r\n auditSubcontractors.splice(index, 1);\r\n \r\n const { subcontractors } = prevState;\r\n let { selectedSubContractor } = prevState;\r\n let { purchaseOrders } = prevState;\r\n let { selectedPurchaseOrder } = prevState;\r\n let { purchaseOrder } = prevState;\r\n let { refreshSubContractor } = prevState;\r\n let { refreshPurchaseOrder } = prevState;\r\n\r\n subcontractors.sort((a, b) => a.name.localeCompare(b.name));\r\n selectedSubContractor = null;\r\n selectedPurchaseOrder = null;\r\n purchaseOrders = [];\r\n purchaseOrder = null;\r\n refreshSubContractor++;\r\n refreshPurchaseOrder++;\r\n\r\n return { auditSubcontractors, subcontractors, selectedSubContractor, purchaseOrders, selectedPurchaseOrder, purchaseOrder, refreshSubContractor, refreshPurchaseOrder };\r\n },() => this.props.onChange(this.state.auditSubcontractors));\r\n };\r\n\r\n handleOnCloseModal = () => {\r\n this.setState((prevState) => {\r\n let { subcontractors } = prevState;\r\n let { selectedSubContractor } = prevState;\r\n let { purchaseOrders } = prevState;\r\n let { selectedPurchaseOrder } = prevState;\r\n let { purchaseOrder } = prevState;\r\n let { refreshSubContractor } = prevState;\r\n let { refreshPurchaseOrder } = prevState;\r\n let { isVisibleModal } = prevState;\r\n\r\n selectedSubContractor = null;\r\n selectedPurchaseOrder = null;\r\n purchaseOrders = [];\r\n purchaseOrder = null;\r\n refreshSubContractor++;\r\n refreshPurchaseOrder++;\r\n isVisibleModal = false;\r\n\r\n return { subcontractors, selectedSubContractor, purchaseOrders, selectedPurchaseOrder, purchaseOrder, refreshSubContractor, refreshPurchaseOrder, isVisibleModal };\r\n });\r\n }\r\n\r\n handleOnOpenModal = () => {\r\n this.setState((prevState) => {\r\n let { subcontractors } = prevState;\r\n let { selectedSubContractor } = prevState;\r\n let { purchaseOrders } = prevState;\r\n let { selectedPurchaseOrder } = prevState;\r\n let { purchaseOrder } = prevState;\r\n let { refreshSubContractor } = prevState;\r\n let { refreshPurchaseOrder } = prevState;\r\n let { isVisibleModal } = prevState;\r\n\r\n selectedSubContractor = null;\r\n selectedPurchaseOrder = null;\r\n purchaseOrders = [];\r\n purchaseOrder = null;\r\n refreshSubContractor++;\r\n refreshPurchaseOrder++;\r\n isVisibleModal = true;\r\n\r\n return { subcontractors, selectedSubContractor, purchaseOrders, selectedPurchaseOrder, purchaseOrder, refreshSubContractor, refreshPurchaseOrder, isVisibleModal };\r\n });\r\n }\r\n\r\n renderManualInputModal = () => \r\n this.state.isVisibleModal && (\r\n this.openModalHistory()}> \r\n\t);\r\n\r\n\topenModalHistory = () => {\r\n\t\tthis.setState({ isHistoryModalOpen: true });\r\n\t};\r\n\r\n\tcloseModalHistory = () => {\r\n\t\tthis.setState({ isHistoryModalOpen: false });\r\n\t};\r\n\r\n\tgetAudit = async (id) => {\r\n\t\tlet audit = null;\r\n\r\n\t\ttry {\r\n\t\t\tif (id) audit = await this.repository.getAudit(id);\r\n\t\t\t// audit.auditorsNoSaipem.map((el) => {\r\n\t\t\t// audit.auditors.push({ ...el, id: uuid() });\r\n\t\t\t// });\r\n\r\n\t\t\t// audit.auditeeNoSaipem.map((el) => {\r\n\t\t\t// audit.auditees.push({ ...el, id: uuid() });\r\n\t\t\t// });\r\n\t\t} catch (error) {\r\n\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.REPORT, apioperation.GET));\r\n\t\t}\r\n\t\treturn audit;\r\n\t};\r\n\r\n\tgetStatusActions = (user) => (\r\n\t\t\r\n\t\t\t<>\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"Submit\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{/* RITM0565449 */}\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"Approve\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{/* RITM0565449 */}\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"Consolidate\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{/* RITM0565449 */}\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"RejectConsolidate\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"Reject\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{CanExecuteAction(\"Audit\", \"Planning\", user, this.state.newAudit.idStatus, \"Delete\", this.state.newAudit) ? (\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{this.state.newAudit.idStatus != null ?\r\n\t\t\t\t {\r\n\t\t\t\t\t\tshowNotification.error(getError(error, entitiesLabels.AUDIT_PLAN, apioperation.DOWNLOAD));\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tsize=\"default\"\r\n\t\t\t\t\t\ticonDescription=\"Download Audit Program\"\r\n\t\t\t\t\t\ttitle=\"Download Audit Program\"\r\n\t\t\t\t\trenderIcon={ExportDoc16}\r\n\t\t\t\t\tapiUrl={`/audit/${this.state.newAudit.id}/exportplan`}\r\n\t\t\t\t\tfileName={`Audit_Programme_${this.state.newAudit.auditCode}.zip`}\r\n\t\t\t\t\tonDownLoadStart={() => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingNotificationFile: true,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonDownLoadEnd={() => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tisLoadingNotificationFile: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\tDownload Audit Program\r\n\t\t\t\t\r\n\t\t\t\t: null}\r\n\t\t\t\r\n\t\t \r\n\t);\r\n\r\n\tonSelectCompanyChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.company = selectedItem || null;\r\n\t\t\tnewAudit.projects = [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonBehalfCompanyChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.onBehalfCompany = selectedItem || null;\r\n\t\t\tnewAudit.onBehalfProject = null;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectDivisionChange = async (selectedItem) => {\r\n\t\tconst distributionList = selectedItem ? await this.repository.getProgramDistributionList(selectedItem.id) : [];\r\n\t\tconst toList = distributionList\r\n\t\t\t.filter((address) => {\r\n\t\t\t\tif (address.recipientType === \"To\") return true;\r\n\t\t\t\treturn false;\r\n\t\t\t})\r\n\t\t\t.map((address) => address.emailAddress)\r\n\t\t\t.join(\",\");\r\n\t\tconst ccList = distributionList\r\n\t\t\t.filter((address) => {\r\n\t\t\t\tif (address.recipientType === \"Cc\") return true;\r\n\t\t\t\treturn false;\r\n\t\t\t})\r\n\t\t\t.map((address) => address.emailAddress)\r\n\t\t\t.join(\",\");\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.division = selectedItem || {};\r\n\t\t\tnewAudit.worksites = [];\r\n\t\t\tnewAudit.auditor = {};\r\n\t\t\tnewAudit.distributionList = toList;\r\n\t\t\tnewAudit.mailCC = ccList;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonBehalfDivisionChange = async (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.onBehalfDivision = selectedItem || {};\r\n\t\t\tnewAudit.onBehalfWorkSite = null;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectAuditTypeChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.type = selectedItem || {};\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectSectionChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.section = selectedItem || {};\r\n\t\t\tif (newAudit.section.id?.toLowerCase() !== AuditSection.QUALITY.id?.toLowerCase() || newAudit.section.id?.toLowerCase() !== AuditSection.HSEQ.id?.toLowerCase() ||newAudit.section.id?.toLowerCase() !== AuditSection.HSE.id?.toLowerCase()) {\r\n\t\t\t\tnewAudit.functions = [];\r\n\t\t\t\tnewAudit.processes = [];\r\n\t\t\t\tthis.validator.message(\"processes\", newAudit.processes[0], \"\");\r\n\t\t\t}\r\n\t\t\tnewAudit.scopes = [];\r\n\t\t\tnewAudit.type = {};\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectWorkSiteChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.worksites = selectedItems || [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonBehalfWorkSiteChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.onBehalfWorkSite = selectedItem;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectProjectChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.projects = selectedItems || [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonBehalfProjectChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.onBehalfProject = selectedItem;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectAuditorChange = (selectedItem) => {\r\n\t\tconst selectedAuditor = selectedItem;\r\n\t\tlet compilerChanged = false;\r\n\t\tif (selectedItem) {\r\n\t\t\tcompilerChanged = this.state.audit && this.state.audit.checkList && this.state.audit.checkList.idCompiler !== selectedAuditor.id;\r\n\t\t\tselectedAuditor.teamLeader = true;\r\n\t\t\tselectedAuditor.role = TEAM_LEADER;\r\n\t\t}\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.auditor = selectedAuditor || {};\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t\tif (compilerChanged == false) {\r\n\t\t\tthis.validator.message(\"Reasons for change\", this.state.newAudit.reasonsForChange, \"\");\r\n\t\t}\r\n\t\tthis.setState({ checkListCompilerChanged: compilerChanged });\r\n\t};\r\n\r\n\tonSelectTargetChange = (selectedItem) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.target = selectedItem || {};\r\n\t\t\tif (newAudit.target.name !== \"Subconctractor/Supplier\") {\r\n\t\t\t\tnewAudit.subContractors = [];\r\n\t\t\t\tthis.validator.message(\"Subconctractor/Supplier\", newAudit.subContractors[0], \"\");\r\n\t\t\t}\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectDistributionListChange = (e) => {\r\n\t\tconst val = e;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.distributionList = val;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectMailCCChange = (e) => {\r\n\t\tconst val = e;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.mailCC = val;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectReasonChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.reasonsForSampling = selectedItems || [];\r\n\t\t\tnewAudit.otherHSEIssues = newAudit.reasonsForSampling.findIndex((el) => el.name === \"Any other HSE issues\") !== -1 ? newAudit.otherHSEIssues : \"\";\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonOtherHSEIssuesTextChange = (text) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.otherHSEIssues = text;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonReasonForChangeChange = (e) => {\r\n\t\tconst val = e.target.value;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.reasonsForChange = val;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonProjectAuditCodeChange = (e) => {\r\n\t\tconst val = e.target.value;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.projectAuditCode = val;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonAuditRemoteChange = (e) => {\r\n\t\tconst val = e;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.auditRemote = val;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectSubContractorsChange = (e) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.subContractors = e || []\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\thandleSelectedMonth = (selectedItem) => {\r\n\t\tlet month;\r\n\t\ttry {\r\n\t\t\tmonth = selectedItem.selectedItem;\r\n\t\t} catch (error) {\r\n\t\t\tmonth = null;\r\n\t\t}\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.month = month;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\thandleSelectedYear = (selectedItem) => {\r\n\t\tlet year;\r\n\t\ttry {\r\n\t\t\tyear = selectedItem.selectedItem;\r\n\t\t} catch (error) {\r\n\t\t\tyear = null;\r\n\t\t}\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.year = year;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectScopeChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.scopes = selectedItems || [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonAuditScopeObjectiveChange(event) {\r\n\t\tconst { value } = event.currentTarget;\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.auditScopeAndObjective = value;\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t}\r\n\r\n\tonSelectProcessChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.processes = selectedItems || [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\tonSelectFunctionChange = (selectedItems) => {\r\n\t\tthis.setState((prevState) => {\r\n\t\t\tconst newAudit = { ...prevState.newAudit };\r\n\t\t\tnewAudit.functions = selectedItems || [];\r\n\t\t\treturn { newAudit };\r\n\t\t});\r\n\t};\r\n\r\n\trenderLoadingModal = () => {\r\n\t\tconst show = this.state.isSubmitted;\r\n\t\treturn show && \r\n\t\t\t this.closeModalHistory()} />\r\n\t\t\r\n\t);\r\n\r\n\trenderForm() {\r\n\t\tconst validations = {\r\n\t\t\t// division: this.validator.message(\"division\", this.state.newAudit.division.id, \"required\"), //RITM0945977\r\n\t\t\tdivision: this.validator.message(\"auditeeBusinessLine\", this.state.newAudit.division.id, \"required\"),\r\n\t\t\tsection: this.validator.message(\"Section\", this.state.newAudit.section.id, \"required\"),\r\n\t\t\ttype: this.validator.message(\"Audit Type\", this.state.newAudit.type.id, \"required\"),\r\n\t\t\tscope: this.validator.message(\"Scope\", this.state.newAudit.scopes[0], \"required\"),\r\n\t\t\tmonth: this.validator.message(\"month\", this.state.newAudit.month, \"required\"),\r\n\t\t\tyear: this.validator.message(\"year\", this.state.newAudit.year, \"required\"),\r\n\t\t\tauditor: this.validator.message(\"auditor\", this.state.newAudit.auditor.id, \"required\"),\r\n\t\t\t// onBehalfDivision: this.validator.message(\"onBehalfDivision\", this.state.newAudit.onBehalfDivision ? this.state.newAudit.onBehalfDivision.id : \"\", \"required\"), //RITM0945977\r\n\t\t\tonBehalfDivision: this.validator.message(\"auditorBusinessLine\", this.state.newAudit.onBehalfDivision ? this.state.newAudit.onBehalfDivision.id : \"\", \"required\"),\r\n\t\t\ttarget: this.validator.message(\"target\", this.state.newAudit.target.id, \"required\"),\r\n\t\t\tdistributionList: this.validator.message(\"distributionList\", this.state.newAudit.distributionList, \"required\"),\r\n\t\t\treasonsForSampling: this.validator.message(\"reasonsForSampling\", !this.state.editingDisabled ? this.state.newAudit.reasonsForSampling[0] : true, \"required\"),\r\n\t\t\tprocess: this.validator.message(\r\n\t\t\t\t\"processes\",\r\n\t\t\t\t(this.state.newAudit.section?.id?.toLowerCase() == AuditSection.QUALITY.id?.toLowerCase() || this.state.newAudit.section?.id?.toLowerCase() == AuditSection.HSEQ.id?.toLowerCase() || this.state.newAudit.section?.id?.toLowerCase() == AuditSection.HSE.id?.toLowerCase()) && !this.state.editingDisabled\r\n\t\t\t\t\t? this.state.newAudit.processes[0]\r\n\t\t\t\t\t: true,\r\n\t\t\t\t\"required\"\r\n\t\t\t),\r\n\t\t\t//RITM0601430\r\n\t\t\tsubContractors: this.validator.message(\"Subcontractor\", this.state.newAudit.target.name === \"Subconctractor/Supplier\" ? this.state.newAudit.subContractors[0] : true, \"required\") \r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn {({ user }) => (IsEnabled(user, \"Audit\") ? this.renderForm(user) : \"\")} ;\r\n\t}\r\n}\r\nAuditProgram.propTypes = {\r\n\tmatch: PropTypes.shape({\r\n\t\tparams: PropTypes.shape({\r\n\t\t\tid: PropTypes.string,\r\n\t\t}),\r\n\t}),\r\n};\r\nAuditProgram.defaultProps = {};\r\nAuditProgram.contextType = AppContext;\r\n","/* eslint-disable react/prefer-stateless-function */\r\n/* eslint-disable import/prefer-default-export */\r\nimport React, { Component } from 'react';\r\nimport '../scss/custom.scss';\r\nimport '../scss/theme.scss';\r\nimport { Route, Link, Switch } from 'react-router-dom';\r\nimport ReactNotification from 'react-notifications-component';\r\nimport { Container } from 'reactstrap';\r\nimport { Home } from './Home';\r\nimport CalendarTasks from './dailytasks/MyCalendar';\r\nimport AllTheTasks from './dailytasks/AllTheTasks';\r\nimport BackOffice from './backoffice';\r\nimport LandingGlobal from './incident/LandingGlobal';\r\nimport NewIncidentReport from './incident/NewIncidentReport';\r\nimport CARList from './incident/CARList';\r\nimport CARDetail from './incident/CARDetail';\r\nimport CADetail from './incident/CADetail';\r\nimport AuditList from './audit/AuditList';\r\nimport AuditCARList from './audit/AuditCARList';\r\nimport AuditCARDetail from './audit/AuditCARDetail';\r\nimport AuditCADetail from './audit/AuditCADetail';\r\nimport { Profile } from './common/Profile';\r\nimport Functions from './functions/Functions';\r\nimport InspectionCARDetail from './inspection/inspectionReport/InspectionCARDetail';\r\nimport { Head } from './common/Header';\r\nimport { Authorization } from '../helpers/authorization/Authorization';\r\nimport ReportSummaryList from './report/ReportSummaryList';\r\nimport ReportSummaryDetail from './report/ReportSummaryDetail';\r\nimport Safety from './report/Safety';\r\nimport Enviroment from './report/Enviroment';\r\nimport AssetIntegrity from './report/AssetIntegrity';\r\nimport { HocCard } from './functions/HocCard';\r\nimport TrainingList from './training/TrainingList';\r\nimport { Inspection } from './inspection/Inspection';\r\nimport { InspectionReport } from './inspection/inspectionReport/InspectionReport';\r\nimport { InspectionCarList } from './inspection/inspectionReport/InspectionCarList';\r\nimport { Support } from './utilities/Support';\r\nimport { AppContext } from '../helpers/context/AppContext';\r\nimport AuditReport from './audit/AuditReport';\r\nimport HocCardDetail from './functions/HocCardDetail';\r\nimport EmergencyDrillList from './emergencydrill/EmergencyDrillList';\r\nimport DrillReportList from './emergencydrill/report/DrillReportList';\r\nimport { DrillReport } from './emergencydrill/report/DrillReport';\r\nimport DrillCARDetail from './emergencydrill/report/reportDetails/DrillCARDetail';\r\nimport { DrillCarList } from './emergencydrill/report/reportDetails/DrillCarList';\r\nimport AnnualDrillPlanDownload from './emergencydrill/AnnualDrillPlanDownload';\r\n\r\nimport { NewTraining } from './training/NewTraining';\r\nimport AuditProgram from './audit/AuditProgram';\r\n\r\nexport class Layout extends Component {\r\n displayName = Layout.name;\r\n\r\n // eslint-disable-next-line no-useless-constructor\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {({ user }) => (\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport 'carbon-components/css/carbon-components.css';\r\nimport './scss/custom.scss';\r\nimport './scss/theme.scss';\r\nimport './scss/react-dual-listbox.scss';\r\nimport { Loading } from 'carbon-components-react';\r\nimport { authProvider } from './auth/authProvider';\r\nimport { Layout } from './components/Layout';\r\n\r\nimport { AppContext } from './helpers/context/AppContext';\r\nimport { Authorization } from './helpers/authorization/Authorization';\r\nimport { me } from './helpers/api/api';\r\nimport CacheStorage from './helpers/api/CacheStorage';\r\nimport AuditRepository from './helpers/api/AuditRepository';\r\nimport IncidentRepository from './helpers/api/IncidentRepository';\r\nimport MeRepository from './helpers/api/MeRepository';\r\nimport ReportRepository from './helpers/api/ReportRepository';\r\nimport HocCardRepository from './helpers/api/HocCardRepository';\r\nimport TrainingRepository from './helpers/api/TrainingRepository';\r\nimport InspectionRepository from './helpers/api/InspectionRepository';\r\nimport DrillRepository from './helpers/api/DrillRepository';\r\n\r\nexport default class App extends Component {\r\n displayName = App.name;\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: true,\r\n user: {},\r\n settings: {},\r\n };\r\n this.getUser = this.getUser.bind(this);\r\n this.getUser();\r\n this.cacheStorage = new CacheStorage();\r\n this.auditRepository = new AuditRepository();\r\n this.cacheStorage.flushQueue();\r\n // console.log(authProvider);\r\n }\r\n\r\n getUser = async () => {\r\n const res = await me\r\n .getMe()\r\n .then((response) => {\r\n this.setState({ user: response.data, loading: false });\r\n })\r\n .catch(() => {\r\n this.setState({ user: null, loading: false });\r\n });\r\n };\r\n\r\n render() {\r\n let content = null;\r\n if (this.state.loading) {\r\n content = (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!this.props.editingDisabled ? (\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n Main Details
\r\n\r\n
\r\n \r\n Emergency Level * \r\n {/* {\r\n this.updateState(\r\n 'idEmergencyLevel',\r\n el.selectedItem?.id || null,\r\n 'drillReport'\r\n );\r\n this.updateState(\r\n 'drillEmergencyLevel',\r\n el.selectedItem || null,\r\n 'drillReport'\r\n );\r\n this.updateState('unitsInvolved', [], 'drillReport');\r\n }}\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.DRILLEMERGENCYLEVEL, apioperation.GET)\r\n );\r\n }}\r\n key=\"this.state.drillReport?.drillEmergencyLevel?.id\"\r\n initialSelectedItems={this.state.drillReport?.drillEmergencyLevel}\r\n disabled={this.props.editingDisabled}\r\n entity={this.state.drillReport?.drillEmergencyLevel?.id}\r\n invalid={validations.idEmergencyLevel != null}\r\n placeholder=\"Select\"\r\n /> */}\r\n {\r\n this.updateState(\r\n 'idEmergencyLevel',\r\n el.selectedItem?.id || null,\r\n 'drillReport'\r\n );\r\n this.updateState(\r\n 'drillEmergencyLevel',\r\n el.selectedItem || null,\r\n 'drillReport'\r\n );\r\n this.updateStateInvolved('unitsInvolved', el.selectedItem);\r\n }}\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.DRILLEMERGENCYLEVEL, apioperation.GET)\r\n );\r\n }}\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItem={\r\n this.state.drillReport?.drillEmergencyLevel\r\n ? this.state.drillReport?.drillEmergencyLevel\r\n : []\r\n }\r\n items={this.props.emergencylevel}\r\n disabled={this.props.editingDisabled || \r\n this.props.drillReport?.drillPlan?.newEmergLevManagement}\r\n invalid={validations.idEmergencyLevel != null}\r\n />\r\n {validations.idEmergencyLevel}\r\n
\r\n \r\n \r\n Involved LCU\r\n {this.isLcuReferenceMandatory() ? '*' : ''}\r\n \r\n \r\n this.updateState('lcuReference', el.target.value, 'drillReport')\r\n }\r\n type=\"text\"\r\n labelText=\"\"\r\n invalid={validations.lcuReference != null}\r\n disabled={this.props.editingDisabled}\r\n />\r\n {validations.lcuReference}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('scenarioDescription', el.target.value, 'drillReport')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n invalid={validations.scenarioDescription != null}\r\n />\r\n \r\n {validations.scenarioDescription}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('referenceProcedure', el.target.value, 'drillReport')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n invalid={validations.referenceProcedure != null}\r\n />\r\n \r\n {validations.referenceProcedure}\r\n
\r\n \r\n
\r\n \r\n Units Involved * \r\n {/* this.updateState('unitsInvolved', units, 'drillReport')}\r\n multiCombo\r\n onError={(error) => {\r\n showNotification.error(\r\n getError(error, entitiesLabels.UNITSINVOLVED, apioperation.GET)\r\n );\r\n }}\r\n key=\"this.state.drillReport?.unitsInvolved?.id\"\r\n initialSelectedItems={this.state.drillReport?.unitsInvolved}\r\n disabled={this.props.editingDisabled}\r\n invalid={validations.unitsInvolved != null}\r\n placeholder=\"Select\"\r\n /> */}\r\n \r\n this.updateState('unitsInvolved', units.selectedItems, 'drillReport')\r\n }\r\n itemToString={(item) => (item ? item.name : '')}\r\n initialSelectedItems={\r\n selectedItemCombo.unitinv ? this.state.drillReport?.unitsInvolved : []\r\n }\r\n items={this.state.filterunitsInvolved}\r\n invalid={validations.unitsInvolved != null}\r\n onError={(error) => {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.UNITSINVOLVED, apioperation.GET)\r\n );\r\n }}\r\n disabled={this.state.filterunitsInvolved.length === 0}\r\n >\r\n {' '}\r\n \r\n
\r\n \r\n POB/POS \r\n this.updateState('poB_BOS', el.target.value, 'drillReport')}\r\n disabled={this.props.editingDisabled}\r\n type=\"number\"\r\n labelText=\"\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.updateState('equipmentUsed', el.target.value, 'drillReport')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n invalid={validations.equipmentUsed != null}\r\n />\r\n \r\n {validations.equipmentUsed}\r\n
\r\n \r\n
\r\n \r\n {' '}\r\n
\r\n Weather Conditions
\r\n\r\n
\r\n \r\n \r\n \r\n {this.getRadioButtonLight()}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.getRadioButtonSea()}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.getRadioButtonWeather()}\r\n \r\n \r\n
\r\n \r\n \r\n {TempScale === 'C' && \r\n this.updateState('temperature', el.target.value, 'drillReport')\r\n }\r\n type=\"number\"\r\n labelText=\"\"\r\n // invalid={validations.temperature != null}\r\n disabled={this.props.editingDisabled}\r\n />\r\n {/* {validations.temperature} */}\r\n \r\n \r\n \r\n this.updateState('windSpeed', el.target.value, 'drillReport')\r\n }\r\n type=\"number\"\r\n labelText=\"\"\r\n // invalid={validations.windSpeed != null}\r\n disabled={this.props.editingDisabled}\r\n />\r\n {/* {validations.windSpeed} */}\r\n \r\n
\r\n Note: insert the Temperature in °C scale
}\r\n\r\n
\r\n \r\n {' '}\r\n
\r\n Overall Assessment
\r\n\r\n
\r\n \r\n \r\n \r\n this.updateState('overallAssessmentNotes', el.target.value, 'drillReport')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n invalid={validations.notes != null}\r\n />\r\n \r\n {validations.notes}\r\n
\r\n \r\n
\r\n \r\n {/*
\r\n */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.updateState('notes', el.target.value, 'drillReport')}\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n />\r\n \r\n
\r\n \r\n {this.state.drillReport?.genNotesStrengthPoints != true ?\r\n (\r\n
\r\n \r\n \r\n \r\n this.updateState('pointsOfStrength', el.target.value, 'drillReport')\r\n }\r\n hideLabel\r\n labelText=\"\"\r\n light\r\n rows={4}\r\n cols={230}\r\n disabled={this.props.editingDisabled}\r\n // RITM0580253\r\n // invalid={validations.pointsOfStrength != null}\r\n />\r\n \r\n {/* RITM0580253 */}\r\n {/* {validations.pointsOfStrength} */}\r\n
\r\n ) : ('')\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {/* RITM0822996 */}\r\n \r\n \r\n {validations.needsToRepeat}\r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderNewPersonModal = () => {\r\n const validationsModal = {\r\n fullName: this.validator.message('fullName', this.state.selectedPerson.fullName, 'required'),\r\n };\r\n return (\r\n this.state.modalPersonDetailVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Person
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to remove selected person
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n render() {\r\n const validations = {\r\n people: this.validator.message(\r\n 'people',\r\n this.state.drillReport.people?.length > 0 ? this.state.drillReport.people[0] : false,\r\n 'required'\r\n ),\r\n };\r\n\r\n const headers = [\r\n {\r\n key: 'fullName',\r\n header: 'Full Name',\r\n },\r\n ];\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Add New Person
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n (\r\n \r\n \r\n \r\n \r\n \r\n {this.renderDeletePeopleModal()}\r\n {this.renderNewPersonModal()}\r\n \r\n
\r\n \r\n )}\r\n />\r\n {validations.people}\r\n \r\n {!this.props.editingDisabled ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nDrillPersonnel.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n PersonnelData: PropTypes.object.isRequired,\r\n disabled: PropTypes.bool,\r\n onSave: PropTypes.func.isRequired,\r\n};\r\nDrillPersonnel.defaultProps = {\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/prefer-stateless-function */\r\nimport React, { Component } from 'react';\r\nimport { TextArea, RadioButtonGroup, RadioButton, Button } from 'carbon-components-react';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class CheckListQuestionAnswer extends Component {\r\n render() {\r\n const answers = [\r\n { id: 'b889f9bd-4be0-41d5-8ec4-6d08bf72f49c', name: 'Yes' },\r\n { id: '1159220d-9045-4a55-8e97-659d55e4e4c4', name: 'No' },\r\n { id: 'f5a6965c-b3a7-45ef-b481-4b77e1501bac', name: 'N/A' },\r\n ];\r\n const validationAnswer = {\r\n answer: this.props.validator.message(\r\n `answer to the question ${this.props.questionCode}`,\r\n this.props.answer,\r\n 'required'\r\n ),\r\n };\r\n return (\r\n \r\n
\r\n {!this.props.editingDisabled ? (\r\n List Of People With Active Function
\r\n\r\n \r\n Add New Person\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n Save\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCheckListQuestionAnswer.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n questionCode: PropTypes.string.isRequired,\r\n question: PropTypes.string.isRequired,\r\n answer: PropTypes.string,\r\n note: PropTypes.string,\r\n isCustom: PropTypes.bool,\r\n onAnswerChange: PropTypes.func.isRequired,\r\n onNoteChange: PropTypes.func.isRequired,\r\n onDeleteCustomRequirement: PropTypes.func,\r\n onUpdateCustomRequirement: PropTypes.func,\r\n disabled: PropTypes.bool\r\n};\r\nCheckListQuestionAnswer.defaultProps = {\r\n answer: null,\r\n note: null,\r\n isCustom: false,\r\n disabled: true,\r\n onDeleteCustomRequirement: () => {},\r\n onUpdateCustomRequirement: () => {},\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { Button, FormGroup, TextInput, Loading, TextArea } from 'carbon-components-react';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport PropTypes from 'prop-types';\r\nimport { api } from '../../../../helpers/api/api';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport { getError, entitiesLabels } from '../../../../helpers/Constants';\r\n\r\nexport default class CheckListRequirement extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.saveRequirement = this.saveRequirement.bind(this);\r\n this.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n this.onCodeTextChange = this.onCodeTextChange.bind(this);\r\n this.onQuestionTextChange = this.onQuestionTextChange.bind(this);\r\n this.validator = new SimpleReactValidator();\r\n this.state = {\r\n newRequirement: {\r\n id: this.props.Requirement?.id || uuid(),\r\n code: this.props.Requirement?.code || null,\r\n name: this.props.Requirement?.name || null,\r\n createdBy: this.props.Requirement?.createdBy || null,\r\n createdOn: this.props.Requirement?.createdOn || null,\r\n updatedBy: this.props.Requirement?.updatedBy || null,\r\n updatedOn: this.props.Requirement?.updatedOn || null,\r\n description: this.props.Requirement?.description || null,\r\n idDrillChecklistTemplate: this.props.Template || null\r\n },\r\n isUpdating: false,\r\n };\r\n }\r\n\r\n onCodeTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.code = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n onQuestionTextChange(event) {\r\n const { value } = event.currentTarget;\r\n // event.preventDefault();\r\n this.setState((prevState) => {\r\n const newRequirement = { ...prevState.newRequirement };\r\n newRequirement.name = value;\r\n return { newRequirement };\r\n });\r\n }\r\n\r\n renderLoadingModal = () => {\r\n const show = this.state.isUpdating;\r\n return show && \r\n \r\n
\r\n \r\n \r\n {validationAnswer.answer}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nCheckListRequirement.propTypes = {\r\n onCancel: PropTypes.func.isRequired,\r\n onSave: PropTypes.func,\r\n onUpdate: PropTypes.func,\r\n CheckList: PropTypes.object.isRequired,\r\n Section: PropTypes.object.isRequired,\r\n Template: PropTypes.object.isRequired,\r\n idCheckListAnswer: PropTypes.string,\r\n Requirement: PropTypes.object,\r\n};\r\nCheckListRequirement.defaultProps = {\r\n Requirement: null,\r\n idCheckListAnswer: null,\r\n onUpdate: () => {},\r\n onSave: () => {},\r\n};\r\n","/* eslint-disable react/sort-comp */\r\nimport React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n InlineLoading,\r\n FormGroup,\r\n TextArea,\r\n DatePickerSkeleton,\r\n ComposedModal,\r\n ModalHeader,\r\n ModalBody,\r\n Button,\r\n TableContainer,\r\n Table,\r\n TableBody,\r\n TableHead,\r\n TableHeader,\r\n TableRow,\r\n TableCell,\r\n Form,\r\n FormLabel,\r\n Loading,\r\n TextInput,\r\n ModalFooter,\r\n Tabs,\r\n Tab,\r\n Toggle\r\n} from 'carbon-components-react';\r\nimport moment from 'moment';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport View16 from '@carbon/icons-react/lib/view/16';\r\nimport Save16 from '@carbon/icons-react/lib/save/16';\r\nimport Add16 from '@carbon/icons-react/lib/add/16';\r\nimport Edit16 from '@carbon/icons-react/lib/edit/16';\r\nimport Attachment16 from '@carbon/icons-react/lib/attachment/16';\r\nimport { Link } from 'react-router-dom';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { api } from '../../../../helpers/api/api';\r\nimport { IsInRole, IsEnabled, IsEditable } from '../../../../helpers/authorization/Policies';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport {\r\n getError,\r\n getSuccess,\r\n sizeFormat,\r\n apioperation,\r\n entitiesLabels,\r\n STATUS,\r\n DateFormat,\r\n} from '../../../../helpers/Constants';\r\nimport DateTimePicker from '../../../../helpers/DateTimePicker';\r\nimport { FindGHRSEmployer } from '../../../common/FindGHRSEmployer';\r\nimport { StatusTag } from '../../../../helpers/PageBreadCrumb';\r\nimport { AppContext } from '../../../../helpers/context/AppContext';\r\n\r\nimport CheckListQuestionAnswer from './CheckListQuestionAnswer';\r\nimport FileUpload from '../../../common/FileUpload';\r\nimport { ConfirmAlertCustom } from '../../../../helpers/ConfirmAlertCustom';\r\nimport CheckListRequirement from './CheckListRequirement';\r\nimport { NoRecordsPlaceholder } from '../../../../helpers/jsonschemaform/DataTableExtention';\r\nimport DownLoadButton from '../../../common/FileDownloadButton';\r\n\r\nimport { Online, Offline } from '../../../common/OnLineOffLine';\r\nimport { FindSaipemCompilers } from '../../../common/FindSaipemCompilers';\r\n\r\nexport class DrillReportSummary extends Component {\r\n carModelProps = () => ({\r\n duedate: null,\r\n id: null,\r\n carOwner: {},\r\n idOwner: null,\r\n idOwnerSaipem: null,\r\n idAnswer: null,\r\n idStatus: null,\r\n idDrillCheckListRequirementAnswer: null,\r\n idDrillReport: null,\r\n drillCARCode: '',\r\n detailsOfInefficiency: null,\r\n findingDescription: null,\r\n identifiedCorrectiveAction: null,\r\n status: {},\r\n drillReport: {},\r\n drillCheckListRequirementAnswer: {},\r\n });\r\n\r\n ownerModelprops = () => ({\r\n fullname: null,\r\n email: null,\r\n });\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n drillReport: this.props.drillReport,\r\n carModel: {\r\n ...this.carModelProps(),\r\n },\r\n ownerModel: {\r\n ...this.ownerModelprops(),\r\n },\r\n\r\n isOpenModalGHRS: false,\r\n isOpenModalCar: false,\r\n };\r\n\r\n this.getTemplate = this.getTemplate.bind(this);\r\n this.handleChangeGHRSModal = this.handleChangeGHRSModal.bind(this);\r\n this.updateStateDPCAR = this.updateStateDPCAR.bind(this);\r\n this.onDetailsOfInefficiencyChange = this.onDetailsOfInefficiencyChange.bind(this);\r\n this.onFindingDescriptionChange = this.onFindingDescriptionChange.bind(this);\r\n this.onCorrectiveActionChange = this.onCorrectiveActionChange.bind(this);\r\n this.setEmployer = this.setEmployer.bind(this);\r\n this.showAddRequirement = this.showAddRequirement.bind(this);\r\n this.onUploadAnswer = this.onUploadAnswer.bind(this);\r\n this.saveCar = this.saveCar.bind(this);\r\n this.validationsAnswer = new SimpleReactValidator();\r\n this.validationsNotifications = new SimpleReactValidator();\r\n this.validationsCar = new SimpleReactValidator();\r\n }\r\n\r\n\r\n // eslint-disable-next-line camelcase\r\n UNSAFE_componentWillReceiveProps(nextProps) {\r\n if (nextProps.drillReport !== this.props.drillReport) {\r\n this.state = {\r\n ...this.state,\r\n drillReport: nextProps.drillReport,\r\n };\r\n }\r\n }\r\n\r\n updateCheckList = async () => {\r\n // if (this.validationsAnswer.allValid()) {\r\n this.props.updateAnswers(this.state.drillReport);\r\n // } else {\r\n // this.validationsAnswer.showMessages();\r\n // showNotification.warning(`${entitiesLabels.WARNING}`,\r\n // `${entitiesLabels.EMERGENCYDRILL_REPORT} required fields are missing `\r\n // );\r\n // this.forceUpdate();\r\n // }\r\n };\r\n\r\n showRequirment = () => {\r\n this.setState({\r\n isLoadtemplate: true,\r\n });\r\n };\r\n\r\n getTemplate = () => {\r\n const result = [];\r\n const map = new Map();\r\n this.state.drillReport.drillCheckListRequirementAnswers.forEach((answer) => {\r\n if (answer.question?.idDrillCheckListTemplate != null &&\r\n !map.has(answer.question.idDrillCheckListTemplate)) {\r\n const until = new Date(answer.question.drillCheckListTemplate.validUntil);\r\n if (until > new Date()) {\r\n map.set(answer.question.idDrillCheckListTemplate, true);\r\n result.push({ ...answer.question.drillCheckListTemplate,\r\n /* DEV550 */ active: answer.active });\r\n }\r\n }\r\n });\r\n const orderResult = [];\r\n\r\n\r\n result.forEach((item) => {\r\n orderResult.push(item);\r\n });\r\n return orderResult;\r\n };\r\n\r\n toggleActiveTemplateQuestions = (idDrillCheckListTemplate) => {\r\n const updatedAnswer = this.state.drillReport.drillCheckListRequirementAnswers.map((answer) => {\r\n if (answer.question?.idDrillCheckListTemplate === idDrillCheckListTemplate) {\r\n return { ...answer, active: !answer.active };\r\n }\r\n return { ...answer };\r\n });\r\n this.setState((prevState) => {\r\n const copyOfDrillReport = { ...prevState.drillReport };\r\n copyOfDrillReport.drillCheckListRequirementAnswers = updatedAnswer;\r\n return { drillReport: copyOfDrillReport };\r\n });\r\n }\r\n\r\n renderRequirementDeleteModal = () => {\r\n const modalHeader = {\r\n title: 'Delete Custom Requirement',\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.handleRequirementDeleteCancel(),\r\n };\r\n return (\r\n this.state.modalDeleteRequirementVisible && (\r\n \r\n
\r\n {this.renderLoadingModal()}\r\n \r\n
\r\n\r\n Requirement Details
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onQuestionTextChange(question)}\r\n />\r\n {validations.question}\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Press confirm to delete selected custom requirement\r\n
\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n {this.state.isSaveCar &&
\r\n \r\n
\r\n \r\n {this.state.isSaveCar &&
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Press confirm to delete selected custom requirement\r\n
\r\n\r\n this.showModalUpdateCar(qa.id, qa.car)}\r\n kind=\"ghost\"\r\n className=\"checklist-custom-content-detail\"\r\n disabled={this.props.disabled}\r\n />\r\n \r\n \r\n this.confirmDeleteCAR(qa.car.id, qa.car.idDrillCheckListRequirementAnswer)\r\n }\r\n kind=\"ghost\"\r\n className=\"checklist-custom-content-info \"\r\n disabled={this.props.disabled}\r\n />\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n onDeleteCar = (idAnswer, id) => {\r\n this.setState({\r\n isDeleting: true,\r\n });\r\n api\r\n .delete(`/drill/report/${this.state.drillReport.id}/answer/${idAnswer}/car/${id}`, '')\r\n .then((response) => {\r\n if (response.status === 200) {\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\r\n getSuccess(entitiesLabels.EMERGENCYDRILL_CAR, apioperation.DELETE)\r\n );\r\n\r\n const { drillCheckListRequirementAnswers } = this.state.drillReport;\r\n\r\n const index = drillCheckListRequirementAnswers.findIndex((qa) => qa.id === idAnswer);\r\n\r\n drillCheckListRequirementAnswers[index].car = null;\r\n this.onCloseConfirm();\r\n this.setState((prevState) => {\r\n const state = { ...prevState };\r\n state.drillReport.drillCheckListRequirementAnswers = drillCheckListRequirementAnswers;\r\n // this.repository.updateCachedAudit(this.state.inspectionModel); TODO\r\n\r\n return state;\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.EMERGENCYDRILL_CAR, apioperation.DELETE)\r\n );\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isDeleting: false,\r\n });\r\n });\r\n };\r\n //* *************** CAR *****************// END\r\n\r\n renderContent = (user) => (\r\n <>\r\n {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\r\n {qa.car.drillCARCode}
\r\n {IsEditable(\r\n 'Emergency Drill',\r\n 'CARSimplified',\r\n user,\r\n qa.car.idStatus,\r\n 'DueDate',\r\n this.props.drillReport\r\n ) ? (\r\n <>\r\n \r\n \r\n Save\r\n \r\n
\r\n )}\r\n {this.modalCar()}\r\n {this.modalAttachment(user)}\r\n {this.renderRequirementDeleteModal()}\r\n {this.state.modalAddRequirementVisible ? (\r\n \r\n {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\r\n
\r\n {this.state.drillReport.drillCheckListRequirementAnswers\r\n ?.filter((a) => a.idQuestion != null && a.question?.idDrillCheckListTemplate == null) \r\n .map((qa) => (\r\n \r\n this.showAddRequirement()}\r\n >\r\n Add Requirement\r\n \r\n
\r\n )}\r\n \r\n this.onNoteChange(qa.id, note)}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n\r\n {this.getRequirementAnswer().map((qa) => (\r\n \r\n
\r\n \r\n {this.getCar(qa, user)}\r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ?\r\n this.showModalAttachment(qa.id)}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n this.showDeleteRequirement(qa.requirement.id)}\r\n onUpdateCustomRequirement={() => this.showModifyRequirement(qa.id, qa.requirement)}\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n disabled={this.props.editingDisabled}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n\r\n \r\n {this.state.drillReport.drillCheckListRequirementAnswers\r\n && this.getTemplate().map((template) => (\r\n \r\n \r\n
\r\n \r\n {this.getCar(qa, user)}\r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ?\r\n this.showModalAttachment(qa.id)}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n {`Click the following button to enable the checklist in accordance with: ${template.name}`}\r\n
}\r\n \r\n {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\r\n
\r\n {this.state.drillReport.drillCheckListRequirementAnswers\r\n ?.filter((a) => a.idQuestion != null && a.question.idDrillCheckListTemplate != null \r\n && a.question.idDrillCheckListTemplate === template.id)\r\n .map((qa) => (\r\n \r\n this.showAddRequirement(template.id)}\r\n >\r\n Add Requirement\r\n \r\n
\r\n )}\r\n \r\n this.onNoteChange(qa.id, note)}\r\n required={false}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n\r\n {this.getRequirementAnswerTemplate(template.id).map((qa) => (\r\n \r\n
\r\n \r\n {this.getCar(qa, user)}\r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ?\r\n this.showModalAttachment(qa.id)}\r\n disabled={!template.active}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n this.showDeleteRequirement(qa.requirement.id)}\r\n onUpdateCustomRequirement={() => \r\n this.showModifyRequirementTemplate(qa.id, qa.requirement, template.id)}\r\n onNoteChange={(note) => this.onNoteChange(qa.id, note)}\r\n disabled={this.props.editingDisabled || !template.active}\r\n required={false}\r\n validator={this.validationsAnswer}\r\n />\r\n
\r\n ))}\r\n \r\n ))}\r\n \r\n
\r\n \r\n {this.getCar(qa, user)}\r\n
\r\n \r\n {qa.attachments && qa.attachments.length > 0 ?\r\n this.showModalAttachment(qa.id)}\r\n disabled={!template.active}\r\n >\r\n Attachments\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n renderNewActivityModal = () => {\r\n const validationsTime = {\r\n validTime: this.validatorTime.message('validTime', this.state.flagTime, 'accepted'),\r\n };\r\n let diffFromTo = false;\r\n if (this.state.selectedActivity.to != null) {\r\n const timeEnd = moment(this.state.selectedActivity.to, 'hh:mm a');\r\n const timeStart = moment(this.state.selectedActivity.from, 'hh:mm a');\r\n const duration = moment.duration(timeEnd.diff(timeStart));\r\n const minutes = parseInt(duration.asMinutes()) % 60;\r\n const hours = parseInt(duration.asHours());\r\n if (minutes >= 0 && hours >= 0) diffFromTo = true;\r\n }\r\n const validationsModal = {\r\n date: this.validator.message('date', this.state.selectedActivity.date, 'required|datePicker'),\r\n from: this.validator.message('from', this.state.selectedActivity.from, 'required'),\r\n to: this.validator.message('to', this.state.selectedActivity.to, 'required'),\r\n activity: this.validator.message(\r\n 'activity',\r\n this.state.selectedActivity.activity,\r\n 'required'\r\n ),\r\n diffTIme: this.validator.message('diffTIme', diffFromTo, 'accepted'),\r\n };\r\n return (\r\n this.state.modalActivityDetailVisible && (\r\n \r\n
\r\n \r\n
\r\n\r\n Delete Team Activity
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to remove selected activity
\r\n\r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n );\r\n };\r\n\r\n render() {\r\n const validations = {\r\n distributionList: this.validator.message(\r\n 'distributionList',\r\n this.state.notificationData.distributionList,\r\n 'required'\r\n ),\r\n activities: this.validator.message(\r\n 'activities',\r\n this.state.notificationData.activities[0],\r\n 'required'\r\n ),\r\n };\r\n\r\n const headers = [\r\n {\r\n key: 'activity',\r\n header: 'Activity',\r\n },\r\n {\r\n key: 'date',\r\n header: 'Date',\r\n },\r\n {\r\n key: 'time',\r\n header: 'Time From-TO',\r\n },\r\n ];\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Add New Activity
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n this.onActivityDateChange(e)}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {validationsModal.diffTIme ||\r\n validationsModal.to != null ||\r\n validationsModal.to ? (\r\n Invalid time format
\r\n ) : null}\r\n {this.state.flagTime ? (\r\n Invalid time format
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n const dateA = new Date(a.date);\r\n const dateB = new Date(b.date);\r\n const hA = moment(a.from, 'HH:mm a');\r\n const hB = moment(b.from, 'HH:mm a');\r\n dateA.setHours(hA.hours(), hA.minutes());\r\n dateB.setHours(hB.hours(), hB.minutes());\r\n return dateA - dateB;\r\n }) || []\r\n }\r\n headers={headers}\r\n render={({ rows, getHeaderProps }) => (\r\n \r\n \r\n \r\n \r\n \r\n {this.renderDeleteActivitiesModal()}\r\n {this.renderNewActivityModal()}\r\n \r\n
\r\n \r\n )}\r\n />\r\n {validations.activities}\r\n \r\n \r\n \r\n {!this.props.editingDisabled ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nDrillNotificationForm.propTypes = {\r\n id: PropTypes.string.isRequired,\r\n NotificationFormData: PropTypes.object.isRequired,\r\n minDate: PropTypes.string.isRequired,\r\n maxDate: PropTypes.string.isRequired,\r\n workSites: PropTypes.array.isRequired,\r\n disabled: PropTypes.bool,\r\n onSave: PropTypes.func.isRequired,\r\n onSend: PropTypes.func.isRequired,\r\n};\r\nDrillNotificationForm.defaultProps = {\r\n disabled: true,\r\n};\r\n","import PropTypes from 'prop-types';\r\nimport React, { useState, useEffect } from 'react';\r\nimport {\r\n Button,\r\n InlineLoading,\r\n TableContainer,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableHeader,\r\n TableCell,\r\n Tile,\r\n } from 'carbon-components-react';\r\nimport View16 from '@carbon/icons-react/lib/view/16';\r\nimport Delete16 from '@carbon/icons-react/lib/delete/16';\r\nimport Close16 from '@carbon/icons-react/lib/close/16';\r\nimport FileUpload from '../../../common/FileUpload';\r\nimport DownLoadButton from '../../../common/FileDownloadButton';\r\nimport { Online, Offline } from '../../../common/OnLineOffLine';\r\nimport { NoRecordsPlaceholder } from '../../../../helpers/jsonschemaform/DataTableExtention';\r\nimport { showNotification } from '../../../../helpers/notification/BaseNotification';\r\nimport { getError, apioperation, entitiesLabels, sizeFormat } from '../../../../helpers/Constants';\r\n\r\nconst DrillReportSignedAttachment = ({ onUpload, \r\n deleteSignedAttachment, \r\n drillReportId, \r\n editingDisabled, \r\n signedAttachmentsArray }) => {\r\n const [modalDeleteAttachmentVisible, setModalDeleteAttachmentVisible] = useState(false);\r\n const [selectedDeleteAttachment, setSelectedDeleteAttachment] = useState(null);\r\n const [downloadingItemId, setDownlodingItemId] = useState(null);\r\n const [signedAttachments, setSignedAttachements] = useState(signedAttachmentsArray);\r\n\r\n useEffect(() => { setSignedAttachements(signedAttachmentsArray); }, [signedAttachmentsArray]);\r\n\r\n // *************** ATTACHMENT *************** START\r\n const handleDeleteAttachmentModalVisibility = () => {\r\n setModalDeleteAttachmentVisible(!modalDeleteAttachmentVisible);\r\n setSelectedDeleteAttachment(null);\r\n };\r\n \r\n const showDeleteAttachmentModal = (Id) => {\r\n const selectedItem = signedAttachments.find((item) => item.idAttachment === Id);\r\n setSelectedDeleteAttachment(selectedItem);\r\n setModalDeleteAttachmentVisible(!modalDeleteAttachmentVisible); \r\n };\r\n \r\n const deleteAttachment = () => {\r\n deleteSignedAttachment(selectedDeleteAttachment.idAttachment);\r\n handleDeleteAttachmentModalVisibility();\r\n };\r\n \r\n const renderDeleteAttachmentModal = () => modalDeleteAttachmentVisible && (\r\n \r\n
\r\n List Of Drill Activities
\r\n\r\n {!this.props.editingDisabled ? (\r\n \r\n Add New Activity\r\n \r\n ) : (\r\n ''\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n\r\n \r\n Send\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n );\r\n // *************** ATTACHMENT *************** END\r\n\r\n return (\r\n <>\r\n {renderDeleteAttachmentModal()}\r\n \r\n
\r\n \r\n handleDeleteAttachmentModalVisibility()}\r\n />\r\n
\r\n \r\n Delete Attachment
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`Press confirm to delete ${selectedDeleteAttachment?.attachment.name}`}\r\n
\r\n\r\n handleDeleteAttachmentModalVisibility()}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n\r\n render() {\r\n return this.state.drillReport ? (\r\n \r\n this.closeModalHistory()}\r\n />\r\n )}\r\n {this.state.drillReport && (\r\n
\r\n \r\n
)}\r\n \r\n
\r\n \r\n {' '}\r\n Enter the startDate and endDate in the main information\r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n {this.state.tabsLoading ? (\r\n {}}\r\n role=\"navigation\"\r\n selected={0}\r\n tabContentClassName=\"auditReportTab\"\r\n triggerHref=\"#\"\r\n type=\"default\"\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n work\r\n selected={false}\r\n tabIndex={0}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.drillReport?.drillNotificationForm?.sendedOn}\r\n >\r\n {}}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.drillReport?.drillNotificationForm?.sendedOn}\r\n >\r\n this.showRequirment()}\r\n onKeyDown={() => {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.drillReport?.drillNotificationForm?.sendedOn}\r\n >\r\n {\r\n this.props.history.push(`/drill/report/${this.props.match.params.id}/car`);\r\n }}\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.drillReport?.drillNotificationForm?.sendedOn}\r\n />\r\n {}}\r\n role=\"presentation\"\r\n selected={false}\r\n tabIndex={0}\r\n disabled={!this.state.drillReport?.drillNotificationForm?.sendedOn}\r\n >\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {this.showLoading()}\r\n this.closeModalHistory()}\r\n />\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {this.state.model && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {!this.state.model ? (\r\n \r\n
\r\n \r\n {!this.state.model ? (\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Press confirm to delete car selected
\r\n\r\n {this.modalCar()}\r\n {this.confirmDeleteCar()}\r\n {this.state.isLoadCar ? (\r\n (\r\n \r\n \r\n
\r\n \r\n )}\r\n />\r\n )}\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.renderLoadingModal()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nAnnualDrillPlanDownload.propTypes = {\r\n history: PropTypes.shape({\r\n block: PropTypes.func,\r\n createHref: PropTypes.func,\r\n go: PropTypes.func,\r\n goBack: PropTypes.func,\r\n goForward: PropTypes.func,\r\n listen: PropTypes.func,\r\n push: PropTypes.func,\r\n replace: PropTypes.func,\r\n length: PropTypes.number,\r\n action: PropTypes.string,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n key: PropTypes.string\r\n }),\r\n }).isRequired,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n key: PropTypes.string\r\n }).isRequired\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n TextInput, Button, Checkbox, RadioButtonGroup, FormGroup, RadioButton, ComposedModal, ModalHeader, ModalBody, ModalFooter, TextArea\r\n} from 'carbon-components-react';\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport { ComboBox } from '../../helpers/ComboBox'\r\nimport { FindGHRSEmployer } from '../common/FindGHRSEmployer'\r\nimport { showNotification } from '../../helpers/notification/BaseNotification';\r\nimport { DateFormat, entitiesLabels } from '../../helpers/Constants';\r\nimport DateTimePicker from '../../helpers/DateTimePicker';\r\n\r\nexport default class ModalParticipant extends Component {\r\n initModalParticipant = (props) => {\r\n\r\n if (props.isEditModal) {\r\n return { ...props.editModel };\r\n }\r\n\r\n return {\r\n id: null, //guid\r\n idTraining: null,//guid\r\n type: null,//''\r\n name: null,//''\r\n surname: null,//''\r\n email: null,//''\r\n position: null,//''\r\n badgeNumber: null,//'' //Employer da GHRS oppure Company per (SUB) CONTRACTOR\r\n birthDate: null,//date\r\n //knowledgeAssessment: null,modale separata //combo null, Pass, Fail, Absent\r\n //note: null,//''modale separata\r\n idEmployer: null, // guid\r\n //signatureAttachment:null, modale separata \r\n }\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n this.validator = new SimpleReactValidator();\r\n //RITM1056154 - Modification Existing Participant Detail Issue\r\n this.validatorEmail = new SimpleReactValidator({\r\n validators: {\r\n email: {\r\n // name the rule\r\n message: 'The :attribute must be a valid email address',\r\n rule: (val, params, validator) =>\r\n validator.helpers.testRegex(\r\n val,\r\n // eslint-disable-next-line no-useless-escape\r\n /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/i\r\n ) && params.indexOf(val) === -1,\r\n //required: true, // optional\r\n },\r\n },\r\n });\r\n //End\r\n this.state = {\r\n model: {\r\n ...this.initModalParticipant(props)\r\n },\r\n mode: props.mode || 0,\r\n //appType: ['SAIPEM PERSONNEL', '(SUB) CONTRACTOR PERSONNEL / PARTNERS'],\r\n // appKnowledgeAssessment: ['Pass', 'Fail', 'Absent'],\r\n };\r\n }\r\n\r\n updateState = (inputName, inputValue, objName) => {\r\n let statusCopy = Object.assign({}, this.state.model);\r\n if (objName && objName != 'model')\r\n statusCopy[objName][inputName] = inputValue;\r\n else\r\n statusCopy[inputName] = inputValue;\r\n\r\n this.setState({ model: statusCopy });\r\n }\r\n\r\n\r\n handleChangeModel = (el) => {\r\n let inputName = el.target.name;\r\n let inputValue = el.target.value;\r\n let objName = el.target.alt;\r\n\r\n this.updateState(inputName, inputValue, objName);\r\n }\r\n\r\n handleChangeRadio = (value, id, event) => {\r\n if (value == \"true\") {\r\n value = true;\r\n } else\r\n if (value == \"false\") {\r\n value = false;\r\n } else if (value == \"null\") {\r\n value = null;\r\n }\r\n\r\n this.updateState(id, value, event.target.alt);\r\n }\r\n\r\n\r\n\r\n\r\n handleChangeCombo = (inputName, selectedItem, objName) => {\r\n let inputValue = selectedItem ? selectedItem.id : null;\r\n this.updateState(inputName, inputValue, objName)\r\n }\r\n\r\n handleChangeComboName = (inputName, selectedItem, objName) => {\r\n if (selectedItem != null) {\r\n selectedItem.id = selectedItem.name;\r\n }\r\n this.handleChangeCombo(inputName, selectedItem, objName);\r\n }\r\n\r\n handleChangeMode = (m) => {\r\n this.setState({ mode: m })\r\n }\r\n\r\n setEmployer = (employer) => {\r\n if (employer && employer.id) {\r\n let statusCopy = Object.assign({}, this.state.model);\r\n statusCopy.idEmployer = employer.id;\r\n statusCopy.badgeNumber = employer.ghrS_ID;\r\n statusCopy.name = employer.name;\r\n statusCopy.surname = employer.surname;\r\n statusCopy.email = employer.email;\r\n statusCopy.position = employer.role;\r\n statusCopy.type = \"Saipem\";\r\n\r\n this.setState({ model: statusCopy, mode: 2 });\r\n }\r\n }\r\n\r\n save = () => {\r\n if (this.validator.allValid() && this.validatorEmail.allValid()) { //RITM1056154 - Modification Existing Participant Detail Issue\r\n debugger;\r\n let dati = this.state.model;\r\n //RITM1056154 - Modification Existing Participant Detail Issue\r\n let participantBadgeFound = dati.badgeNumber != null && dati.badgeNumber?.trim() != '' && this.props.participants.find((el) => el.badgeNumber?.toLowerCase() == dati.badgeNumber?.toLowerCase()) ? true : ((dati.badgeNumber == null || dati.badgeNumber?.trim() == '' && this.props.participants.find((el) => el.id == dati.id && el.badgeNumber?.toLowerCase() == dati.badgeNumber?.toLowerCase())) ? true : false);\r\n let participantMailFound = dati.email != null && dati.email?.trim() != '' && this.props.participants.find((el) => el.email?.toLowerCase() == dati.email?.toLowerCase()) ? true : ((dati.email == null || dati.email?.trim() == '' && this.props.participants.find((el) => el.id == dati.id && el.email?.toLowerCase() == dati.email?.toLowerCase())) ? true : false);\r\n let participantNameFound = this.props.participants.find((el) => (el.name.toLowerCase() + ' ' + el.surname.toLowerCase() == dati.name.toLowerCase() + ' ' + dati.surname.toLowerCase()) && el.type == dati.type)? true : false;\r\n let participantPositionFound = this.props.participants.find((el) => el.position?.toLowerCase() == dati.position.toLowerCase()) ? true : false;\r\n //End\r\n \r\n //controlli sull inserimento manuale di un utente già presente\r\n if(participantBadgeFound && participantMailFound && participantNameFound && participantPositionFound){ //RITM1056154 - Modification Existing Participant Detail Issue\r\n showNotification.warning(`${entitiesLabels.WARNING}`,'Employer already present in the training');\r\n return;\r\n }\r\n\r\n this.props.save(dati);\r\n showNotification.success(`${entitiesLabels.SUCCESS}`,\"Participant created successfully\");\r\n } else {\r\n //RITM1056154 - Modification Existing Participant Detail Issue\r\n if(!this.validator.allValid()) {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`, entitiesLabels.TRAININGPARTICIPANT + \" required fields are missing \");\r\n this.forceUpdate();\r\n }\r\n else {\r\n this.validatorEmail.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`, entitiesLabels.TRAININGPARTICIPANT + \" field not valid \");\r\n this.forceUpdate(); \r\n }\r\n //End\r\n }\r\n }\r\n\r\n excludeOption(array, optionToExclude) {\r\n const filteredArray = [];\r\n for (const item of array) {\r\n if (item.id !== optionToExclude) {\r\n filteredArray.push(item);\r\n }\r\n }\r\n return filteredArray;\r\n }\r\n render() {\r\n this.validator.purgeFields();\r\n const validations = {\r\n type: this.validator.message('type', this.state.model.type, 'required'),\r\n name: this.validator.message('name', this.state.model.name, 'required'),\r\n surname: this.validator.message('surname', this.state.model.surname, 'required'),\r\n position: this.validator.message('position', this.state.model.position, 'required'), //RITM1056154 - Modification Existing Participant Detail Issue\r\n email: this.validatorEmail.message('email', this.state.model.email, 'email'), //RITM1056154 - Modification Existing Participant Detail Issue\r\n //email: this.validator.message('email', this.state.model.email, 'required|email'),\r\n }\r\n const modalHeader = {\r\n title: (this.props.isEditModal ? 'Edit ' : 'Add new '),\r\n iconDescription: 'Close',\r\n buttonOnClick: () => this.props.toggleModal(false)\r\n };\r\n const { title, isOpenModal } = this.props;\r\n\r\n const selectedItemCombo = {\r\n type: (this.props.appType || []).find(el => el.id == this.state.model.type),\r\n };\r\n\r\n return (\r\n this.state.mode == 1 ?\r\n {title || ''}
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n (item ? item.name : '')}\r\n initialSelectedItem={selectedItemCombo.type}\r\n items={this.props.appType ? this.excludeOption(this.props.appType, 'SAP') : []}\r\n //items={this.props.appType}\r\n disabled={this.state.model.idEmployer != null}\r\n invalid={validations.type != null}\r\n />\r\n {validations.type}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n
*/}\r\n\r\n {/* \r\n \r\n (item ? item : '')}\r\n initialSelectedItem={selectedItemCombo.knowledgeAssessment}\r\n items={this.state.appKnowledgeAssessment}\r\n />\r\n \r\n
*/}\r\n\r\n {/* \r\n \r\n this.updateState('note', el.target.value, 'model')}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={6}\r\n cols={100}\r\n />\r\n \r\n
*/}\r\n\r\n {title || ''}
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n {title || ''}
\r\n \r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n (item ? item : '')}\r\n initialSelectedItem={selectedItemCombo.type}\r\n items={this.state.appType}\r\n //disabled={this.state.model.idEmployer != null}\r\n invalid={validations.type != null}\r\n />\r\n {validations.type}\r\n \r\n
\r\n {this.state.model.type == 'Internal' &&\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.state.model.type == 'External' &&\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n\r\n {''}
\r\n
\r\n \r\n {showCanvas ?\r\n
\r\n \r\n (this.saveableCanvas = canvasDraw)}\r\n onChange={null}\r\n loadTimeOffset={0}\r\n lazyRadius={2}\r\n brushRadius={2}\r\n brushColor=\"#444\"\r\n catenaryColor=\"#0a0302\"\r\n gridColor=\"rgba(150,150,150,0.17)\"\r\n hideGrid={false}\r\n canvasWidth={473}\r\n canvasHeight={200}\r\n disabled={false}\r\n imgSrc=\"\"\r\n saveData={null}\r\n immediateLoading={false}\r\n hideInterface={true}\r\n />\r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n (item ? item : '')}\r\n initialSelectedItem={this.state.model.knowledgeAssessment}\r\n items={this.state.appKnowledgeAssessment}\r\n />\r\n \r\n
\r\n \r\n \r\n this.updateState('note', el.target.value, 'model')}\r\n hideLabel={true}\r\n labelText=\"\"\r\n light\r\n rows={6}\r\n cols={100}\r\n />\r\n \r\n
\r\n\r\n \r\n {(showCanvas || thereIsImage) &&\r\n
\r\n \r\n
\r\n }\r\n {showCanvas ?\r\n {`${this.props.editModel.name} ${this.props.editModel.surname}`}
\r\n\r\n (this.saveableCanvas = canvasDraw)}\r\n onChange={null}\r\n loadTimeOffset={0}\r\n lazyRadius={2}\r\n brushRadius={2}\r\n brushColor=\"#444\"\r\n catenaryColor=\"#0a0302\"\r\n gridColor=\"rgba(150,150,150,0.17)\"\r\n hideGrid={false}\r\n canvasWidth={473}\r\n canvasHeight={200}\r\n disabled={false}\r\n imgSrc=\"\"\r\n saveData={null}\r\n immediateLoading={false}\r\n hideInterface={true}\r\n />\r\n \r\n
\r\n : thereIsImage ?\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n \r\n\t\t\t\t\t\t\t\t{this.state.isEdit && item.signatureAttachment &&
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.showDownloadSingleCert(item) && (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t{!this.state.isImportTemplate ? \"\" :
\r\n\t\t);\r\n\t}\r\n\r\n\trenderUploadModal = () => (\r\n\t\t\r\n\t);\r\n\r\n\t// RITM0562378\r\n\tclearAttachment = () => ({\r\n\t\tid: null, // guid\r\n\t\tfileIdentifier: null,\r\n\t\tname: null,\r\n\t\tcontentType: null,\r\n\t\tsize: null,\r\n\t\ttype: null,\r\n\t});\r\n\r\n onUploadFiles = (fileIdentifier, fileName, fileType, size) => {\r\n const attachment = { ...this.state.attachment };\r\n\r\n attachment.id = uuid();\r\n attachment.fileIdentifier = fileIdentifier.blobName;\r\n attachment.name = fileName;\r\n attachment.contentType = fileType;\r\n attachment.size = size;\r\n // attachment.filePath = file.localPath;\r\n\r\n this.setState({\r\n\tattachment: this.clearAttachment(),\r\n });\r\n\r\n try {\r\n\tif (attachment == null) return;\r\n\t// insert\r\n\tconst oldattachment = this.state.model.attachments || [];\r\n\r\n\tconst newItem = {\r\n\t id: uuid(), // guid\r\n\r\n\t idAttachment: attachment.id, // guid\r\n\t attachment,\r\n\t};\r\n\r\n\tconst newattachment = oldattachment.concat([newItem]);\r\n\tthis.setState({model: {...this.state.model, attachments: newattachment}})\r\n } catch (error) {\r\n\tshowNotification.error();\r\n }\r\n };\r\n\r\n onRemoveFile = (id) => {\r\n if (!id) return;\r\n const statusCopy = { ...this.state.model };\r\n statusCopy.attachments = statusCopy.attachments.filter((el) => el.id !== id);\r\n this.setState({model: statusCopy});\r\n };\r\n// FINE RITM0562378\r\n\r\n\trender() {\r\n\t\tconst appWorksites = this.getWorkSite(this.state.model.startDate, this.state.model.endDate);\r\n\t\tconst appProject = this.getPrj(this.state.model.idWorkSite, this.state.model.startDate, this.state.model.endDate);\r\n\t\tconst selectedItemCombo = {\r\n\t\t\tidWorkSite: (appWorksites || []).find((el) => el.id == this.state.model.idWorkSite),\r\n\t\t\tidProject: (appProject || []).find((el) => el.id == this.state.model.idProject),\r\n\t\t\tidTrainingData: (this.state.appTrainingData || []).find((el) => el.id == this.state.model.idTrainingData),\r\n\t\t\tidLanguage: (this.state.appLanguage || []).find((el) => el.id == this.state.model.idLanguage),\r\n\t\t\tidCountry: (this.state.appCountry || []).find((el) => el.id == this.state.model.idCountry),\r\n\t\t\tidMethod: (this.state.appMethod || []).find((el) => el.id == this.state.model.idMethod),\r\n\t\t\tidTrainingAssessmentMethod: (this.state.appAssessmentMethod || []).find((el) => el.id == this.state.model.idTrainingAssessmentMethod),\r\n\t\t\tidTrainingCenter: (this.state.appTrainingCenters || []).find((el) => el.id == this.state.model.idTrainingCenter)\r\n\t\t};\r\n\r\n\t\tconst showOtherAssessment = selectedItemCombo.idTrainingAssessmentMethod?.specifyOther;\r\n\t\tthis.validator.purgeFields(); //si usa quando ci sono validazioni condizionali tra più campi\r\n\t\tconst validations = {\r\n\t\t\tstartDate: this.validator.message(\"StartDate\", this.state.model.startDate, \"required\"),\r\n\t\t\tendDate: this.validator.message(\"EndDate\", this.state.model.endDate, \"required\"),\r\n\t\t\tendAfterStart: this.validator.message(\r\n\t\t\t\t\"endAfterStart\",\r\n\t\t\t\tthis.state.model.endDate == null || this.state.model.startDate == null || moment(this.state.model.endDate).isSameOrAfter(moment(this.state.model.startDate), \"day\"),\r\n\t\t\t\t\"accepted\"\r\n\t\t\t),\r\n\t\t\tvalidityDate: this.validator.message(\"ValidityDate\", this.state.model.validityDate, \"required\"),\r\n\t\t\tcertificateValidityMonths: this.state.idTraining == null\r\n\t\t\t\t? this.validator.message(\"CertificateValidityPeriod\", this.state.model.certificateValidityMonths, \"required|gtz\")\r\n\t\t\t\t: this.validator.message(\"CertificateValidityPeriod\", this.state.model.certificateValidityMonths, \"gtz\"),\r\n\t\t\tidTrainingData: this.validator.message(\"TrainingData\", this.state.model.idTrainingData, \"required\"),\r\n\t\t\ttrainer: this.validator.message(\"trainer\", this.state.model.trainer, \"required\"),\r\n\t\t\tidWorkSite: this.validator.message(\"WorkSite\", this.state.model.idWorkSite, \"required\"),\r\n\t\t\tidProject: this.validator.message(\"Project\", this.state.model.idProject, \"required\"),\r\n\t\t\t//idLanguage: this.validator.message(\"Language\", this.state.model.idLanguage, \"required\"),\r\n\t\t\tidMethod: this.validator.message(\"Method\", this.state.model.idMethod, \"required\"),\r\n\t\t\tidTrainingAssessmentMethod: this.validator.message(\"AssessmentMethod\", this.state.model.idTrainingAssessmentMethod, \"required\"),\r\n\t\t\tspecifyOtherAssessmentMethod: showOtherAssessment ? this.validator.message(\"SpecifyOtherAssessmentMethod\", this.state.model.specifyOtherAssessmentMethod, \"required\") : null,\r\n\t\t\tcertifiedDuration: this.validator.message(\"Certified Duration\", this.state.model.certifiedDuration, \"required\"),\r\n\t\t};\r\n\r\n\t\tconst trainingContents = this.state.model.trainingContents ? _sortBy(this.state.model.trainingContents, \"createdOn\") : [];\r\n\t\tconst trainingParticipants = this.state.search\r\n\t\t\t? (this.state.model.trainingParticipant || []).filter((el) => `${el.surname} ${el.name}`?.toLowerCase().includes(this.state.search?.toLowerCase()))\r\n\t\t\t: this.state.model.trainingParticipant || [];\r\n\r\n\t\tconst modalContentProps = {\r\n\t\t\tkey: this.state.keyModalContent,\r\n\t\t\ttitle: \"Course Contents (The mention of names and surnames must be done only if strictly necessary. Personal Email Addresses are not allowed)\",\r\n\t\t\teditModel: this.state.idToEditContent ? trainingContents.find((el) => el.id == this.state.idToEditContent) : null,\r\n\t\t\tisOpenModal: this.state.isOpenModalContent,\r\n\t\t\tisEditModal: this.state.idToEditContent != null,\r\n\t\t\ttoggleModal: (open) => this.toggleModal(open, \"isOpenModalContent\"),\r\n\t\t\tsave: this.handleSaveModalContent,\r\n\t\t\ttitleAlert: String.fromCharCode(9888)+\" Do Not use Personal Accounts\",\r\n\t\t\t\t\t\r\n\t\t};\r\n\r\n\t\tconst modalParticipantProps = {\r\n\t\t\tparticipants: this.state.model.trainingParticipant,\r\n\t\t\tkey: this.state.keyModalParticipant,\r\n\t\t\ttitle: \"Course Participants\",\r\n\t\t\teditModel: this.state.idToEditParticipant ? trainingParticipants.find((el) => el.id == this.state.idToEditParticipant) : null,\r\n\t\t\tisOpenModal: this.state.isOpenModalParticipant,\r\n\t\t\tisEditModal: this.state.idToEditParticipant != null,\r\n\t\t\tmode: this.state.idToEditParticipant != null ? 2 : 0,\r\n\t\t\ttoggleModal: (open) => this.toggleModal(open, \"isOpenModalParticipant\"),\r\n\t\t\tsave: this.handleSaveModalParticipant,\r\n\t\t\tappType: this.state.appInfoOriginator,\r\n\t\t};\r\n\r\n\t\tconst modalTrainerProps = {\r\n\t\t\tkey: this.state.keyModalTrainer,\r\n\t\t\ttitle: \"Trainer\",\r\n\t\t\teditModel: this.state.model.trainer,\r\n\t\t\tisOpenModal: this.state.isOpenModalTrainer,\r\n\t\t\tisEditModal: this.state.model.trainer != null,\r\n\t\t\tmode: 2,\r\n\t\t\ttoggleModal: (open) => this.toggleModal(open, \"isOpenModalTrainer\"),\r\n\t\t\tsave: this.handleSaveModalTrainer,\r\n\t\t};\r\n\r\n\t\tconst modalSignatureProps = {\r\n\t\t\tkey: this.state.keyModalTrainerSign,\r\n\t\t\ttitle: \"Trainer Signature\",\r\n\t\t\teditModel: this.state.model.trainer,\r\n\t\t\tisOpenModal: this.state.isOpenModalTrainerSign,\r\n\t\t\ttoggleModal: (open) => this.toggleModal(open, \"isOpenModalTrainerSign\"),\r\n\t\t\tsave: this.handleSaveModalTrainerSign,\r\n\t\t\tidTraining: this.state.idTraining,\r\n\t\t};\r\n\r\n\t\tconst modalParticipantsSignatureProps = {\r\n\t\t\tkey: this.state.keyModalParticipantsSign,\r\n\t\t\ttitle: \"Participant Signature\",\r\n\t\t\teditModel: this.state.idToEditParticipantsSign ? trainingParticipants.find((el) => el.id == this.state.idToEditParticipantsSign) : null,\r\n\t\t\tisOpenModal: this.state.isOpenModalParticipantsSign,\r\n\t\t\ttoggleModal: (open) => this.toggleModal(open, \"isOpenModalParticipantsSign\"),\r\n\t\t\tsave: this.handleSaveModalParticipantsSign,\r\n\t\t\tidTraining: this.state.idTraining,\r\n\t\t};\r\n\r\n\t\tconst fileDownLoadAllProps = {\r\n\t\t\tapiUrl: `/training/${this.state.idTraining}/certificate`,\r\n\t\t\tfileName: `Training_Certificates_${this.state.model.code}.zip`,\r\n\t\t\tonDownLoadStart: () => {\r\n\t\t\t\t//RITM0962638 - Download All Certificates Fix\r\n\t\t\t\t// if(this.state.model.trainer.signatureAttachment == null){\r\n\t\t\t\t// \tthrow new Error('Trainer Signature is missing')\r\n\t\t\t\t// }\r\n\t\t\t\t//End\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingNotificationFile: true,\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tonDownLoadEnd: () => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tisLoadingNotificationFile: false,\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tonError: (error) => {\r\n\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAININGCERTIFICATE, apioperation.DOWNLOAD));\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst confirmDelProps = () => {\r\n\t\t\tif (this.state.idToDeleteParticipant) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\tidToDelete: this.state.idToDeleteParticipant,\r\n\t\t\t\t\tnameItem: \"\",\r\n\t\t\t\t\tisDeleting: this.state.isDeleting,\r\n\t\t\t\t\topen: this.state.isOpenDeleteModal, //open state\r\n\t\t\t\t\tonCloseConfirm: () => this.toggleModal(false, \"isOpenDeleteModal\"), //no click\r\n\t\t\t\t\tdeleteItem: this.deleteItemParticipant, //yes click fn()\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tidToDelete: this.state.idToDeleteContent,\r\n\t\t\t\tnameItem: \"\",\r\n\t\t\t\tisDeleting: this.state.isDeleting,\r\n\t\t\t\topen: this.state.isOpenDeleteModal, //open state\r\n\t\t\t\tonCloseConfirm: () => this.toggleModal(false, \"isOpenDeleteModal\"), //no click\r\n\t\t\t\tdeleteItem: this.deleteItemContent, //yes click fn()\r\n\t\t\t};\r\n\t\t};\r\n\r\n\t\tconst showModalSignature = this.state.isEdit && this.state.model.trainer != null;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t{this.state.message.map((x) => (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t {x}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t{this.state.isEdit && this.closeModalHistory()} />}\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* RITM0562378 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* FINE RITM0562378 */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTraining
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.startDate}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.endDate}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.endAfterStart && \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tThe end date field must be after start date field
}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idWorkSite}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={appWorksites}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={appWorksites == null || this.state.isDisabled || appWorksites.length == 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.idWorkSite != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.idWorkSite}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idProject}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={appProject}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={appProject == null || this.state.isDisabled || appProject.length == 0}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.idProject != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.idProject}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.courseCode : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// initialSelectedItem={selectedItemCombo.idTrainingData}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={selectedItemCombo.idTrainingData}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.returnValidTrainingData(this.state.appTrainingData) ?? []}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appTrainingData == null || this.state.isDisabled || !this.state.model.startDate}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.idTrainingData != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.idTrainingData}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idLanguage}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.appLanguage}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appLanguage == null || this.state.isDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t//invalid={validations.idLanguage != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 0) || this.state.isDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"model\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={this.handleChangeModel}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thideLabel={true}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.certifiedDuration != null || this.state.invalidCertifiedDuration}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idCountry}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.appCountry}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appCountry == null || this.state.isDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idTrainingCenter}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.appTrainingCenters}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appTrainingCenters == null || this.state.isDisabled}\r\n />\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.appMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appMethod == null || this.state.isDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.idMethod != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.idMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t (item ? item.name : \"\")}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={selectedItemCombo.idTrainingAssessmentMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titems={this.state.appAssessmentMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.appAssessmentMethod == null || this.state.isDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinvalid={validations.idTrainingAssessmentMethod != null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.idTrainingAssessmentMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{showOtherAssessment && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.specifyOtherAssessmentMethod}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n
*/}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n
\r\n Trainer
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.isDisabled && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.editTrainer();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Edit16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tEdit Trainer\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTrainer Type \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTrainer Surname \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTrainer Name \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSignature \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tActions \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.model.trainer && this.state.model.trainer.type} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.model.trainer && this.state.model.trainer.surname} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.model.trainer && this.state.model.trainer.name} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{showModalSignature && this.state.model.trainer && this.state.model.trainer.signatureAttachment && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{showModalSignature && !this.state.isDisabled && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.editTrainerSign()}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"bx--btn--icon-only\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={PaintBrushAlt16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonDescription=\"Edit Signature\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Edit Signature\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkind=\"ghost\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.trainer}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCourse Contents
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.isDisabled && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.addContent();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Add16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAdd new\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTraining Participant
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isEdit && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDownload All Certificates\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TRAINING, apioperation.DOWNLOAD));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Download16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Download Training Participant\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tapiUrl={`/training/${this.state.model.id}/template`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfileName=\"TrainingPartecipantTemplate.xlsx\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadStart={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdownloadTemplateLoading: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonDownLoadEnd={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdownloadTemplateLoading: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.downloadTemplateLoading ? '' : this.toggleModalUploadTemplate(true)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)} */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.isEdit && !this.state.isDisabled && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.toggleModalUploadTemplate(true)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* End */}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!this.state.isDisabled && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.addParticipant();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderIcon={Add16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAdd new\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAttachments
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t{this.renderUploadFile()} \r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tAttachments \r\n\t\t\t\t\t{!this.props.model ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nNewAttachmentTable.propTypes = {\r\n\tmodel: PropTypes.object,\r\n\titems: PropTypes.array,\r\n\tapiDownloadUrl: PropTypes.string,\r\n\tisDisabled: PropTypes.bool,\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from 'react';\r\nimport { DropdownSkeleton, ComboBox } from 'carbon-components-react';\r\nimport PropTypes from 'prop-types';\r\nimport AuditRepository from '../../../helpers/api/AuditRepository';\r\n\r\nexport default class OnBehalfWorkSiteComboBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n items: [],\r\n };\r\n this.onChange = this.onChange.bind(this);\r\n this.repository = new AuditRepository();\r\n }\r\n\r\n async componentDidMount() {\r\n if (!this.props.division) return;\r\n this.setState({ loading: true });\r\n const items = await this.getItems();\r\n this.setState({ items, loading: false });\r\n }\r\n\r\n onChange = (selectedItem) => {\r\n const item = selectedItem ? selectedItem.selectedItem : null;\r\n this.props.onChange(item);\r\n };\r\n\r\n getItems = async () => {\r\n let items = [];\r\n try {\r\n items = await this.repository.getWorkSites(this.props.division);\r\n } catch (error) {\r\n console.error(error);\r\n this.props.onError(error);\r\n }\r\n return items;\r\n };\r\n\r\n render() {\r\n return this.state.loading ? (\r\n \r\n
\r\n );\r\n \r\n\r\n render() {\r\n return this.state.loading ? (\r\n \r\n
\r\n \r\n
\r\n\r\n New Purchase Order
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Subcontractor/Supplier * \r\n this.handleOnChangeSubContractor(event)}\r\n id=\"cmbSubcontractor\"\r\n disabled={this.props.disabled}\r\n items={this.state.subcontractors}\r\n key={this.state.refreshSubContractor}\r\n itemToString={(item) => (item ? item && item.name : \"\")}\r\n placeholder=\"Select a Subcontractor/Supplier\"\r\n invalid={this.props.invalid}\r\n invalidText={this.props.invalidText}\r\n />\r\n \r\n
\r\n \r\n \r\n Purchase Order * \r\n this.handleOnChangePurchaseOrder(event, 'txt')}\r\n key={this.state.refreshPurchaseOrder}\r\n disabled={this.props.disabled || this.state.selectedSubContractor == null}\r\n invalid={this.props.invalid}\r\n invalidText={this.props.invalidText}\r\n />\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nAuditSubcontractor.propTypes = {\r\n invalid: PropTypes.bool,\r\n invalidText: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n auditSubcontractors: PropTypes.array,\r\n onError: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool,\r\n};\r\nAuditSubcontractor.defaultProps = {\r\n invalid: false,\r\n invalidText: '',\r\n auditSubcontractors: [],\r\n disabled: true,\r\n};\r\n","/* eslint-disable react/forbid-prop-types */\r\nimport React, { Component } from \"react\";\r\nimport { v4 as uuid } from \"uuid\";\r\nimport SimpleReactValidator from \"simple-react-validator\";\r\nimport { Button, FormLabel, ComboBox, FormGroup, Loading, TextArea, TextInput, DataTableSkeleton, Checkbox } from \"carbon-components-react\";\r\nimport Add16 from \"@carbon/icons-react/lib/add/16\";\r\nimport Edit16 from \"@carbon/icons-react/lib/edit/16\";\r\nimport Error16 from \"@carbon/icons-react/lib/error/16\";\r\nimport Data16 from \"@carbon/icons-react/lib/data--1/16\";\r\nimport Send16 from \"@carbon/icons-react/lib/send/16\";\r\nimport Close16 from \"@carbon/icons-react/lib/close/16\";\r\nimport Delete16 from \"@carbon/icons-react/lib/delete/16\";\r\nimport Task16 from \"@carbon/icons-react/lib/task/16\";\r\nimport Report16 from \"@carbon/icons-react/lib/report/16\";\r\nimport ExportDoc16 from \"@carbon/icons-react/lib/document--export/16\";\r\nimport Archive16 from \"@carbon/icons-react/lib/archive/16\";\r\nimport CheckmarkOutline16 from \"@carbon/icons-react/lib/checkmark--outline/16\";\r\nimport PropTypes, { object } from \"prop-types\";\r\nimport Save16 from \"@carbon/icons-react/lib/save/16\";\r\nimport { Information16 } from \"@carbon/icons-react\";\r\nimport { api, me } from \"../../helpers/api/api\";\r\nimport { showNotification } from \"../../helpers/notification/BaseNotification\";\r\nimport { getSuccess, getError, entitiesLabels, apioperation, STATUS, AuditSection, TEAM_LEADER } from \"../../helpers/Constants\";\r\nimport WorkSiteMultiSelect from \"./common/WorkSiteMultiSelect\";\r\nimport ProjectMultiSelect from \"./common/ProjectMultiSelect\";\r\nimport AuditorComboBox from \"./common/AuditorComboBox\";\r\nimport CompanyComboBox from \"./common/CompanyComboBox\";\r\nimport DivisionComboBox from \"./common/DivisionComboBox\";\r\nimport SectionComboBox from \"./common/SectionComboBox\";\r\nimport AuditScopeMultiSelect from \"./common/AuditScopeMultiSelect\";\r\nimport AuditTypeComboBox from \"./common/AuditTypeComboBox\";\r\nimport AuditTargetDropDown from \"./common/AuditTargetDropDown\";\r\nimport { CanExecuteAction, IsEditable, IsEnabled } from \"../../helpers/authorization/Policies\";\r\nimport NewAttachmentTable, { attachmentTablePrivacyText } from \"../common/NewAttachmentTable\";\r\nimport PageBreadCrumb, { StatusTag } from \"../../helpers/PageBreadCrumb\";\r\nimport { HistoryTable } from \"../../helpers/HistoryTable\";\r\nimport EmailChips from \"../../helpers/EmailChips\";\r\nimport AuditRepository from \"../../helpers/api/AuditRepository\";\r\nimport ReasonForSamplingMultiSelect from \"./common/ReasonForSamplingMultiSelect\";\r\nimport { AppContext } from \"../../helpers/context/AppContext\";\r\nimport { Online } from \"../common/OnLineOffLine\";\r\nimport { WFActionModal } from \"../common/WFActionModal\";\r\nimport { Menu, Item } from \"../../helpers/scrolling/ScrollingMenuItem\";\r\nimport { ScrollingProvider, Section } from \"../../lib/react-scroll-section/src/index\";\r\nimport OnBehalfDivisionComboBox from \"./common/OnBehalfDivisionComboBox\";\r\nimport OnBehalfWorkSiteComboBox from \"./common/OnBehalfWorkSiteComboBox\";\r\nimport OnBehalfProjectComboBox from \"./common/OnBehalfProjectComboBox\";\r\nimport ProcessMultiSelect from \"./common/ProcessMultiSelect\";\r\nimport FunctionMultiSelect from \"./common/FunctionMultiSelect\";\r\nimport AuditSubcontractor from \"./common/AuditSubcontractor\";\r\nimport DownLoadButton from '../common/FileDownloadButton';\r\n\r\nconst AuditAttachmentTableMainDescription = \"Upload only one file at 3 Mb or less; please check the file attached before to submit the report because afterwards it is not possible to modify it\"\r\nexport default class AuditProgram extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.onSelectCompanyChange = this.onSelectCompanyChange.bind(this);\r\n\t\tthis.onSelectDivisionChange = this.onSelectDivisionChange.bind(this);\r\n\t\tthis.onSelectAuditTypeChange = this.onSelectAuditTypeChange.bind(this);\r\n\t\tthis.onSelectSectionChange = this.onSelectSectionChange.bind(this);\r\n\t\tthis.onSelectWorkSiteChange = this.onSelectWorkSiteChange.bind(this);\r\n\t\tthis.onSelectScopeChange = this.onSelectScopeChange.bind(this);\r\n\t\tthis.handleSelectedYear = this.handleSelectedYear.bind(this);\r\n\t\tthis.handleSelectedMonth = this.handleSelectedMonth.bind(this);\r\n\t\tthis.onSelectProjectChange = this.onSelectProjectChange.bind(this);\r\n\t\tthis.onSelectDistributionListChange = this.onSelectDistributionListChange.bind(this);\r\n\t\tthis.onSelectAuditorChange = this.onSelectAuditorChange.bind(this);\r\n\t\tthis.onSelectTargetChange = this.onSelectTargetChange.bind(this);\r\n\t\tthis.onSelectProcessChange = this.onSelectProcessChange.bind(this);\r\n\t\tthis.onSelectFunctionChange = this.onSelectFunctionChange.bind(this);\r\n\t\tthis.onAuditScopeObjectiveChange = this.onAuditScopeObjectiveChange.bind(this);\r\n\t\tthis.handleSubmit = this.handleSubmit.bind(this);\r\n\t\tthis.monthToString = this.monthToString.bind(this);\r\n\t\tthis.monthToNumber = this.monthToNumber.bind(this);\r\n\t\tthis.saveAudit = this.saveAudit.bind(this);\r\n\t\tthis.updateAudit = this.updateAudit.bind(this);\r\n\t\tthis.renderLoadingModal = this.renderLoadingModal.bind(this);\r\n\t\tthis.onSelectReasonChange = this.onSelectReasonChange.bind(this);\r\n\t\tthis.onOtherHSEIssuesTextChange = this.onOtherHSEIssuesTextChange.bind(this);\r\n\t\tthis.onSelectMailCCChange = this.onSelectMailCCChange.bind(this);\r\n\t\tthis.repository = new AuditRepository();\r\n\t\tthis.validator = new SimpleReactValidator({\r\n\t\t\tvalidators: {\r\n\t\t\t\temails: {\r\n\t\t\t\t\t// name the rule\r\n\t\t\t\t\tmessage: \"The :attribute must be a valid email address list semicolon separated\",\r\n\t\t\t\t\trule: (val, params, validator) =>\r\n\t\t\t\t\t\tvalidator.helpers.testRegex(\r\n\t\t\t\t\t\t\tval,\r\n\t\t\t\t\t\t\t// eslint-disable-next-line no-useless-escape\r\n\t\t\t\t\t\t\t/^(([a-zA-Z0-9_\\-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([a-zA-Z0-9\\-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)(\\s*;\\s*|\\s*$))+$/i\r\n\t\t\t\t\t\t) && params.indexOf(val) === -1,\r\n\t\t\t\t\trequired: true, // optional\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t});\r\n\r\n\t\tthis.months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\t\tthis.state = {\r\n\t\t\tnewAudit: {\r\n\t\t\t\tid: uuid(),\r\n\t\t\t\tauditCode: null,\r\n\t\t\t\tprojectAuditCode: null,\r\n\t\t\t\tauditRemote: false,\r\n\t\t\t\tcompany: null,\r\n\t\t\t\tonBehalfCompany: null,\r\n\t\t\t\tdivision: {},\r\n\t\t\t\tonBehalfDivision: {},\r\n\t\t\t\tsection: {},\r\n\t\t\t\ttype: {},\r\n\t\t\t\tprojects: [],\r\n\t\t\t\tonBehalfProject: {},\r\n\t\t\t\tworksites: [],\r\n\t\t\t\tonBehalfWorkSite: null,\r\n\t\t\t\tauditor: {},\r\n\t\t\t\tscopes: [],\r\n\t\t\t\treasonsForSampling: [],\r\n\t\t\t\totherHSEIssues: null,\r\n\t\t\t\tsequence: 0,\r\n\t\t\t\tmonth: null,\r\n\t\t\t\tyear: null,\r\n\t\t\t\ttarget: {},\r\n\t\t\t\tdistributionList: null,\r\n\t\t\t\tmailCC: null,\r\n\t\t\t\tisHistoryModalOpen: false,\r\n\t\t\t\tidStatus: null,\r\n\t\t\t\tfunctions: [],\r\n\t\t\t\tprocesses: [],\r\n\t\t\t\tsubContractors: [],\r\n\t\t\t\tauditScopeAndObjective: \"\",\r\n\t\t\t\tplanAttachments: []\r\n\t\t\t},\r\n\t\t\tisSubmitted: true,\r\n\t\t\tisApprovalModalOpen: false,\r\n\t\t\tapprovalModalAction: \"\",\r\n\t\t\tapprover: null,\r\n\t\t\tapprovalStartDate: null,\r\n\t\t\tapprovalEndDate: null,\r\n\t\t\tisLoadingApproverOptions: true,\r\n\t\t\tapprovalValidationMessages: [],\r\n\t\t\tapprovers: [],\r\n\t\t\tselectedData: [],\r\n\t\t\tapproverRole: \"\",\r\n\t\t\twithApprover: true,\r\n\t\t\tisLoadingWFOperation: false,\r\n\t\t\tapprovalNotesRequired: false,\r\n\t\t\teditingAuditorDisabled: true,\r\n\t\t\teditingPlanAttachmentDisabled: true,\r\n\t\t\tisLoadingNotificationFile: false\r\n\t\t};\r\n\t\tthis.statuses = STATUS;\r\n\t\tconst year = new Date().getFullYear();\r\n\t\tthis.years = Array.from(new Array(5), (val, index) => (index + year).toString());\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\tthis.setState({ isSubmitted: true });\r\n\t\tconst audit = await this.getAudit(this.props.match.params.id);\r\n\t\t//const userDivision = await this.repository.getAuditors(); //B1_Audit_Module_Optimization\r\n\t\tawait this.setState({\r\n\t\t\taudit,\r\n\t\t\t//userDivision, //B1_Audit_Module_Optimization\r\n\t\t\tnewAudit: {\r\n\t\t\t\tid: audit?.id || uuid(),\r\n\t\t\t\tauditCode: audit?.auditCode || null,\r\n\t\t\t\tprojectAuditCode: audit?.projectAuditCode || null,\r\n\t\t\t\tauditRemote: audit?.auditRemote || false,\r\n\t\t\t\tcompany: audit?.company || null,\r\n\t\t\t\tonBehalfCompany: audit?.onBehalfCompany || null,\r\n\t\t\t\tdivision: audit?.division || {},\r\n\t\t\t\tonBehalfDivision: audit ? audit.onBehalfDivision || {} : null,\r\n\t\t\t\tsection: audit?.auditSection || {},\r\n\t\t\t\ttype: audit?.auditType || {},\r\n\t\t\t\tprojects: audit?.projects || [],\r\n\t\t\t\tonBehalfProject: audit?.onBehalfProject || {},\r\n\t\t\t\tworksites: audit?.workSites || [],\r\n\t\t\t\tonBehalfWorkSite: audit?.onBehalfWorkSite || null,\r\n\t\t\t\tauditor: audit?.auditors.find((a) => a.teamLeader == true) || {},\r\n\t\t\t\tscopes: audit?.scopes || [],\r\n\t\t\t\treasonsForSampling: audit?.reasonsForSampling || [],\r\n\t\t\t\totherHSEIssues: audit?.otherHSEIssues,\r\n\t\t\t\tsequence: audit?.sequence || 0,\r\n\t\t\t\tmonth: this.monthToString(audit?.referenceMonth),\r\n\t\t\t\tyear: audit?.referenceYear.toString() || null,\r\n\t\t\t\ttarget: audit?.target || {},\r\n\t\t\t\tdistributionList: audit?.distributionList || null,\r\n\t\t\t\tmailCC: audit?.mailCC || null,\r\n\t\t\t\tisHistoryModalOpen: false,\r\n\t\t\t\tidStatus: audit?.idStatus || null,\r\n\t\t\t\tfunctions: audit?.functions || [],\r\n\t\t\t\tprocesses: audit?.processes || [],\r\n\t\t\t\tsubContractors: audit?.subContractors || [],\r\n\t\t\t\tauditScopeAndObjective: audit?.auditScopeAndObjective || \"\",\r\n\t\t\t\t//RITM0531919\r\n\t\t\t\tidDataApprover: audit?.idDataApprover || \"\",\r\n\t\t\t\t//---------\r\n\t\t\t\tplanAttachments: audit?.planAttachments || []\r\n\t\t\t},\r\n\t\t\tcheckListCompilerChanged: false,\r\n\t\t\tisSubmitted: false,\r\n\t\t\t// editingDisabled: audit\r\n\t\t\t// ? audit.idStatus === this.statuses.Consolidated\r\n\t\t\t// : false\r\n\t\t\teditingDisabled: audit ? !IsEditable(\"Audit\", \"Planning\", this.context.user, audit.status.id, \"All\", audit) : false,\r\n\t\t\teditingAuditorDisabled: audit ? audit.checkList?.idStatus > 2 || !IsEditable(\"Audit\", \"Planning\", this.context.user, audit.status.id, \"Auditor\", audit) : false,\r\n\t\t\teditingWorkSiteDisabled: audit ? audit.checkList?.notificationForm.sendedOn != null || !IsEditable(\"Audit\", \"Planning\", this.context.user, audit.status.id, \"WorkSite\", audit) : false,\r\n\t\t\teditingDateDisabled: audit ? !IsEditable(\"Audit\", \"Planning\", this.context.user, audit.status.id, \"Reference Date\", audit) : false,\r\n\t\t\teditingPlanAttachmentDisabled: false,\r\n\t\t});\r\n\t}\r\n\r\n\tmonthToString = (monthNumber) => this.months[monthNumber - 1] || \"\";\r\n\r\n\tmonthToNumber = (monthName) => this.months.indexOf(monthName) + 1;\r\n\r\n\tshowButtonHistory = () => (\r\n\t\t\r\n\t\t// \r\n {this.renderManualInputModal()}\r\n
\r\n\r\n \r\n \r\n Subcontractor/Supplier * \r\n this.handleOnChangeSubContractor(event)}\r\n id=\"cmbSubcontractor\"\r\n disabled={this.props.disabled}\r\n items={this.state.subcontractors}\r\n key={this.state.refreshSubContractor}\r\n itemToString={(item) => (item ? item && item.name : \"\")}\r\n placeholder=\"Select a Subcontractor/Supplier\"\r\n invalid={this.props.invalid}\r\n invalidText={this.props.invalidText}\r\n />\r\n \r\n
\r\n \r\n \r\n Purchase Order * \r\n elem.name).join(', ')\r\n }\r\n itemToString={(item) => (item ? item && item.name : '')}\r\n items={this.state.purchaseOrders}\r\n key={this.state.refreshPurchaseOrder}\r\n light={false}\r\n onChange={(event) => this.handleOnChangePurchaseOrder(event, 'cmb')}\r\n type=\"default\"\r\n invalid={this.props.invalid}\r\n invalidText={this.props.invalidText}\r\n />\r\n \r\n
\r\n \r\n \r\n Manual input\r\n \r\n
\r\n \r\n {this.state.auditSubcontractors.map((item) => (\r\n
\r\n \r\n {`${item.name} - ${item.purchaseOrder}`}\r\n {this.props.disabled ? null : (\r\n this.handleDelete(item)}\r\n >\r\n ×\r\n \r\n )}\r\n
\r\n ))}\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tSection * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SECTION, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.section}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tReference Date * \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t item || \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDateDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t item || \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDateDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tAudit Criteria * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SCOPE, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.scopes}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tAudit Scope and Objective \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tType of audit * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TYPEAUDIT, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsection={this.state.newAudit.section.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.section.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={this.state.newAudit.type}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tTarget * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.TARGET, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItem={this.state.newAudit.target}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t{this.state.newAudit.section.id?.toLowerCase() == AuditSection.QUALITY.id.toLowerCase() || this.state.newAudit.section.id?.toLowerCase() == AuditSection.HSEQ.id.toLowerCase() || this.state.newAudit.section.id?.toLowerCase() == AuditSection.HSE.id.toLowerCase() ? (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tProject Audit Code \r\n\t\t\t\t\t\t\t\t\t\t\t\t {}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tAudit in Remote Mode \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tProcesses * \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.SCOPE, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.processes}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tSubprocesses \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"Subprocesses\", apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.state.newAudit.target.name === \"Subconctractor/Supplier\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, \"Subcontractor\", apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.id}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDetails of the auditee
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{/* RITM0945977 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Main Division * */}\r\n\t\t\t\t\t\t\t\t\t\t\t\tAuditee Business Line * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.MAINDIVISION, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.division}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tCompany \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.COMPANY, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.company}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tWork Sites \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdivision={this.state.newAudit.division.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.division.id + this.state.newAudit.worksites?.map(el => el.id)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.worksites}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingWorkSiteDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tProject \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.projects}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t{this.state.newAudit.reasonsForSampling.findIndex((el) => el.name === \"Any other HSE issues\") !== -1 ? (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tReasons For Sampling* \r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.editingDisabled == true ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.REASONFORSAMPLING, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenUp\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.reasonsForSampling}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.REASONFORSAMPLING, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenUp\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinitialSelectedItems={this.state.newAudit.reasonsForSampling}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onOtherHSEIssuesTextChange(el.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{validations.question}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDetails of the Lead Auditor
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{TEAM_LEADER} * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.AUDITOR, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t//userDivision={this.state.userDivision || []} //B1_Audit_Module_Optimization\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.auditor}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingAuditorDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{this.state.checkListCompilerChanged == true ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tReason for change * \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t {}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{/* RITM0945977 */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t{/* Division * */}\r\n\t\t\t\t\t\t\t\t\t\t\t\tAuditor Business Line * \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.MAINDIVISION, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.onBehalfDivision ? this.state.newAudit.onBehalfDivision : {}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(this.state.audit?.onBehalfDivision ?\tthis.state.audit.onBehalfDivision.hasOwnProperty('id') :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfalse\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)&& this.state.editingDisabled\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tWork Site \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.WORKSITE, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdivision={this.state.newAudit.onBehalfDivision?.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={this.state.newAudit.onBehalfDivision?.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.onBehalfWorkSite}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tCompany \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.COMPANY, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.onBehalfCompany}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tProjects \r\n\t\t\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tshowNotification.error(`${entitiesLabels.ERROR}`, getError(error, entitiesLabels.PROJECT, apioperation.GET));\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedItem={this.state.newAudit.onBehalfProject}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={this.state.editingDisabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDistribution list (Personal Email Addresses are not Allowed)
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tMail To* \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tMail CC \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSave\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.renderLoadingModal()}\r\n\t\t\t\t\r\n
\r\n\r\n \r\n
\r\n );\r\n } else {\r\n const LayoutAuthorized = Authorization(this.state.user, Layout, 'Global', null, true);\r\n // if (this.state.user && this.state.user.modules) {\r\n // let delta = 3000;\r\n // setTimeout(() => {\r\n // MeRepository.preFetch();\r\n // }, (delta += 3000));\r\n // if (this.state.user.modules.includes('Audit')) {\r\n // setTimeout(() => {\r\n // this.auditRepository.fetchAudit();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Incident')) {\r\n // setTimeout(() => {\r\n // IncidentRepository.fetchIncident();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Report')) {\r\n // setTimeout(() => {\r\n // ReportRepository.preFetch();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Hoc Card')) {\r\n // setTimeout(() => {\r\n // HocCardRepository.preFetch();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Training')) {\r\n // setTimeout(() => {\r\n // TrainingRepository.fetchTraining();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Inspection')) {\r\n // setTimeout(() => {\r\n // InspectionRepository.preFetch();\r\n // }, (delta += 30000));\r\n // }\r\n // if (this.state.user.modules.includes('Emergency Drill')) {\r\n // setTimeout(() => {\r\n // DrillRepository.preFetch();\r\n // }, (delta += 30000));\r\n // }\r\n // }\r\n content = (\r\n