\r\n \r\n {props.children}\r\n \r\n
\r\n )\r\n}\r\n","import \"./Dashboard.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport \"antd/dist/antd.css\";\r\nimport DashboardCard from \"../../components/DashboardCard/DashboardCard\";\r\nimport { Modal, Button } from \"antd\";\r\nimport Chart from \"chart.js/auto\";\r\nimport zoomPlugin from \"chartjs-plugin-zoom\";\r\nimport $ from \"jquery\";\r\n\r\nconst Dashboard = (props) => {\r\n Chart.register(zoomPlugin);\r\n const [isBusy, setBusy] = useState(true);\r\n const [totalInstructors, setTotalInstructors] = useState(0);\r\n const [totalPilots, setTotalPilots] = useState(0);\r\n const [totalTrainings, setTotalTrainings] = useState(0);\r\n\r\n //const [totalMOR, setTotalMOR] = useState(0);\r\n const [airLinesBlock, setAirlinesBlock] = useState([]);\r\n const [formOptions, setFormOptions] = useState([]);\r\n const [tapsOverTime, setTapsOverTime] = useState([]);\r\n\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n\r\n const [today, setToday] = useState(\"\");\r\n const [weekBefore, setWeekBefore] = useState(\"\");\r\n\r\n const [\r\n drilledLessThanTwoCompetencyListHTML,\r\n setDrilledLessThanTwoCompetencyListHTML,\r\n ] = useState([]);\r\n const [selectedTrainingType, setTrainingType] = useState(\"PPC/IR\");\r\n const [expiringCertAndLicensesListHTML, setExpiringCertAndLicensesListHTML] =\r\n useState([]);\r\n\r\n const getDashData = async () => {\r\n var processFields = {\r\n ChildEntityKey: \"PPC/IR\",\r\n };\r\n\r\n API.post(endpoint.DashboardData, processFields, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setTotalInstructors(response.Table[0].InstructorCount);\r\n setTotalPilots(response.Table1[0].PilotCount);\r\n setTotalTrainings(response.Table2[0].TrainingCount);\r\n\r\n //setInstructorsByCategory(response.Table3);\r\n setTrainingsByType(response.Table4);\r\n\r\n //setTotalMOR(response.Table5[0].TotalMOR);\r\n\r\n if (response.Table7.length > 0) {\r\n setTapsOverTime(response.Table7);\r\n }\r\n\r\n if (response.Table8.length > 0) {\r\n setLessThanTwoCompetencyTrainingsByType(response.Table8);\r\n }\r\n\r\n var resp = response.Table6;\r\n if (resp.length > 0) {\r\n setAirlinesBlock(resp);\r\n }\r\n var options = [];\r\n for (var i = 0; i < resp.length; i++) {\r\n options.push({ name: resp[i].FormName, value: resp[i].FormName });\r\n }\r\n\r\n setFormOptions(options);\r\n filterTrainings();\r\n setBusy(false);\r\n } else {\r\n if (response != undefined) {\r\n errorToast(response.statusText);\r\n } else {\r\n errorToast(\"Some error occured.\");\r\n }\r\n setBusy(false);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n fnSetTapsOverTime(\"\");\r\n }, [tapsOverTime]);\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getDashData();\r\n changeExpiringDataParamType(null);\r\n var now = new Date();\r\n now.setDate(now.getDate() - 7);\r\n\r\n var month = now.getMonth() + 1;\r\n var day = now.getDate();\r\n if (month < 10) month = \"0\" + month;\r\n if (day < 10) day = \"0\" + day;\r\n\r\n setWeekBefore(now.getFullYear() + \"-\" + month + \"-\" + day);\r\n\r\n var d = new Date();\r\n var m = d.getMonth() + 1;\r\n var dt = d.getDate();\r\n if (m < 10) m = \"0\" + m;\r\n if (dt < 10) dt = \"0\" + dt;\r\n\r\n setToday(d.getFullYear() + \"-\" + m + \"-\" + dt);\r\n }, []);\r\n\r\n function fnSetTapsOverTime(input) {\r\n let labels = [];\r\n let pieData = [];\r\n\r\n let data = tapsOverTime;\r\n if (input != \"\") {\r\n data = tapsOverTime.filter((s) => s.FormName == input);\r\n }\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n labels.push(getMonth(data[i].Month) + \"-\" + data[i].Year);\r\n pieData.push(data[i].TotalMOR);\r\n }\r\n\r\n if ($(\"canvas#myChart\") != null) {\r\n $(\"canvas#myChart\").remove();\r\n $(\"div.chartReport\").append(\r\n ''\r\n );\r\n }\r\n\r\n var canvas = document.getElementById(\"myChart\");\r\n var ctx = canvas.getContext(\"2d\");\r\n new Chart(ctx, {\r\n type: \"bar\",\r\n data: {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: \"MOR Reports\",\r\n data: pieData,\r\n backgroundColor: [\"rgb(234 53 61)\"],\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n },\r\n },\r\n maintainAspectRatio: false,\r\n plugins: {\r\n zoom: {\r\n pan: {\r\n enabled: true,\r\n mode: \"xy\",\r\n },\r\n zoom: {\r\n wheel: {\r\n enabled: true,\r\n },\r\n pinch: {\r\n enabled: true,\r\n },\r\n mode: \"xy\",\r\n },\r\n },\r\n },\r\n },\r\n });\r\n }\r\n\r\n function changeAirlinesValue(event) {\r\n var input = event.currentTarget.value;\r\n fnSetTapsOverTime(input);\r\n }\r\n\r\n function getMonth(number) {\r\n var months = [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"May\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sept\",\r\n \"Oct\",\r\n \"Nov\",\r\n \"Dec\",\r\n ];\r\n return months[number - 1];\r\n }\r\n\r\n function setTrainingsByType(input) {\r\n let labels = input.map((a) => a.TrainingType);\r\n let pieData = input.map((a) => a.Trainings);\r\n\r\n if ($(\"canvas#myPie\") != null) {\r\n $(\"canvas#myPie\").remove();\r\n $(\"div.chrTrainingsLastWeek\").append(\r\n ''\r\n );\r\n }\r\n\r\n var canvas = document.getElementById(\"myPie\");\r\n var ctx = canvas.getContext(\"2d\");\r\n new Chart(ctx, {\r\n type: \"bar\",\r\n data: {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: \"Trainings count\",\r\n data: pieData,\r\n backgroundColor: [\"rgb(234 53 61)\"],\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n },\r\n },\r\n maintainAspectRatio: false,\r\n },\r\n });\r\n }\r\n\r\n function filterTrainings() {\r\n var from = document.getElementById(\"fromDate\");\r\n var to = document.getElementById(\"toDate\");\r\n\r\n if (new Date(to.value) < new Date(from.value)) {\r\n errorToast(\"To date should be greater than from date\");\r\n return;\r\n }\r\n\r\n var formData = {\r\n EntityKey: from.value,\r\n ChildEntityKey: to.value,\r\n };\r\n\r\n API.post(\r\n endpoint.GetDashboardTrainingCount,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n setTrainingsByType(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n\r\n function setLessThanTwoCompetencyTrainingsByType(input) {\r\n let labels = input.map((a) => a.TrainingType);\r\n let pieData = input.map((a) => a.Trainings);\r\n\r\n if ($(\"canvas#myTrainingsLessThanTwoCompetencyOverall\") != null) {\r\n $(\"canvas#myTrainingsLessThanTwoCompetencyOverall\").remove();\r\n $(\"div.chrTrainingsLessThanTwoCompetencyOverall\").append(\r\n ''\r\n );\r\n }\r\n\r\n var canvas = document.getElementById(\r\n \"myTrainingsLessThanTwoCompetencyOverall\"\r\n );\r\n var ctx = canvas.getContext(\"2d\");\r\n var tttChart = new Chart(ctx, {\r\n type: \"bar\",\r\n data: {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: \"Trainings count\",\r\n data: pieData,\r\n backgroundColor: [\"rgb(234 53 61)\"],\r\n borderWidth: 1,\r\n },\r\n ],\r\n },\r\n options: {\r\n //indexAxis: 'y',\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n },\r\n },\r\n maintainAspectRatio: false,\r\n onClick: function (evt, q, w) {\r\n const points = tttChart.getElementsAtEventForMode(\r\n evt,\r\n \"nearest\",\r\n { intersect: true },\r\n true\r\n );\r\n\r\n if (points.length) {\r\n const firstPoint = points[0];\r\n const label = tttChart.data.labels[firstPoint.index];\r\n setBusy(true);\r\n\r\n getDrilledLessThanTwoCompetencyList(label);\r\n }\r\n },\r\n },\r\n });\r\n }\r\n\r\n function changeLessThanTwoSelectList(event) {\r\n setBusy(true);\r\n var input = event.currentTarget.value;\r\n setTrainingType(input);\r\n var processFields = {\r\n ChildEntityKey: input,\r\n };\r\n\r\n API.post(endpoint.DashboardData, processFields, (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response.Table8.length > 0) {\r\n setLessThanTwoCompetencyTrainingsByType(response.Table8);\r\n }\r\n setBusy(false);\r\n } else {\r\n if (response != undefined) {\r\n errorToast(response.statusText);\r\n } else {\r\n errorToast(\"Some error occured.\");\r\n }\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n function changeExpiringDataParamType(event) {\r\n setBusy(true);\r\n var input = \"LICNumber\";\r\n\r\n if (event != null) input = event.currentTarget.value;\r\n\r\n var processFields = {\r\n EntityKey: input,\r\n };\r\n\r\n API.post(\r\n endpoint.ExpiringCertAndLicenses,\r\n processFields,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n let responseData = response;\r\n var safetyHeadersHTML = [];\r\n if (responseData.length > 0) {\r\n for (var i = 0; i < responseData.length; i++) {\r\n var id = \"rrr-\" + responseData[i].Id;\r\n safetyHeadersHTML.push(\r\n \r\n \r\n Close\r\n ,\r\n ]}\r\n >\r\n {isBusy ? (\r\n \r\n ) : (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Dashboard;\r\n","import React from 'react';\r\nimport \"./HeaderTitle.scss\";\r\n\r\nconst HeaderTitle = (props) => {\r\n const {title} = props;\r\n\r\n return(\r\n \r\n {isBusy &&
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {airLinesBlock.map((e, index) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n {e.TotalMOR}
\r\n {e.FormName}\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n {totalInstructors}
\r\n Total Instructors\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n {totalPilots}
\r\n Total Pilots\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n {totalTrainings}
\r\n Total Trainings\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n From:{\" \"}\r\n \r\n
\r\n \r\n To: \r\n
\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Select training 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 Select 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
| Name | \r\nEmail ID | \r\nLicense | \r\nExpiry Date | \r\nUser Notified | \r\n
|---|
| Pilot | \r\nInstructor | \r\nTraining Date | \r\n
|---|
{title}
\r\n )\r\n}\r\n\r\nexport default HeaderTitle;","import { useState } from \"react\";\r\n\r\nfunction usePagination(data, itemsPerPage) {\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const maxPage = Math.ceil(data?.length / itemsPerPage);\r\n\r\n function currentData() {\r\n const begin = (currentPage - 1) * itemsPerPage;\r\n const end = begin + itemsPerPage;\r\n return data?.slice(begin, end);\r\n }\r\n\r\n const getRange = () => {\r\n const begin = (currentPage - 1) * itemsPerPage;\r\n const end = begin + itemsPerPage;\r\n return {begin: begin+1, end: end};\r\n }\r\n\r\n function next() {\r\n setCurrentPage(currentPage => Math.min(currentPage + 1, maxPage));\r\n }\r\n\r\n function prev() {\r\n setCurrentPage(currentPage => Math.max(currentPage - 1, 1));\r\n }\r\n\r\n function jump(page) {\r\n const pageNumber = Math.max(1, page);\r\n setCurrentPage(currentPage => Math.min(pageNumber, maxPage));\r\n }\r\n\r\n return { next, prev, jump, currentData, currentPage, maxPage, getRange };\r\n}\r\n\r\nexport default usePagination;","export default __webpack_public_path__ + \"static/media/DownArrow.7967d456.svg\";","export default __webpack_public_path__ + \"static/media/UpArrow.4c88cad4.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABpxJREFUeJzt3bmLXVUcwPHvZBNtbLLMPi+ptLK1C0ZUAqJgbWFhIWIh/hVWVjZaCIoJESxNICLGwi6ImH2SmUmiMSKpFcFlLG5u9pl5y9nuPd8PnCbFnd95h2/mzeSQB5IkSZIkSZIkSf00lXsA8TjwCnAQWATWgevAd8BXwF/ZJpMymgLeAm7RRPGo9TvwJv5FpsrsBI6ycRgPrs+AHVkmlRLbCXzJ8HG06wuMRD03bhxGot6bNA4jUW+FisNI1Duh4zAS9UasOIxEnRc7DiNRZ6WKw0jUOanjMBJ1Rq44jETFyx2HkahYpcRhJCpOaXEYiYpRahxGouxKj8NIlE1X4jASJde1OIxEycSO4yfgQsTnG4miSRHHbmAaI1HHpIqjNQ1cjPj1jETBxI7jDPfH0TISFS9XHC0jUbFSxLFniDlmMBIVJnYcZxkujpaRqBilxdGaAS5FnMtItKUUceydYD4jUTax4zjHZHG0jETJdSWO1gywHHFeI9EdXYujZSSKLnYc54kTR2sWI1EkXY+jZSQKLkUc+5LtponkcoR9GEmF+hZHy0g0sdhxXCBPHK05jERjShHHdLLdbMxINLLYcVykjDhaRqKh1RZHaw64gpFoE7XG0TISbShFHDPJdjO+eYxED4gdxyW6EUdrHljBSIRxbMRIZBxbMJKKxY5jmW7H0VrASKpjHKNZAFYxkiqkiGM22W7SMZIKGMdkjKTHYsdxmX7H0TKSHkoRx1yy3eS3iJH0hnHEsQisYSSdFjuOK9QZR8tIOu5jjCO22JF8mG4rdXmJuHHMp9tK8ZaIG8mhdFupx/fEOawVjONRloCrxHnNv024jyrMYxw5xIwkxX+JVI1XMY5cYkVyOOUmxrUt9wBD2uxTmMaxCjwH3Aj83D66TvNaXQv83HE+AiK5rgTyZ8BnrdEc+C8Bn9l31wgfyR8Bn1W9ZwjzbX2V5mqFxjOgiSTEWTyVdPKe2wb8zORxLKYevIcGTB7JCjCVduz+e4/xD2QN4whpwGSRvJN64BrsAn7EOEoxYLxITtNcGVIEi4z2K0ffVsU1YPTz8DpPZNPASbY+jOP4j1EpeB4FmgJeAI4Bv3H3EG4CR2ju+vhDYDqeR+Eeo/kZRWXwPCRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJRdp+e6kMO28vZXQIOALcANZvrxu3/+xQxrlq9SJwDLjJ3fP4FTgKPJ9xrursA05w9xA2WseBvZlmrMkM8DVbn8cJPI/oFoA1tj6Mdq0CS1kmrcMB4BqjncdcjkFrsBP4geEPo11XMZIYDgDXGf08TgM7Mszbe+8y+mEYSRz7GS+Odr2dfuT+G+Wt1aPWGkYSwqRxrAPLyafuuaeZ7EDujWQx8ex9EiKOdh1IPHuvvUaYQzGS8e1ntB/It1ovJ51+TNtyDzCkJwI+az9wCiMZRfuahXyLGvJMo+lKILcCP+8AzYEvBH5uHw0IHweEP9Oq7Qb+Jdy393atYiSbGRD2bVW7/gGeTLaLSnxD+IMyko0NiBPHOs0tBwV2kDiHtQ6sYCT3GhAvjv+AZ1NtpDYfEDeS+XRbKdYS8eJYB95PtpMKbQM+x0hiWaK5dRDr9f0UmEq2m0ptx0hiSBFHV35r2nmxI7lCXZEsMflVHuMoTIpIariavYhx9JaRTMY4KhA7ksv0MxLjqEiKSGaT7SY+46iQkQxnkeb2gHFUyEg2t4BxVC92JMt0MxLj0B1Gcj/j0ENSRDKTbDfjW6C5HWAcekjtkcxjHNpC7EguUWYkxqGh1RaJcWhkKSKZTrabjc3TXJExDo2s75EYhyYWO5KL5IlkDuNQILEjuUDaSIxDwaWIZF+CfRiHoul6JHM098OMQ9F0NZJZjEOJxI7kPGEjMQ4llyKSEJ/RZxzKpvRIZmnufxmHsik1EuNQMWJHco7RIpnBOFSYUiIxDhUrRSR7Nvn6xqHixY7kLI+OZIbm8qNxqHipIzEOdU7sSM7QRDKNcaijUkRiHOq02JEYhzqva5EYh5LrSiTGoWxKj8Q4lF2pkRiHilFaJMah4pQSiXGoWLkjMQ4VL1ckxqHOSB2JcahzUkViHOqs2JEYhzovViTGod4IHYlxqHdCRWIc6q1JIzEO9d64kRiHqrEd+ITh4/gI41CF3gBusnEYN4DXcw0nmMo9gNgFHAYOAgOaMK4Bp4CTwN+5BpMkSZIkSZIkSVJ//Q9wkW9tXc7/twAAAABJRU5ErkJggg==\"","import React, { useState, useEffect } from 'react';\r\nimport { Select } from 'antd';\r\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\r\nimport { Table, TableCell, TableContainer, TableHead, TableRow, Grid, useMediaQuery, TableBody } from \"@material-ui/core\";\r\nimport { Pagination } from '@material-ui/lab';\r\nimport usePagination from \"./Pagination\"\r\nimport Paper from '@material-ui/core/Paper';\r\nimport DownArrow from '../../../assets/svg/DownArrow.svg';\r\nimport UpArrow from '../../../assets/svg/UpArrow.svg';\r\nimport UpDownArrow from \"../../../assets/images/updownArrow.png\";\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport \"./DataTable.scss\";\r\nconst { Option } = Select;\r\n\r\nconst DataTable = (props) => {\r\n const { columns, rows, renderTableBody, setSearchText, order, orderBy, setOrder, setOrderBy } = props;\r\n\r\n const [finalRows, setFinalRows] = useState(rows)\r\n const [rowsPerPage, setRowsPerPage] = useState(25);\r\n const [page, setPage] = useState(1);\r\n const count = Math.ceil(finalRows?.length / rowsPerPage);\r\n const _rowsData = usePagination(finalRows, rowsPerPage);\r\n\r\n useEffect(() => {\r\n if (order && orderBy) {\r\n\r\n function getComparator(order, orderBy) {\r\n return order === \"desc\"\r\n ? (a, b) => descendingComparator(a, b, orderBy)\r\n : (a, b) => -descendingComparator(a, b, orderBy);\r\n }\r\n\r\n setFinalRows(stableSort(rows, getComparator(order, orderBy)))\r\n }\r\n }, [order, orderBy, rows])\r\n\r\n const descendingComparator = (a, b, orderBy) => {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n const stableSort = (array, comparator) => {\r\n const stabilizedThis = array?.map((el, index) => [el, index]);\r\n stabilizedThis?.sort((a, b) => {\r\n const order = comparator(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis?.map((el) => el[0]);\r\n }\r\n\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n tablediv: {\r\n borderRadius: \"10px\"\r\n },\r\n table: {\r\n minWidth: 700,\r\n },\r\n tableCell: {\r\n paddingRight: 4,\r\n paddingLeft: 5,\r\n whiteSpace: \"nowrap\"\r\n },\r\n paperStyle: {\r\n boxShadow: \"0px 5px 8px rgb(0 0 0 / 20%)\",\r\n },\r\n root: {\r\n \"& .MuiPaginationItem-icon\": {\r\n backgroundColor: \"#C3C3C3\",\r\n color: \"white\",\r\n height: \"30px\",\r\n width: \"30px\",\r\n borderRadius: \"14px\",\r\n padding: \"3px\",\r\n margin: \"0px 1px\",\r\n outline: \"unset\"\r\n },\r\n \"& .MuiPaginationItem-textSecondary.Mui-selected\": {\r\n backgroundColor: \"#EA353D\",\r\n outline: \"unset !important\"\r\n },\r\n \"& .MuiPaginationItem-textSecondary.Mui-selected: focus\": {\r\n outline: \"unset !important\"\r\n }\r\n }\r\n }));\r\n\r\n const classes = useStyles();\r\n\r\n const theme = useTheme();\r\n const screenExtraLarge = useMediaQuery(theme.breakpoints.only('xl'));\r\n const screenLarge = useMediaQuery(theme.breakpoints.only('lg'));\r\n const screenMedium = useMediaQuery(theme.breakpoints.only('md'));\r\n const screenSmall = useMediaQuery(theme.breakpoints.only('sm'));\r\n const screenExtraSmall = useMediaQuery(theme.breakpoints.only('xs'));\r\n const screenNarrow = useMediaQuery('(max-width:340px)');\r\n\r\n const StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n }))(TableCell);\r\n\r\n const onTextchange = (text) => {\r\n setSearchText(text);\r\n setPage(1);\r\n _rowsData.jump(1);\r\n }\r\n\r\n const renderSearch = () => {\r\n return (\r\n \r\n Search \r\n onTextchange(e.target.value)} />\r\n
\r\n \r\n
\r\n \r\n Showing results {`${begin > finalRows?.length ? finalRows?.length : begin}`} to {`${end > finalRows?.length ? finalRows?.length : end}`} of {`${finalRows?.length}`} entries\r\n
\r\n Show \r\n
}>\r\n \r\n \r\n \r\n \r\n entries\r\n e.showSort && handleRequestSort(e.id)} style={{ cursor: e.showSort && \"pointer\" }}>\r\n {e.title} \r\n {e.showSort && 
}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {renderTableFooter(classes)}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DataTable;","import React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport \"./PilotsPage.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport API from \"../../utils/Api\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport \"antd/dist/antd.css\";\r\nimport { EyeTwoTone } from \"@ant-design/icons\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { Button, Modal, Tabs } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst columns = [\r\n {\r\n title: \"Sabre Id\",\r\n showSort: true,\r\n id: \"sabreId\",\r\n },\r\n {\r\n title: \"Pilot Name\",\r\n showSort: true,\r\n id: \"pilotName\",\r\n },\r\n {\r\n title: \"Email\",\r\n showSort: true,\r\n id: \"email\",\r\n },\r\n {\r\n title: \"EmploymentDate\",\r\n showSort: true,\r\n id: \"employmentDate\",\r\n },\r\n {\r\n title: \"CreatedOn\",\r\n showSort: true,\r\n id: \"createdOn\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst { TabPane } = Tabs;\r\nconst PilotsPage = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n\r\n const [order, setOrder] = useState(\"desc\");\r\n const [orderBy, setOrderBy] = useState(\"CreatedOn\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n\r\n const [pilotDetails, setPilotDetails] = useState([]);\r\n const [pilotRanks, setPilotRanks] = useState([]);\r\n const [pilotBases, setPilotBases] = useState([]);\r\n const [pilotFleets, setPilotFleets] = useState([]);\r\n const [pilotDocuments, setPilotDocuments] = useState([]);\r\n const [pilotQualifications, setPilotQualifications] = useState([]);\r\n const [pilotTrainings, setPilotTrainings] = useState([]);\r\n const [pilotSchedule, setPilotSchedule] = useState([]);\r\n\r\n const [pilotSafetyHeader, setPilotSafetyHeader] = useState([]);\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.Sabre_Id?.toString().toLowerCase().includes(searchTxt) ||\r\n value.Pilot_Name?.toLowerCase().includes(searchTxt) ||\r\n value.Email?.toLowerCase().includes(searchTxt) ||\r\n value.EmploymentDate?.toString().toLowerCase().includes(searchTxt) ||\r\n value.CreatedOn?.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText]);\r\n\r\n const getPilotsData = () => {\r\n var user = getFromLocal(\"user\");\r\n\r\n var headers = {\r\n UserId: parseInt(user[\"userId\"]),\r\n };\r\n API.getWithHeader(endpoint.GetPilots, headers, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getRecords(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n };\r\n\r\n const getLocalTimeZoneDateTime = (date) => {\r\n const dateUtc = new Date(date);\r\n var userTimezoneOffsetEndDate = dateUtc.getTimezoneOffset() * 60000;\r\n var newDate = new Date(dateUtc.getTime() - userTimezoneOffsetEndDate);\r\n return moment(newDate).format(\"DD/MM/YYYY HH:mm\");\r\n };\r\n\r\n const getPilotData = (pilotId) => {\r\n var user = getFromLocal(\"user\");\r\n var headers = {\r\n UserId: parseInt(user[\"userId\"]),\r\n };\r\n var url = endpoint.GetPilotData + \"/\" + parseInt(pilotId);\r\n API.getWithHeader(url, headers, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setPilotDetails(response.table[0]);\r\n\r\n let ranks = response.table1;\r\n var ranksHTML = [];\r\n if (ranks.length > 0) {\r\n for (let i = 0; i < ranks.length; i++) {\r\n ranksHTML.push(\r\n \r\n // \r\n // \r\n //
\r\n //
\r\n // | Field | \r\n //Value | \r\n //
|---|---|
| {item.FieldKey} | \r\n //{item.FieldValue} | \r\n //
\r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n\r\n \r\n Close\r\n ,\r\n ]}\r\n >\r\n {isBusy ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PilotsPage;\r\n","export default __webpack_public_path__ + \"static/media/lgtc-logo.b9caa15e.jpeg\";","export default __webpack_public_path__ + \"static/media/BatikAir.23b8320d.svg\";","export default __webpack_public_path__ + \"static/media/LionAir.bfda96be.svg\";","export default __webpack_public_path__ + \"static/media/MalindoAir.96f038f2.svg\";","export default __webpack_public_path__ + \"static/media/SuperAirJet.2d4c715f.svg\";","export default __webpack_public_path__ + \"static/media/WingsAir.83f310e0.svg\";","import React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Button, Modal } from \"antd\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport logo from \"../../../assets/images/lgtc-logo.jpeg\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport \"./Trainings.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport BatikLogo from \"../../../assets/images/BatikAir.svg\";\r\nimport LionAirLogo from \"../../../assets/images/LionAir.svg\";\r\nimport MalindoAirLogo from \"../../../assets/images/MalindoAir.svg\";\r\nimport SuperAirJetLogo from \"../../../assets/images/SuperAirJet.svg\";\r\nimport WingsAirLogo from \"../../../assets/images/WingsAir.svg\";\r\n\r\nimport \"antd/dist/antd.css\";\r\nimport { EditTwoTone, EyeTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\n\r\nimport { savePDF } from \"@progress/kendo-react-pdf\";\r\nconst bodyRef = React.createRef();\r\n\r\nconst createPdfFun = (html, pilotId, trainingDate) => {\r\n savePDF(html, {\r\n paperSize: \"auto\",\r\n fileName: pilotId + \"-\" + trainingDate + \"-TA.pdf\",\r\n margin: 40,\r\n imageResolution: 300,\r\n });\r\n};\r\n\r\nconst columns = [\r\n {\r\n title: \"Trainee ID\",\r\n showSort: true,\r\n id: \"TraineeId\",\r\n },\r\n {\r\n title: \"Trainee Name\",\r\n showSort: true,\r\n id: \"TraineeName\",\r\n },\r\n {\r\n title: \"Trainee Company\",\r\n showSort: true,\r\n id: \"TraineeCompany\",\r\n },\r\n {\r\n title: \"Training Type\",\r\n showSort: true,\r\n id: \"TrainingType\",\r\n },\r\n {\r\n title: \"Aircraft Type\",\r\n showSort: true,\r\n id: \"AircraftType\",\r\n },\r\n {\r\n title: \"Trainer\",\r\n showSort: true,\r\n id: \"Trainer\",\r\n },\r\n {\r\n title: \"Training Date\",\r\n showSort: true,\r\n id: \"TrainingDate\",\r\n },\r\n {\r\n title: \"Score\",\r\n showSort: true,\r\n id: \"Score\",\r\n },\r\n {\r\n title: \"Result\",\r\n showSort: true,\r\n id: \"Result\",\r\n },\r\n {\r\n title: \"Status\",\r\n showSort: true,\r\n id: \"PilotSigned\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst Trainings = (props) => {\r\n const createPdf = () => createPdfFun(bodyRef.current, pilotId, trainingDate);\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [isView, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"desc\");\r\n const [orderBy, setOrderBy] = useState(\"CreatedOn\");\r\n const [formValues, setFormDetails] = useState();\r\n\r\n const [formHeaderValues, setFormHeaderValues] = useState({});\r\n const [, setFormId] = useState(\"\");\r\n const [pilotId, setpilotId] = useState(\"\");\r\n const [trainingDate, settrainingDate] = useState(\"\");\r\n\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n\r\n const [pilotBarcode, setPilotBarcode] = useState(\"\");\r\n const [instructorBarcode, setInstructorBarcode] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.TraineeId.toString().toLowerCase().includes(searchTxt) ||\r\n value.TraineeName.toLowerCase().includes(searchTxt) ||\r\n value.TraineeCompany.toLowerCase().includes(searchTxt) ||\r\n value.TrainingType.toLowerCase().includes(searchTxt) ||\r\n value.AircraftType.toLowerCase().includes(searchTxt) ||\r\n value.Trainer.toString().toLowerCase().includes(searchTxt) ||\r\n value.TrainingDate.toString().toLowerCase().includes(searchTxt) ||\r\n value.Score.toLowerCase().includes(searchTxt) ||\r\n value.Result.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n const handleDelete = async (formid) => {\r\n const handleOk = async () => {\r\n await deleteFormDetails(formid);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deleteFormDetails(formid) {\r\n var user = getFromLocal(\"user\");\r\n var headers = {\r\n UserId: parseInt(user[\"userId\"]),\r\n };\r\n var url = endpoint.DeleteFormDetails + \"/\" + formid;\r\n setBusy(true);\r\n API.deleteWithHeader(url, headers, {}, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getTrainingData();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n async function getFormDetails(formData) {\r\n setBusy(true);\r\n API.get(endpoint.GetFormData + formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n let headerDetails = response[\"Table\"];\r\n setFormHeaderValues(headerDetails[0]);\r\n setFormId(headerDetails[0][\"FormId\"]);\r\n setpilotId(headerDetails[0][\"IDNumber\"]);\r\n settrainingDate(headerDetails[0][\"TrainingDateStr\"]);\r\n let recordsList = response[\"Table1\"];\r\n if (headerDetails.length > 0 && recordsList.length > 0) {\r\n let headings = [];\r\n const map = new Map();\r\n for (const item of recordsList) {\r\n if (!map.has(item.HeaderCategory)) {\r\n map.set(item.HeaderCategory, true);\r\n headings.push({\r\n name: item.HeaderCategory,\r\n });\r\n }\r\n }\r\n\r\n let itemsLeftPanel = [];\r\n let itemsRightPanel = [];\r\n\r\n if (headings.length > 0) {\r\n var x = [];\r\n var y = [];\r\n for (var i = 0; i < headings.length; i++) {\r\n if (i % 2 == 0) {\r\n x.push(headings[i]);\r\n } else {\r\n y.push(headings[i]);\r\n }\r\n }\r\n\r\n for (const [, value] of x.entries()) {\r\n var c = [];\r\n c = recordsList.filter((s) => s.HeaderCategory === value.name);\r\n var html = (\r\n | Sabre Id: | \r\n{pilotDetails?.Sabre_Id} | \r\nName: | \r\n{pilotDetails?.Pilot_Name} | \r\n
| Email: | \r\n{pilotDetails?.Email} | \r\nDOB: | \r\n{pilotDetails?.Birthdate} | \r\n
| Address: | \r\n{pilotDetails?.Address1} | \r\nCity: | \r\n{pilotDetails?.City} | \r\n
| Province: | \r\n{pilotDetails?.Province} | \r\nCountry Code: | \r\n{pilotDetails?.Country} | \r\n
| Employment Date: | \r\n{pilotDetails?.EmploymentDate} | \r\n\r\n | \r\n |
| Rank Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Fleet Code | \r\nFleet Company Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Doc. Number | \r\nDoc. Type | \r\nStart Date | \r\nEnd Date | \r\nIssue Place | \r\nIssuing Authority | \r\nIssuing Country Code | \r\n
|---|
| Name | \r\nCrew Type | \r\nIssue Date | \r\nExpiry Date | \r\nProjection Date | \r\nRenewal Date | \r\n
|---|
| Key | \r\nTraining Type | \r\nAircraft Type | \r\nTraining Device | \r\nAirline | \r\nTrainer | \r\nTraining Date | \r\nTraining Category | \r\nPilot Signed | \r\n
|---|
| Duty Date | \r\nCheckIn Time | \r\nAirport Code | \r\nFlight Schedule Time | \r\nStatus | \r\n
|---|
| Report Number | \r\nRaised Date | \r\nReport Status | \r\nEvent Date | \r\nEvent Title | \r\n
|---|
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsLeftPanel.push(html);\r\n }\r\n\r\n for (const [, value] of y.entries()) {\r\n let c = [];\r\n c = recordsList.filter((s) => s.HeaderCategory === value.name);\r\n let html = (\r\n | {value.name} | \r\n|||||
|---|---|---|---|---|---|
| {item.Questionarie} | \r\n\r\n {item.Score === 1 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 2 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 3 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 4 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 5 ? \"X\" : \"\"}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsRightPanel.push(html);\r\n }\r\n\r\n let resp = (\r\n | {value.name} | \r\n|||||
|---|---|---|---|---|---|
| {item.Questionarie} | \r\n\r\n {item.Score === 1 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 2 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 3 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 4 ? \"X\" : \"\"}\r\n | \r\n\r\n {item.Score === 5 ? \"X\" : \"\"}\r\n | \r\n
\r\n
\r\n );\r\n\r\n setFormDetails(resp);\r\n }\r\n }\r\n if (response[\"Table2\"]) {\r\n let barCode = response[\"Table2\"][0][\"QRCode\"];\r\n let barCodeR = response[\"Table2\"][1][\"QRCode\"];\r\n setPilotBarcode(barCode);\r\n setInstructorBarcode(barCodeR);\r\n }\r\n setIsModalVisible(true);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n setBusy(false);\r\n return \"\";\r\n }\r\n\r\n const handleOk = () => {\r\n setIsModalVisible(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n setIsModalVisible(false);\r\n };\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n \r\n Download PDF\r\n ,\r\n ]}\r\n >\r\n {isBusy ? (\r\n \r\n ) : (\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Trainings;\r\n","import React,{useState, useEffect} from 'react';\r\nimport './SearchSelect.scss';\r\n\r\nconst SearchSelect = (props) => {\r\n const { listData, value, setValue, key } = props;\r\n const [data, setData] = useState(listData);\r\n const [searchText, setSearchText] = useState(null);\r\n\r\n useEffect(() => {\r\n var text = searchText?.toString().trim();\r\n if(text?.length > 0){\r\n let finalRecords = listData?.filter((item) =>\r\n item.ICAO?.toLowerCase().includes(text.toLowerCase()) ||\r\n item.Code?.toLowerCase().includes(text.toLowerCase()) ||\r\n item.Name?.toLowerCase().includes(text.toLowerCase())\r\n );\r\n setData(finalRecords)\r\n }\r\n }, [searchText])\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {isAdd ? (\r\n \r\n goToNewRoute(\"/dashboard/training\")}\r\n >\r\n New Training{\" \"}\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 {formHeaderValues[\"FORTRAINING\"] && (\r\n <>\r\n FOR TRAINING \r\n \r\n {formHeaderValues[\"FORTRAINING\"]}\r\n \r\n \r\n )}\r\n {formHeaderValues[\"FORCHECKING\"] && (\r\n <>\r\n FOR CHECKING \r\n \r\n {formHeaderValues[\"FORCHECKING\"]}\r\n \r\n \r\n )}\r\n \r\n \r\n Instructor Recommendation \r\n \r\n \r\n \r\n \r\n \r\n {\r\n formHeaderValues[\r\n \"InstructorRecommendation\"\r\n ]\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {pilotBarcode === \"\" ? (\r\n \r\n Pilot Sign\r\n \r\n ) : (\r\n \r\n \r\n {instructorBarcode === \"\" ? (\r\n \r\n Check Airman/CCP/ Instructor Sign\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n Doc No:\r\n \r\n {formHeaderValues[\"DOCNo\"]}\r\n \r\n \r\n \r\n License No.\r\n \r\n {formHeaderValues[\"LicenseNo\"]}\r\n \r\n \r\n LOA No.\r\n \r\n {formHeaderValues[\"LOANo\"]}\r\n
\r\n \r\n OTR No.\r\n \r\n {formHeaderValues[\"OTRNumber\"]}{\" \"}\r\n \r\n \r\n \r\n \r\n
\r\n | \r\n \r\n \r\n | \r\n \r\n TRAINING AND ASSESSMENT FORM\r\n | \r\n\r\n TA\r\n | \r\n|
| \r\n RECURRENT TRAINING\r\n | \r\n|||
|---|---|---|---|
| \r\n TYPE OF TRAINING : {formHeaderValues[\"TrainingType\"]}\r\n | \r\n|||
| Date | \r\n{formHeaderValues[\"TrainingDateStr\"]} | \r\nAirlines/Others | \r\n{formHeaderValues[\"Airlines\"]} | \r\n
| Aircraft Type | \r\n{formHeaderValues[\"AircraftType\"]} | \r\nID Number | \r\n{formHeaderValues[\"IDNumber\"]} | \r\n
| Training Device | \r\n{formHeaderValues[\"TrainingDevice\"]} | \r\nName Pilot | \r\n{formHeaderValues[\"PilotName\"]} | \r\n
| Sector Flown / Airport From | \r\n{formHeaderValues[\"Sector_Flown_Airport_From\"]} | \r\nRanking | \r\n{formHeaderValues[\"Ranking\"]} | \r\n
| Sector Flown / Airport To | \r\n{formHeaderValues[\"Sector_Flown_Airport_To\"]} | \r\nOther Pilot Id Number | \r\n{formHeaderValues[\"OtherPilotIdNumber\"]} | \r\n
| Instructor / Checker Name | \r\n{formHeaderValues[\"Instructor\"]} | \r\nOther Pilot Name | \r\n{formHeaderValues[\"OtherPilotName\"]} | \r\n
| \r\n GRADING\r\n | \r\n|||
| \r\n 1. UnSatisfactory/Unsafe\r\n Situation 2.\r\n Marginal/Min.Acceptable 3.\r\n Satisfactory/Adequate 4.\r\n Good/Effective 5.\r\n Very Good/Exemplary Manner\r\n | \r\n|||
| \r\n {formValues}\r\n \r\n \r\n \r\n \r\n Comments/Debriefed Items:{\" \"}\r\n {formHeaderValues[\"Remarks\"]}\r\n \r\n\r\n \r\n OVERALL PERFORMANCE | \r\n \r\n | |
\r\n \r\n OTR No.\r\n \r\n {formHeaderValues[\"OTRNumber\"]}{\" \"}\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default SearchSelect;","import { useState, useEffect } from \"react\";\r\n\r\nexport const useDetectOutsideClick = (el, initialState) => {\r\n const [isActive, setIsActive] = useState(initialState);\r\n\r\n useEffect(() => {\r\n const onClick = e => {\r\n // If the active element exists and is clicked outside of\r\n if (el.current !== null && !el.current.contains(e.target)) {\r\n setIsActive(!isActive);\r\n }\r\n };\r\n\r\n // If the item is active (ie open) then listen for clicks outside\r\n if (isActive) {\r\n window.addEventListener(\"click\", onClick);\r\n }\r\n\r\n return () => {\r\n window.removeEventListener(\"click\", onClick);\r\n };\r\n }, [isActive, el]);\r\n\r\n return [isActive, setIsActive];\r\n};\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport \"./Training.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport {\r\n errorToast,\r\n errorDialog,\r\n successDialog,\r\n} from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport SearchSelect from \"../../components/SearchSelect/SearchSelect\";\r\nimport { useDetectOutsideClick } from \"../../utils/useDetectOutSideClick\";\r\n\r\nvar ratingArray = [];\r\nvar dataArray = [];\r\nvar dataArray1 = [];\r\n\r\nconst Training = (props) => {\r\n var formtype = \"\";\r\n formtype = props.match.params.type;\r\n if (formtype === \"\") {\r\n props.history.push(\"/dashboard/trainings\");\r\n }\r\n\r\n const [data, setData] = useState(null);\r\n const [headings, setHeadings] = useState();\r\n const [isBusy, setBusy] = useState(true);\r\n const [idNumberFieldValue, setNumberFieldValue] = useState(\"\");\r\n\r\n const [pilotNameFieldValue, setPilotNameFieldValue] = useState(\"\");\r\n const [otherpilotNameFieldValue, setOtherpilotNameFieldValue] = useState(\"\");\r\n const [rankingFieldValue, setRankingFieldValue] = useState(\"\");\r\n const [companyCodeFieldValue, setcompanyCodeFieldValue] = useState(\"\");\r\n const [trainingFieldValue, forTrainingFieldValue] = useState(\"\");\r\n const [aircraftTypeList, setAircraftTypeList] = useState([]);\r\n const [airportList, setAirportList] = useState([]);\r\n const [trainingDevicesList, settrainingDevicesList] = useState([]);\r\n const [recommendationsList, setrecommendationsList] = useState([]);\r\n const [currentDate, setcurrentDate] = useState(\"\");\r\n const [scoreFieldValue, setScoreFieldValue] = useState(\"\");\r\n\r\n const [isFormValid, setFormState] = useState(true);\r\n const [isPassed, setPassed] = useState(\"Failed\");\r\n const [scoreState, setScoreState] = useState({});\r\n const [trainingState, setTrainingState] = useState(\"\");\r\n const [category, setCategory] = useState(\"Corrective\");\r\n const [pilotIdErr, setPioletIdErr] = useState(null);\r\n const [otherPilotIdErr, setOtherPioletIdErr] = useState(null);\r\n const [sectorFromValue, setSectorFromValue] = useState(null);\r\n const [sectorToValue, setSectorToValue] = useState(null);\r\n\r\n const [getFormData, setGetFormData] = useState(null);\r\n const [getData, setGetData] = useState({ EntityID: 3, ChildEntityId: 0 });\r\n const sectorFromRef = useRef(null);\r\n const sectorToRef = useRef(null);\r\n const [showSectorFrom, setShowSectorFrom] = useDetectOutsideClick(\r\n sectorFromRef,\r\n false\r\n );\r\n const [showSectorTo, setShowSectorTo] = useDetectOutsideClick(\r\n sectorToRef,\r\n false\r\n );\r\n const itemsLeftPanel = [];\r\n const itemsRightPanel = [];\r\n const ReccRef = useRef(null);\r\n const idNumberRef = useRef(null);\r\n const RecomRef = useRef(null);\r\n\r\n const semester = [\r\n { name: \"semester\", value: \"Sem 1\", isAcive: false, id: 1 },\r\n { name: \"semester\", value: \"Sem 2\", isAcive: true, id: 2 },\r\n { name: \"semester\", value: \"Sem 3\", id: 3, isAcive: true },\r\n { name: \"semester\", value: \"Sem 4\", isAcive: false, id: 4 },\r\n { name: \"semester\", value: \"Sem 5\", isAcive: false, id: 5 },\r\n { name: \"semester\", value: \"Sem 6\", isAcive: false, id: 6 },\r\n { name: \"semester\", value: \"NA\", isActive: false, id: 8 },\r\n ];\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getForm(getData);\r\n fetchCategory();\r\n getairCraftType(\"\");\r\n setcurrentDate(Date.now());\r\n window.addEventListener(\"input\", () => {\r\n idNumberRef?.current?.setCustomValidity(\r\n idNumberRef?.current?.value.toString().trim().length === 0\r\n ? \"Please select a Pilot for the Training\"\r\n : \"\"\r\n );\r\n RecomRef?.current?.setCustomValidity(\r\n RecomRef?.current?.value.toString().trim().length === 0\r\n ? \"Please select a Recommentation\"\r\n : \"\"\r\n );\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"click\", () => {\r\n ReccRef?.current?.setCustomValidity(\r\n trainingState?.length <= 0 ? \"Please select the Type of Training\" : \"\"\r\n );\r\n });\r\n }, [trainingState]);\r\n\r\n useEffect(() => {\r\n if (scoreState) {\r\n ratingArray = Object.values(scoreState);\r\n var sum = ratingArray.reduce((a, b) => a + b, 0);\r\n let t = (sum / ratingArray.length).toFixed(2);\r\n setScoreFieldValue(isNaN(t) ? \"\" : t);\r\n }\r\n }, [scoreState]);\r\n\r\n const fetchCategory = async () => {\r\n await API.get(endpoint.GetMasterData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setGetFormData(response);\r\n } else {\r\n errorToast(\"Failed to fetch\");\r\n }\r\n });\r\n setBusy(false);\r\n };\r\n\r\n const fetchCrewDetails = async (idNumber) => {\r\n var data;\r\n await API.get(endpoint.GetCrewId + idNumber, (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response[\"fullName\"] === undefined) {\r\n errorToast(response[\"Response\"].toString());\r\n } else {\r\n data = response;\r\n }\r\n } else {\r\n errorToast(\"Failed to fetch\");\r\n }\r\n });\r\n return data;\r\n };\r\n\r\n async function saveFormDetails(formData) {\r\n await API.post(\r\n endpoint.SaveFormDetails,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response?.success) {\r\n successDialog(response?.message, handleOk);\r\n } else {\r\n errorDialog(response?.message);\r\n }\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n var user = getFromLocal(\"user\");\r\n async function getForm(type) {\r\n await API.post(endpoint.GetForm, type, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setData(response);\r\n const t = [];\r\n const map = new Map();\r\n for (const item of response) {\r\n if (!map.has(item.Id)) {\r\n map.set(item.Id, true);\r\n t.push({\r\n id: item.Id,\r\n name: item.FormName,\r\n });\r\n }\r\n }\r\n setHeadings(t);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n async function getairCraftType() {\r\n var airCraftType = {\r\n EntityKey: \"tbl_lites_training_aircraft_master\",\r\n };\r\n await API.getByQuery(\r\n endpoint.getMaster,\r\n airCraftType,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n setAircraftTypeList(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n var airportList = {\r\n EntityKey: \"tbl_lites_training_airport_master\",\r\n };\r\n await API.getByQuery(\r\n endpoint.getMaster,\r\n airportList,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n setAirportList(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n var trainingDeviceList = {\r\n EntityKey: \"tbl_lites_training_training_master\",\r\n };\r\n await API.getByQuery(\r\n endpoint.getMaster,\r\n trainingDeviceList,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n settrainingDevicesList(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n\r\n var recommendationList = {\r\n EntityKey: \"tbl_lites_training_recommendation_master\",\r\n };\r\n await API.getByQuery(\r\n endpoint.getMaster,\r\n recommendationList,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n setrecommendationsList(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n\r\n const checkRequiredField = (fields) => {\r\n var isValid = true;\r\n for (var i = 0; i < fields.length; i++) {\r\n if (fields[i].attributes[\"required\"]) {\r\n if (fields[i].value.toString().trim().length === 0) {\r\n isValid = false;\r\n setFormState(false);\r\n break;\r\n }\r\n }\r\n }\r\n return isValid;\r\n };\r\n\r\n const handleOk = () => {\r\n props.history.push(\"/dashboard/trainings\");\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n var isValidForm = await checkRequiredField(fields);\r\n\r\n if (!isValidForm) {\r\n window.scrollTo(0, 0);\r\n } else {\r\n var questionnaire = [];\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n var fieldsArray = [];\r\n for (var j = 0; j < fields.length; j++) {\r\n if (fields[j][\"name\"] === data[i][\"Questionarie\"]) {\r\n fieldsArray.push(fields[j]);\r\n }\r\n }\r\n var temp = fieldsArray.filter((s) => s.checked);\r\n if (temp.length <= 0) {\r\n questionnaire.push({\r\n HeaderCategory: data[i][\"FormName\"],\r\n Questionarie: data[i][\"Questionarie\"],\r\n Score: -1,\r\n });\r\n } else {\r\n questionnaire.push({\r\n HeaderCategory: data[i][\"FormName\"],\r\n Questionarie: data[i][\"Questionarie\"],\r\n Score: parseInt(temp[0].value),\r\n });\r\n }\r\n }\r\n\r\n let formTypeCode = \"\";\r\n switch (category) {\r\n case \"Initial\":\r\n formTypeCode = \"INTISM1\";\r\n break;\r\n case \"Corrective\":\r\n formTypeCode = \"CORSM1\";\r\n break;\r\n case \"Check\":\r\n formTypeCode = \"CHKV1\";\r\n break;\r\n default:\r\n formTypeCode = \"RTSM5\";\r\n }\r\n\r\n var formData = {\r\n PilotId: -1,\r\n UserId: parseInt(user[\"userId\"]),\r\n TrainingType: fields[\"trainingType\"].value,\r\n AircraftType: fields[\"aircraftType\"].value,\r\n TrainingDevice: fields[\"trainingDevice\"].value,\r\n Sector_Flown_Airport_From: fields[\"sectorFlownFrom\"].value,\r\n Sector_Flown_Airport_To: fields[\"sectorFlownTo\"].value,\r\n Instructor: fields[\"instructorName\"].value,\r\n Airlines: fields[\"airlines\"].value,\r\n IDNumber: fields[\"idNumber\"].value,\r\n PilotName: fields[\"pilotName\"].value,\r\n Ranking: fields[\"ranking\"].value,\r\n OtherPilotIdNumber: fields[\"otherPilotIdNumber\"].value,\r\n OtherPilotName: fields[\"otherPilotName\"].value,\r\n Score: fields[\"score\"].value,\r\n ForTraining: fields[\"forTraining\"]?.value || null,\r\n Recommendation: fields[\"recommendation\"].value,\r\n Checking: fields[\"forChecking\"]?.value || null,\r\n FormFieldsValue: questionnaire,\r\n Remarks: fields[\"remarks\"].value,\r\n LicenseNo: fields[\"licenseNo\"].value,\r\n LOANo: fields[\"loaNo\"].value,\r\n DOCNo: fields[\"docNo\"].value,\r\n /*FormTypeId: 1,*/\r\n FormTypeCode: formTypeCode,\r\n TrainingDate: fields[\"dateOfCreation\"].value,\r\n OTRNumber: fields[\"otrNo\"].value,\r\n FormTypeId: 1,\r\n // eslint-disable-next-line no-dupe-keys\r\n TrainingDate: fields[\"dateOfCreation\"].value,\r\n noOfAttempt: parseInt(fields[\"NoOfAttempt\"].value) || 0,\r\n semesterId: parseInt(fields[\"semester\"]?.value) || 0,\r\n // categoryId: getData.EntityID\r\n };\r\n await saveFormDetails(formData);\r\n }\r\n };\r\n\r\n const fetchDetails = async (e) => {\r\n if (idNumberFieldValue.toString().trim().length > 0) {\r\n setPioletIdErr(\"\");\r\n setBusy(true);\r\n e.preventDefault();\r\n const response = await fetchCrewDetails(idNumberFieldValue);\r\n if (response) {\r\n setPilotNameFieldValue(response[\"fullName\"]);\r\n setRankingFieldValue(response[\"rank\"]);\r\n setcompanyCodeFieldValue(response[\"airlines\"]);\r\n }\r\n setBusy(false);\r\n } else {\r\n setPioletIdErr(\"Please select a Pilot for the Training\");\r\n }\r\n };\r\n\r\n const fetchOtherDetails = async (e) => {\r\n if (idNumberFieldValue.toString().trim().length > 0) {\r\n setOtherPioletIdErr(\"\");\r\n setBusy(true);\r\n e.preventDefault();\r\n const response = await fetchCrewDetails(idNumberFieldValue);\r\n if (response) {\r\n setOtherpilotNameFieldValue(response[\"fullName\"]);\r\n }\r\n setBusy(false);\r\n } else {\r\n setOtherPioletIdErr(\"Please select a Pilot for the Training\");\r\n }\r\n };\r\n\r\n function idNumberChange(e) {\r\n setNumberFieldValue(e.target.value);\r\n setPilotNameFieldValue(\"\");\r\n setRankingFieldValue(\"\");\r\n setcompanyCodeFieldValue(\"\");\r\n }\r\n function otheridNumberChange(e) {\r\n setNumberFieldValue(e.target.value);\r\n setOtherpilotNameFieldValue(\"\");\r\n }\r\n const handleScoreClick = (e) => {\r\n var obj = {\r\n id: parseInt(e.target.id),\r\n gid: e.target.name,\r\n value: parseInt(e.target.value),\r\n competencyGroupId: parseInt(e.target.attributes[\"data-group\"].value),\r\n };\r\n\r\n var checkindex = dataArray\r\n .map(function (e) {\r\n return e.gid;\r\n })\r\n .indexOf(e.target.name);\r\n\r\n if (checkindex > -1) {\r\n dataArray.splice(checkindex, 1);\r\n checkindex = -1;\r\n }\r\n\r\n if (parseInt(e.target.value) <= 2 && checkindex <= 0) {\r\n dataArray.push(obj);\r\n }\r\n\r\n //newvalue rule min 1 its should fail\r\n if (parseInt(e.target.value) < 2 && checkindex <= 0) {\r\n if (dataArray1.length > 0) {\r\n let duplicate =\r\n dataArray1 &&\r\n dataArray1.filter(\r\n (item) => parseInt(item?.id) == parseInt(e.target.value)\r\n );\r\n if (duplicate.length == 0) {\r\n dataArray1.push(obj);\r\n }\r\n } else {\r\n dataArray1.push(obj);\r\n }\r\n }\r\n\r\n if (scoreState[e.target.name] === parseInt(e.target.value)) {\r\n e.target.checked = false;\r\n var remvindex = dataArray\r\n .map(function (e) {\r\n return e.id;\r\n })\r\n .indexOf(parseInt(e.target.id));\r\n dataArray.splice(remvindex, 1);\r\n e.target.click();\r\n delete scoreState[e.target.name];\r\n setScoreState({ ...scoreState });\r\n }\r\n\r\n // let duplicateCheck =\r\n // dataArray1.length > 0 &&\r\n // dataArray1.map((id, index) => {\r\n // if (id?.gid == e.target.name && id?.value != e.target.value) {\r\n // dataArray1.splice(index, 1);\r\n // }\r\n // });\r\n\r\n const groupBy = function (xs, key) {\r\n return xs.reduce(function (rv, x) {\r\n (rv[x[key]] = rv[x[key]] || []).push(x);\r\n return rv;\r\n }, {});\r\n };\r\n\r\n var newRes = false;\r\n\r\n if (dataArray.length > 0) {\r\n var anyCompetentcyCount = dataArray.length;\r\n var groupData = groupBy(dataArray, \"competencyGroupId\");\r\n for (const [, value] of Object.entries(groupData)) {\r\n if (value.length > 2) {\r\n newRes = true;\r\n }\r\n }\r\n var groupCompetencyCount = newRes;\r\n }\r\n if (\r\n parseInt(anyCompetentcyCount) > 4 ||\r\n groupCompetencyCount ||\r\n dataArray1.length > 0\r\n ) {\r\n forTrainingFieldValue(\"Unsatisfactory\");\r\n setPassed(\"Failed\");\r\n } else {\r\n forTrainingFieldValue(\"Satisfactory\");\r\n setPassed(\"Passed\");\r\n }\r\n };\r\n\r\n function setScores(e) {\r\n setScoreState({\r\n ...scoreState,\r\n [`${e.target.name}`]: parseInt(e.target.value),\r\n });\r\n }\r\n const handleTrainingTypeClick = (e) => {\r\n if (trainingState === e.target.value) {\r\n e.target.checked = false;\r\n e.target.click();\r\n setTrainingState(\"\");\r\n }\r\n };\r\n\r\n const changeTrainingType = (e) => {\r\n setTrainingState(e.target.value);\r\n };\r\n\r\n const setForTraining = (e) => {\r\n forTrainingFieldValue(e.target.value);\r\n };\r\n\r\n function changetrainingDateFieldValue(e) {\r\n setcurrentDate(e.target.value);\r\n }\r\n\r\n const handleToChangeCategory = (e, type) => {\r\n let newTraining =\r\n getFormData &&\r\n getFormData?.trainingCategories.find(\r\n (item) => e.target.value === item?.category\r\n );\r\n if (type == \"training\") {\r\n setCategory(e.target.value);\r\n setTrainingState(\"\");\r\n getData[\"EntityID\"] = newTraining?.id;\r\n if (newTraining?.trainingSemesters) {\r\n let semId =\r\n newTraining?.trainingSemesters[\r\n newTraining?.trainingSemesters?.length - 1\r\n ];\r\n getData[\"ChildEntityId\"] = semId?.id;\r\n } else {\r\n delete getData[\"ChildEntityId\"];\r\n }\r\n } else if (type == \"semester\")\r\n getData[\"ChildEntityId\"] = parseInt(e.target.value);\r\n\r\n setGetData(getData);\r\n setBusy(true);\r\n getForm(getData);\r\n };\r\n\r\n if (headings) {\r\n var x = [];\r\n var y = [];\r\n for (var i = 0; i < headings.length; i++) {\r\n let breakValue = Math.round(headings.length / 2) - 1;\r\n if (i < breakValue) {\r\n x.push(headings[i]);\r\n } else {\r\n y.push(headings[i]);\r\n }\r\n }\r\n\r\n for (const [index, value] of x.entries()) {\r\n var c = [];\r\n c = data.filter((s) => s.Id === value.id);\r\n var html = (\r\n \r\n setSearchText(e.target.value)} className=\"form-control select-main-container-search-input\" placeholder=\"search\">\r\n
\r\n \r\n {data?.length > 0 ? data.map((e, index) => {\r\n var valueText = e.ICAO + ' – ' + e.Code + ' – ' + e.Name;\r\n return setValue(valueText === value ? \"\" : valueText)}>{valueText}\r\n }) :
\r\n No results found!
\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsLeftPanel.push(html);\r\n }\r\n\r\n for (const [index, value] of y.entries()) {\r\n let c = [];\r\n c = data.filter((s) => s.Id === value.id);\r\n let html = (\r\n | {value.name} | \r\n|||||
|---|---|---|---|---|---|
| {item.Questionarie} | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsRightPanel.push(html);\r\n }\r\n }\r\n const handleTrainingData = (type) => {\r\n let newTraining =\r\n getFormData &&\r\n getFormData?.trainingCategories.find(\r\n (item) => category === item?.category\r\n );\r\n if (type == \"training\") return newTraining?.trainingTypes || [];\r\n else if (type == \"semester\") return newTraining?.trainingSemesters || [];\r\n };\r\n\r\n return (\r\n | {value.name} | \r\n|||||
|---|---|---|---|---|---|
| {item.Questionarie} | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Training;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Dropdown, Button, Menu, Modal } from \"antd\";\r\nimport { DownOutlined } from \"@ant-design/icons\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport logo from \"../../../assets/images/lgtc-logo.jpeg\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport \"./Qualifications.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\n\r\nimport \"antd/dist/antd.css\";\r\nimport { EditTwoTone, EyeTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\n\r\nimport { savePDF } from \"@progress/kendo-react-pdf\";\r\nconst bodyRef = React.createRef();\r\n\r\nconst createPdfFun = (html, pilotId, qualificationDate) => {\r\n savePDF(html, {\r\n paperSize: \"auto\",\r\n fileName: pilotId + \"-\" + qualificationDate + \"-TQ.pdf\",\r\n margin: 40,\r\n imageResolution: 300,\r\n });\r\n};\r\n\r\nconst columns = [\r\n {\r\n title: \"Trainee ID\",\r\n showSort: true,\r\n id: \"TraineeId\",\r\n },\r\n {\r\n title: \"Trainee Name\",\r\n showSort: true,\r\n id: \"TraineeName\",\r\n },\r\n {\r\n title: \"Training Type\",\r\n showSort: true,\r\n id: \"TrainingType\",\r\n },\r\n {\r\n title: \"Aircraft Type\",\r\n showSort: true,\r\n id: \"AircraftType\",\r\n },\r\n {\r\n title: \"Session Result\",\r\n showSort: true,\r\n id: \"SessionResult\",\r\n },\r\n {\r\n title: \"Recommendation\",\r\n showSort: true,\r\n id: \"QualificationRecommendation\",\r\n },\r\n {\r\n title: \"Status\",\r\n showSort: true,\r\n id: \"IsPilotSigned\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst Qualifications = (props) => {\r\n const createPdf = () =>\r\n createPdfFun(bodyRef.current, pilotId, qualificationDate);\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [isView, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"desc\");\r\n const [orderBy, setOrderBy] = useState(\"CreatedOn\");\r\n const [formValues, setFormDetails] = useState();\r\n\r\n const [formHeaderValues, setFormHeaderValues] = useState({});\r\n const [, setFormId] = useState(\"\");\r\n const [pilotId, setpilotId] = useState(\"\");\r\n const [qualificationDate, setqualificationDate] = useState(\"\");\r\n\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n\r\n const [pilotBarcode, setPilotBarcode] = useState(\"\");\r\n const [instructorBarcode, setInstructorBarcode] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.TraineeId.toString().toLowerCase().includes(searchTxt) ||\r\n value.TraineeName.toLowerCase().includes(searchTxt) ||\r\n value.TrainingType.toLowerCase().includes(searchTxt) ||\r\n value.AircraftType.toLowerCase().includes(searchTxt) ||\r\n value.SessionResult.toString().toLowerCase().includes(searchTxt) ||\r\n value.QualificationRecommendation.toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n const handleDelete = async (formid) => {\r\n const handleOk = async () => {\r\n var formData = {\r\n EntityKey: formid,\r\n };\r\n await deleteFormDetails(formData);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deleteFormDetails(formData) {\r\n setBusy(true);\r\n API.post(endpoint.DeleteFormDetails, formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getTrainingData();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n async function getFormDetails(formData) {\r\n setBusy(true);\r\n API.get(endpoint.GetFormData + formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n let headerDetails = response[\"Table\"];\r\n setFormHeaderValues(headerDetails[0]);\r\n setFormId(headerDetails[0][\"FormId\"]);\r\n setpilotId(headerDetails[0][\"IDNumber\"]);\r\n setqualificationDate(headerDetails[0][\"TrainingDateStr\"]);\r\n let recordsList = response[\"Table1\"];\r\n if (headerDetails.length > 0 && recordsList.length > 0) {\r\n let headings = [];\r\n const map = new Map();\r\n for (const item of recordsList) {\r\n if (!map.has(item.HeaderCategory)) {\r\n map.set(item.HeaderCategory, true);\r\n headings.push({\r\n name: item.HeaderCategory,\r\n });\r\n }\r\n }\r\n\r\n let itemsLeftPanel = [];\r\n\r\n if (headings.length > 0) {\r\n for (const [, value] of headings.entries()) {\r\n var c = [];\r\n c = recordsList.filter((s) => s.Questionarie === value.name);\r\n var html = c.map((item, index) => {\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n {!isFormValid ? (\r\n
\r\n )}\r\n \r\n Please fill all fields marked as required!\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n | Competencies | \r\n1 | \r\n2 | \r\n3 | \r\n4 | \r\n5 | \r\nN/O | \r\nNeed Extra Training | \r\n
|---|
\r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n \r\n Download PDF\r\n ,\r\n ]}\r\n >\r\n {isBusy ? (\r\n \r\n ) : (\r\n \r\n \r\n Note : Any missing/unsatisfied exercise will be notified\r\n to the Pilot Training Management\r\n \r\n \r\n \r\n Doc No. {formHeaderValues[\"DOCNo\"]} \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Qualifications;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport \"./Qualification.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport {\r\n errorToast,\r\n errorDialog,\r\n successDialog,\r\n} from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\n\r\nvar currentDate = new Date(Date.now()).toLocaleString().split(\",\")[0];\r\n\r\nvar dataArray = [];\r\n\r\nconst Qualification = (props) => {\r\n const [data, setData] = useState(null);\r\n const [headings, setHeadings] = useState();\r\n const [isBusy, setBusy] = useState(true);\r\n const [idNumberFieldValue, setNumberFieldValue] = useState(\"\");\r\n const [needExtraValue, setNeedExtraValue] = useState({});\r\n const [pilotNameFieldValue, setPilotNameFieldValue] = useState(\"\");\r\n const [rankingFieldValue, setRankingFieldValue] = useState(\"\");\r\n const [companyCodeFieldValue, setcompanyCodeFieldValue] = useState(\"\");\r\n const [aircraftTypeList, setAircraftTypeList] = useState([]);\r\n\r\n const [isFormValid, setFormState] = useState(true);\r\n const [isCompleted, setCompleted] = useState(\"Incomplete\");\r\n const [isRecommendation, setRecommendation] = useState(\"Continue\");\r\n const [scoreState, setScoreState] = useState({});\r\n const [otherState, setOtherState] = useState(false);\r\n const [pilotIdErr, setPioletIdErr] = useState(null);\r\n const itemPanel = [];\r\n const OtherRef = useRef(null);\r\n const idNumberRef = useRef(null);\r\n const RecomRef = useRef(null);\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getForm(\"TQ\");\r\n getairCraftType(\"\");\r\n window.addEventListener(\"input\", () => {\r\n idNumberRef?.current?.setCustomValidity(\r\n idNumberRef?.current?.value.toString().trim().length === 0\r\n ? \"Please select a Pilot for the Training\"\r\n : \"\"\r\n );\r\n RecomRef?.current?.setCustomValidity(\r\n RecomRef?.current?.value.toString().trim().length === 0\r\n ? \"Please select a Recommentation\"\r\n : \"\"\r\n );\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"click\", () => {\r\n OtherRef?.current?.setCustomValidity(\r\n otherState?.length <= 0 ? \"Please enter the Other\" : \"\"\r\n );\r\n });\r\n }, [otherState]);\r\n\r\n const fetchCrewDetails = async (idNumber) => {\r\n var data;\r\n await API.get(endpoint.GetCrewId + idNumber, (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response[\"FullName\"] === undefined) {\r\n errorToast(response[\"Response\"].toString());\r\n } else {\r\n data = response;\r\n }\r\n } else {\r\n errorToast(\"Failed to fetch\");\r\n }\r\n });\r\n return data;\r\n };\r\n\r\n async function saveFormDetails(formData) {\r\n await API.post(\r\n endpoint.SaveFormDetails,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response?.Success) {\r\n successDialog(response?.Message, handleOk);\r\n } else {\r\n errorDialog(response?.Message);\r\n }\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n var user = getFromLocal(\"user\");\r\n async function getForm(type) {\r\n var fields = {\r\n EntityKey: type,\r\n };\r\n await API.post(endpoint.GetForm, fields, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setData(response);\r\n const t = [];\r\n const map = new Map();\r\n for (const item of response) {\r\n if (!map.has(item.Id)) {\r\n map.set(item.Id, true);\r\n t.push({\r\n id: item.Id,\r\n name: item.FormName,\r\n });\r\n }\r\n }\r\n setHeadings(t);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n async function getairCraftType() {\r\n var airCraftType = {\r\n EntityKey: \"tbl_lites_training_aircraft_master\",\r\n };\r\n await API.getByQuery(\r\n endpoint.getMaster,\r\n airCraftType,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n setAircraftTypeList(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n\r\n const checkRequiredField = (fields) => {\r\n var isValid = true;\r\n for (var i = 0; i < fields.length; i++) {\r\n if (fields[i].attributes[\"required\"]) {\r\n if (fields[i].value.toString().trim().length === 0) {\r\n isValid = false;\r\n setFormState(false);\r\n break;\r\n }\r\n }\r\n }\r\n return isValid;\r\n };\r\n\r\n const handleOk = () => {\r\n props.history.push(\"/dashboard/qualifications\");\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n\r\n var isValidForm = await checkRequiredField(fields);\r\n\r\n if (!isValidForm) {\r\n window.scrollTo(0, 0);\r\n } else {\r\n var questionnaire = [];\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n var fieldsArray = [];\r\n for (var j = 0; j < fields.length; j++) {\r\n if (fields[j][\"name\"] === data[i][\"FormName\"]) {\r\n fieldsArray.push(fields[j]);\r\n }\r\n }\r\n var temp = fieldsArray.filter((s) => s.checked);\r\n if (temp.length <= 0) {\r\n questionnaire.push({\r\n HeaderCategory: data[i][\"FormName\"],\r\n Questionarie: data[i][\"FormName\"],\r\n Score: -1,\r\n N_O: temp[0]?.value === \"N/o\" ? \"Yes\" : null,\r\n NeedExtraTraining: needExtraValue[data[i][\"FormName\"]] || null,\r\n });\r\n } else {\r\n questionnaire.push({\r\n HeaderCategory: data[i][\"FormName\"],\r\n Questionarie: data[i][\"FormName\"],\r\n Score: isNaN(temp[0]?.value) ? -1 : parseInt(temp[0].value),\r\n N_O: temp[0]?.value === \"N/o\" ? \"Yes\" : null,\r\n NeedExtraTraining: needExtraValue[data[i][\"FormName\"]] || null,\r\n });\r\n }\r\n }\r\n\r\n var formData = {\r\n PilotId: -1,\r\n UserId: parseInt(user[\"userId\"]),\r\n AircraftType: fields[\"aircraftType\"].value,\r\n IDNumber: fields[\"idNumber\"].value,\r\n Ranking: fields[\"ranking\"].value,\r\n Airlines: fields[\"airlines\"].value,\r\n Session: fields[\"session\"].value,\r\n TrainingType: fields[\"trainingType\"].value,\r\n Remedial: fields[\"remedial\"].value,\r\n Remarks: fields[\"remarks\"].value,\r\n PilotName: fields[\"pilotName\"].value,\r\n SessionResult: fields[\"forSession\"]?.value || null,\r\n QualificationRecommendation: fields[\"forRecommendation\"]?.value || null,\r\n SpecialNotes: fields[\"specialNotes\"].value,\r\n LicenseNo: fields[\"licenseNo\"].value,\r\n LOANo: fields[\"loaNo\"].value,\r\n DOCNo: fields[\"docNo\"].value,\r\n Instructor: fields[\"instructorName\"].value,\r\n FormTypeId: 2,\r\n TrainingTypeRemarks: fields[\"needOther\"]?.value || null,\r\n FormFieldsValue: questionnaire,\r\n };\r\n\r\n await saveFormDetails(formData);\r\n }\r\n };\r\n\r\n const fetchDetails = async (e) => {\r\n if (idNumberFieldValue.toString().trim().length > 0) {\r\n setPioletIdErr(\"\");\r\n setBusy(true);\r\n e.preventDefault();\r\n const response = await fetchCrewDetails(idNumberFieldValue);\r\n if (response) {\r\n setPilotNameFieldValue(response[\"FullName\"]);\r\n setRankingFieldValue(response[\"Rank\"]);\r\n setcompanyCodeFieldValue(response[\"Airlines\"]);\r\n }\r\n setBusy(false);\r\n } else {\r\n setPioletIdErr(\"Please select a Pilot for the Training\");\r\n }\r\n };\r\n\r\n function idNumberChange(e) {\r\n setNumberFieldValue(e.target.value);\r\n setPilotNameFieldValue(\"\");\r\n setRankingFieldValue(\"\");\r\n setcompanyCodeFieldValue(\"\");\r\n }\r\n\r\n const handleScoreClick = (e) => {\r\n var obj = {\r\n id: parseInt(e.target.id),\r\n gid: e.target.name,\r\n value: parseInt(e.target.value),\r\n competencyGroupId: parseInt(e.target.attributes[\"data-group\"].value),\r\n };\r\n\r\n var checkindex = dataArray\r\n .map(function (e) {\r\n return e.gid;\r\n })\r\n .indexOf(e.target.name);\r\n\r\n if (checkindex > -1) {\r\n dataArray.splice(checkindex, 1);\r\n checkindex = -1;\r\n }\r\n\r\n if (parseInt(e.target.value) <= 2 && checkindex <= 0) {\r\n dataArray.push(obj);\r\n }\r\n if (scoreState[e.target.name] === parseInt(e.target.value)) {\r\n e.target.checked = false;\r\n var remvindex = dataArray\r\n .map(function (e) {\r\n return e.id;\r\n })\r\n .indexOf(parseInt(e.target.id));\r\n dataArray.splice(remvindex, 1);\r\n e.target.click();\r\n }\r\n };\r\n\r\n function setScores(e) {\r\n setScoreState({\r\n ...scoreState,\r\n [`${e.target.name}`]: parseInt(e.target.value),\r\n });\r\n }\r\n const handleTrainingTypeClick = (e) => {\r\n if (otherState === e.target.value) {\r\n e.target.checked = false;\r\n e.target.click();\r\n setOtherState(\"\");\r\n }\r\n };\r\n\r\n const changeTrainingType = (e) => {\r\n if (e.target.value === \"Others\") {\r\n setOtherState(e.target.value);\r\n } else {\r\n setOtherState(\"\");\r\n }\r\n };\r\n function changeNeedExtraValue(e, FormName) {\r\n setNeedExtraValue({ ...needExtraValue, [`${FormName}`]: e.target.value });\r\n }\r\n\r\n if (headings) {\r\n var html = (\r\n \r\n
\r\n \r\n
\r\n {isAdd ? (\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 QUALIFICATION TRAINING FORM\r\n | \r\n\r\n TQ\r\n | \r\n|||||||
| \r\n {\" \"}\r\n TRAINEE DETAILS {\" \"}\r\n | \r\n\r\n {\" \"}\r\n AIRCRAFT TYPE {\" \"}\r\n {formHeaderValues[\"AircraftType\"]}\r\n | \r\n ||||||||
| Airlines/Others | \r\n{formHeaderValues[\"Airlines\"]} | \r\nDate | \r\n{formHeaderValues[\"TrainingDateStr\"]} | \r\n||||||
| Name / ID Number | \r\n\r\n {formHeaderValues[\"PilotName\"]} /{\" \"}\r\n {formHeaderValues[\"IDNumber\"]}\r\n | \r\nSession | \r\n{formHeaderValues[\"Session\"]} | \r\n||||||
| Ranking | \r\n{formHeaderValues[\"Ranking\"]} | \r\nRemedial | \r\n{formHeaderValues[\"Remedial\"]} | \r\n||||||
| Training Program | \r\n\r\n {formHeaderValues[\"TrainingType\"]} /{\" \"}\r\n {formHeaderValues[\"TrainingTypeRemarks\"]}\r\n | \r\n||||||||
| \r\n {formValues}\r\n \r\n \r\n \r\n Comments:\r\n \r\n Special Notes : \r\n \r\n \r\n
| \r\n \r\n {\" \"}\r\n {instructorBarcode === \"\" ? (\r\n Instructor Name :{\" \"}\r\n {formHeaderValues[\"Instructor\"]}{\" \"}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemPanel.push(html);\r\n }\r\n\r\n return (\r\n | \r\n COMPETENCIES\r\n | \r\n|||||||
|---|---|---|---|---|---|---|---|
| {item?.FormName} | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n \r\n | \r\n\r\n | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Qualification;\r\n","export default __webpack_public_path__ + \"static/media/DashboardIcon.a7de3180.svg\";","export default __webpack_public_path__ + \"static/media/PilotPerformanceIcon.e74d0d23.svg\";","export default __webpack_public_path__ + \"static/media/ProfileIcon.d6ca3f38.svg\";","export default __webpack_public_path__ + \"static/media/QualificationsIcon.3dabb883.svg\";","export default __webpack_public_path__ + \"static/media/TrainingsIcon.2d676497.svg\";","export default __webpack_public_path__ + \"static/media/PilotListIcon.db7b15a9.svg\";","export default __webpack_public_path__ + \"static/media/CrewTimeIcon.90f37aac.svg\";","export default __webpack_public_path__ + \"static/media/dashboardDO.241e9217.svg\";","export default __webpack_public_path__ + \"static/media/ScheduleDO.21345c9a.svg\";","export default __webpack_public_path__ + \"static/media/usermenu.0d15d80d.svg\";","export default __webpack_public_path__ + \"static/media/qualificationmenu.8dc3c4fb.svg\";","export default __webpack_public_path__ + \"static/media/aircraftmenu.8455e9c4.svg\";","export default __webpack_public_path__ + \"static/media/airportmenu.16d64b21.svg\";","export default __webpack_public_path__ + \"static/media/taeditormenu.1af3f410.svg\";","export default __webpack_public_path__ + \"static/media/trainingdevicemenu.4a711892.svg\";","export default __webpack_public_path__ + \"static/media/trainingrequestmenu.f1989716.svg\";","export default __webpack_public_path__ + \"static/media/trainingschedulemenu.7fbb76b7.svg\";","export default __webpack_public_path__ + \"static/media/pilotMenu.5239d74e.svg\";","import React from 'react';\r\nimport { Modal } from 'antd';\r\nimport './ModalContainer.scss';\r\n\r\nfunction ModalContainer(props) {\r\n\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n {!isFormValid ? (\r\n
\r\n \r\n Please fill all fields marked as required!\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n const reSendOtp = () => {\r\n API.get(endpoint.SendResetOTP + '?email=' + payload.email, (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response.Success) {\r\n infoToast(\"OTP sent again\");\r\n setIdentifier(\"otp\");\r\n } else {\r\n errorToast(response.Message);\r\n }\r\n } else {\r\n errorToast(\"Unable to send OTP. Please contact administrator\");\r\n }\r\n });\r\n }\r\n\r\n const renderTextField = (key, label, type) => {\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ForgotPassword\r\n","import React, { useState, useEffect } from \"react\";\r\nimport Logo from \"../../../assets/images/lgtc-logo.jpeg\";\r\nimport clsx from \"clsx\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n TextField,\r\n InputAdornment,\r\n OutlinedInput,\r\n InputLabel,\r\n FormControl,\r\n} from \"@material-ui/core\";\r\nimport { EyeOutlined, EyeInvisibleOutlined } from \"@ant-design/icons\";\r\nimport API from \"../../utils/Api\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { setToLocal, clearLocal, getFromLocal } from \"../../utils/generic\";\r\nimport \"./Login.scss\";\r\nimport ModalContainer from \"../../components/ModalContainer/ModalContainer\";\r\nimport ForgotPassword from \"../ForgotPassword/ForgotPassword\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n margin: {\r\n margin: theme.spacing(1),\r\n },\r\n withoutLabel: {\r\n marginTop: theme.spacing(10),\r\n },\r\n textField: {\r\n width: \"38ch\",\r\n },\r\n}));\r\n\r\nexport default function Login(props) {\r\n const [payload, setPayload] = useState({\r\n username: null,\r\n password: null,\r\n showPassword: false,\r\n });\r\n const [error, setError] = useState({ username: \"\", password: \"\" });\r\n const [loginErr, setLoginErr] = useState(\"\");\r\n const [showForgotPass, setShowForgotPass] = useState(false);\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n if (getFromLocal(\"user\")) {\r\n // let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n props.history.replace(\"/dashboard/trainings\");\r\n } else {\r\n clearLocal();\r\n }\r\n }, []);\r\n\r\n const loginUser = async (credentials) => {\r\n API.post(endpoint.UserLogin, credentials, (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response.statusCode === 401) {\r\n setLoginErr(\"username and password mismatched\");\r\n return null;\r\n }\r\n setToLocal(\"token\", response.authToken);\r\n setToLocal(\"user\", response);\r\n\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n if (user[\"roleName\"] === \"Director Operation\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else if (user[\"roleName\"] === \"Pilot\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else if (user[\"roleName\"] === \"Admin\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else {\r\n props.history.replace(\"/dashboard/trainings\");\r\n }\r\n } else {\r\n errorToast(\"login failed\");\r\n }\r\n });\r\n };\r\n\r\n const validate = () => {\r\n var errorData = {};\r\n if (payload.username === null || payload.username.trim().length === 0) {\r\n errorData = { ...errorData, username: \"field must be required\" };\r\n }\r\n if (payload.password === null || payload.password.trim().length === 0) {\r\n errorData = { ...errorData, password: \"field must be required\" };\r\n }\r\n setError(errorData);\r\n if (Object.entries(errorData).length === 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n if (validate()) {\r\n var userpayload = {\r\n userName: payload.username,\r\n userPassword: payload.password,\r\n };\r\n await loginUser(userpayload);\r\n }\r\n };\r\n\r\n const onHandleChange = (key, value) => {\r\n payload[key] = value;\r\n setPayload({ ...payload, payload });\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setPayload({ ...payload, showPassword: !payload.showPassword });\r\n };\r\n\r\n const renderUsername = () => {\r\n return (\r\n \r\n {identifier === \"email\" &&
\r\n \r\n {renderTextField(\"email\", \"E-mail\", \"text\")}\r\n
}\r\n {identifier === \"otp\" && \r\n
}\r\n {identifier === \"update\" && \r\n {renderTextField(\"password\", \"New Password\", \"password\")}\r\n {renderTextField(\"confirmPassword\", \"Confirm New Password\", \"password\")}\r\n
}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./badge.scss\";\r\n\r\nexport const Badge = (props) => {\r\n const {\r\n icon = \"\",\r\n size = \"sm\",\r\n variant = \"primary\",\r\n title = \"\",\r\n className = \"\",\r\n iconStyle = {},\r\n onClick,\r\n disabled,\r\n style,\r\n imgWidth,\r\n ...rest\r\n } = props || {};\r\n\r\n const badgeSize = {\r\n xs: \"sp-badge-xs\",\r\n sm: \"sp-badge-sm\",\r\n md: \"sp-badge-md\",\r\n lg: \"sp-badge-lg\",\r\n xl: \"sp-badge-xl\",\r\n }[size];\r\n\r\n const badgeVariant = {\r\n primary: \"bg-primary\",\r\n success: \"bg-success\",\r\n grey3: \"bg-grey3\",\r\n dark: \"bg-dark\",\r\n light: \"bg-light\",\r\n white: \"bg-white\",\r\n }[variant];\r\n\r\n return (\r\n \r\n
\r\n \r\n {showForgotPass && (\r\n setShowForgotPass(false)}>\r\n setShowForgotPass(false)} />\r\n \r\n )}\r\n
\r\n \r\n 
\r\n
\r\n Login
\r\n \r\n {renderUsername()}\r\n {renderPassword()}\r\n
\r\n handleSubmit()}>\r\n Submit\r\n
\r\n {loginErr && {loginErr}}\r\n \r\n setShowForgotPass(true)} className=\"forgot-txt\">\r\n Forgot password?\r\n \r\n
\r\n \r\n {breadCrumbItems.map((item, index) => (\r\n \r\n {\r\n item.page && item.page(0);\r\n history.push(item?.link);\r\n }}\r\n >\r\n {item?.title}\r\n \r\n {index + 1 !== breadCrumbItems?.length && (\r\n 
\r\n )}\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"./Input.scss\";\r\n\r\nexport const Input = React.forwardRef((props, ref) => {\r\n let history = useHistory();\r\n let {\r\n label,\r\n labelColor,\r\n borderBottom,\r\n textColour,\r\n forgotPassword,\r\n placeholder,\r\n className,\r\n onChange,\r\n onClick,\r\n type,\r\n maxDate,\r\n minDate,\r\n value = \"\",\r\n isError = false,\r\n errorMessage,\r\n maxLength = \"\",\r\n readOnly = false,\r\n disabled = false,\r\n Shadow = false,\r\n ...rest\r\n } = props;\r\n\r\n return (\r\n \r\n {\r\n type == \"checkbox\" || type == \"radio\"\r\n ? onChange(e)\r\n : onChange(e.target.value);\r\n }}\r\n readOnly={readOnly}\r\n onClick={onClick}\r\n checked={value}\r\n max={maxDate}\r\n min={minDate}\r\n disabled={disabled}\r\n {...rest}\r\n ref={ref}\r\n placeholder={placeholder}\r\n className={`text-${textColour} p-1 h7-web input-height ${\r\n borderBottom\r\n ? \"bg-transparent border-0 border-white border-bottom\"\r\n : Shadow\r\n ? \"input-Shadowbox rounded\"\r\n : \"rounded border border-1 default-input\"\r\n }`}\r\n />\r\n {isError && (\r\n {errorMessage}\r\n )}\r\n
\r\n );\r\n});\r\n","import React from \"react\";\r\nimport \"./InputSearch.scss\";\r\n\r\nexport const InputSearch = (props) => {\r\n let { textColour, placeholder,value, className, onChange } = props;\r\n\r\n return (\r\n \r\n {label && (\r\n \r\n )}\r\n {forgotPassword && (\r\n history.push(\"/forgot-password\")}\r\n className=\"cursor-pointer text-danger label-input text-decoration-underline\"\r\n >\r\n Forgot Password?\r\n \r\n )}\r\n
\r\n \r\n onChange(e.target.value)}\r\n placeholder={placeholder}\r\n value={value}\r\n className={`text-${textColour} p-2 h7-web rounded border border-1 default-search w-100 bg-white`}\r\n />\r\n
\r\n );\r\n};\r\n","import { components } from \"react-select\";\r\nimport DropdownArrow from \"../../../../assets/images/dropdown_arrow.png\";\r\n\r\n// creating custom dropdown indicator\r\nexport const DropdownIndicator = (props) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { Modal as CustomModal } from \"react-responsive-modal\";\r\nimport { Button } from \"../sp-button/Button\";\r\n\r\nimport \"react-responsive-modal/styles.css\";\r\n\r\nexport const Modal = (props) => {\r\n const {\r\n // for data sent via context provider\r\n modalInstance,\r\n setModalInstances,\r\n // for data passed as children\r\n open,\r\n setOpen,\r\n onClose,\r\n children,\r\n title,\r\n // common props\r\n blockScroll = true,\r\n closeOnOverlayClick = false,\r\n showCloseIcon = false,\r\n initialFocusRef = false,\r\n ...rest\r\n } = props || {};\r\n\r\n const {\r\n showModal,\r\n content,\r\n handleDeleteOk,\r\n handleDeleteCancel,\r\n reset,\r\n stayActive,\r\n logOut,\r\n } = modalInstance || {};\r\n\r\n if (content) {\r\n return (\r\n \r\n {label && (\r\n \r\n )}\r\n
\r\n \r\n {isError && (\r\n {errorMessage}\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n if (children) {\r\n return (\r\n {content}
\r\n\r\n {handleDeleteCancel && (\r\n
\r\n\r\n {/* used for session reset container only */}\r\n {reset && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n});\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"./TextArea.scss\";\r\n\r\nexport const TextArea = React.forwardRef((props, ref) => {\r\n let history = useHistory();\r\n let {\r\n label,\r\n labelColor,\r\n borderBottom,\r\n textColour,\r\n forgotPassword,\r\n placeholder,\r\n className,\r\n onChange,\r\n value = \"\",\r\n isError = false,\r\n errorMessage,\r\n maxLength = \"\",\r\n readOnly = false,\r\n Shadow = false,\r\n ...rest\r\n } = props;\r\n \r\n return (\r\n \r\n {label && (\r\n \r\n )}\r\n
\r\n \r\n \r\n onChange(e.target.value)}\r\n readOnly={readOnly}\r\n {...rest}\r\n ref={ref}\r\n placeholder={placeholder}\r\n className={`text-${textColour} p-1 h7-web textarea-height ${\r\n borderBottom\r\n ? \"bg-transparent border-0 border-white border-bottom\"\r\n : Shadow ? \"textarea-Shadowbox rounded p-0 h7-web\" :\"rounded border border-1 default-textarea\"\r\n }`\r\n }\r\n />\r\n {isError && (\r\n {errorMessage}\r\n )}\r\n
\r\n );\r\n});\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"./Tabs.scss\";\r\n\r\nexport const Tabs = React.forwardRef((props) => {\r\n let {\r\n label,\r\n labelColor,\r\n selectedTab,\r\n setSelectedTab,\r\n tabArray,\r\n onClick = () => {},\r\n ...rest\r\n } = props;\r\n return (\r\n <>\r\n {tabArray.map((item, index) => (\r\n \r\n {label && }\r\n {forgotPassword && (\r\n history.push(\"/forgot-password\")}\r\n className=\"cursor-pointer text-danger label-textarea text-decoration-underline\"\r\n >\r\n Forgot Password?\r\n \r\n )}\r\n
\r\n \r\n \r\n );\r\n});\r\n","import React from \"react\";\r\nimport \"./Radio.scss\";\r\n\r\nexport const Radio = React.forwardRef((props, ref) => {\r\n const {\r\n label,\r\n labelColor,\r\n textColour,\r\n value,\r\n className,\r\n checked,\r\n onClick,\r\n onChange,\r\n // isError = false,\r\n errorMessage,\r\n readOnly = false,\r\n ...rest\r\n } = props;\r\n\r\n return (\r\n
\r\n
\r\n );\r\n});\r\n","import React from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport \"./DatePickers.scss\";\r\n\r\n/**\r\n * @references - https://github.com/Hacker0x01/react-datepicker\r\n */\r\n\r\nexport const DatePickers = (props) => {\r\n let {\r\n dateFormat,\r\n selected,\r\n className,\r\n onChange,\r\n placeholderText,\r\n showTimeSelect = false,\r\n timeIntervals,\r\n minDate,\r\n disabled = false,\r\n maxDate,\r\n showMonthYearPicker,\r\n onMonthChange,\r\n includeDates,\r\n ...rest\r\n } = props;\r\n\r\n return (\r\n \r\n {label && (\r\n \r\n )}\r\n
\r\n \r\n \r\n onChange(e)}\r\n placeholderText={placeholderText}\r\n showTimeSelect={showTimeSelect}\r\n timeIntervals={timeIntervals}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n disabled={disabled}\r\n onMonthChange={onMonthChange}\r\n includeDates={includeDates}\r\n {...rest}\r\n />\r\n
\r\n );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/LITESLogo.d1cdeba3.svg\";","export default __webpack_public_path__ + \"static/media/signup-icn.d556033b.svg\";","export default __webpack_public_path__ + \"static/media/Login-icn.5239d74e.svg\";","export default __webpack_public_path__ + \"static/media/CloseIcon.c5de8817.svg\";","export default __webpack_public_path__ + \"static/media/User.5239d74e.svg\";","const Auth = {\r\n LOGOUT: \"login/UserLogout\",\r\n LOGIN: \"login/UserLogin\",\r\n SEND_RESET_OTP: \"login/sendresetotp\",\r\n VERIFY_RESET_OTP: \"login/verifyresetotp\",\r\n RESET_PASSWORD: \"login/resetpassword\",\r\n};\r\n\r\nconst Pilot = {\r\n MY_PROFILE: \"api/pilot/profile\",\r\n MEDICAL_CERTIFICATE: \"api/pilot/medicalcertificates\",\r\n DOCUMENTS: \"api/pilot/documents\",\r\n QUALIFICATION: \"api/pilot/qualifications\",\r\n TRAININGS: \"common/getTrainings\",\r\n GETTRAININGFORM: \"api/TrainingForm\",\r\n GETFILTEREDTRAININGFORMS: \"api/TrainingForm/search\",\r\n TRAINING_FORM: \"common/getFormData?id\",\r\n SCHEDULE_TRAINING: \"api/pilot/schedule-trainings\",\r\n REVIEW_QUALIFICATION: \"/reviewed\",\r\n};\r\n\r\nconst Director = {\r\n DASHBOARD: \"api/do/profile\",\r\n TRAINING_SCHEDULE: \"api/Training/active-schedule\",\r\n LICENSE_DOCUMENT: \"api/do/pilots/document-dues\",\r\n QUALIFICATION_DUES: \"api/do/pilots/qualification-dues\",\r\n QUALIFICATION_DATA: \"api/master/data-qualfications\",\r\n INSTRUCTOR_DATA: \"User/instructor\",\r\n SIMULATOR_DATA: \"api/simulator/slots/available\",\r\n SIMULATOR_INRANGE_DATA: \"api/simulator/slots/inrange\",\r\n GET_ALL_SIMULATOR: (id) => \"api/simulator/qualification/\" + id,\r\n TRAINING_REVIEW: \"api/Training/request/schedules/to-reviews\",\r\n PILOT_QUALIFICATION: \"api/do/pilotqualifications\",\r\n REQUEST_SCHEDULE: \"api/Training/request/schedule\",\r\n REQUEST_SCHEDULE_CREATE: \"api/TrainingSchedule/create\",\r\n REQUEST_SCHEDULE_ADD: \"api/TrainingSchedule/add\",\r\n REQUEST_SCHEDULE_UPDATE: (id) => \"api/TrainingSchedule/update/\" + id,\r\n REQUEST_SCHEDULE_CONTINUE: (id) => \"api/TrainingSchedule/\" + id,\r\n REQUEST_SCHEDULE_PUBLISH: (id) => \"api/TrainingSchedule/publish/\" + id,\r\n REQUEST_GROUP_VALIDATE: \"api/TrainingSchedule/validate\",\r\n PENDING_REQUEST: \"api/TrainingSchedule/request/pending\",\r\n REVIEWED_REQUEST: \"api/TrainingSchedule/request/reviewed\",\r\n ASSIGN_TRAINING_PILOT: \"api/do/assigntrainingtopilot\",\r\n REMOVE_ASSIGN_TRAINING_PILOT: (id) =>\r\n `api/TrainingSchedule/request/${id}/removepilots`,\r\n};\r\n\r\nconst Admin = {\r\n GET_PILOT: \"api/pilot\",\r\n GET_QUALIFICATION: \"common/getQualifications\",\r\n GET_QUALIFICATION_ASSESSMENTS: \"api/Qualification/assessments\",\r\n POST_MEDICAL_CERTIFICATE: \"api/pilot-document/medical-certificate\",\r\n POST_MEDICAL_CERTIFICATE_UPDATE:\r\n \"api/pilot-document/medical-certificate/update\",\r\n GET_QUALIFICATION_ASSESSMENT_FORM: \"api/Qualification/assessments\",\r\n GET_MASTER: \"common/getMaster\",\r\n GET_USER: \"user\",\r\n ADD_USER: \"user\",\r\n UPDATE_USER: \"user/update\",\r\n DELETE_USER: \"user/delete\",\r\n GET_MASTER_FETCH: \"api/master/data-fetch\",\r\n GET_PILOT_DATA: \"api/pilot/data\",\r\n GET_TRAINING_REVIEWED: \"api/Training/request/schedules/reviewed\",\r\n GET_DASHBOARD_TRAINING_COUNT: \"common/fetchtrainingcount\",\r\n GET_DASHBOARD_EXP_CERT: \"common/expiringCertAndLicenses\",\r\n GET_DASHBOARD_DATA: \"common/getDashboardData\",\r\n GET_DASHBOARD_COLLECTIVE_DATA:\r\n \"api/TrainingForm/pilot/collective-performance\",\r\n GET_DASHBOARD_TREND_DATA: \"api/TrainingForm/monthly-trend\",\r\n GET_PILOT_PERFORMANCE_DATA: \"api/TrainingForm/pilot/competency-data\",\r\n GET_GRADING_PERFORMANCE_DATA: \"api/TrainingForm/trainer/competency-data\",\r\n AIRPORT_MODIFICATION: \"common/airportdatamodification\",\r\n AIRCRAFT_MODIFICATION: \"common/aircraftdatamodification\",\r\n GET_DRILLED_LESS_THAN_TWO: \"common/getDrilledLessThanTwoCompetencyList\",\r\n GET_CATEGORIES: \"api/training/masterdata/categories\",\r\n UPDATE_TA_EDITOR: \"api/training/masterform/create\",\r\n GET_TA_EDITOR_FORM: \"api/training/masterform\",\r\n GET_TRAINING_MASTER_DATA: \"api/training/masterdata\",\r\n GET_PILOT_LIST: \"api/pilot/list/\",\r\n GET_TRAINER_LIST: \"api/TrainingForm/trainers/\",\r\n GET_CREW_ID: \"api/Pilot/crewdetails/\",\r\n SAVE_FORM_TRAINING: \"api/TrainingForm\",\r\n GET_FORM: \"common/getForm\",\r\n GET_QUALIFICATION_FORM: \"api/Qualification\",\r\n SAVE_QUALIFICATION_FORM: \"api/Qualification\",\r\n TRAINING_DEVICES_MODIFICATION: \"common/trainingdevicesdatamodification\",\r\n SEND_OTP: \"common/sendOTP\",\r\n REQUEST_OTP: \"api/Qualification/request-otp\",\r\n SUBMIT_OTP: \"common/submitOTP\",\r\n POST_OTP: \"api/Qualification/submit-otp\",\r\n GET_FORM_DATA: \"common/getFormData?id=\",\r\n GET_TRAINING_FORM_DETAILS: \"api/TrainingForm\",\r\n SCHEDULE_MASTER_DATA: \"api/master/data-fetch\",\r\n GET_SCHEDULE_BY_ID: \"api/TrainingSchedule/request\",\r\n GET_TRAINING_REVIEW: \"api/Training/request/schedules/to-reviews\",\r\n TRAINING_SCHEDULE: \"api/Training/schedule\",\r\n REQUEST_SCHEDULE: \"api/DO/request/schedule-training\",\r\n REQUEST_REVIEW: \"api/TrainingSchedule/request/review\",\r\n REQUEST_REJECT: \"api/TrainingSchedule/reject\",\r\n REQUEST_LIST: \"api/TrainingSchedule/list\",\r\n};\r\n\r\nexport const ENDPOINTS = {\r\n ...Auth,\r\n ...Pilot,\r\n ...Director,\r\n ...Admin,\r\n};\r\n","import dotenv from 'dotenv'\r\ndotenv.config();\r\n\r\nvar endpoints = process.env.REACT_APP_SERVER_URL;\r\nif (process.env.REACT_APP_ENV === 'uat')\r\n{\r\n endpoints = process.env.REACT_APP_UAT_SERVER_URL;\r\n}\r\nif (process.env.REACT_APP_ENV === 'dev')\r\n{\r\n endpoints = process.env.REACT_APP_DEV_SERVER_URL;\r\n}\r\n\r\nif (process.env.REACT_APP_ENV === 'prod') {\r\n endpoints = process.env.REACT_APP_PROD_SERVER_URL;\r\n}\r\n\r\nexport const baseurl = endpoints;","import { AxiosClient } from \"./AxiosClient\";\r\n\r\nvar response;\r\n\r\nexport const getApi = async (url, data, headers) => {\r\n await AxiosClient.get(url, data, headers)\r\n .then((res) => (response = res))\r\n .catch((err) => (response = err.response));\r\n return response;\r\n};\r\n\r\nexport const postApi = async (url, data, headers) => {\r\n await AxiosClient.post(url, data, headers)\r\n .then((res) => (response = res))\r\n .catch((err) => (response = err.response));\r\n return response;\r\n};\r\n\r\nexport const putApi = async (url, data, headers) => {\r\n await AxiosClient.put(url, data, headers)\r\n .then((res) => (response = res))\r\n .catch((err) => (response = err.response));\r\n return response;\r\n};\r\n\r\nexport const deleteApi = async (url, data, headers) => {\r\n await AxiosClient.delete(url, data, headers)\r\n .then((res) => (response = res))\r\n .catch((err) => (response = err.response));\r\n return response;\r\n};\r\n\r\nconst API = { getApi, postApi, putApi, deleteApi };\r\nexport default API;\r\n","export const setToLocal = (key, value) => {\r\n localStorage.setItem(key, JSON.stringify(value));\r\n}\r\n\r\nexport const getFromLocal = (key) => {\r\n var res = localStorage.getItem(key);\r\n return JSON.parse(res);\r\n}\r\n\r\nexport const clearLocal = () => {\r\n localStorage.clear();\r\n}\r\n","import axios from \"axios\";\r\nimport { baseurl } from \"./baseUrl\";\r\nimport {getFromLocal} from '../storage/LocalStorage'\r\n\r\n// create an axios instance\r\nexport const AxiosClient = axios.create({\r\n baseURL: baseurl,\r\n});\r\n\r\nAxiosClient.interceptors.request.use(function (config) {\r\n // Do something before request is sent\r\n let token = getFromLocal(\"token\");\r\n config.headers[\"Content-Type\"] = \"application/json\"\r\n config.headers[\"Authorization\"] = \"Bearer \" + token;\r\n return config;\r\n});\r\n","import { toast } from \"react-toastify\";\r\n\r\nexport const successToast = (msg) => {\r\n toast.success(msg);\r\n};\r\n\r\nexport const errorToast = (msg) => {\r\n toast.error(msg);\r\n};\r\n\r\nexport const infoToast = (msg) => {\r\n toast.info(msg);\r\n};\r\n","import React from \"react\";\r\nimport \"./FloatingHeader.scss\";\r\nimport CloseIcon from \"../../../../assets/svg/NewIcons/CloseIcon.svg\";\r\nimport HeaderProfileIcon from \"../../../../assets/svg/NewIcons/User.svg\";\r\nimport OutsideClickHandler from \"react-outside-click-handler\";\r\nimport { clearLocal } from \"../../../utils/generic\";\r\n\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { ENDPOINTS, postApi } from \"../../../services/http\";\r\nimport { getFromLocal } from \"../../../services/storage/LocalStorage\";\r\nimport { errorToast } from \"../../../componentsNew/Toast/Toast\";\r\n\r\nconst FloatingHeader = (props) => {\r\n const history = useHistory();\r\n let { setBanner, banner, menuList, handleLoginValue } = props;\r\n\r\n const user = getFromLocal(\"user\");\r\n\r\n const closeFloatingNavBar = () => {\r\n setBanner(false);\r\n };\r\n\r\n const handleClickOutside = () => {\r\n if (banner) {\r\n setBanner(false);\r\n }\r\n };\r\n\r\n const handleLogout = async () => {\r\n var credentials = {\r\n UserId: parseInt(user[\"userId\"]),\r\n };\r\n const response = await postApi(`${ENDPOINTS.LOGOUT}`, credentials);\r\n if (response) {\r\n if (response.status == 200) {\r\n clearLocal();\r\n history.push(\"/auth/login\");\r\n } else {\r\n response.status != 401 && errorToast(\"logout failed\");\r\n }\r\n } else {\r\n clearLocal();\r\n history.push(\"/auth/login\");\r\n }\r\n };\r\n\r\n const handleRoute = (path) => {\r\n if (path == \"/\") {\r\n handleLoginValue(null);\r\n // removeToSession(\"loginData\");\r\n }\r\n\r\n history.push(path);\r\n\r\n let newDesign = path.includes(\"/new-design/director/dashboard\");\r\n\r\n if (newDesign) {\r\n history.go(0);\r\n }\r\n\r\n setBanner(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default FloatingHeader;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport HumberMenu from \"../../../assets/images//Humber.png\";\r\nimport Logo from \"../../../assets/images/LITESLogo.svg\";\r\nimport Signup from \"../../../assets/svg/signup-icn.svg\";\r\nimport Login from \"../../../assets/svg/Login-icn.svg\";\r\nimport FloatingHeader from \"./FloatingHeader/FloatingHeader\";\r\nimport routes from \"../../../routes\";\r\n\r\nimport \"./FloatingHeader/FloatingHeader.scss\";\r\n\r\nfunction BottomHeader(props) {\r\n let initial = [\r\n { name: \"Sign in\", icon: Login, path: \"/\" },\r\n { name: \"Register\", icon: Signup, path: \"/new-registration\" },\r\n ];\r\n const [banner, setBanner] = useState(false);\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n const [menuList, setMenuList] = useState([]);\r\n\r\n let { noHeaderColour, handleLoginValue } = props;\r\n\r\n // const redirectToNewWindow = (path) => {\r\n // props.history.push(path);\r\n // };\r\n\r\n const renderLinks = () => {\r\n var cPath = window.location.pathname;\r\n let arr = routes?.map((item, key) => {\r\n var path = item.layout + item.path;\r\n if (item.layout === \"/dashboard\") {\r\n if (item?.visibleInMenu) {\r\n //! showing dashboard menu only for director\r\n if (\r\n user[\"roleName\"] !== \"Director Operation\" &&\r\n path == \"/dashboard/new-design/home\"\r\n ) {\r\n return null;\r\n }\r\n return renderMenuItem(item, key, cPath, path);\r\n }\r\n return null;\r\n } else if (item?.subMenu) {\r\n return renderSubMenu(item, key, cPath);\r\n } else {\r\n if (item?.visibleInMenu) {\r\n }\r\n return null;\r\n }\r\n });\r\n return arr;\r\n };\r\n useEffect(() => {\r\n if (user) {\r\n let arr = renderLinks();\r\n setMenuList(arr);\r\n } else {\r\n setMenuList(initial);\r\n }\r\n }, []);\r\n\r\n const renderMenuItem = (item, key, cPath, path) => {\r\n let showMenu = true;\r\n let arr = [];\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n if (user[\"roleName\"] === \"Director Operation\") {\r\n if (\r\n item?.name !== \"Director Dashboard\" &&\r\n item?.name !== \"Trainings Requested\" &&\r\n item?.name !== \"Director Training Schedule\"\r\n ) {\r\n showMenu = false;\r\n arr.push(item);\r\n }\r\n } else if (user[\"roleName\"] === \"Instructor\") {\r\n if (\r\n item?.name === \"Dashboard\" ||\r\n item?.name === \"Users\" ||\r\n item?.name === \"Pilot Dashboard\" ||\r\n item?.name === \"Pilot Profile\" ||\r\n item?.name === \"Pilots\" ||\r\n item?.name === \"TA Editor\" ||\r\n item?.name === \"Airports\" ||\r\n item?.name === \"Aircrafts\" ||\r\n item?.name === \"Training Devices\" ||\r\n item?.name === \"My Profile\" ||\r\n item?.name === \"Qualification Trainings\" ||\r\n item?.name === \"Documents / FAC\" ||\r\n item?.name === \"Director Dashboard\" ||\r\n item?.name === \"Director Training Schedule\"\r\n ) {\r\n showMenu = false;\r\n arr.push(item);\r\n }\r\n } else if (user[\"roleName\"] === \"Admin\" || user[\"roleName\"] === \"Head\") {\r\n if (\r\n item?.name === \"Documents\" ||\r\n item?.name === \"Pilot Dashboard\" ||\r\n item?.name === \"Pilot Profile\" ||\r\n item?.name === \"My Profile\" ||\r\n item?.name === \"Qualification Trainings\" ||\r\n item?.name === \"Documents / FAC\" ||\r\n item?.name === \"Director Dashboard\" ||\r\n item?.name === \"Director Training Schedule\"\r\n ) {\r\n showMenu = false;\r\n arr.push(item);\r\n }\r\n } else if (user[\"roleName\"] === \"Pilot\") {\r\n let items = [];\r\n if (item?.name === \"Documents\") {\r\n showMenu = true;\r\n arr.push(items);\r\n } else showMenu = false;\r\n arr.push(items);\r\n } else {\r\n if (\r\n item?.name === \"Pilot Dashboard\" ||\r\n item?.name === \"Dashboard\" ||\r\n item?.name === \"Qualifications\" ||\r\n item?.name === \"Users\" ||\r\n item?.name === \"Pilot Profile\" ||\r\n item?.name === \"Pilots\" ||\r\n item?.name === \"TA Editor\" ||\r\n item?.name === \"Airports\" ||\r\n item?.name === \"Aircrafts\" ||\r\n item?.name === \"Training Devices\" ||\r\n item?.name === \"Director Dashboard\" ||\r\n item?.name === \"Director Dashboard\" ||\r\n item?.name === \"Director Training Schedule\"\r\n ) {\r\n showMenu = false;\r\n arr.push(item);\r\n }\r\n }\r\n if (showMenu) {\r\n return item;\r\n } else return null;\r\n };\r\n\r\n const renderSubMenu = (item, key, cPath) => {\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n let showMenu = true;\r\n\r\n if (user[\"roleName\"] === \"Instructor\" || user[\"roleName\"] === \"Pilot\") {\r\n if (item.name === \"Admin\") {\r\n showMenu = false;\r\n }\r\n }\r\n\r\n if (user[\"roleName\"] === \"Director Operation\") {\r\n if (item.name === \"Admin\" || item.name === \"PERSONAL\") {\r\n showMenu = false;\r\n }\r\n }\r\n if (showMenu) {\r\n return item.menuItems;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n 
\r\n {user && user.name}\r\n
\r\n\r\n \r\n {user && user.roleName != \"Pilot\" ? (\r\n \r\n ) : null}\r\n \r\n \r\n handleLogout()}\r\n className=\"px-4 font-italic text-decoration-underline\"\r\n >\r\n {\"Sign out\"}\r\n \r\n
\r\n )}\r\n \r\n {\r\n // eslint-disable-next-line array-callback-return\r\n menuList.map((menu, key) => {\r\n let path = menu?.path;\r\n if (menu != undefined && menu != null && menu?.isNewDesign) {\r\n return (\r\n \r\n \r\n !menu?.disable && handleRoute(menu.layout + path)\r\n }\r\n data-bs-toggle=\"tooltip\"\r\n title={menu?.disable ? \"Coming Soon\" : undefined}\r\n data-bs-placement=\"top\"\r\n >\r\n 
\r\n {menu?.name}\r\n
\r\n \r\n \r\n );\r\n }\r\n })\r\n }\r\n {user && (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default customHome;\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport clsx from \"clsx\";\r\nimport { errorToast, successToast } from \"../../componentsNew/Toast/Toast\";\r\nimport { ENDPOINTS, getApi, postApi } from \"../../services/http\";\r\nimport { Button, Input } from \"../../componentsNew/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n margin: {\r\n margin: theme.spacing(1),\r\n },\r\n withoutLabel: {\r\n marginTop: theme.spacing(10),\r\n },\r\n textField: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: \"35ch\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"95%\",\r\n },\r\n },\r\n}));\r\n\r\nfunction ForgotPassword(props) {\r\n const classes = useStyles();\r\n const [payload, setPayload] = useState({\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n otp: \"\",\r\n });\r\n const [error, setError] = useState({\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n otp: \"\",\r\n });\r\n const [identifier, setIdentifier] = useState(\"email\");\r\n\r\n const onHandleChange = (key, value) => {\r\n payload[key] = value;\r\n setPayload({ ...payload, payload });\r\n };\r\n\r\n const handleClick = async () => {\r\n switch (identifier) {\r\n case \"email\":\r\n let email = \"\";\r\n if (payload.email?.trim().length === 0) {\r\n email = \"field must be required\";\r\n } else if (!/\\S+@\\S+\\.\\S+/.test(payload.email)) {\r\n email = \"invalid email\";\r\n } else {\r\n const response = await getApi(\r\n `${ENDPOINTS.SEND_RESET_OTP}?email=${payload.email}`\r\n );\r\n if (response) {\r\n if (response.status == 200) {\r\n if (response.data.Success) {\r\n successToast(\"OTP sent\");\r\n setIdentifier(\"otp\");\r\n } else {\r\n errorToast(response.data.Message);\r\n }\r\n } else {\r\n //errorToast(\"login failed\");\r\n }\r\n }\r\n }\r\n setError({ ...error, email: email });\r\n break;\r\n case \"otp\":\r\n let otp = \"\";\r\n if (payload.otp?.trim().length === 0) {\r\n otp = \"field must be required\";\r\n } else {\r\n const response = await getApi(\r\n `${ENDPOINTS.VERIFY_RESET_OTP}?otp=${payload.otp}`\r\n );\r\n if (response) {\r\n if (response.status == 200) {\r\n if (response.data.Success) {\r\n successToast(\"OTP verified\");\r\n setIdentifier(\"update\");\r\n } else {\r\n errorToast(response.data.Message);\r\n }\r\n } else {\r\n otp = response.data.Message;\r\n }\r\n }\r\n }\r\n setError({ ...error, otp: otp });\r\n break;\r\n case \"update\":\r\n let passwordErr = \"\";\r\n let confirmPasswordErr = \"\";\r\n let password = payload.password?.trim();\r\n let confirmPassword = payload.confirmPassword?.trim();\r\n\r\n if (password.length === 0 || confirmPassword.length === 0) {\r\n passwordErr = password.length === 0 ? \"field must be required\" : \"\";\r\n confirmPasswordErr =\r\n confirmPassword.length === 0 ? \"field must be required\" : \"\";\r\n } else if (password !== confirmPassword) {\r\n confirmPasswordErr = \"password does not match\";\r\n } else {\r\n var ProcessFields = {\r\n EntityKey: password,\r\n ChildEntityKey: payload.otp,\r\n UserEmail: payload.email,\r\n };\r\n\r\n const response = await postApi(\r\n `${ENDPOINTS.RESET_PASSWORD}`,\r\n ProcessFields\r\n );\r\n if (response) {\r\n if (response.status == 200) {\r\n if (response.data.Success) {\r\n successToast(\"Password changed successfully.\");\r\n } else {\r\n errorToast(response.data.Message);\r\n }\r\n } else {\r\n errorToast(response.data.Message);\r\n }\r\n }\r\n\r\n props.handleClose(false);\r\n }\r\n setError({\r\n ...error,\r\n password: passwordErr,\r\n confirmPassword: confirmPasswordErr,\r\n });\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n const RenderButton = (data) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Training Centre
\r\n \r\n \r\n The Lion Group Training Centre portal is the gateway to a range of resources to efficiently manage staff and track their training. Quick links and to plan, manage, schedule trainings. \r\n
\r\n \r\n
\r\n {props.children}
\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n const reSendOtp = async () => {\r\n const response = await getApi(\r\n `${ENDPOINTS.SEND_RESET_OTP}?email=${payload.email}`\r\n );\r\n if (response) {\r\n if (response.status == 200) {\r\n if (response.data.Success) {\r\n successToast(\"OTP sent again\");\r\n setIdentifier(\"otp\");\r\n } else {\r\n errorToast(response.data.Message);\r\n }\r\n } else {\r\n errorToast(\"Unable to send OTP. Please contact administrator\");\r\n }\r\n }\r\n };\r\n\r\n const renderTextField = (key, label, type) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ForgotPassword;\r\n","export default __webpack_public_path__ + \"static/media/eyeclose.fadddebb.svg\";","export default __webpack_public_path__ + \"static/media/eye.4bb70d84.svg\";","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Button, Modal, Badge } from \"../../componentsNew/core\";\r\nimport CustomHome from \"./customHome\";\r\nimport { errorToast } from \"../../componentsNew/Toast/Toast\";\r\nimport { ENDPOINTS, postApi } from \"../../services/http\";\r\nimport {\r\n getFromLocal,\r\n clearLocal,\r\n setToLocal,\r\n} from \"../../services/storage/LocalStorage\";\r\nimport ForgotPassword from \"./ForgotPassword\";\r\nimport EyeClose from \"../../../assets/svg/NewIcons/eyeclose.svg\";\r\nimport Eye from \"../../../assets/svg/NewIcons/eye.svg\";\r\n\r\nfunction LoginForm(props) {\r\n const [payload, setPayload] = useState({\r\n username: null,\r\n password: null,\r\n showPassword: false,\r\n });\r\n const [, setIsError] = useState({ username: \"\", password: \"\" });\r\n const [loginErr, setLoginErr] = useState(null);\r\n const [showForgotPass, setShowForgotPass] = useState(false);\r\n const [PasswordVisible, setPasswordVisible] = useState(false);\r\n const [validationError] = useState(false);\r\n\r\n useEffect(() => {\r\n if (getFromLocal(\"user\")) {\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n if (user[\"roleName\"] === \"Director Operation\") {\r\n props.history.replace(\"/dashboard/new-design/director/dashboard\");\r\n } else if (user[\"roleName\"] === \"Pilot\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else if (user[\"roleName\"] === \"Admin\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else {\r\n props.history.replace(\"/dashboard/new-design\");\r\n }\r\n } else {\r\n clearLocal();\r\n }\r\n }, []);\r\n\r\n const loginUser = async (credentials) => {\r\n const response = await postApi(`${ENDPOINTS.LOGIN}`, credentials);\r\n if (response) {\r\n if (response.data.statusCode === 401) {\r\n setLoginErr(\"username and password mismatched\");\r\n return null;\r\n } else if (response.status == 200) {\r\n setToLocal(\"token\", response.data.authToken);\r\n setToLocal(\"user\", response.data);\r\n let user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n if (user[\"roleName\"] === \"Director Operation\") {\r\n props.history.replace(\"/dashboard/new-design/director/dashboard\");\r\n } else if (user[\"roleName\"] === \"Pilot\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else if (user[\"roleName\"] === \"Admin\") {\r\n props.history.replace(\"/dashboard/new-design\");\r\n } else {\r\n props.history.replace(\"/dashboard/new-design\");\r\n }\r\n } else {\r\n errorToast(\"login failed\");\r\n }\r\n }\r\n };\r\n\r\n const validate = () => {\r\n var errorData = {};\r\n if (payload.username === null || payload.username.length === 0) {\r\n errorData = { ...errorData, username: \"field must be required\" };\r\n }\r\n if (payload.password === null || payload.password.length === 0) {\r\n errorData = { ...errorData, password: \"field must be required\" };\r\n }\r\n setIsError(errorData);\r\n if (Object.entries(errorData).length === 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n if (validate()) {\r\n var userpayload = {\r\n userName: payload.username,\r\n userPassword: payload.password,\r\n };\r\n await loginUser(userpayload);\r\n } else {\r\n }\r\n };\r\n\r\n const onHandleChange = (key, value) => {\r\n payload[key] = value;\r\n setPayload({ ...payload, payload });\r\n };\r\n\r\n // const handleClickShowPassword = () => {\r\n // setPayload({ ...payload, showPassword: !payload.showPassword });\r\n // };\r\n\r\n const ChildrenModal = (\r\n <>\r\n \r\n {identifier === \"email\" && (\r\n
\r\n \r\n {renderTextField(\"email\", \"E-mail\", \"text\")}\r\n
\r\n )}\r\n {identifier === \"otp\" && (\r\n \r\n \r\n Resend OTP\r\n \r\n
\r\n )}\r\n {identifier === \"update\" && (\r\n \r\n {renderTextField(\"password\", \"New Password\", \"password\")}\r\n {renderTextField(\r\n \"confirmPassword\",\r\n \"Confirm New Password\",\r\n \"password\"\r\n )}\r\n
\r\n )}\r\n \r\n
\r\n \r\n {showForgotPass && (\r\n \r\n Access Portal\r\n
\r\n \r\n onHandleChange(\"username\", value)}\r\n />\r\n
\r\n {loginErr && (\r\n {loginErr}\r\n )}\r\n \r\n onHandleChange(\"password\", value)}\r\n isError={validationError && payload?.password == \"\"}\r\n errorMessage={\"Please Enter the Password\"}\r\n type={PasswordVisible ? \"text\" : \"password\"}\r\n value={payload?.password}\r\n />\r\n \r\n {ViewField()}\r\n
\r\n \r\n
\r\n \r\n New user?{\" \"}\r\n props.history.push(\"/new-registration\")}\r\n >\r\n Contact us\r\n \r\n
*/}\r\n\r\n \r\n setShowForgotPass(true)}\r\n className=\"cursor-pointer h6-web text-primary\"\r\n >\r\n Forgot password?\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n items.push(html);\r\n }\r\n }\r\n\r\n return !data ? (\r\n \r\n ) : (\r\n | {value.name} | \r\n|||||
|---|---|---|---|---|---|
| {item.Questionarie} | \r\n\r\n {item.Score === 1 ? (\r\n 1 \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {item.Score === 2 ? (\r\n 2 \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {item.Score === 3 ? (\r\n 3 \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {item.Score === 4 ? (\r\n 4 \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {item.Score === 5 ? (\r\n 5 \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n
\r\n {isBusy &&
\r\n );\r\n};\r\n\r\nexport default SignForm;\r\n","import React, { useEffect, useState } from 'react';\r\nimport \"./Adduser.scss\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\"\r\nimport endpoint from '../../utils/endpoints';\r\nimport API from '../../utils/Api';\r\nimport { errorToast, errorDialog, successDialog } from '../../components/Generic/Generic';\r\nimport Loader from '../../components/Loader/Loader';\r\nimport { getFromLocal } from '../../utils/generic';\r\n\r\nasync function saveFormDetails(formData) {\r\n var data = null;\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n 'UserId': userId\r\n }\r\n await API.postWithHeader(endpoint.AddUser, headers, formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = response;\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n })\r\n return data;\r\n}\r\n\r\nconst AddUser = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n\r\n const [emailField, setEmailFieldValue] = useState(\"\");\r\n const [fullNameField, setFullNameFieldValue] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setBusy(false);\r\n }, [])\r\n\r\n const handleSubmit = async e => {\r\n setBusy(true);\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n\r\n var user = JSON.parse(localStorage.getItem(\"user\"));\r\n var ProcessFields = {\r\n UserId: user[\"userId\"],\r\n EntityKey: fields[\"RoleId\"].value,\r\n ChildEntityKey: fields[\"FullName\"].value,\r\n UserEmail: fields[\"EmailId\"].value\r\n };\r\n\r\n const response = await saveFormDetails(ProcessFields);\r\n if (response.Success) {\r\n successDialog(response?.Message, handleOk);\r\n } else {\r\n errorDialog(response?.Message);\r\n setEmailFieldValue(\"\");\r\n setFullNameFieldValue(\"\");\r\n }\r\n setBusy(false);\r\n }\r\n\r\n const handleOk = () => {\r\n setEmailFieldValue(\"\");\r\n setFullNameFieldValue(\"\");\r\n }\r\n\r\n function changeNameFieldValue(e) {\r\n setFullNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeEmailFieldValue(e) {\r\n setEmailFieldValue(e.target.value);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n RECURRENT TRAINING\r\n | \r\n||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n TYPE OF TRAINING : {data[\"Table\"][0][\"TrainingType\"]}\r\n | \r\n {/**/}\r\n | |||||||||||||||||||||||
| \r\n \r\n \r\n \r\n \r\n
| \r\n ||||||||||||||||||||||||
| \r\n GRADING\r\n | \r\n||||||||||||||||||||||||
| \r\n 1. UnSatisfactory/Unsafe\r\n Situation 2.\r\n Marginal/Min.Acceptable 3.\r\n Satisfactory/Adequate 4.\r\n Good/Effective 5.\r\n Very Good/Exemplary Manner\r\n | \r\n
{items}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n Comments/Debriefed Items: {data[\"Table\"][0][\"Remarks\"]}\r\n \r\n | \r\n |||||
| Overall Performance | \r\n{data[\"Table\"][0][\"OVERALLPERFORMANCE\"]} | \r\n {data[\"Table\"][0][\"FORTRAINING\"] && (\r\n <>\r\nFor Training | \r\n{data[\"Table\"][0][\"FORTRAINING\"]} | \r\n \r\n )}\r\n {data[\"Table\"][0][\"FORCHECKING\"] && (\r\n <>\r\nFor Checking | \r\n{data[\"Table\"][0][\"FORCHECKING\"]} | \r\n \r\n )}\r\n
| Instructor Recommendation | \r\n{data[\"Table\"][0][\"InstructorRecommendation\"]} | \r\n\r\n | \r\n | ||
| \r\n \r\n Doc No.\r\n \r\n {data[\"Table\"][0][\"DOCNo\"]}\r\n | \r\n\r\n | \r\n \r\n License No.\r\n \r\n {data[\"Table\"][0][\"LicenseNo\"]}\r\n \r\n \r\n LOA No.\r\n \r\n {data[\"Table\"][0][\"LOANo\"]}\r\n \r\n \r\n OTR No.\r\n \r\n {data[\"Table\"][0][\"OTRNumber\"]}\r\n | \r\n \r\n |
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Pilot Signature | \r\nInstructor | \r\n
|---|---|
| \r\n {!data[\"Table\"][0][\"IsPilotSigned\"] ? (\r\n OTP sent to {data[\"Table\"][0][\"PilotEmail\"]} \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {data[\"Table\"][0][\"IsPilotSigned\"] ? (\r\n | \r\n {pilotOTPSent ? (\r\n
| \r\n \r\n | \r\n
\r\n {isBusy &&
\r\n )\r\n}\r\n\r\nexport default AddUser;","import \"./Users.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Modal } from \"antd\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport \"antd/dist/antd.css\";\r\nimport { EditTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\nimport { successDialog, errorDialog } from \"../../components/Generic/Generic\";\r\n\r\nconst columns = [\r\n {\r\n title: \"User Name\",\r\n showSort: true,\r\n id: \"Name\",\r\n },\r\n {\r\n title: \"Login-In Id\",\r\n showSort: true,\r\n id: \"UserName\",\r\n },\r\n {\r\n title: \"Role Name\",\r\n showSort: true,\r\n id: \"RoleName\",\r\n },\r\n {\r\n title: \"LIC Number\",\r\n showSort: true,\r\n id: \"LICNumber\",\r\n },\r\n {\r\n title: \"LOA Number\",\r\n showSort: true,\r\n id: \"LOANumber\",\r\n },\r\n {\r\n title: \"Status\",\r\n showSort: true,\r\n id: \"Status\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n overflowWrap: \"anywhere\",\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst Users = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"desc\");\r\n const [orderBy, setOrderBy] = useState(\"CreatedOn\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n\r\n const [showUserModal, setShowUserModal] = useState(false);\r\n const [modalData, setModalData] = useState(null);\r\n const [modalTitle, setmodalTitle] = useState(\"Add User\");\r\n const [emailField, setEmailFieldValue] = useState(\"\");\r\n const [fullNameField, setFullNameFieldValue] = useState(\"\");\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n const [showCompany, setShowCompany] = useState(false);\r\n\r\n const [licNumberField, setlicNumberFieldValue] = useState(\"\");\r\n const [licNumberValidityField, setlicNumberValidityFieldValue] = useState(\"\");\r\n const [loaNumberField, setloaNumberFieldValue] = useState(\"\");\r\n const [loaNumberValidityField, setloaNumberValidityFieldValue] = useState(\"\");\r\n const [otrNumberField, setotrNumberFieldValue] = useState(\"\");\r\n const [otrNumberValidityField, setotrNumberValidityFieldValue] = useState(\"\");\r\n const [positionId, setPositionId] = useState(\"\");\r\n const [RoleId, setRoleId] = useState(\"\");\r\n const [RoleName, setRoleName] = useState(\"\");\r\n const [companyCode, setCompanyCode] = useState(\"\");\r\n const [originalCompanyCode, setOriginalCompanyCode] = useState(\"\");\r\n\r\n const [userPositions, setUserPositions] = useState([]);\r\n const [userRoles, setUserRoles] = useState([]);\r\n const [companies, setCompanies] = useState([]);\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.name?.toString().toLowerCase().includes(searchTxt) ||\r\n value.userName?.toLowerCase().includes(searchTxt) ||\r\n value.status?.toLowerCase().includes(searchTxt) ||\r\n value.roleName?.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n useEffect(() => {\r\n var user = getFromLocal(\"user\");\r\n var pageName = {};\r\n pageName = user.userRolePermissions;\r\n var pageActions = pageName.filter((r) => r.pageName === \"Users\");\r\n var actions = pageActions.map((a) => a.pageActions);\r\n if (actions.length > 0) {\r\n var action = actions[0].map((b) => b.actionName);\r\n action.forEach(actionsList);\r\n function actionsList(action, index, arr) {\r\n if (action === \"Add\") {\r\n setAdd(true);\r\n }\r\n if (action === \"Update\") {\r\n setUpdate(true);\r\n }\r\n if (action === \"View\") {\r\n setView(true);\r\n }\r\n if (action === \"Delete\") {\r\n setDelete(true);\r\n }\r\n }\r\n }\r\n }, []);\r\n\r\n const getUsersData = async (id) => {\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n API.getWithHeader(endpoint.GetUsers, headers, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getRecords(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getRoles();\r\n getUsersData();\r\n getPositions();\r\n getCompanies();\r\n }, []);\r\n\r\n const handleDelete = async (id) => {\r\n var user = getFromLocal(\"user\");\r\n\r\n const handleOk = async () => {\r\n var data = {\r\n EntityID: id,\r\n ModifiedBy: parseInt(user[\"userId\"]),\r\n };\r\n await deleteUserDetails(data);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deleteUserDetails(data) {\r\n setBusy(true);\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n await API.postWithHeader(\r\n endpoint.DeleteUser,\r\n headers,\r\n data,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n getUsersData();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n }\r\n );\r\n }\r\n\r\n async function saveFormDetails(formData) {\r\n var data = null;\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n await API.postWithHeader(\r\n endpoint.AddUser,\r\n headers,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = \"success\";\r\n } else {\r\n errorToast(response?.data?.title);\r\n }\r\n }\r\n );\r\n return data;\r\n }\r\n\r\n async function updateFormDetails(formData) {\r\n var data = null;\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n await API.postWithHeader(\r\n endpoint.UpdateUser,\r\n headers,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = \"success\";\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n return data;\r\n }\r\n\r\n const getUserModal = (title, data) => {\r\n if (data) {\r\n setFullNameFieldValue(data?.name);\r\n setEmailFieldValue(data?.userName);\r\n setlicNumberFieldValue(data?.licNumber);\r\n setloaNumberFieldValue(data?.loaNumber);\r\n setotrNumberFieldValue(data?.otrNumber);\r\n setRoleId(data?.roleId);\r\n setRoleName(data?.roleName);\r\n if (data?.roleId === 6) {\r\n setShowCompany(true);\r\n } else {\r\n setShowCompany(false);\r\n }\r\n setCompanyCode(data?.companyCode);\r\n setOriginalCompanyCode(data?.companyCode);\r\n setlicNumberValidityFieldValue(data?.licNumberValidity);\r\n setloaNumberValidityFieldValue(data?.loaNumberValidity);\r\n setotrNumberValidityFieldValue(data?.otrNumberValidity);\r\n setPositionId(data?.positionId);\r\n } else {\r\n resetModalField();\r\n }\r\n setModalData(data);\r\n setmodalTitle(title);\r\n setShowUserModal(true);\r\n };\r\n\r\n const handleModalSubmit = async (e) => {\r\n setBusy(true);\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n var user = getFromLocal(\"user\");\r\n var response = null;\r\n if (modalTitle === \"Add User\") {\r\n var ProcessFields = {\r\n UserId: user[\"userId\"],\r\n EntityKey: fields[\"RoleId\"].value,\r\n ChildEntityKey: fields[\"FullName\"].value,\r\n UserEmail: fields[\"EmailId\"].value,\r\n LOANumber: fields[\"LOANumber\"].value,\r\n LICNumber: fields[\"LICNumber\"].value,\r\n LOAValidityStr: fields[\"LOANumberValidity\"].value,\r\n LICValidityStr: fields[\"LICNumberValidity\"].value,\r\n PositionId: parseInt(fields[\"PositionId\"].value),\r\n OTRNumber: fields[\"OTRNumber\"].value,\r\n OTRValidityStr: fields[\"OTRNumberValidity\"].value,\r\n CompanyCode: fields[\"CompanyCode\"]?.value,\r\n };\r\n response = await saveFormDetails(ProcessFields);\r\n } else {\r\n var payload = {\r\n ID: modalData?.id,\r\n EntityKey: fields[\"EmailId\"].value,\r\n ChildEntityKey: fields[\"FullName\"].value,\r\n EntityID: parseInt(fields[\"RoleId\"].value),\r\n ModifiedBy: user?.userId,\r\n LOANumber: fields[\"LOANumber\"].value,\r\n LICNumber: fields[\"LICNumber\"].value,\r\n LOAValidityStr: fields[\"LOANumberValidity\"].value,\r\n LICValidityStr: fields[\"LICNumberValidity\"].value,\r\n PositionId: parseInt(fields[\"PositionId\"].value),\r\n OTRNumber: fields[\"OTRNumber\"].value,\r\n OTRValidityStr: fields[\"OTRNumberValidity\"].value,\r\n CompanyCode: fields[\"CompanyCode\"]?.value,\r\n };\r\n response = await updateFormDetails(payload);\r\n }\r\n\r\n if (response === \"success\") {\r\n successDialog(\"Success\", () => {\r\n resetModalField();\r\n getUsersData();\r\n });\r\n } else {\r\n errorDialog(\"Error Processing Request\");\r\n resetModalField();\r\n setBusy(false);\r\n }\r\n setShowUserModal(false);\r\n };\r\n\r\n const resetModalField = () => {\r\n setFullNameFieldValue(\"\");\r\n setEmailFieldValue(\"\");\r\n setRoleId(\"\");\r\n setRoleName(\"\");\r\n setCompanyCode(\"\");\r\n setOriginalCompanyCode(\"\");\r\n setShowCompany(false);\r\n setPositionId(\"\");\r\n setlicNumberFieldValue(\"\");\r\n setlicNumberValidityFieldValue(\"\");\r\n setloaNumberFieldValue(\"\");\r\n setloaNumberValidityFieldValue(\"\");\r\n setotrNumberFieldValue(\"\");\r\n setotrNumberValidityFieldValue(\"\");\r\n };\r\n\r\n const handleCancel = () => {\r\n setShowUserModal(false);\r\n };\r\n\r\n function changeNameFieldValue(e) {\r\n setFullNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeEmailFieldValue(e) {\r\n setEmailFieldValue(e.target.value);\r\n }\r\n\r\n function changelicNumberFieldValue(e) {\r\n setlicNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changeloaNumberFieldValue(e) {\r\n setloaNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changeotrNumberFieldValue(e) {\r\n setotrNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changelicNumberValidityFieldValue(e) {\r\n setlicNumberValidityFieldValue(e.target.value);\r\n }\r\n\r\n function changeloaNumberValidityFieldValue(e) {\r\n setloaNumberValidityFieldValue(e.target.value);\r\n }\r\n\r\n function changeotrNumberValidityFieldValue(e) {\r\n setotrNumberValidityFieldValue(e.target.value);\r\n }\r\n\r\n function changePositionDropDownValue(e) {\r\n setPositionId(e.target.value);\r\n }\r\n\r\n function changeRoleDropDownValue(e) {\r\n setRoleId(e.target.value);\r\n setCompanyCode(originalCompanyCode);\r\n if (e.target.value === \"6\") {\r\n setShowCompany(true);\r\n } else {\r\n setShowCompany(false);\r\n }\r\n }\r\n\r\n function changeCompanyDropDownValue(e) {\r\n setCompanyCode(e.target.value);\r\n }\r\n\r\n async function getPositions() {\r\n var type = {\r\n EntityKey: \"tbl_lites_training_position_master\",\r\n };\r\n await API.getByQuery(endpoint.getMaster, type, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setUserPositions(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n async function getRoles() {\r\n var user = getFromLocal(\"user\");\r\n var type = {\r\n EntityKey: \"tbl_lites_training_role_master\",\r\n ChildEntityKey: user.roleName,\r\n };\r\n await API.getByQuery(endpoint.getMaster, type, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setUserRoles(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n async function getCompanies() {\r\n var url = `${endpoint.ScheduleMasterData}`;\r\n\r\n var request = {\r\n includeTrainingTypes: false,\r\n includeCompanyCodes: true,\r\n includeAircraftTypes: false,\r\n includeTrainingDevices: false,\r\n };\r\n\r\n await API.post(url, request, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setCompanies(response?.companies);\r\n } else {\r\n errorToast(\"Error Loading Companies\");\r\n }\r\n });\r\n }\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Users;\r\n","import React, { useEffect, useState } from 'react';\r\nimport \"./ChangePassword.scss\";\r\nimport endpoint from '../../utils/endpoints';\r\nimport API from '../../utils/Api';\r\nimport { errorToast, errorDialog, successDialog } from '../../components/Generic/Generic';\r\nimport Loader from '../../components/Loader/Loader';\r\nimport { clearLocal } from '../../utils/generic';\r\n\r\nasync function saveFormDetails(formData) {\r\n var data = null;\r\n await API.post(endpoint.ChangePassword, formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = response;\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n })\r\n return data;\r\n}\r\n\r\nconst ChangePassword = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n\r\n const [oldPasswordField, setOldPasswordField] = useState(\"\");\r\n const [newPasswordField, setNewPasswordField] = useState(\"\");\r\n const [confirmNewPasswordField, setConfirmNewPasswordField] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setBusy(false);\r\n }, [])\r\n\r\n const handleSubmit = async e => {\r\n \r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n\r\n if (!checkPassword(fields[\"NewPassword\"].value)) {\r\n errorToast('Password should be minimum 8 characters with at least one numeric digit, one uppercase and one lowercase character');\r\n return false;\r\n }\r\n\r\n if (fields[\"NewPassword\"].value !== fields[\"ConfirmNewPassword\"].value) {\r\n errorToast('New password and confirm password doesn\\'t match');\r\n return false;\r\n }\r\n\r\n setBusy(true);\r\n var user = JSON.parse(localStorage.getItem(\"user\"));\r\n var ProcessFields = {\r\n UserId: user[\"userId\"],\r\n EntityKey: fields[\"OldPassword\"].value,\r\n ChildEntityKey: fields[\"NewPassword\"].value\r\n };\r\n\r\n const response = await saveFormDetails(ProcessFields);\r\n if (response.Success) {\r\n clearLocal();\r\n successDialog(response?.Message + ' You will be logged out of the system, please login again with the updated password.', handleOk);\r\n } else {\r\n errorDialog(response?.Message); \r\n }\r\n setBusy(false);\r\n }\r\n\r\n const handleOk = () => {\r\n props.history.push(\"/auth/login\");\r\n }\r\n\r\n function changeOldPasswordFieldValue(e) {\r\n setOldPasswordField(e.target.value);\r\n }\r\n\r\n function changeNewPasswordFieldValue(e) {\r\n setNewPasswordField(e.target.value);\r\n }\r\n\r\n function changeConfirmNewPasswordFieldValue(e) {\r\n setConfirmNewPasswordField(e.target.value);\r\n }\r\n\r\n function checkPassword(inputtxt) {\r\n var passw = /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,20}$/;\r\n if (!inputtxt.match(passw)) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n
\r\n {isAdd ? (\r\n \r\n getUserModal(\"Add User\", null)}\r\n className=\"btn btn-primary float-right\"\r\n >\r\n Add User\r\n \r\n
\r\n ) : null}\r\n \r\n {isBusy &&
\r\n )\r\n}\r\n\r\nexport default ChangePassword;","import \"./Profile.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport \"antd/dist/antd.css\";\r\nimport { successDialog, errorDialog } from \"../../components/Generic/Generic\";\r\n\r\nconst Profile = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n\r\n const [emailField, setEmailFieldValue] = useState(\"\");\r\n const [fullNameField, setFullNameFieldValue] = useState(\"\");\r\n const [licNumberField, setlicNumberFieldValue] = useState(\"\");\r\n const [licNumberValidityField, setlicNumberValidityFieldValue] = useState(\"\");\r\n const [loaNumberField, setloaNumberFieldValue] = useState(\"\");\r\n const [loaNumberValidityField, setloaNumberValidityFieldValue] = useState(\"\");\r\n const [positionId, setPositionId] = useState(\"\");\r\n\r\n const [userPositions, setUserPositions] = useState([]);\r\n\r\n const getUsersData = async () => {\r\n let user = getFromLocal(\"user\");\r\n var processFields = {};\r\n processFields.EntityID = parseInt(user?.userId);\r\n user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n API.getByQueryWithHeader(\r\n endpoint.GetUsers,\r\n headers,\r\n processFields,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n patchForm(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getUsersData();\r\n getPositions();\r\n }, []);\r\n\r\n async function updateFormDetails(formData) {\r\n var data = null;\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var headers = {\r\n UserId: userId,\r\n };\r\n await API.postWithHeader(\r\n endpoint.UpdateUser,\r\n headers,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = \"success\";\r\n } else {\r\n errorToast(response?.data?.title);\r\n }\r\n }\r\n );\r\n return data;\r\n }\r\n\r\n const handleModalSubmit = async (e) => {\r\n setBusy(true);\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n var user = getFromLocal(\"user\");\r\n var response = null;\r\n\r\n var payload = {\r\n ID: user?.userId,\r\n EntityKey: fields[\"EmailId\"].value,\r\n ChildEntityKey: fields[\"FullName\"].value,\r\n EntityID: parseInt(fields[\"RoleId\"].value),\r\n ModifiedBy: user?.userId,\r\n LOANumber: fields[\"LOANumber\"].value,\r\n LICNumber: fields[\"LICNumber\"].value,\r\n LOAValidityStr: fields[\"LOANumberValidity\"].value,\r\n LICValidityStr: fields[\"LICNumberValidity\"].value,\r\n PositionId: parseInt(fields[\"PositionId\"].value),\r\n };\r\n response = await updateFormDetails(payload);\r\n\r\n if (response === \"success\") {\r\n setBusy(false);\r\n successDialog(\"Success\", () => {});\r\n } else {\r\n errorDialog(\"User Not Exists\");\r\n setBusy(false);\r\n }\r\n };\r\n function patchForm(data) {\r\n setFullNameFieldValue(data[0].name);\r\n setEmailFieldValue(data[0].userName);\r\n setlicNumberFieldValue(data[0].licNumber);\r\n setloaNumberFieldValue(data[0].loaNumber);\r\n setlicNumberValidityFieldValue(data[0].licNumberValidity);\r\n setloaNumberValidityFieldValue(data[0].loaNumberValidity);\r\n setPositionId(data[0].positionId);\r\n }\r\n\r\n function changeNameFieldValue(e) {\r\n setFullNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeEmailFieldValue(e) {\r\n setEmailFieldValue(e.target.value);\r\n }\r\n\r\n function changelicNumberFieldValue(e) {\r\n setlicNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changeloaNumberFieldValue(e) {\r\n setloaNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changelicNumberValidityFieldValue(e) {\r\n setlicNumberValidityFieldValue(e.target.value);\r\n }\r\n\r\n function changeloaNumberValidityFieldValue(e) {\r\n setloaNumberValidityFieldValue(e.target.value);\r\n }\r\n\r\n function changePositionDropDownValue(e) {\r\n setPositionId(e.target.value);\r\n }\r\n\r\n async function getPositions() {\r\n var type = {\r\n EntityKey: \"tbl_lites_training_position_master\",\r\n };\r\n await API.getByQuery(endpoint.getMaster, type, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setUserPositions(response);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Profile;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./TqSignForm.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport API from \"../../utils/Api\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\n\r\nasync function sendOTPToEmail(emailId, formId, refType) {\r\n var data = null;\r\n var ProcessFields = {\r\n EntityKey: formId,\r\n ChildEntityKey: refType,\r\n UserEmail: emailId,\r\n };\r\n await API.post(endpoint.SendOTP, ProcessFields, (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = response;\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n return data;\r\n}\r\n\r\nasync function saveFormDetails(formData) {\r\n var data = null;\r\n await API.post(endpoint.SubmitOTP, formData, (isSuccess, response) => {\r\n if (isSuccess) {\r\n data = response;\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n return data;\r\n}\r\n\r\nconst TqSignForm = (props) => {\r\n const formId = props.match.params.formId;\r\n const [data, setData] = useState();\r\n const [headings, setHeadings] = useState();\r\n const [isBusy, setBusy] = useState(true);\r\n\r\n const [, setNumberFieldValue] = useState();\r\n\r\n const [pilotOTPSent, setPilotOTPSent] = useState(false);\r\n const [, setInstructorOTPSent] = useState(false);\r\n const [, setDirectorOTPSent] = useState(false);\r\n\r\n const [otpSubmitError, setOTPSubmitError] = useState(false);\r\n const items = [];\r\n\r\n const [pilotBarcode, setPilotBarcode] = useState(\"\");\r\n const [instructorBarcode, setInstructorBarcode] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getData();\r\n }, []);\r\n\r\n const getData = () => {\r\n API.get(endpoint.GetFormData + formId, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setData(response);\r\n const t = [];\r\n const map = new Map();\r\n for (const item of response[\"Table1\"]) {\r\n if (!map.has(item.HeaderCategory)) {\r\n map.set(item.HeaderCategory, true);\r\n t.push({\r\n name: item.HeaderCategory,\r\n });\r\n }\r\n }\r\n setHeadings(t);\r\n\r\n if (response[\"Table2\"]) {\r\n let barCode = response[\"Table2\"][0][\"QRCode\"];\r\n let barCodeR = response[\"Table2\"][1][\"QRCode\"];\r\n setPilotBarcode(barCode);\r\n setInstructorBarcode(barCodeR);\r\n }\r\n\r\n setBusy(false);\r\n } else {\r\n errorToast(response?.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n setBusy(true);\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n\r\n var ProcessFields = {\r\n EntityKey: fields[\"otpNumber\"].value,\r\n };\r\n\r\n const response = await saveFormDetails(ProcessFields);\r\n if (response.Success) {\r\n window.location.reload();\r\n } else {\r\n setOTPSubmitError(true);\r\n }\r\n setBusy(false);\r\n };\r\n\r\n function otpChange(e) {\r\n setNumberFieldValue(e.target.value);\r\n }\r\n\r\n async function sendOTP(e, f, g) {\r\n setBusy(true);\r\n await sendOTPToEmail(e, f, g);\r\n if (g === \"pilot\") setPilotOTPSent(true);\r\n else if (g === \"instructor\") setInstructorOTPSent(true);\r\n else setDirectorOTPSent(true);\r\n setBusy(false);\r\n }\r\n\r\n if (headings) {\r\n var itemsLeftPanel = [];\r\n for (const [, value] of headings.entries()) {\r\n var c = [];\r\n c = data[\"Table1\"].filter((s) => s.HeaderCategory === value.name);\r\n var html = c.map((item, key) => {\r\n return (\r\n \r\n {isBusy &&
\r\n 1
: \"\"}\r\n 2
: \"\"}\r\n 3
: \"\"}\r\n 4
: \"\"}\r\n 5
: \"\"}\r\n N/O
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n items.push(resp);\r\n }\r\n\r\n return !data ? (\r\n \r\n ) : (\r\n | Competencies | \r\n1 | \r\n2 | \r\n3 | \r\n4 | \r\n5 | \r\nN/O | \r\nNeed Extra Training | \r\n
|---|
\r\n {isBusy &&
\r\n );\r\n};\r\n\r\nexport default TqSignForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport \"./PilotProfile.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport API from \"../../utils/Api\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport \"antd/dist/antd.css\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { Tabs } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst PilotProfile = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n\r\n const [pilotDetails, setPilotDetails] = useState([]);\r\n const [pilotRanks, setPilotRanks] = useState([]);\r\n const [pilotBases, setPilotBases] = useState([]);\r\n const [pilotFleets, setPilotFleets] = useState([]);\r\n const [pilotDocuments, setPilotDocuments] = useState([]);\r\n const [pilotQualifications, setPilotQualifications] = useState([]);\r\n const [, setPilotTrainings] = useState([]);\r\n\r\n const getPilotData = (pilotId) => {\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n\r\n var url = `${endpoint.GetPilotData}/${userId}`;\r\n var headers = {\r\n UserId: userId,\r\n };\r\n API.getWithHeader(url, headers, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setPilotDetails(response.table[0]);\r\n\r\n let ranks = response.table1;\r\n var ranksHTML = [];\r\n if (ranks.length > 0) {\r\n for (let i = 0; i < ranks.length; i++) {\r\n ranksHTML.push(\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n QUALIFICATION TRAINING\r\n | \r\n||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n TYPE OF TRAINING : {data[\"Table\"][0][\"TrainingType\"]}\r\n | \r\n||||||||||||||
| \r\n \r\n \r\n \r\n \r\n
| \r\n
{items}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n \r\n \r\n \r\n \r\n \r\n Comments:\r\n | \r\n
| \r\n \r\n \r\n \r\n \r\n \r\n Special Notes : \r\n | \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
| \r\n \r\n |
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Pilot\r\n Signature\r\n | \r\n\r\n Instructor\r\n Signature\r\n | \r\n
|---|---|
| \r\n {!data[\"Table\"][0][\"IsPilotSigned\"] ? (\r\n OTP sent to {data[\"Table\"][0][\"PilotEmail\"]} \r\n ) : (\r\n \"\"\r\n )}\r\n | \r\n \r\n {data[\"Table\"][0][\"IsPilotSigned\"] ? (\r\n | \r\n {pilotOTPSent ? (\r\n
| \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PilotProfile;\r\n","import \"./PilotDashboard.scss\";\r\nimport React from \"react\";\r\nimport \"antd/dist/antd.css\";\r\n\r\nconst PilotDashboard = (props) => {\r\n return (\r\n | Sabre Id: | \r\n{pilotDetails?.Sabre_Id} | \r\nName: | \r\n{pilotDetails?.Pilot_Name} | \r\n
| Email: | \r\n{pilotDetails?.Email} | \r\nDOB: | \r\n{pilotDetails?.Birthdate} | \r\n
| Address: | \r\n{pilotDetails?.Address1} | \r\nCity: | \r\n{pilotDetails?.City} | \r\n
| Province: | \r\n{pilotDetails?.Province} | \r\nCountry Code: | \r\n{pilotDetails?.Country} | \r\n
| Employment Date: | \r\n{pilotDetails?.EmploymentDate} | \r\n\r\n | \r\n |
| Rank Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Fleet Code | \r\nFleet Company Code | \r\nStart Date | \r\nEnd Date | \r\n
|---|
| Doc. Number | \r\nDoc. Type | \r\nStart Date | \r\nEnd Date | \r\nIssue Place | \r\nIssuing Authority | \r\nIssuing Country Code | \r\n
|---|
| Name | \r\nCrew Type | \r\nIssue Date | \r\nExpiry Date | \r\nProjection Date | \r\nRenewal Date | \r\n
|---|
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PilotDashboard;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./TrainingFormEditor.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport {\r\n errorToast,\r\n errorDialog,\r\n successDialog,\r\n} from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\n\r\nconst TrainingFormEditor = (props) => {\r\n const [data, setData] = useState(null);\r\n const [headings, setHeadings] = useState();\r\n const [isBusy, setBusy] = useState(true);\r\n const [isFormValid, setFormState] = useState(true);\r\n const itemsLeftPanel = [];\r\n const itemsRightPanel = [];\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [categoryData, setCategoryData] = useState(null);\r\n const [semesterData, setSemesterData] = useState(null);\r\n const [categorySelected, setCategorySelected] = useState(\"Corrective\");\r\n const [semesterSelected, setSemesterSelected] = useState(\"ALL\");\r\n const [dataEditable, setDataEditable] = useState(false);\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getCategories();\r\n }, []);\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getForm(categorySelected, semesterSelected);\r\n }, [categoryData]);\r\n\r\n useEffect(() => {\r\n var user = getFromLocal(\"user\");\r\n var pageName = {};\r\n pageName = user.userRolePermissions;\r\n var pageActions = pageName.filter((r) => r.pageName === \"TA Editor\");\r\n var actions = pageActions.map((a) => a.pageActions);\r\n if (actions.length > 0) {\r\n var action = actions[0].map((b) => b.actionName);\r\n action.forEach(actionsList);\r\n function actionsList(action, index, arr) {\r\n if (action === \"Update\") {\r\n setUpdate(true);\r\n }\r\n }\r\n }\r\n }, []);\r\n\r\n async function getCategories() {\r\n await API.get(endpoint.GetTrainingCategories, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setCategoryData(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n async function getForm(categoryName, semesterName) {\r\n var fields = {\r\n CategoryName: categoryName,\r\n SemesterName: semesterName,\r\n };\r\n await API.post(endpoint.GetTAEditorForm, fields, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setData(response?.trainingEditorResponses);\r\n const t = [];\r\n const map = new Map();\r\n for (const item of response?.trainingEditorResponses) {\r\n if (!map.has(item.id)) {\r\n map.set(item.id, true);\r\n t.push({\r\n id: item.id,\r\n name: item.formName,\r\n });\r\n }\r\n }\r\n setHeadings(t);\r\n setBusy(false);\r\n setDataEditable(response?.isEditable);\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n });\r\n }\r\n\r\n function setChecked(e) {\r\n if (e.target.checked === true) {\r\n data.forEach((item) => {\r\n if (item.mapId === parseInt(e.target.name)) {\r\n item.isActive = true;\r\n }\r\n });\r\n setData([...data]);\r\n } else {\r\n data.forEach((item) => {\r\n if (item.mapId === parseInt(e.target.name)) {\r\n item.isActive = false;\r\n }\r\n });\r\n setData([...data]);\r\n }\r\n }\r\n var user = getFromLocal(\"user\");\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n var fields = [];\r\n fields = e.target;\r\n\r\n var isValidForm = await checkRequiredField(fields);\r\n\r\n if (!isValidForm) {\r\n window.scrollTo(0, 0);\r\n } else {\r\n var formData = {\r\n FormFieldsValue: data,\r\n UserId: parseInt(user[\"userId\"]),\r\n categoryName: categorySelected,\r\n semesterName: semesterSelected,\r\n };\r\n await saveFormDetails(formData);\r\n }\r\n };\r\n async function saveFormDetails(formData) {\r\n await API.post(\r\n endpoint.UpdateTAEditorForm,\r\n formData,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n if (response?.status) {\r\n successDialog(response?.responseText, handleOk);\r\n } else {\r\n errorDialog(response?.responseText);\r\n }\r\n } else {\r\n errorToast(response.statusText);\r\n }\r\n }\r\n );\r\n }\r\n\r\n const handleOk = () => {\r\n props.history.push(\"/dashboard/trainings\");\r\n };\r\n const checkRequiredField = (fields) => {\r\n var isValid = true;\r\n for (var i = 0; i < fields.length; i++) {\r\n if (fields[i].attributes[\"required\"]) {\r\n if (fields[i].value.toString().trim().length === 0) {\r\n isValid = false;\r\n setFormState(false);\r\n break;\r\n }\r\n }\r\n }\r\n return isValid;\r\n };\r\n\r\n const handleToChangeCategory = (value) => {\r\n setCategorySelected(value);\r\n setSemesterSelected(\"ALL\");\r\n setData(null);\r\n setHeadings(null);\r\n setSemesterData(null);\r\n\r\n let trainingData = categoryData?.find(\r\n (item) => value === item?.categoryName\r\n );\r\n if (trainingData?.isSemester) {\r\n let obj = { semesterName: \"Select\" };\r\n if (\r\n !trainingData.trainingSemester.semesters.find(\r\n (x) => x.semesterName == obj.semesterName\r\n )\r\n ) {\r\n trainingData.trainingSemester.semesters.splice(0, 0, obj);\r\n }\r\n setSemesterData(trainingData.trainingSemester.semesters);\r\n } else {\r\n getForm(value, \"ALL\");\r\n }\r\n };\r\n\r\n const handleToChangeSemester = (value) => {\r\n setData(null);\r\n setSemesterSelected(value);\r\n\r\n let training = categoryData?.some(\r\n (item) =>\r\n item.isSemester &&\r\n item?.trainingSemester.semesters?.find(\r\n (semester) => semester.semesterName === value\r\n )\r\n );\r\n\r\n if (training) {\r\n getForm(categorySelected, value);\r\n }\r\n };\r\n\r\n if (headings) {\r\n var x = [];\r\n var y = [];\r\n for (var i = 0; i < headings.length; i++) {\r\n if (i % 2 === 0) {\r\n x.push(headings[i]);\r\n } else {\r\n y.push(headings[i]);\r\n }\r\n }\r\n\r\n for (const [index, value] of x.entries()) {\r\n var c = [];\r\n c = data?.filter((s) => s.id === value.id);\r\n var html = (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsLeftPanel.push(html);\r\n }\r\n\r\n for (const [index, value] of y.entries()) {\r\n let c = [];\r\n c = data?.filter((s) => s.id === value.id);\r\n let html = (\r\n | {value.name} | \r\n|
|---|---|
| {item.questionarie} | \r\n\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n\r\n itemsRightPanel.push(html);\r\n }\r\n }\r\n return (\r\n | {value.name} | \r\n|
|---|---|
| {item.questionarie} | \r\n\r\n | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default TrainingFormEditor;\r\n","import \"./Airports.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Modal } from \"antd\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport { EditTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\nimport { successDialog, errorDialog } from \"../../components/Generic/Generic\";\r\n\r\nconst columns = [\r\n {\r\n title: \"Airport Name\",\r\n showSort: true,\r\n id: \"Name\",\r\n },\r\n {\r\n title: \"Airport Code\",\r\n showSort: true,\r\n id: \"Code\",\r\n },\r\n {\r\n title: \"ICAO\",\r\n showSort: true,\r\n id: \"ICAO\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst Airports = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n const [showAirPortModal, setShowAirPortModal] = useState(false);\r\n const [modalTitle, setmodalTitle] = useState(\"Add Airports\");\r\n const [modalData, setModalData] = useState(null);\r\n const [fullAirportNameField, setFullAirportNameFieldValue] = useState(\"\");\r\n const [fullAirportCodeField, setFullAirportCodeFieldValue] = useState(\"\");\r\n const [fullICAOField, setFullICAOFieldValue] = useState(\"\");\r\n\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.Name.toString().toLowerCase().includes(searchTxt) ||\r\n value.Code.toLowerCase().includes(searchTxt) ||\r\n value.ICAO.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n useEffect(() => {\r\n var user = getFromLocal(\"user\");\r\n var pageName = {};\r\n pageName = user.userRolePermissions;\r\n var pageActions = pageName.filter((r) => r.pageName === \"Airports\");\r\n var actions = pageActions.map((a) => a.pageActions);\r\n if (actions.length > 0) {\r\n var action = actions[0].map((b) => b.actionName);\r\n action.forEach(actionsList);\r\n function actionsList(action, index, arr) {\r\n if (action === \"Add\") {\r\n setAdd(true);\r\n }\r\n if (action === \"Update\") {\r\n setUpdate(true);\r\n }\r\n if (action === \"View\") {\r\n setView(true);\r\n }\r\n if (action === \"Delete\") {\r\n setDelete(true);\r\n }\r\n }\r\n }\r\n }, []);\r\n\r\n async function getairportMaster() {\r\n var airport = {\r\n EntityKey: \"tbl_lites_training_airport_master\",\r\n };\r\n await API.getByQuery(endpoint.getMaster, airport, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getRecords(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getairportMaster();\r\n }, []);\r\n\r\n const handleDelete = async (id) => {\r\n var user = getFromLocal(\"user\");\r\n\r\n const handleOk = async () => {\r\n var data = {\r\n Id: id,\r\n ModifiedBy: parseInt(user[\"userId\"]),\r\n AirportName: \"Delete\",\r\n };\r\n await deleteairportDetails(data);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deleteairportDetails(data) {\r\n setBusy(true);\r\n API.post(endpoint.AirportDataModification, data, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getairportMaster();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n const handleCancel = () => {\r\n setShowAirPortModal(false);\r\n };\r\n\r\n const getAirportModal = (title, data) => {\r\n if (data) {\r\n setFullAirportNameFieldValue(data?.Name);\r\n setFullAirportCodeFieldValue(data?.Code);\r\n setFullICAOFieldValue(data?.ICAO);\r\n } else {\r\n resetModalField();\r\n }\r\n setModalData(data);\r\n setmodalTitle(title);\r\n setShowAirPortModal(true);\r\n };\r\n\r\n const resetModalField = () => {\r\n setFullAirportNameFieldValue(\"\");\r\n setFullAirportCodeFieldValue(\"\");\r\n setFullICAOFieldValue(\"\");\r\n };\r\n\r\n function changeAirportNameFieldValue(e) {\r\n setFullAirportNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeAirportCodeFieldValue(e) {\r\n setFullAirportCodeFieldValue(e.target.value);\r\n }\r\n\r\n function changeICAOFieldValue(e) {\r\n setFullICAOFieldValue(e.target.value);\r\n }\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n {!isFormValid ? (\r\n
\r\n \r\n Please fill all fields marked as required!\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Airports;\r\n","import \"./Aircrafts.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Modal } from \"antd\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport { EditTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\nimport { successDialog, errorDialog } from \"../../components/Generic/Generic\";\r\n\r\nconst columns = [\r\n {\r\n title: \"Aircraft Name\",\r\n showSort: true,\r\n id: \"Name\",\r\n },\r\n {\r\n title: \"Aircraft Code\",\r\n showSort: true,\r\n id: \"Code\",\r\n },\r\n {\r\n title: \"Manufacturer\",\r\n showSort: true,\r\n id: \"Manufacturer\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst Aircrafts = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n const [showAirPortModal, setShowAirPortModal] = useState(false);\r\n const [modalTitle, setmodalTitle] = useState(\"Add Aircrafts\");\r\n const [modalData, setModalData] = useState(null);\r\n const [fullAircraftNameField, setFullAircraftNameFieldValue] = useState(\"\");\r\n const [fullAircraftCodeField, setFullAircraftCodeFieldValue] = useState(\"\");\r\n const [fullManufacturerField, setFullManufacturerFieldValue] = useState(\"\");\r\n\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.Name.toString().toLowerCase().includes(searchTxt) ||\r\n value.Code.toLowerCase().includes(searchTxt) ||\r\n value.ICAO.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n useEffect(() => {\r\n var user = getFromLocal(\"user\");\r\n var pageName = {};\r\n pageName = user.userRolePermissions;\r\n var pageActions = pageName.filter((r) => r.pageName === \"Aircrafts\");\r\n var actions = pageActions.map((a) => a.pageActions);\r\n if (actions.length > 0) {\r\n var action = actions[0].map((b) => b.actionName);\r\n action.forEach(actionsList);\r\n function actionsList(action, index, arr) {\r\n if (action === \"Add\") {\r\n setAdd(true);\r\n }\r\n if (action === \"Update\") {\r\n setUpdate(true);\r\n }\r\n if (action === \"View\") {\r\n setView(true);\r\n }\r\n if (action === \"Delete\") {\r\n setDelete(true);\r\n }\r\n }\r\n }\r\n }, []);\r\n\r\n async function getaircraftMaster() {\r\n var airport = {\r\n EntityKey: \"tbl_lites_training_aircraft_master\",\r\n };\r\n await API.getByQuery(endpoint.getMaster, airport, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getRecords(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getaircraftMaster();\r\n }, []);\r\n\r\n const handleDelete = async (id) => {\r\n var user = getFromLocal(\"user\");\r\n\r\n const handleOk = async () => {\r\n var data = {\r\n Id: id,\r\n ModifiedBy: parseInt(user[\"userId\"]),\r\n AircraftName: \"Delete\",\r\n };\r\n await deleteairportDetails(data);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deleteairportDetails(data) {\r\n setBusy(true);\r\n API.post(endpoint.AircraftDataModification, data, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getaircraftMaster();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n const handleCancel = () => {\r\n setShowAirPortModal(false);\r\n };\r\n\r\n const getAirportModal = (title, data) => {\r\n if (data) {\r\n setFullAircraftNameFieldValue(data?.Name);\r\n setFullAircraftCodeFieldValue(data?.Code);\r\n setFullManufacturerFieldValue(data?.Manufacturer);\r\n } else {\r\n resetModalField();\r\n }\r\n setModalData(data);\r\n setmodalTitle(title);\r\n setShowAirPortModal(true);\r\n };\r\n\r\n const resetModalField = () => {\r\n setFullAircraftNameFieldValue(\"\");\r\n setFullAircraftCodeFieldValue(\"\");\r\n setFullManufacturerFieldValue(\"\");\r\n };\r\n\r\n function changeAircraftNameFieldValue(e) {\r\n setFullAircraftNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeAircraftCodeFieldValue(e) {\r\n setFullAircraftCodeFieldValue(e.target.value);\r\n }\r\n\r\n function changeManufacturerFieldValue(e) {\r\n setFullManufacturerFieldValue(e.target.value);\r\n }\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n
\r\n {isAdd ? (\r\n \r\n getAirportModal(\"Add Airports\", null)}\r\n className=\"btn btn-primary float-right\"\r\n >\r\n Add Airport\r\n \r\n
\r\n ) : null}\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Aircrafts;\r\n","import \"./TrainingDevices.scss\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport { Modal } from \"antd\";\r\nimport { confirmAlert, errorToast } from \"../../components/Generic/Generic\";\r\nimport API from \"../../utils/Api\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport { EditTwoTone, DeleteTwoTone } from \"@ant-design/icons\";\r\nimport { successDialog, errorDialog } from \"../../components/Generic/Generic\";\r\n\r\nconst columns = [\r\n {\r\n title: \"Training Device\",\r\n showSort: true,\r\n id: \"Name\",\r\n },\r\n {\r\n title: \"Training Device Code\",\r\n showSort: true,\r\n id: \"Code\",\r\n },\r\n {\r\n title: \"CAE Serial Number\",\r\n showSort: true,\r\n id: \"CAE_Serial_Number\",\r\n },\r\n {\r\n title: \"Std Code\",\r\n showSort: true,\r\n id: \"StdCode\",\r\n },\r\n {\r\n title: \"Actions\",\r\n showSort: false,\r\n },\r\n];\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst TrainingDevices = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n const [showTrainingModal, setShowTrainingModal] = useState(false);\r\n const [modalTitle, setmodalTitle] = useState(\"Add Training Devices\");\r\n const [modalData, setModalData] = useState(null);\r\n const [fullTrainingDeviceNameField, setFullTrainingDeviceNameFieldValue] =\r\n useState(\"\");\r\n const [fullTrainingDeviceCodeField, setFullTrainingDeviceCodeFieldValue] =\r\n useState(\"\");\r\n const [fullCAESerialNumberField, setFullCAESerialNumberFieldValue] =\r\n useState(\"\");\r\n const [fullStdCodeField, setFullStdCodeFieldValue] = useState(\"\");\r\n\r\n const [isAdd, setAdd] = useState(false);\r\n const [isUpdate, setUpdate] = useState(false);\r\n const [, setView] = useState(false);\r\n const [isDelete, setDelete] = useState(false);\r\n\r\n useEffect(() => {\r\n if (records) {\r\n setFinalRow(records);\r\n }\r\n }, [records]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return (\r\n value.Name.toString().toLowerCase().includes(searchTxt) ||\r\n value.Code.toLowerCase().includes(searchTxt) ||\r\n value.CAE_Serial_Number.toLowerCase().includes(searchTxt) ||\r\n value.StdCode.toString().toLowerCase().includes(searchTxt)\r\n );\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n useEffect(() => {\r\n var user = getFromLocal(\"user\");\r\n var pageName = {};\r\n pageName = user.userRolePermissions;\r\n var pageActions = pageName.filter((r) => r.pageName === \"Training Devices\");\r\n var actions = pageActions.map((a) => a.pageActions);\r\n if (actions.length > 0) {\r\n var action = actions[0].map((b) => b.actionName);\r\n action.forEach(actionsList);\r\n function actionsList(action, index, arr) {\r\n if (action === \"Add\") {\r\n setAdd(true);\r\n }\r\n if (action === \"Update\") {\r\n setUpdate(true);\r\n }\r\n if (action === \"View\") {\r\n setView(true);\r\n }\r\n if (action === \"Delete\") {\r\n setDelete(true);\r\n }\r\n }\r\n }\r\n }, []);\r\n\r\n async function gettrainingDeviceMaster() {\r\n var airport = {\r\n EntityKey: \"tbl_lites_training_training_master\",\r\n };\r\n await API.getByQuery(endpoint.getMaster, airport, (isSuccess, response) => {\r\n if (isSuccess) {\r\n getRecords(response);\r\n setBusy(false);\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n gettrainingDeviceMaster();\r\n }, []);\r\n\r\n const handleDelete = async (id) => {\r\n var user = getFromLocal(\"user\");\r\n\r\n const handleOk = async () => {\r\n var data = {\r\n Id: id,\r\n ModifiedBy: parseInt(user[\"userId\"]),\r\n TrainingDeviceName: \"Delete\",\r\n };\r\n await deletetrainingDetails(data);\r\n };\r\n\r\n const handleCancel = () => {};\r\n\r\n confirmAlert(\r\n \"Do you want to delete these items?\",\r\n \"\",\r\n handleOk,\r\n handleCancel\r\n );\r\n };\r\n\r\n async function deletetrainingDetails(data) {\r\n setBusy(true);\r\n API.post(\r\n endpoint.TrainingDevicesDataModification,\r\n data,\r\n (isSuccess, response) => {\r\n if (isSuccess) {\r\n gettrainingDeviceMaster();\r\n } else {\r\n errorToast(response.statusText);\r\n setBusy(false);\r\n }\r\n }\r\n );\r\n }\r\n\r\n const handleCancel = () => {\r\n setShowTrainingModal(false);\r\n };\r\n\r\n const getTrainingModal = (title, data) => {\r\n if (data) {\r\n setFullTrainingDeviceNameFieldValue(data?.Name);\r\n setFullTrainingDeviceCodeFieldValue(data?.Code);\r\n setFullCAESerialNumberFieldValue(data?.CAE_Serial_Number);\r\n setFullStdCodeFieldValue(data?.StdCode);\r\n } else {\r\n resetModalField();\r\n }\r\n setModalData(data);\r\n setmodalTitle(title);\r\n setShowTrainingModal(true);\r\n };\r\n\r\n const resetModalField = () => {\r\n setFullTrainingDeviceNameFieldValue(\"\");\r\n setFullTrainingDeviceCodeFieldValue(\"\");\r\n setFullCAESerialNumberFieldValue(\"\");\r\n setFullStdCodeFieldValue(\"\");\r\n };\r\n\r\n function changeTrainingDeviceNameFieldValue(e) {\r\n setFullTrainingDeviceNameFieldValue(e.target.value);\r\n }\r\n\r\n function changeTrainingDeviceCodeFieldValue(e) {\r\n setFullTrainingDeviceCodeFieldValue(e.target.value);\r\n }\r\n\r\n function changeCAESerialNumberFieldValue(e) {\r\n setFullCAESerialNumberFieldValue(e.target.value);\r\n }\r\n\r\n function changeStdCodeFieldValue(e) {\r\n setFullStdCodeFieldValue(e.target.value);\r\n }\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n
\r\n {isAdd ? (\r\n \r\n getAirportModal(\"Add Aircrafts\", null)}\r\n className=\"btn btn-primary float-right\"\r\n >\r\n Add Aircrafts\r\n \r\n
\r\n ) : null}\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default TrainingDevices;\r\n","/* eslint-disable max-classes-per-file */\r\n/* eslint-disable react/no-unused-state */\r\nimport React, { useState, memo, useEffect } from \"react\";\r\nimport \"./calendar.scss\";\r\nimport { Modal } from \"antd\";\r\nimport {\r\n KeyboardDateTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Close from \"@material-ui/icons/Close\";\r\nimport API from \"../../utils/Api\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst columns = [{ title: \"Name\", showSort: false, id: \"pilotName\" }];\r\n\r\nconst CreateShedule = (props) => {\r\n const {\r\n classes,\r\n visible,\r\n visibleChange,\r\n appointmentData,\r\n cancelAppointment,\r\n // target,\r\n // onHide,\r\n // PayLoad,\r\n formMasterData,\r\n } = props;\r\n const [usePayLoad, setUsePayLoad] = useState(appointmentData);\r\n const [appointmentChanges, setAppointmentChanges] = useState({});\r\n const [trainingTypeSelected, setTrainingTypeSelected] = useState(false);\r\n const [qualifications, setQualifications] = useState([]);\r\n const [submitted, setSubmitted] = useState(false);\r\n const [loadData, setLoadData] = useState(true);\r\n const [repeatExpiryDate, setRepeatExpiryDate] = useState(\"\");\r\n const [daysChecked, setDaysChecked] = useState([]);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState([]);\r\n var [searchText, setSearchText] = useState(\"\");\r\n const [records, getRecords] = useState([]);\r\n\r\n useEffect(() => {\r\n if (searchText) {\r\n var searchTxt = searchText.toString().trim().toLowerCase();\r\n var newRows = records?.filter((value) => {\r\n return value.pilotName?.toString().toLowerCase().includes(searchTxt);\r\n });\r\n setFinalRow(newRows);\r\n } else {\r\n setFinalRow(records);\r\n }\r\n }, [searchText, records]);\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n {isBusy &&
\r\n \r\n
\r\n {isAdd ? (\r\n \r\n getTrainingModal(\"Add Training Devices\", null)}\r\n className=\"btn btn-primary float-right\"\r\n >\r\n Add Training Devices\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n {visible && (\r\n \r\n handleTrainingTypeChange(\"Training Type\")}\r\n name=\"typeradio\"\r\n />\r\n \r\n \r\n handleTrainingTypeChange(\"Qualification\")}\r\n name=\"typeradio\"\r\n />\r\n \r\n
\r\n {trainingTypeSelected && (\r\n \r\n \r\n \r\n handleChange(\"trainingTypeId\", parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {formMasterData?.trainingTypes?.map((training) => (\r\n \r\n ))}\r\n \r\n {submitted && usePayLoad.trainingTypeId === 0 && (\r\n Please select training type\r\n )}\r\n
\r\n )}\r\n {!trainingTypeSelected && (\r\n <>\r\n \r\n \r\n \r\n \r\n {formMasterData?.companies?.map((company) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n handleChange(\"qualificationId\", parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {qualifications?.map((qualification) => (\r\n \r\n ))}\r\n \r\n {submitted && usePayLoad.qualificationId === 0 && (\r\n \r\n Please select Copmpany and Qualification\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n \r\n handleChange(\"title\", e.target.value)}\r\n type=\"text\"\r\n placeholder=\"Enter Training Description\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n handleChange(\"instructorName\", e.target.value)}\r\n type=\"text\"\r\n placeholder=\"Enter Instructor Name\"\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n {\" \"}\r\n handleChange(\"repeatTrainings\", e.target.value)}\r\n />\r\n Yes\r\n \r\n \r\n {\" \"}\r\n handleChange(\"repeatTrainings\", e.target.value)}\r\n />\r\n No\r\n \r\n
\r\n {usePayLoad?.isRepeatTrainings && (\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n handleChange(\"repeatTrainingPeriod\", parseInt(e.target.value))\r\n }\r\n type=\"number\"\r\n placeholder=\"Enter Period\"\r\n />\r\n \r\n \r\n handleChange(\"repeatTrainingExpiryDateTime\", e.target.value)\r\n }\r\n placeholder=\"Enter Period\"\r\n />\r\n \r\n \r\n handleChange(\"repeatTrainingType\", parseInt(e.target.value))\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {usePayLoad?.repeatTrainingType === 2 && (\r\n <>\r\n \r\n \r\n handleChange(\"repeatMonthDays\", e.target.value)\r\n }\r\n type=\"text\"\r\n placeholder=\"1,2,3\"\r\n />\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n )}\r\n {usePayLoad?.repeatTrainingType === 3 && (\r\n <>\r\n \r\n \r\n \r\n \r\n handleChange(\"durationInHr\", parseInt(e.target.value))\r\n }\r\n placeholder=\"HH\"\r\n />\r\n :\r\n \r\n handleChange(\"durationInMin\", parseInt(e.target.value))\r\n }\r\n placeholder=\"MM\"\r\n />\r\n
\r\n \r\n \r\n \r\n handleChange(\"maxAttendees\", parseInt(e.target.value))\r\n }\r\n type=\"number\"\r\n placeholder=\"Enter Max Attendees\"\r\n />\r\n
\r\n {trainingTypeSelected && (\r\n <>\r\n \r\n \r\n \r\n handleChange(\"trainingDeviceId\", parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {formMasterData?.trainingDevices?.map((trainingDevice) => (\r\n \r\n ))}\r\n \r\n {submitted && usePayLoad.trainingDeviceId === 0 && (\r\n Please select Training Device\r\n )}\r\n
\r\n\r\n \r\n \r\n \r\n handleChange(\"aircraftTypeId\", parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {formMasterData?.aircraftTypes?.map((aircraftType) => (\r\n \r\n ))}\r\n \r\n {submitted && usePayLoad.aircraftTypeId === 0 && (\r\n Please select Aircraft type\r\n )}\r\n
\r\n \r\n )}\r\n\r\n \r\n \r\n handleChange(\"description\", e.target.value)}\r\n type=\"text\"\r\n placeholder=\" Enter Description\"\r\n />\r\n
\r\n \r\n \r\n {/* handleChange('location', e.target.value)} /> */}\r\n handleChange(\"location\", e.target.value)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {usePayLoad?.assignedPilots?.length > 0 && (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n \r\n {!isNewAppointment && !isReviewAppointment && (\r\n {\r\n visibleChange();\r\n commitAppointment(\"deleted\");\r\n }}\r\n >\r\n Delete\r\n \r\n )}\r\n\r\n {\r\n handleClick();\r\n }}\r\n >\r\n {isNewAppointment ? \"Create\" : \"Save\"}\r\n \r\n
\r\n \r\n cancelChanges()}>\r\n \r\n
\r\n Training Schedule
\r\n \r\n {scheduleForm()}\r\n
\r\n
\r\n
\r\n \r\n )}\r\n \r\n );\r\n const handleOk = () => {};\r\n const handleClick = (status, id) => {\r\n if (status === \"Reject\") {\r\n setBusy(true);\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var url = `${endpoint.RequestSchedule}/review`;\r\n\r\n var request = {\r\n id: id,\r\n accept: false,\r\n };\r\n var headers = {\r\n UserId: userId,\r\n };\r\n\r\n API.postWithHeader(url, headers, request, (isSuccess, response) => {\r\n if (isSuccess) {\r\n successDialog(response?.message, handleOk);\r\n getTrainingsToReview();\r\n setReviewAppointment(null);\r\n } else {\r\n errorToast(\"Reject failed\");\r\n getTrainingsToReview();\r\n }\r\n });\r\n }\r\n\r\n if (status === \"Accept\") {\r\n var toReviewAppt = trainingsToReview?.filter((x) => x.id === id)[0];\r\n\r\n var today = new Date();\r\n today.setHours(0, 0, 0, 0);\r\n var tomorrow = new Date();\r\n tomorrow.setHours(0, 0, 0, 0);\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n\r\n var apptPayload = {\r\n ...toReviewAppt,\r\n maxAttendees: toReviewAppt?.countOfAttendees,\r\n accept: true,\r\n repeatTrainings: \"no\",\r\n repeatTrainingPeriod: 0,\r\n duration: \"\",\r\n trainingDeviceId: 0,\r\n aircraftTypeId: 0,\r\n trainingTypeId: 0,\r\n isRepeatTrainings: false,\r\n monthDays: [],\r\n daysOfWeek: [],\r\n repeatMonthDays: \"\",\r\n startDate: today,\r\n endDate: tomorrow,\r\n };\r\n\r\n if (toReviewAppt?.assignedPilots?.length > 0) {\r\n let url = `${endpoint.RequestSchedule}/${toReviewAppt?.id}/existing-schedules`;\r\n\r\n API.get(url, (isSuccess, response) => {\r\n if (isSuccess && response?.length > 0) {\r\n setShowModal(true);\r\n setExistingSchedules(response);\r\n setSelectedReviewRequest(toReviewAppt);\r\n } else {\r\n resetModal();\r\n setReviewAppointment(apptPayload);\r\n setEditingFormVisible(!editingFormVisible);\r\n setEditingAppointment([]);\r\n }\r\n });\r\n } else {\r\n resetModal();\r\n setReviewAppointment(apptPayload);\r\n setEditingFormVisible(!editingFormVisible);\r\n setEditingAppointment([]);\r\n }\r\n }\r\n };\r\n\r\n const resetModal = () => {\r\n setShowModal(false);\r\n setSelectedMergeSchedule(null);\r\n setSubmitted(false);\r\n setSelectedReviewRequest(null);\r\n };\r\n\r\n const handleCancel = () => {\r\n resetModal();\r\n };\r\n\r\n const handleMerge = () => {\r\n setSubmitted(true);\r\n if (!selectedMergeSchedule) {\r\n return false;\r\n }\r\n setBusy(true);\r\n\r\n var user = getFromLocal(\"user\");\r\n var userId = parseInt(user?.userId);\r\n var url = `${endpoint.RequestSchedule}/${selectedReviewRequest?.id}/merge`;\r\n\r\n var pilotIdsToAssign = selectedReviewRequest?.assignedPilots?.map(\r\n (a) => a.pilotId\r\n );\r\n var request = {\r\n PilotIds: pilotIdsToAssign ? pilotIdsToAssign : [],\r\n TrainingScheduleId: parseInt(selectedMergeSchedule?.id),\r\n };\r\n var headers = {\r\n UserId: userId,\r\n };\r\n API.postWithHeader(url, headers, request, (isSuccess, response) => {\r\n if (isSuccess && response?.isuccessful) {\r\n successDialog(\"Merged Successfully\", handleOk);\r\n getSchedules();\r\n getTrainingsToReview();\r\n setReviewAppointment(null);\r\n setBusy(false);\r\n resetModal();\r\n } else {\r\n errorToast(\"Error during processing\");\r\n setBusy(false);\r\n }\r\n });\r\n };\r\n\r\n const handleContinue = () => {\r\n resetModal();\r\n\r\n var today = new Date();\r\n today.setHours(0, 0, 0, 0);\r\n var tomorrow = new Date();\r\n tomorrow.setHours(0, 0, 0, 0);\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n\r\n var apptPayload = {\r\n ...selectedReviewRequest,\r\n maxAttendees: selectedReviewRequest?.countOfAttendees,\r\n accept: true,\r\n repeatTrainings: \"no\",\r\n repeatTrainingPeriod: 0,\r\n duration: \"\",\r\n trainingDeviceId: 0,\r\n aircraftTypeId: 0,\r\n trainingTypeId: 0,\r\n isRepeatTrainings: false,\r\n monthDays: [],\r\n daysOfWeek: [],\r\n repeatMonthDays: \"\",\r\n startDate: today,\r\n endDate: tomorrow,\r\n };\r\n setReviewAppointment(apptPayload);\r\n setEditingFormVisible(!editingFormVisible);\r\n setEditingAppointment([]);\r\n };\r\n\r\n const handleTrainingSelection = (value) => {\r\n if (value !== 0) {\r\n var selectedSchedule = existingSchedules?.find(\r\n (x) => x.id === parseInt(value)\r\n );\r\n setSelectedMergeSchedule(selectedSchedule);\r\n } else {\r\n setSelectedMergeSchedule(null);\r\n }\r\n };\r\n\r\n const renderMergeScheduleModal = () => {\r\n return (\r\n Pilots Assigned
\r\n\r\n
\r\n - \r\n {appointmentData?.assignedPilots?.map((pilot) => (\r\n
- {pilot?.pilotName} \r\n ))}\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n <>\r\n {isBusy && \r\n \r\n {selectedReviewRequest?.qualification}\r\n
\r\n \r\n \r\n {selectedReviewRequest?.qualificationDescription}\r\n
\r\n \r\n \r\n {selectedReviewRequest?.title}\r\n
\r\n \r\n \r\n {selectedReviewRequest?.description}\r\n
\r\n \r\n \r\n \r\n {selectedReviewRequest?.repeatTrainingExpiryDateTime\r\n ? moment(\r\n selectedReviewRequest?.repeatTrainingExpiryDateTime\r\n ).format(\"DD/MM/YYYY hh:mm A\")\r\n : \"\"}\r\n \r\n
\r\n \r\n \r\n {selectedReviewRequest?.location}\r\n
\r\n \r\n \r\n {selectedReviewRequest?.createdBy}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n handleTrainingSelection(parseInt(e.target.value))\r\n }\r\n >\r\n \r\n {existingSchedules?.map((existingSchedule) => (\r\n \r\n ))}\r\n \r\n {submitted && !selectedMergeSchedule?.id && (\r\n \r\n Please select a schedule to merge!\r\n \r\n )}\r\n
\r\n {selectedMergeSchedule && (\r\n <>\r\n \r\n \r\n {selectedMergeSchedule?.title}\r\n
\r\n \r\n \r\n \r\n {selectedMergeSchedule?.startDate\r\n ? moment(selectedMergeSchedule?.startDate).format(\r\n \"DD/MM/YYYY hh:mm A\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n \r\n \r\n \r\n {selectedMergeSchedule?.endDate\r\n ? moment(selectedMergeSchedule?.endDate).format(\r\n \"DD/MM/YYYY hh:mm A\"\r\n )\r\n : \"\"}\r\n \r\n
\r\n \r\n \r\n {selectedMergeSchedule?.description}\r\n
\r\n \r\n \r\n \r\n {selectedMergeSchedule?.durationInHr} :{\" \"}\r\n {selectedMergeSchedule?.durationInMin} hrs\r\n \r\n
\r\n \r\n )}\r\n \r\n {\r\n handleContinue();\r\n }}\r\n >\r\n Continue Without Merge\r\n \r\n {\r\n handleMerge();\r\n }}\r\n >\r\n Merge\r\n \r\n
\r\n \r\n
\r\n \r\n {showModal && renderMergeScheduleModal()}\r\n \r\n );\r\n};\r\n\r\nexport default memo(\r\n withStyles(styles, { name: \"EditingDemo\" })(ScheduleCalendar)\r\n);\r\n","import React, { useState, useEffect } from 'react';\r\nimport API from '../../utils/Api';\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport DashboardCard from '../../components/DashboardCard/DashboardCard';\r\nimport Loader from '../../components/Loader/Loader';\r\nimport { errorToast } from '../../components/Generic/Generic';\r\nimport { getFromLocal } from '../../utils/generic';\r\nimport endpoint from '../../utils/endpoints';\r\nimport moment from 'moment';\r\nimport \"./MyProfile.scss\";\r\n\r\nconst MyProfile = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [profile, setProfile] = useState([]);\r\n const [mobile, setMobile] = useState(true);\r\n const [address, setAddress] = useState(true);\r\n\r\n const getMyProfile = async () => {\r\n var user = getFromLocal(\"user\");\r\n\r\n var userId = parseInt(user?.userId);\r\n var url = `${endpoint.GetProfile}/${userId}`;\r\n\r\n API.get(url, (isSuccess, response) => {\r\n if (isSuccess) {\r\n setProfile(response);\r\n setBusy(false);\r\n var mobile = response?.contacts.filter(x => x.phoneType === \"Mobile\")[0]?.number;\r\n setMobile(mobile);\r\n var address = response?.addresses[0];\r\n setAddress(address);\r\n } else {\r\n errorToast(\"Error loading profile!\");\r\n setBusy(false);\r\n }\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n setBusy(true);\r\n getMyProfile();\r\n }, [])\r\n\r\n return (\r\n \r\n {trainingsToReview?.length > 0 && (\r\n <>\r\n 0 ? \"col-md-7\" : \"col-md-12\"\r\n }`}\r\n >\r\n \r\n \r\n changeDate(e)}\r\n />\r\n \r\n setConfirmationVisible(false)}\r\n >\r\n Delete Appointment \r\n \r\n \r\n Are you sure you want to delete this appointment?\r\n \r\n \r\n \r\n \r\n Cancel\r\n \r\n \r\n Delete\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n {/*
*/}\r\n
\r\n */}\r\n
\r\n {trainingsToReview?.map((training) => (\r\n <>\r\n
\r\n \r\n
\r\n \r\n {training?.title}\r\n
\r\n \r\n {training?.description}\r\n
\r\n {/* \r\n View\r\n
*/}\r\n \r\n {/*
*/}\r\n handleClick(\"Accept\", training.id)}\r\n className=\"btn btn-success\"\r\n >\r\n Accept\r\n \r\n \r\n handleClick(\"Reject\", training.id)}\r\n className=\"btn btn-danger\"\r\n >\r\n Reject\r\n \r\n
\r\n \r\n ))}\r\n */}\r\n
\r\n {isBusy &&
\r\n )\r\n}\r\n\r\nexport default MyProfile;","import React, { useState, useEffect } from \"react\";\r\nimport API from \"../../utils/Api\";\r\nimport HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport { Tabs } from \"antd\";\r\nimport \"./QualificationTrainings.scss\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport moment from \"moment\";\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst qColumns = [\r\n { title: \"\", showSort: false },\r\n { title: \"Crew Type\", showSort: false, id: \"crewType\" },\r\n { title: \"Name\", showSort: false, id: \"name\" },\r\n { title: \"Issue Date\", showSort: false, id: \"issueDate\" },\r\n { title: \"Expiry Date\", showSort: false, id: \"expiryDate\" },\r\n { title: \"Renewal Date\", showSort: false, id: \"renewalDate\" },\r\n { title: \"Reviewed As\", showSort: false, id: \"reviewedAs\" },\r\n];\r\n\r\nconst aColumns = [\r\n { title: \"Crew Type\", showSort: false, id: \"crewType\" },\r\n { title: \"Name\", showSort: false, id: \"name\" },\r\n { title: \"Issue Date\", showSort: false, id: \"issueDate\" },\r\n { title: \"Expiry Date\", showSort: false, id: \"expiryDate\" },\r\n { title: \"Renewal Date\", showSort: false, id: \"renewalDate\" },\r\n { title: \"Reviewed As\", showSort: false, id: \"reviewedAs\" },\r\n];\r\n\r\nconst eColumns = [\r\n { title: \"Crew Type\", showSort: false, id: \"crewType\" },\r\n { title: \"Name\", showSort: false, id: \"name\" },\r\n { title: \"Issue Date\", showSort: false, id: \"issueDate\" },\r\n { title: \"Expiry Date\", showSort: false, id: \"expiryDate\" },\r\n { title: \"Renewal Date\", showSort: false, id: \"renewalDate\" },\r\n];\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst QualificationTrainings = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [, setExpiredQualifications] = useState([]);\r\n const [reviewedQualifications, setReviewedQualifications] = useState([]);\r\n const [qualificationsToReview, setQualificationsToReview] = useState([]);\r\n const [showTab, setShowTab] = useState(false);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n\r\n const [expiredRecords, getExpiredRecords] = useState([]);\r\n var [expiredFinalRow, setExpiredFinalRow] = useState(expiredRecords);\r\n const [reviewedRecords, getReviewedRecords] = useState([]);\r\n var [reviewedFinalRow, setReviewedFinalRow] = useState(reviewedRecords);\r\n const [toReviewRecords, getToReviewRecords] = useState([]);\r\n var [toReviewFinalRow, setToReviewFinalRow] = useState(toReviewRecords);\r\n\r\n var [expiredSearchText, setExpiredSearchText] = useState(\"\");\r\n var [reviewedSearchText, setReviewedSearchText] = useState(\"\");\r\n var [toReviewSearchText, setToReviewSearchText] = useState(\"\");\r\n\r\n const renderqTableBody = (row, key) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {isBusy &&
\r\n );\r\n};\r\n\r\nexport default QualificationTrainings;\r\n","import HeaderTitle from \"../../components/HeaderTitle/HeaderTitle\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport Loader from \"../../components/Loader/Loader\";\r\nimport { errorToast } from \"../../components/Generic/Generic\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { getFromLocal } from \"../../utils/generic\";\r\nimport endpoint from \"../../utils/endpoints\";\r\nimport API from \"../../utils/Api\";\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from \"../../components/DataTable/DataTable\";\r\nimport moment from \"moment\";\r\nimport \"./Documents.scss\";\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n \"&:nth-of-type(odd)\": {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\",\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst columns = [\r\n { title: \"Document Number\", showSort: false, id: \"documentNumber\" },\r\n { title: \"Document Type\", showSort: false, id: \"documentType\" },\r\n {\r\n title: \"Document Reference Number \",\r\n showSort: false,\r\n id: \"documentReferenceNumber\",\r\n },\r\n { title: \"First Name\", showSort: false, id: \"firstName\" },\r\n { title: \"Middle Name\", showSort: false, id: \"middleName\" },\r\n { title: \"Last Name\", showSort: false, id: \"lastName\" },\r\n { title: \"Priority\", showSort: false, id: \"priority\" },\r\n { title: \"Issue Country Code\", showSort: false, id: \"issueCountryCode\" },\r\n { title: \"Issue Place\", showSort: false, id: \"issuePlace\" },\r\n { title: \"Issue Date\", showSort: false, id: \"issueDate\" },\r\n { title: \"Issue Authority\", showSort: false, id: \"issueAuthority\" },\r\n { title: \"Nationality\", showSort: false, id: \"nationality\" },\r\n { title: \"Effective Date\", showSort: false, id: \"effectiveDate\" },\r\n { title: \"Expiry Date\", showSort: false, id: \"expiryDate\" },\r\n // { title: \"Reviewed As\", showSort: false, id: \"reviewedAs\" },\r\n { title: \"Additional Info\", showSort: false, id: \"additionalInfo\" },\r\n];\r\n\r\nconst Documents = (props) => {\r\n const [isBusy, setBusy] = useState(true);\r\n const [, setDocuments] = useState([]);\r\n const [, setTableRows] = useState([]);\r\n const [records, getRecords] = useState([]);\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState(records);\r\n var [searchText, setSearchText] = useState(\"\");\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderaTableBody(row, key)}\r\n />\r\n
\r\n \r\n
\r\n \r\n {showTab && (\r\n \r\n {qualificationsToReview?.length > 0 && (\r\n \r\n <>\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) =>\r\n renderqTableBody(row, key)\r\n }\r\n />\r\n
\r\n \r\n handleReview(1)}\r\n className=\"btn btn-primary\"\r\n >\r\n Accept\r\n \r\n \r\n handleReview(2)}\r\n className=\"btn btn-primary\"\r\n >\r\n Reject\r\n \r\n
\r\n \r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => rendereTableBody(row, key)}\r\n />\r\n
\r\n \r\n {isBusy &&
\r\n );\r\n};\r\n\r\nexport default Documents;\r\n","import HeaderTitle from \"../../../components/HeaderTitle/HeaderTitle\";\r\nimport React, { useState, useEffect } from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from '../../../components/DataTable/DataTable';\r\nimport moment from 'moment';\r\nimport \"./LGTCScheduledTrainings.scss\";\r\nimport { errorToast } from '../../../components/Generic/Generic';\r\nimport { getFromLocal } from '../../../utils/generic';\r\nimport endpoint from '../../../utils/endpoints';\r\nimport API from '../../../utils/Api';\r\nimport Loader from \"../../../components/Loader/Loader\";\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n '&:nth-of-type(odd)': {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\"\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst columns = [\r\n { title: \"Training Name\", showSort: false, id: \"title\" },\r\n { title: \"Training Type\", showSort: false, id: \"trainingType\" },\r\n { title: \"Start Date\", showSort: false, id: \"startDate\" },\r\n { title: \"End Date\", showSort: false, id: \"endDate\" },\r\n { title: \"Is Repeat Trainings\", showSort: false, id: \"isRepeatTrainings\" },\r\n { title: \"Instructor Name\", showSort: false, id: \"instructorName\" },\r\n { title: \"Max Attendees\", showSort: false, id: \"maxAttendees\" },\r\n { title: \"Training Device\", showSort: false, id: \"trainingDevice\" },\r\n { title: \"Aircraft Type\", showSort: false, id: \"aircraftType\" },\r\n { title: \"Description\", showSort: false, id: \"description\" },\r\n { title: \"Location\", showSort: false, id: \"location\" },\r\n { title: \"Duration In Hr\", showSort: false, id: \"durationInHr\" },\r\n { title: \"Duration In Min\", showSort: false, id: \"durationInMin\" },\r\n];\r\n\r\nconst LGTCScheduledTrainings = (props) => {\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState([]);\r\n var [searchText, setSearchText] = useState(\"\");\r\n var [data, setData] = useState(null);\r\n const [isBusy, setBusy] = useState(false);\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setOrder(e)}\r\n setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)}\r\n />\r\n
\r\n \r\n {props?.showAll !== false &&\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default LGTCScheduledTrainings;","import HeaderTitle from \"../../../components/HeaderTitle/HeaderTitle\";\r\nimport React, { useState, useEffect } from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { TableCell, TableRow } from \"@material-ui/core\";\r\nimport DataTable from '../../../components/DataTable/DataTable';\r\nimport moment from 'moment';\r\nimport \"./TrainingRequestView.scss\";\r\nimport { DeleteTwoTone, EditTwoTone } from \"@ant-design/icons\";\r\nimport API from '../../../utils/Api';\r\nimport { getFromLocal } from '../../../utils/generic';\r\nimport endpoint from '../../../utils/endpoints';\r\nimport { errorToast, successDialog } from '../../../components/Generic/Generic';\r\nimport Loader from \"../../../components/Loader/Loader\";\r\nimport { KeyboardDateTimePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\r\nimport MomentUtils from '@date-io/moment';\r\nimport { Button } from \"antd\";\r\nimport Modal from \"antd/lib/modal/Modal\";\r\n\r\nconst StyledTableCell = withStyles((theme) => ({\r\n head: {\r\n backgroundColor: \"#33485D\",\r\n color: theme.palette.common.white,\r\n },\r\n body: {\r\n fontSize: 14,\r\n },\r\n}))(TableCell);\r\n\r\nconst StyledTableRow = withStyles((theme) => ({\r\n root: {\r\n '&:nth-of-type(odd)': {\r\n backgroundColor: \"white\",\r\n borderTop: \"1px solid #E5E5E5\"\r\n },\r\n },\r\n}))(TableRow);\r\n\r\nconst columns = [\r\n { title: \"Qualification\", showSort: false, id: \"qualification\" },\r\n { title: \"Qualification Description\", showSort: false, id: \"qualificationDescription\" },\r\n { title: \"Title\", showSort: false, id: \"title\" },\r\n { title: \"Cut Off Date\", showSort: false, id: \"cutOffDate\" },\r\n { title: \"Max Attendees\", showSort: false, id: \"countOfAttendees\" },\r\n { title: \"Description\", showSort: false, id: \"description\" },\r\n { title: \"Location\", showSort: false, id: \"location\" },\r\n { title: \"Actions\", showSort: false, id: \"action\" },\r\n];\r\n\r\nconst pilotColumns = [\r\n { title: \"Select\", showSort: false },\r\n { title: \"Name\", showSort: false, id: \"pilotName\" },\r\n];\r\n\r\nconst TrainingRequestView = (props) => {\r\n const [order, setOrder] = useState(\"asc\");\r\n const [orderBy, setOrderBy] = useState(\"Name\");\r\n var [finalRow, setFinalRow] = useState([]);\r\n var [searchText, setSearchText] = useState(\"\");\r\n //var [data, setData] = useState(null);\r\n const [showModal, setShowModal] = useState(false);\r\n const [isBusy, setBusy] = useState(true);\r\n const [records, getRecords] = useState([]);\r\n const [usePayLoad, setUsePayLoad] = useState([]);\r\n const [qualifications, setQualifications] = useState([]);\r\n const [pilotSelection, setPilotSelection] = useState([]);\r\n var [pilotFinalRow, setPilotFinalRow] = useState([]);\r\n var [pilotSearchText, setPilotSearchText] = useState(\"\");\r\n const [pilotRecords, getPilotRecords] = useState([]);\r\n\r\n const renderTableBody = (row, key) => {\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n setOrder(e)} setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderTableBody(row, key)} />\r\n
\r\n \r\n
\r\n \r\n \r\n {usePayLoad?.qualificationId === 0 &&\r\n < span className='error'>Please select Qualification\r\n }\r\n
\r\n\r\n \r\n \r\n handleChange('title', e.target.value)} type='text' placeholder='Enter Training Description' />\r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {pilotSelection?.length > 0 &&\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n }\r\n {/* \r\n setOrder(e)} setOrderBy={(e) => setOrderBy(e)}\r\n renderTableBody={(row, key) => renderPilotTableBody(row, key)} />\r\n
\r\n \r\n {pilotSelection?.length > 0 &&\r\n <>\r\n \r\n
*/}\r\n\r\n {/* \r\n {pilotSelection?.map((row) => (\r\n <>\r\n
\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n\r\n ))}\r\n \r\n \r\n handleChange('countOfAttendees', parseInt(e.target.value))} type='number' placeholder='Enter Max Attendees' />\r\n
*/}\r\n \r\n \r\n