\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 \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 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 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 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' && Note: insert the Temperature in °C scale
}\r\n \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
\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 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
\r\n {this.state.drillReport?.genNotesStrengthPoints != true ?\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 {/* RITM0822996 */}\r\n \r\n \r\n {validations.needsToRepeat}\r\n
\r\n
\r\n \r\n
\r\n {!this.props.editingDisabled ? (\r\n
\r\n \r\n Save\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 */}\r\n
\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Name \r\n Size \r\n Actions \r\n \r\n \r\n \r\n {this.state.drillReport?.attachments < 1 ? (\r\n \r\n {item.attachment?.name} \r\n \r\n {sizeFormat(item.attachment?.size)}\r\n \r\n \r\n {this.props.downloading === item.idAttachment ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, entitiesLabels.FileUpload, apioperation.GET)\r\n );\r\n }}\r\n onDownLoadStart={() =>\r\n this.setState({\r\n downloading: item.idAttachment,\r\n })\r\n }\r\n onDownLoadEnd={() => this.setState({ downloading: null })}\r\n apiUrl={`/drill/report/${this.props.drillReport.id}/attachment/${encodeURIComponent(item?.attachment?.fileIdentifier)}`} //RITM1094125\r\n fileName={item?.attachment?.name}\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n \r\n \r\n \r\n {/* \r\n this.props.downloadAttachment(item.id)\r\n }\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n /> */}\r\n \r\n this.showDeleteAttachmentModal(item.idAttachment)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n \r\n \r\n \r\n {/* \r\n this.downloadAttachment(item.id)}\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n this.deleteAttachment(item.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n \r\n {/*\r\n this.downloadAttachment(item.id)}\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled\r\n />\r\n this.deleteAttachment(item.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled\r\n />\r\n \r\n */}\r\n
\r\n )\r\n }\r\n \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 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
\r\n
\r\n
Delete Person \r\n \r\n\r\n
\r\n
\r\n
\r\n
Press confirm to remove selected person \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 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
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
\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 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 \r\n \r\n
List Of People With Active Function \r\n \r\n {!this.props.editingDisabled ? (\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 {this.renderDeletePeopleModal()}\r\n {this.renderNewPersonModal()}\r\n \r\n \r\n \r\n {headers.map((header) => (\r\n {header.header} \r\n ))}\r\n Actions \r\n \r\n \r\n \r\n {!rows || rows.length < 1 ? (\r\n \r\n {row.cells.map((cell) => (\r\n \r\n {cell.info.header.includes('date')\r\n ? moment(cell.value).format('DD/MM/YYYY')\r\n : cell.info.header.includes('workSite')\r\n ? cell.value?.name || 'N/A'\r\n : cell.value}\r\n \r\n ))}\r\n \r\n {!this.props.editingDisabled ? (\r\n \r\n this.handlePersonDetailVisibility(row.id)}\r\n size=\"small\"\r\n renderIcon={Edit16}\r\n iconDescription=\"Edit\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n this.handleDeletePersonModal(row.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled={this.props.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 {validations.people}\r\n \r\n {!this.props.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\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
\r\n \r\n {this.props.questionCode}\r\n {this.props.isCustom ? (\r\n <>\r\n \r\n {this.props.question} \r\n \r\n \r\n
\r\n
\r\n Answer \r\n \r\n this.props.onAnswerChange(this.props.id, answers[0])}\r\n labelText={answers[0].name}\r\n value={answers[0].id}\r\n disabled={this.props.disabled}\r\n />\r\n this.props.onAnswerChange(this.props.id, answers[1])}\r\n labelText={answers[1].name}\r\n value={answers[1].id}\r\n disabled={this.props.disabled}\r\n />\r\n this.props.onAnswerChange(this.props.id, answers[2])}\r\n labelText={answers[2].name}\r\n value={answers[2].id}\r\n disabled={this.props.disabled}\r\n />\r\n \r\n \r\n {validationAnswer.answer}\r\n \r\n
\r\n
\r\n Notes \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 saveRequirement = async (item) => {\r\n try {\r\n this.setState({ isUpdating: true });\r\n return (await api.post('/drill/report/checklistquestion', item)).data;\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, 'Save Drill Requirement', 'ERROR'));\r\n return null;\r\n } finally {\r\n this.setState({ isUpdating: false });\r\n }\r\n };\r\n\r\n updateRequirement = async (item) => {\r\n try {\r\n this.setState({ isUpdating: true });\r\n return (await api.put('/drill/report/checklistquestion', item)).data;\r\n } catch (error) {\r\n showNotification.error(`${entitiesLabels.ERROR}`,getError(error, 'Save Drill Requirement', 'ERROR'));\r\n return null;\r\n } finally {\r\n this.setState({ isUpdating: false });\r\n }\r\n };\r\n\r\n handleSubmit = async (event) => {\r\n debugger;\r\n event.preventDefault();\r\n if (this.validator.allValid()) {\r\n // NEW\r\n if (!this.props.idCheckListAnswer) {\r\n const newCheckListAnswer = {\r\n id: this.props.idCheckListAnswer || uuid(),\r\n idRequirement: this.state.newRequirement.id,\r\n idDrillReport: this.props.CheckList.id,\r\n drillReport: this.props.CheckList,\r\n requirement: this.state.newRequirement,\r\n };\r\n const newItem = await this.saveRequirement(newCheckListAnswer);\r\n if (newItem) this.props.onSave(newItem);\r\n } else {\r\n const newItem = await this.updateRequirement(this.state.newRequirement);\r\n if (newItem) this.props.onUpdate(newItem);\r\n }\r\n } else {\r\n this.validator.showMessages();\r\n showNotification.warning(`${entitiesLabels.WARNING}`,\r\n `${entitiesLabels.REQUIREMENT} 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 code: this.validator.message('code', this.state.newRequirement.code, 'required'),\r\n question: this.validator.message('question', this.state.newRequirement.name, 'required'),\r\n };\r\n return (\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 Cancel\r\n \r\n\r\n \r\n Save\r\n \r\n
\r\n
\r\n {this.renderLoadingModal()}\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 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 Press confirm to delete selected custom requirement\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Save\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 Name \r\n Size \r\n Actions \r\n \r\n \r\n \r\n {this.state.drillReport?.drillCheckListRequirementAnswers.map((dclra) =>\r\n ((dclra.attachments?.length !== 0 && \r\n dclra.id === this.state.idAnswerAttachment && dclra.attachments < 1 && \r\n (\r\n \r\n \r\n {item?.attachment?.name}\r\n \r\n \r\n {sizeFormat(item?.attachment?.size)}\r\n \r\n \r\n {this.state.downloading === item.id ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {\r\n showNotification.error(`${entitiesLabels.ERROR}`,\r\n getError(\r\n error,\r\n entitiesLabels.FileUpload,\r\n apioperation.GET\r\n )\r\n );\r\n }}\r\n onDownLoadStart={() =>\r\n this.setState({\r\n downloading: item.id,\r\n })\r\n }\r\n onDownLoadEnd={() => this.setState({ downloading: null })}\r\n apiUrl={`/drill/report/${this.props.drillReport.id}/answer/${this.state.idAnswerAttachment}/attachment/${encodeURIComponent(item?.attachment?.fileIdentifier)}`} //RITM1094125\r\n fileName={item?.attachment?.name}\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n \r\n \r\n \r\n {/* \r\n this.downloadAttachmentAnswer(item.id)\r\n }\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n /> */}\r\n \r\n {(IsInRole(user, 'Administrator') ||\r\n IsInRole(user, 'Compiler')) && (\r\n this.onDeleteAttachmentAnswer(item.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled={this.props.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 // dclra.attachments?.length !== 0 && \r\n // dclra.id === this.state.idAnswerAttachment ? (\r\n // dclra.attachments < 1 ? (\r\n // \r\n // \r\n // {item?.attachment?.name}\r\n // \r\n // \r\n // {sizeFormat(item?.attachment?.size)}\r\n // \r\n // \r\n // {this.state.downloading === item.id ? (\r\n // \r\n //
\r\n // ) : (\r\n // \r\n // \r\n // {\r\n // showNotification.error(`${entitiesLabels.ERROR}`,\r\n // getError(\r\n // error,\r\n // entitiesLabels.FileUpload,\r\n // apioperation.GET\r\n // )\r\n // );\r\n // }}\r\n // onDownLoadStart={() =>\r\n // this.setState({\r\n // downloading: item.id,\r\n // })\r\n // }\r\n // onDownLoadEnd={() => this.setState({ downloading: null })}\r\n // apiUrl={`/drill/report/${this.props.drillReport.id}/answer/${this.state.idAnswerAttachment}/attachment/${item?.attachment?.fileIdentifier}`}\r\n // fileName={item?.attachment?.name}\r\n // size=\"small\"\r\n // renderIcon={View16}\r\n // iconDescription=\"Download\"\r\n // kind=\"ghost\"\r\n // disabled={this.props.editingDisabled}\r\n // />\r\n // \r\n // \r\n // \r\n // {/* \r\n // this.downloadAttachmentAnswer(item.id)\r\n // }\r\n // size=\"small\"\r\n // renderIcon={View16}\r\n // iconDescription=\"Download\"\r\n // kind=\"ghost\"\r\n // disabled={this.props.editingDisabled}\r\n // /> */}\r\n // \r\n // {(IsInRole(user, 'Administrator') ||\r\n // IsInRole(user, 'Compiler')) && (\r\n // this.onDeleteAttachmentAnswer(item.id)}\r\n // size=\"small\"\r\n // renderIcon={Delete16}\r\n // iconDescription=\"Delete\"\r\n // kind=\"ghost\"\r\n // disabled={this.props.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 )}\r\n \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 {this.state.isSaveCar &&
}\r\n\r\n
\r\n
\r\n
\r\n \r\n this.closemodalCar()}>\r\n Cancel\r\n \r\n this.saveCar()}>\r\n Save\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 {this.state.isSaveCar &&
}\r\n\r\n
\r\n
\r\n
\r\n \r\n this.closemodalCar()}>\r\n Cancel\r\n \r\n this.saveCar()}>\r\n Save\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 Press confirm to delete selected custom requirement\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Save\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
{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
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 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 {}}\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 {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\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 {this.getCar(qa, user)}\r\n
\r\n
\r\n {qa.attachments && qa.attachments.length > 0 ?\r\n
\r\n : null}\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 {this.getCar(qa, user)}\r\n
\r\n
\r\n {qa.attachments && qa.attachments.length > 0 ?\r\n
\r\n : null}\r\n
this.showModalAttachment(qa.id)}\r\n >\r\n Attachments\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 {!template.active && \r\n \r\n {`Click the following button to enable the checklist in accordance with: ${template.name}`}\r\n
}\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 {(IsInRole(user, 'Administrator') || IsInRole(user, 'Compiler')) && (\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 {this.getCar(qa, user)}\r\n
\r\n
\r\n {qa.attachments && qa.attachments.length > 0 ?\r\n
\r\n : null}\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 {this.getCar(qa, user)}\r\n
\r\n
\r\n {qa.attachments && qa.attachments.length > 0 ?\r\n
\r\n : null}\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\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
\r\n
\r\n
Delete Team Activity \r\n \r\n\r\n
\r\n
\r\n
\r\n
Press confirm to remove selected activity \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
Add New Activity \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 {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
\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 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
List Of Drill Activities \r\n \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 {this.renderDeleteActivitiesModal()}\r\n {this.renderNewActivityModal()}\r\n \r\n \r\n \r\n {headers.map((header) => (\r\n {header.header} \r\n ))}\r\n Actions \r\n \r\n \r\n \r\n {!rows || rows.length < 1 ? (\r\n \r\n {row.cells.map((cell) => (\r\n \r\n {cell.info.header.includes('date')\r\n ? moment(cell.value).format('DD/MM/YYYY')\r\n : cell.info.header.includes('workSite')\r\n ? cell.value?.name || 'N/A'\r\n : cell.value}\r\n \r\n ))}\r\n \r\n \r\n this.handleActivityDetailVisibility(row.id)}\r\n size=\"small\"\r\n renderIcon={Edit16}\r\n iconDescription=\"Edit\"\r\n kind=\"ghost\"\r\n disabled={this.props.editingDisabled}\r\n />\r\n this.handleDeleteActivityModal(row.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\r\n disabled={this.props.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 {validations.activities}\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 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
Delete Attachment \r\n handleDeleteAttachmentModalVisibility()}\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
\r\n
\r\n
\r\n handleDeleteAttachmentModalVisibility()}\r\n >\r\n Cancel\r\n \r\n deleteAttachment()}\r\n >\r\n Confirm\r\n \r\n
\r\n
\r\n
\r\n {!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 Name \r\n Size \r\n Actions \r\n \r\n \r\n \r\n {signedAttachments < 1 ? (\r\n \r\n {item.attachment?.name} \r\n \r\n {sizeFormat(item.attachment?.size)}\r\n \r\n \r\n {downloadingItemId === item.idAttachment ? (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {\r\n showNotification.error(\r\n `${entitiesLabels.ERROR}`,\r\n getError(error, \r\n entitiesLabels.FileUpload, apioperation.GET)\r\n );\r\n }}\r\n onDownLoadStart={() => \r\n setDownlodingItemId(item.idAttachment)}\r\n onDownLoadEnd={() => setDownlodingItemId(null)}\r\n apiUrl={`/drill/report/${drillReportId}/signedattachment/${encodeURIComponent(item?.attachment?.fileIdentifier)}`} //RITM1094125\r\n fileName={item?.attachment?.name}\r\n size=\"small\"\r\n renderIcon={View16}\r\n iconDescription=\"Download\"\r\n kind=\"ghost\"\r\n disabled={editingDisabled}\r\n />\r\n \r\n \r\n \r\n \r\n showDeleteAttachmentModal(item.idAttachment)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\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\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/${encodeURIComponent(this.state.drillReport.signedAttachments[index].attachment.fileIdentifier)}` //RITM1094125\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/${encodeURIComponent(this.state.drillReport.attachments[index].attachment.fileIdentifier)}` //RITM1094125\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/${encodeURIComponent(this.state.drillReport.signedAttachments[index].attachment.fileIdentifier)}` //RITM1094125\r\n );\r\n } else {\r\n await api.deleteData(\r\n `/drill/report/${this.state.drillReport.id}/attachment/${encodeURIComponent(this.state.drillReport.attachments[index].attachment.fileIdentifier)}` //RITM1094125\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/${encodeURIComponent(fileIdentifier)} ` //RITM1094125\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/${encodeURIComponent(fileA.fileIdentifier)}` //RITM1094125\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
\r\n
\r\n {this.state.drillReport && (\r\n
this.closeModalHistory()}\r\n />\r\n )}\r\n {this.state.drillReport && (\r\n \r\n
\r\n
\r\n {this.state.validationDeliveryDate ? (\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
\r\n {this.state.tabsLoading ? (\r\n
\r\n
\r\n ) : (\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 {({ 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 {this.showLoading()}\r\n
\r\n
this.closeModalHistory()}\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 {!this.state.model ? (\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 {IsEditable(\r\n 'Emergency Drill',\r\n 'CARSimplified',\r\n user,\r\n this.state.model ? this.state.model.idStatus : null,\r\n 'CorrectiveAction',\r\n canEditResource\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\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
Press confirm to delete car selected \r\n \r\n
\r\n
\r\n \r\n \r\n Cancel\r\n \r\n this.deleteCAR()}>\r\n Confirm\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 {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 {headers.map((header) => (\r\n \r\n {header.header}\r\n \r\n ))}\r\n Actions \r\n \r\n \r\n \r\n {rows == null || rows.length === 0 ? (\r\n \r\n {row.cells.map((cell) => (\r\n x.key === cell.info.header)}\r\n />\r\n ))}\r\n\r\n \r\n \r\n {IsEditable(\r\n 'Emergency Drill',\r\n 'CARSimplified',\r\n user,\r\n this.getStatusId(row.id),\r\n 'DueDate',\r\n this.getCanEditResource(null)\r\n ) && this.getIsEditable(row.id) ? (\r\n <>\r\n this.getCAR(this.getUrlDetailCar(row.id))}\r\n size=\"small\"\r\n renderIcon={Edit16}\r\n iconDescription=\"Edit\"\r\n kind=\"ghost\"\r\n />\r\n \r\n this.confirmDeleteCAR(row.id)}\r\n size=\"small\"\r\n renderIcon={Delete16}\r\n iconDescription=\"Delete\"\r\n kind=\"ghost\"\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
\r\n \r\n )}\r\n />\r\n )}\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 this.closemodalCar()}>\r\n Cancel\r\n \r\n this.updateCAR()}>\r\n Save\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 && \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 this.props.toggleModal(false)} onOk={this.setEmployer} participants={this.props.participants} />\r\n :\r\n { return false; }}\r\n >\r\n {title || ''}
\r\n {\r\n this.state.mode == 0 ?\r\n \r\n this.handleChangeMode(1)}>GHRS research \r\n this.handleChangeMode(2)}>Manual input \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
\r\n
\r\n \r\n this.props.toggleModal(false)}>Cancel \r\n this.save()}>Save \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 {title || ''}
\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)}>Cancel \r\n this.save()}>Save \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 {title || ''}
\r\n {\r\n this.state.mode == 0 ?\r\n \r\n this.handleChangeMode(1)}>GHRS research \r\n this.handleChangeMode(2)}>Manual input \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 this.handleChangeMode(1)}>GHRS research \r\n {/* this.clear()}>Clear */}\r\n
\r\n \r\n
\r\n }\r\n
\r\n \r\n \r\n
\r\n
\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 this.props.toggleModal(false)}>Cancel \r\n this.save()}>Save \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 { return false; }}\r\n >\r\n {''}
\r\n {this.showLoading()}\r\n \r\n
\r\n {showCanvas ?\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 this.clearImage()}>Clear \r\n
\r\n :\r\n
\r\n
\r\n
this.clearImage()}>Clear \r\n
\r\n }\r\n
\r\n
\r\n \r\n this.props.toggleModal(false)}>Cancel \r\n this.saveImage()} disabled={!showCanvas}>Save \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 (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
\r\n {(showCanvas || thereIsImage) &&\r\n
\r\n
{`${this.props.editModel.name} ${this.props.editModel.surname}`} \r\n \r\n }\r\n {showCanvas ?\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 this.clearImage()}>Clear \r\n
\r\n : thereIsImage ?\r\n
\r\n
\r\n
this.clearImage()}>Clear \r\n
\r\n : null\r\n }\r\n
\r\n
\r\n \r\n this.props.toggleModal(false)}>Cancel \r\n this.save()} >Save \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\tidWorkSiteProject: null //RITM1136841\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\t\t\tstatusCopy.idWorkSiteProject = null; //RITM1136841\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\tstatusCopy.idWorkSiteProject = selectedItem ? selectedItem.idWorksitePrj : null //RITM1136841\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 this.openModalHistory()}>\r\n\t\t\t\t\tHistory\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\tapi.getWithParam('training/gettrainingusersbyrole', { //RITM1075974\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 this.batchActionClick(\"Submit\", \"Submit\", \"Data Approver\", true, false, null)}>\r\n\t\t\t\t\t\tSubmit Report\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 this.batchActionClick(\"Approve\", \"Approve\", \"null\", false, false, null)}>\r\n\t\t\t\t\t\tApprove Report\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 this.batchActionClick(\"Consolidate\", \"Consolidate\", null, false, false, null)}>\r\n\t\t\t\t\t\tConsolidate Report\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 this.batchActionClick(\"Reject\", \"Reject\", null, false, true, null)}>\r\n\t\t\t\t\t\tReject Report\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 this.batchActionClick(\"RejectConsolidate\", \"Reject\", null, false, true, null)}>\r\n\t\t\t\t\t\tReject Report\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 this.batchActionClick(\"Delete\", \"Delete\", null, false, false, null)}>\r\n\t\t\t\t\t\tDelete\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\t\t\t{this.state.isEdit && item.signatureAttachment && this.editParticipantsSign(item.id)} size=\"small\" renderIcon={PaintBrushAlt16} iconDescription=\"Edit Signature\" title=\"Edit Signature\" kind=\"ghost\" />\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\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\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 this.editParticipant(item.id)} size=\"small\" renderIcon={Edit16} iconDescription=\"Edit\" title=\"Edit\" kind=\"ghost\" />\r\n\t\t\t\t\t\t\t\t this.confirmDeleteParticipant(item.id)} size=\"small\" renderIcon={Delete16} iconDescription=\"Delete\" title=\"Delete\" kind=\"ghost\" />\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 \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{!this.state.isImportTemplate ? \"\" :
}\r\n\r\n\t\t\t\t{this.state.message[0] == \"Success\" ? (\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\t\t\t{this.state.message.map((x) => (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
{x}
\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)}\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\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{this.renderUploadModal()}\r\n\t\t\t\t\t\t\t\t{this.showLoading()}\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\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\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- Training
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- Course Contents
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t- Training Participant
\r\n\r\n\t\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\t- Attachment
\r\n\t\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\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\t\t
Training \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\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 && The 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\t\t\t\t\t\t\t\t\t\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.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\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\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\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\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
Trainer \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\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\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
{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
\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\t\t
Course 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
\r\n\t\t\t\t\t\t\t\t\t\t\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\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\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\tContent \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{trainingContents == null || trainingContents.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\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{item.content && item.content.substr(0, 200)} \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\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\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 this.editContent(item.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\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\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\t\t\t\t\t\t\t\ticonDescription=\"Edit\"\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\ttitle=\"Edit\"\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\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\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 this.confirmDeleteContent(item.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\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\t\t\t\trenderIcon={Delete16}\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\ticonDescription=\"Delete\"\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\ttitle=\"Delete\"\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\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\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
\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)}\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
\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\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\t\t
Training 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
\r\n\t\t\t\t\t\t\t\t\t\t\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\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\tType \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSurname \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tName \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tBadge Number / Company \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tJob Position \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAssessment \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\tSAIPEM PERSONNEL \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{this.renderParticipants(true, trainingParticipants)}\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\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(SUB) CONTRACTOR PERSONNEL / PARTNERS \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{this.renderParticipants(false, trainingParticipants)}\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
\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\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\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
Attachments \r\n\t\t\t\t\t\t\t\t\t\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 this.cancel()} className=\"bx--col bx--btn--max-width\" size=\"default\" kind=\"secondary\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCancel\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 this.saveTraining()} disabled={this.state.isDisabled} className=\"bx--col bx--btn--max-width\" size=\"default\" kind=\"primary\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tSave\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 window.print()} disabled={this.state.isDisabled} className=\"bx--col bx--btn--max-width\" size=\"default\" kind=\"secondary\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPrint\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
\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\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\t
Attachments \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) : !this.state.appStatus ? (\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\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\tName \r\n\t\t\t\t\t\t\t\t\t\t{isDocumentTypeSpecified && Document Type }\r\n\t\t\t\t\t\t\t\t\t\tActions \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{this.props.items == null || this.props.items.length === 0 ? (\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{item?.name} \r\n\t\t\t\t\t\t\t\t\t\t\t\t{isDocumentTypeSpecified && {item?.documentType ?? \"\"} }\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 showNotification.error(getError(error, null, apioperation.DOWNLOAD))}\r\n\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\trenderIcon={Download16}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonDescription=\"Download\"\r\n\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\tapiUrl={this.props.apiDownloadUrl + encodeURIComponent(item?.fileIdentifier)} //RITM1094125\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfileName={item?.name}\r\n\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\tonDownLoadEnd={() => {}}\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.remove(item?.id)} size=\"small\" renderIcon={Delete16} iconDescription=\"Delete\" kind=\"ghost\" disabled={this.props.isDisabled} />\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)}\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
\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 \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
\r\n \r\n Cancel\r\n \r\n \r\n Add\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.renderManualInputModal()}\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\r\n
\r\n {this.state.auditSubcontractors.map((item) => (\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
this.openModalHistory()}>\r\n\t\t\tHistory\r\n\t\t \r\n\t\t// 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 this.batchActionClick(\"Submit\", \"Submit\", \"Data Approver\", true, false, this.state.newAudit)}>\r\n\t\t\t\t\t\tSubmit Program\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 this.batchActionClick(\"Approve\", \"Approve\", \"Division Manager\", true, false, this.state.newAudit)}>\r\n\t\t\t\t\t\tApprove Program\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 this.batchActionClick(\"Consolidate\", \"Consolidate\", null, false, false, this.state.newAudit)}>\r\n\t\t\t\t\t\tConsolidate Program\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 this.batchActionClick(\"RejectConsolidate\", \"RejectConsolidate\", null, false, true, this.state.newAudit)}>\r\n\t\t\t\t\t\tReject Consolidate\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 this.batchActionClick(\"Reject\", \"Reject\", null, false, true, this.state.newAudit)}>\r\n\t\t\t\t\t\tReject Program\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 this.batchActionClick(\"Delete\", \"Delete\", null, false, false, this.state.newAudit)}>\r\n\t\t\t\t\t\tDelete Program\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\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\t
\r\n\t\t\t\t\t\t\t\t\t- Details of audit
\r\n\t\t\t\t\t\t\t\t\t- Details of auditee
\r\n\t\t\t\t\t\t\t\t\t- Details of the Lead Auditor
\r\n\t\t\t\t\t\t\t\t\t- Distribution list
\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\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\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\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\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 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\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\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\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\r\n\t\t\t\t\t\t\t\t\t\t
Details 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\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{/* 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\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\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\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
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
Details 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\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{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\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\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
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
Distribution 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\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 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\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\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\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 ![](\"/images/warning-icon.png\")
\r\n {this.state.userMessage.message}\r\n ![\"Saipem](\"/images/saipem-insights.png\")
\r\n ![](\"/images/saipem-full.png\")
\r\n ![](\"/images/icon.svg\"){kind=icon}
\r\n \r\n ![](\"/images/icon-responsibilityMatrix.svg\"){kind=icon}
\r\n ![](\"/images/icon-trainingSchedule.svg\"){kind=icon}
\r\n