\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 // eslint-disable-next-line no-unused-vars\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 ...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 { id, textColour, placeholder, value, className, onChange, type, style } =\r\n 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
\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\r\n {label && }\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\n// import { useHistory } from \"react-router-dom\";\r\nimport \"./Tabs.scss\";\r\n\r\nexport const Tabs = React.forwardRef((props) => {\r\n // let history = useHistory();\r\n let {\r\n label,\r\n labelColor,\r\n selectedTab,\r\n setSelectedTab,\r\n tabArray,\r\n hideBar,\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 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 } = props;\r\n\r\n return (\r\n
\r\n onChange(e)}\r\n placeholderText={placeholderText}\r\n showTimeSelect={showTimeSelect}\r\n timeIntervals={timeIntervals}\r\n minDate={minDate}\r\n disabled={disabled}\r\n />\r\n
\r\n );\r\n};\r\n","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: \"api/user/logout\",\r\n LOGIN: \"api/user/login\",\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 Trax = {\r\n GET_PART: \"api/Material/\",\r\n GET_ALLPARTS: \"api/Material/parts/\",\r\n REQUISITION_REQUEST: \"api/Requisition/request\",\r\n REQUISITION_REQUEST_LIST: \"api/requisition/request/list/\",\r\n REQUISITION_ACTION: \"api/requisition/request/action\",\r\n REQUISITION_CLOSE: \"api/requisition/request/close\",\r\n GET_LOCATIONS: \"api/Master/locations\",\r\n GET_SITES: \"api/Master/sites\",\r\n GET_ACS: \"api/Master/acs\",\r\n GET_WOS: (selectedAC) => `api/Master/wos/${selectedAC}`,\r\n GET_TASKCARD: (selectedAC, selectedWO) =>\r\n `api/Master/task-cards/${selectedAC}/${selectedWO}`,\r\n GET_DEFECTS: (selectedAC, selectedWO, selectedTaskCard) =>\r\n `api/Master/defects/${selectedAC}/${selectedWO}/${selectedTaskCard}`,\r\n};\r\n\r\nconst Dashboard = {\r\n GET_DASHBOARD_DATA: \"api/Dashboard/1\",\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_DATA: \"api/master/data-qualfications\",\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 ASSIGN_TRAINING_PILOT: \"api/do/assigntrainingtopilot\",\r\n};\r\n\r\nconst Admin = {\r\n GET_STAFF: \"api/user\",\r\n GET_USER: \"api/user\",\r\n GET_USER_LIST_BY_ROLE: (roleCode) => `api/user/byrole/${roleCode}`,\r\n ADD_USER: \"api/user\",\r\n UPDATE_USER: \"api/user\",\r\n DELETE_USER: \"api/user\",\r\n GET_MASTER_FETCH: \"api/master/data-fetch\",\r\n};\r\n\r\nconst Master = {\r\n GET_ROLES: \"api/master/roles\",\r\n GET_COMPANY: \"api/master/company\",\r\n};\r\nconst MechDashboard = {\r\n GET_MECH_DASHBOARD_DATA: \"api/requisition/track\",\r\n MECH_REQUISITION_REQUEST: \"api/Mechanic/requisition-request\",\r\n GET_DASHBOARD_SHIPPING_DATA: \"api/Dashboard/shipped\",\r\n GET_DASHBOARD_RECEIVING_DATA: \"api/Dashboard/receiving\",\r\n};\r\n\r\nexport const ENDPOINTS = {\r\n ...Auth,\r\n ...Pilot,\r\n ...Director,\r\n ...Admin,\r\n ...Trax,\r\n ...Dashboard,\r\n ...Master,\r\n ...MechDashboard,\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\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) => {\r\n await AxiosClient.put(url, data)\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) => {\r\n await AxiosClient.delete(url, data)\r\n .then((res) => (response = res))\r\n .catch((err) => (response = err.response));\r\n return response;\r\n};\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 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, getApi } from \"../../../services/http\";\r\nimport { getFromLocal } from \"../../../services/storage/LocalStorage\";\r\n\r\nconst FloatingHeader = (props) => {\r\n const history = useHistory();\r\n let { setBanner, banner, menuList, handleLoginValue } = props;\r\n const user = getFromLocal(\"user\");\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 getApi(`${ENDPOINTS.LOGOUT}`, credentials);\r\n if (response) {\r\n // if (response.status === 200) {\r\n clearLocal();\r\n history.push(\"/auth/login\");\r\n // }\r\n\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 = true; //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 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 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 const user = JSON.parse(localStorage.getItem(\"user\")) ?? {};\r\n const skipPage = {\r\n MP: [\r\n \"Users\",\r\n \"Parts\",\r\n \"Track Requisition\",\r\n \"Dashboard Shipping\",\r\n \"Dashboard Receiving\",\r\n ],\r\n Prod: [\r\n \"Users\",\r\n \"Track Requisition\",\r\n \"Dashboard Shipping\",\r\n \"Dashboard Receiving\",\r\n ],\r\n Gen: [\r\n \"Users\",\r\n \"Parts\",\r\n \"Track Requisition\",\r\n \"Dashboard Shipping\",\r\n \"Dashboard Receiving\",\r\n \"Requisition Request\",\r\n ],\r\n Admin: [],\r\n };\r\n\r\n let roleCode;\r\n if (user) {\r\n roleCode = user.roles[0].roleCode;\r\n }\r\n if (\r\n item?.name !== \"Dashboard\" &&\r\n item?.name !== \"Parts\" &&\r\n item?.name !== \"Requisition Request\" &&\r\n item?.name !== \"Dashboard Shipping\" &&\r\n item?.name !== \"Dashboard Receiving\" &&\r\n item?.name !== \"Users\" &&\r\n item?.name !== \"Track Requisition\"\r\n ) {\r\n showMenu = false;\r\n arr.push(item);\r\n }\r\n\r\n if (showMenu) {\r\n if (skipPage[roleCode].includes(item?.name ?? \"\")) {\r\n return null;\r\n } else {\r\n return item;\r\n }\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 \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 { 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, { 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, createContext } from \"react\";\r\nimport { getFromLocal } from \"../../../utils/generic\";\r\n\r\nconst UserContext = createContext(null);\r\nUserContext.displayName = \"UserContext\";\r\n\r\nconst UserProvider = ({ children }) => {\r\n const [user, setUser] = useState({});\r\n\r\n const Fn = async () => {\r\n const Localuser = await getFromLocal(\"user\");\r\n setUser(Localuser);\r\n };\r\n\r\n React.useEffect(() => {\r\n Fn();\r\n }, []);\r\n\r\n const setUserHandler = (data) => {\r\n setUser({ ...data });\r\n console.log(\"from user context Handler\");\r\n };\r\n return (\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 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
\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
{title}
\r\n )\r\n}\r\n\r\nexport default HeaderTitle;","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 {isBusy &&
\r\n )\r\n}\r\n\r\nexport default AddUser;","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
\r\n \r\n \r\n
\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 \"./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 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, { 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 (var i = 0; i < ranks.length; i++) {\r\n ranksHTML.push(\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\nexport default PilotProfile;\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 [isView, 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 | 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 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 [isView, 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 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 {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 {isBusy &&
\r\n )\r\n}\r\n\r\nexport default MyProfile;","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
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \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