\r\n {pto.employee_name} \r\n {pto.department} \r\n {pto.status} \r\n {\r\n createdAt\r\n }\r\n \r\n { moment.utc(pto.day_beginning).format('MM-DD-YYYY')} \r\n {moment.utc(pto.day_end).format('MM-DD-YYYY')} \r\n {pto.send ? 'Sent' : 'Not Sent'} \r\n {absenceText} \r\n {pto.total_hours} \r\n \r\n { manager || supervisor\r\n ?\r\n pto.send === 1\r\n ?\r\n \r\n \r\n Details\r\n \r\n\r\n { (manager && pto.reopen === 0 && managerView === true && pto.status !== 'Denied' && pto.status !== 'Canceled')\r\n ? \r\n reOpenPto(pto, pto.total_hours, supervisorEmail, email, pto.carry_over_usage, pto.sick_hours_usage)}\r\n >\r\n Reopen\r\n \r\n :\r\n null\r\n }\r\n \r\n :\r\n \r\n \r\n Details\r\n \r\n\r\n {(pto.reopen === 1 && managerView !== true)\r\n ?\r\n \r\n Confirm\r\n \r\n :\r\n null\r\n }\r\n \r\n :\r\n pto.send \r\n ? \r\n \r\n \r\n Details\r\n \r\n {//dueDate.diff(today) > 0 && pto.status !== 'Canceled' && pto.status !== 'Denied'\r\n pto.status !== 'Canceled' && pto.status !== 'Denied' && pto.status !== 'Approved' && pto.status !== 'Opened' && pto.reopen !== 1\r\n ?\r\n cancelRequest(pto, pto.total_hours, supervisorEmail, email, pto.carry_over_usage, pto.sick_hours_usage, pto.carry_over_sick_hours_usage)}\r\n >\r\n Cancel\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n : \r\n \r\n Details\r\n \r\n {(pto.reopen === 1 && managerView !== true)\r\n ?\r\n \r\n Confirm\r\n \r\n :\r\n null\r\n }\r\n {(pto.status !== 'Opened' && managerView !== true && pto.reopen !== 1 && pto.status !== 'Approved')\r\n ?\r\n sendEmail(pto, supervisorEmail, email, pto.company)}\r\n >\r\n Send\r\n \r\n :\r\n null\r\n }\r\n\r\n {(pto.status !== 'Opened' && managerView !== true && pto.reopen !== 1 && pto.status !== 'Approved' && pto.hr !==0)\r\n ?\r\n confirmDeletePto(pto.id, pto.total_hours, pto.carry_over_usage, pto.sick_hours_usage, pto.carry_over_sick_hours_usage)} \r\n >\r\n Delete\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\nexport default Pto;","import {\r\n OBTENER_DEPARTAMENTOS,\r\n OBTENER_DEPARTAMENTOS_EXITO,\r\n OBTENER_DEPARTAMENTOS_ERROR,\r\n OBTENER_SICKDAYS,\r\n OBTENER_SICKDAYS_EXITO,\r\n OBTENER_SICKDAYS_ERROR,\r\n OBTENER_COMPANIES,\r\n OBTENER_COMPANIES_EXITO,\r\n OBTENER_COMPANIES_ERROR,\r\n OBTENER_TERRITORY,\r\n OBTENER_TERRITORY_EXITO,\r\n OBTENER_TERRITORY_ERROR,\r\n OBTENER_EMPLOYEES_MANAGER,\r\n OBTENER_EMPLOYEES_MANAGER_EXITO,\r\n OBTENER_EMPLOYEES_MANAGER_ERROR,\r\n OBTENER_HISTORICO,\r\n OBTENER_HISTORICO_EXITO,\r\n OBTENER_HISTORICO_ERROR,\r\n COMENZAR_EDITAR_DEPARTMENT,\r\n COMENZAR_EDITAR_DEPARTMENT_EXITO,\r\n COMENZAR_EDITAR_DEPARTMENT_ERROR,\r\n COMENZAR_CREAR_DEPARTMENT,\r\n COMENZAR_CREAR_DEPARTMENT_EXITO,\r\n COMENZAR_CREAR_DEPARTMENT_ERROR,\r\n OBTENER_ESTADOS_ACTIVOS,\r\n OBTENER_ESTADOS_ACTIVOS_EXITO,\r\n OBTENER_ESTADOS_ACTIVOS_ERROR,\r\n} from '../types';\r\n\r\nimport axiosHr from '../config/axiosHR';\r\n\r\nexport function obtenerDepartamentos() {\r\n return (dispatch) => {\r\n dispatch(obtenerDepartamentosInicio());\r\n\r\n axiosHr.get('/departments')\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerDepartamentosExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerDepartamentosError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerDepartamentosInicio = () => ({\r\n type: OBTENER_DEPARTAMENTOS\r\n});\r\n\r\nexport const obtenerDepartamentosExito = (departments) => ({\r\n type: OBTENER_DEPARTAMENTOS_EXITO,\r\n payload: departments\r\n});\r\n\r\nexport const obtenerDepartamentosError = () => ({\r\n type: OBTENER_DEPARTAMENTOS_ERROR\r\n})\r\n\r\nexport function obtenerSickDays (uid) {\r\n return (dispatch) => {\r\n dispatch(obtenerSickDaysInicio());\r\n\r\n axiosHr.get(`/sickDays/${uid}`)\r\n .then(respuesta => {\r\n // console.log(respuesta);\r\n dispatch(obtenerSickDaysExito(respuesta));\r\n //dispatch(respuesta)\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerSickDaysError());\r\n })\r\n }\r\n}\r\n\r\nexport const obtenerSickDaysInicio = () => ({\r\n type: OBTENER_SICKDAYS\r\n})\r\n\r\nexport const obtenerSickDaysExito = (sickDays) => ({\r\n type: OBTENER_SICKDAYS_EXITO,\r\n payload: sickDays\r\n})\r\n\r\nexport const obtenerSickDaysError = () => ({\r\n type: OBTENER_SICKDAYS_ERROR\r\n})\r\n\r\nexport function obtenerCompanies() {\r\n return (dispatch) => {\r\n dispatch(obtenerCompaniesInicio());\r\n\r\n axiosHr.get('/companies')\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerCompaniesExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerCompaniesError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerCompaniesInicio = () => ({\r\n type: OBTENER_COMPANIES\r\n});\r\n\r\nexport const obtenerCompaniesExito = (companies) => ({\r\n type: OBTENER_COMPANIES_EXITO,\r\n payload: companies\r\n});\r\n\r\nexport const obtenerCompaniesError = () => ({\r\n type: OBTENER_COMPANIES_ERROR\r\n})\r\n\r\nexport function obtenerTerritories() {\r\n return (dispatch) => {\r\n dispatch(obtenerTerritoriesInicio());\r\n\r\n axiosHr.get('/territories')\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerTerritoriesExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerTerritoriesError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerTerritoriesInicio = () => ({\r\n type: OBTENER_TERRITORY\r\n});\r\n\r\nexport const obtenerTerritoriesExito = (territories) => ({\r\n type: OBTENER_TERRITORY_EXITO,\r\n payload: territories\r\n});\r\n\r\nexport const obtenerTerritoriesError = () => ({\r\n type: OBTENER_TERRITORY_ERROR\r\n})\r\n\r\nexport function obtenerEmpleadosManager(data) {\r\n return (dispatch) => {\r\n dispatch(obtenerEmpleadosManagerInicio());\r\n\r\n console.log(data)\r\n axiosHr.post('/managerReport', data)\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerEmpleadosManagerExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerEmpleadosManagerError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerEmpleadosManagerInicio = () => ({\r\n type: OBTENER_EMPLOYEES_MANAGER\r\n});\r\n\r\nexport const obtenerEmpleadosManagerExito = (employees) => ({\r\n type: OBTENER_EMPLOYEES_MANAGER_EXITO,\r\n payload: employees\r\n});\r\n\r\nexport const obtenerEmpleadosManagerError = () => ({\r\n type: OBTENER_EMPLOYEES_MANAGER_ERROR\r\n})\r\n\r\nexport function obtenerHistorico(uid) {\r\n return (dispatch) => {\r\n dispatch(obtenerHistoricoInicio());\r\n\r\n axiosHr.get(`/history/${uid}`)\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerHistoricoExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerHistoricoError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerHistoricoInicio = () => ({\r\n type: OBTENER_HISTORICO\r\n});\r\n\r\nexport const obtenerHistoricoExito = (historic) => ({\r\n type: OBTENER_HISTORICO_EXITO,\r\n payload: historic\r\n});\r\n\r\nexport const obtenerHistoricoError = () => ({\r\n type: OBTENER_HISTORICO_ERROR\r\n})\r\n\r\n\r\nexport function editDepartmentAction(department) {\r\n return async (dispatch) => {\r\n dispatch( editDepartment());\r\n // Insertar en la API\r\n await axiosHr.post('/update-department', department)\r\n .then(respuesta => {\r\n\r\n console.log(department);\r\n //Si se actualiza correctamente\r\n dispatch(editDepartmentSuccess(department));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(editDepartmentError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const editDepartment = () => ({\r\n type: COMENZAR_CREAR_DEPARTMENT\r\n});\r\n\r\nexport const editDepartmentSuccess = (pto) => ({\r\n type: COMENZAR_CREAR_DEPARTMENT_EXITO,\r\n payload: pto\r\n});\r\n\r\nexport const editDepartmentError = () => ({\r\n type: COMENZAR_CREAR_DEPARTMENT_ERROR\r\n});\r\n\r\n// new department\r\nexport function newDepartmentAction(department) {\r\n return async (dispatch) => {\r\n dispatch( newDepartment());\r\n // Insertar en la API\r\n await axiosHr.post('/new-department', department)\r\n .then(respuesta => {\r\n\r\n console.log(department);\r\n //Si se actualiza correctamente\r\n dispatch(newDepartmentSuccess(department));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(newDepartmentError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const newDepartment = () => ({\r\n type: COMENZAR_EDITAR_DEPARTMENT\r\n});\r\n\r\nexport const newDepartmentSuccess = (pto) => ({\r\n type: COMENZAR_EDITAR_DEPARTMENT_EXITO,\r\n payload: pto\r\n});\r\n\r\nexport const newDepartmentError = () => ({\r\n type: COMENZAR_EDITAR_DEPARTMENT_ERROR\r\n});\r\n\r\nexport function obtenerEstadosActivos(company) {\r\n return (dispatch) => {\r\n dispatch(obtenerEstadosActivosInicio());\r\n\r\n axiosHr.get('/active-states/'+company)\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data);\r\n dispatch(obtenerEstadosActivosExito(respuesta.data.data));\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n dispatch(obtenerEstadosActivosError());\r\n })\r\n\r\n }\r\n}\r\n\r\nexport const obtenerEstadosActivosInicio = () => ({\r\n type: OBTENER_ESTADOS_ACTIVOS\r\n});\r\n\r\nexport const obtenerEstadosActivosExito = (estados) => ({\r\n type: OBTENER_ESTADOS_ACTIVOS_EXITO,\r\n payload: estados\r\n});\r\n\r\nexport const obtenerEstadosActivosError = () => ({\r\n type: OBTENER_ESTADOS_ACTIVOS_ERROR\r\n})","import {\r\n AGREGAR_FIXED_ASSET_REQUEST,\r\n AGREGAR_FIXED_ASSET_REQUEST_EXITO,\r\n AGREGAR_FIXED_ASSET_REQUEST_ERROR,\r\n COMENZAR_DESCARGA_FIXED_ASSET_REQUEST,\r\n COMENZAR_DESCARGA_FIXED_ASSET_REQUEST_EXITO,\r\n COMENZAR_DESCARGA_FIXED_ASSET_REQUEST_ERROR,\r\n OBTENER_DETALLE_FIXED_ASSET_REQUEST,\r\n OBTENER_DETALLE_FIXED_ASSET_REQUEST_EXITO,\r\n OBTENER_DETALLE_FIXED_ASSET_REQUEST_ERROR,\r\n COMENZAR_EDITAR_FIXED_REQUEST,\r\n COMENZAR_EDITAR_FIXED_REQUEST_EXITO,\r\n COMENZAR_EDITAR_FIXED_REQUEST_ERROR,\r\n COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST,\r\n COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST_EXITO,\r\n COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST_ERROR\r\n}\r\nfrom '../types';\r\n\r\nimport clienteAxiosHR from '../config/axiosHR';\r\n\r\n// Create new Fixed Asset Request\r\nexport function createNewFixedAssetRequestAction(request) {\r\n return async (dispatch) => {\r\n dispatch( newFixedAssetRequest());\r\n // Insertar en la API\r\n await clienteAxiosHR.post('/create-fixed-asset', request)\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data.insertId)\r\n request[\"id\"] = respuesta.data.data.insertId;\r\n //console.log(pto);\r\n //Si se inserta correctamente\r\n dispatch(newFixedAssetRequestSuccess(request));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(newFixedAssetRequestError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const newFixedAssetRequest = () => ({\r\n type: AGREGAR_FIXED_ASSET_REQUEST\r\n});\r\n\r\nexport const newFixedAssetRequestSuccess = (request) => ({\r\n type: AGREGAR_FIXED_ASSET_REQUEST_EXITO,\r\n payload: request\r\n});\r\n\r\nexport const newFixedAssetRequestError = () => ({\r\n type: AGREGAR_FIXED_ASSET_REQUEST_ERROR\r\n});\r\n\r\n\r\n// Retrieve Fixed Asset Request\r\n\r\nexport function getAllFixedAssetsRequestList () {\r\n return async (dispatch) => {\r\n dispatch(startGetAllFixedAssetRequestList());\r\n\r\n await clienteAxiosHR.get(`/fixed-asset-request-list-all`)\r\n .then((respuesta) =>{\r\n // const department = respuesta.data.data; \r\n // console.log(respuesta)\r\n dispatch(getAllFixedAssetRequestListSuccess(respuesta.data.data));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getAllFixedAssetRequestListError());\r\n })\r\n }\r\n}\r\n\r\nexport const startGetAllFixedAssetRequestList = () => ({\r\n type: COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST\r\n});\r\n\r\nexport const getAllFixedAssetRequestListSuccess = (fixedAssetRequests) => ({\r\n type: COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST_EXITO,\r\n payload: fixedAssetRequests\r\n});\r\n\r\nexport const getAllFixedAssetRequestListError = () => ({\r\n type: COMENZAR_DESCARGA_TOTAL_FIXED_ASSET_REQUEST_ERROR\r\n});\r\n\r\nexport function getFixedAssetsRequestList (department, territory, dateReport, fromDate, toDate) {\r\n return async (dispatch) => {\r\n dispatch(startGetFixedAssetRequestList());\r\n\r\n let data = {};\r\n if(dateReport === 'all') {\r\n //Consultar la API\r\n data = {\r\n department: department,\r\n territory:territory,\r\n dateReport: dateReport\r\n } \r\n } else {\r\n data = {\r\n department: department,\r\n territory:territory,\r\n dateReport: dateReport,\r\n fromDate: fromDate,\r\n toDate: toDate\r\n }\r\n }\r\n\r\n console.log(data);\r\n\r\n await clienteAxiosHR.post(`/fixed-asset-request-list`, data)\r\n .then((respuesta) =>{\r\n // const department = respuesta.data.data; \r\n // console.log(respuesta)\r\n dispatch(getFixedAssetRequestListSuccess(respuesta.data.data));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getFixedAssetRequestListError());\r\n })\r\n }\r\n}\r\n\r\nexport const startGetFixedAssetRequestList = () => ({\r\n type: COMENZAR_DESCARGA_FIXED_ASSET_REQUEST\r\n});\r\n\r\nexport const getFixedAssetRequestListSuccess = (ptoListDepartment) => ({\r\n type: COMENZAR_DESCARGA_FIXED_ASSET_REQUEST_EXITO,\r\n payload: ptoListDepartment\r\n});\r\n\r\nexport const getFixedAssetRequestListError = () => ({\r\n type: COMENZAR_DESCARGA_FIXED_ASSET_REQUEST_ERROR\r\n});\r\n\r\n\r\n// Mostrar detalle PTO\r\n\r\nexport function getFixedAssetRequestDetail (id) {\r\n return async (dispatch) => {\r\n dispatch(startFixedAssetRequestDetail());\r\n\r\n //Consultar la API\r\n await clienteAxiosHR.get(`/fixed-asset-request/view/${id}`)\r\n .then((respuesta) =>{\r\n const request = respuesta.data.data; \r\n console.log(request);\r\n dispatch(getFixedAssetRequestSuccess(request));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getFixedAssetRequestError());\r\n })\r\n }\r\n}\r\n\r\nexport const startFixedAssetRequestDetail = () =>({\r\n type: OBTENER_DETALLE_FIXED_ASSET_REQUEST\r\n})\r\n\r\nexport const getFixedAssetRequestSuccess = (request) =>({\r\n type: OBTENER_DETALLE_FIXED_ASSET_REQUEST_EXITO,\r\n payload: request\r\n})\r\n\r\nexport const getFixedAssetRequestError = () =>({\r\n type: OBTENER_DETALLE_FIXED_ASSET_REQUEST_ERROR\r\n})\r\n\r\n\r\n// Edit Fixed Asset request Action\r\nexport function editFixedRequestAction(request) {\r\n return async (dispatch) => {\r\n dispatch( editFixedRequest());\r\n // Insertar en la API\r\n await clienteAxiosHR.put('/update-fixed-asset-request', request)\r\n .then(respuesta => {\r\n\r\n console.log(request);\r\n //Si se actualiza correctamente\r\n dispatch(editFixedRequestSuccess(request));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(editFixedRequestError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const editFixedRequest = () => ({\r\n type: COMENZAR_EDITAR_FIXED_REQUEST\r\n});\r\n\r\nexport const editFixedRequestSuccess = (request) => ({\r\n type: COMENZAR_EDITAR_FIXED_REQUEST_EXITO,\r\n payload: request\r\n});\r\n\r\nexport const editFixedRequestError = () => ({\r\n type: COMENZAR_EDITAR_FIXED_REQUEST_ERROR\r\n});","import {\r\n AGREGAR_PERSONAL_REQUEST,\r\n AGREGAR_PERSONAL_REQUEST_EXITO,\r\n AGREGAR_PERSONAL_REQUEST_ERROR,\r\n COMENZAR_DESCARGA_PERSONAL_REQUEST,\r\n COMENZAR_DESCARGA_PERSONAL_REQUEST_EXITO,\r\n COMENZAR_DESCARGA_PERSONAL_REQUEST_ERROR,\r\n OBTENER_DETALLE_PERSONAL_REQUEST,\r\n OBTENER_DETALLE_PERSONAL_REQUEST_EXITO,\r\n OBTENER_DETALLE_PERSONAL_REQUEST_ERROR,\r\n COMENZAR_EDITAR_PERSONAL_REQUEST,\r\n COMENZAR_EDITAR_PERSONAL_REQUEST_EXITO,\r\n COMENZAR_EDITAR_PERSONAL_REQUEST_ERROR,\r\n COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST,\r\n COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST_EXITO,\r\n COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST_ERROR\r\n}\r\nfrom '../types';\r\n\r\nimport clienteAxiosHR from '../config/axiosHR';\r\n\r\n// Create new Fixed Asset Request\r\nexport function createNewPersonalRequestAction(request) {\r\n return async (dispatch) => {\r\n dispatch( newPersonalRequest());\r\n // Insertar en la API\r\n await clienteAxiosHR.post('/create-personal-request', request)\r\n .then(respuesta => {\r\n //console.log(respuesta.data.data.insertId)\r\n request[\"id\"] = respuesta.data.data.insertId;\r\n //console.log(pto);\r\n //Si se inserta correctamente\r\n dispatch(newPersonalRequestSuccess(request));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(newPersonalRequestError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const newPersonalRequest = () => ({\r\n type: AGREGAR_PERSONAL_REQUEST\r\n});\r\n\r\nexport const newPersonalRequestSuccess = (request) => ({\r\n type: AGREGAR_PERSONAL_REQUEST_EXITO,\r\n payload: request\r\n});\r\n\r\nexport const newPersonalRequestError = () => ({\r\n type: AGREGAR_PERSONAL_REQUEST_ERROR\r\n});\r\n\r\n\r\n// Retrieve Fixed Asset Request\r\n\r\nexport function getAllPersonalsRequestList () {\r\n return async (dispatch) => {\r\n dispatch(startGetAllPersonalRequestList());\r\n\r\n await clienteAxiosHR.get(`/personal-request-list-all`)\r\n .then((respuesta) =>{\r\n // const department = respuesta.data.data; \r\n // console.log(respuesta)\r\n dispatch(getAllPersonalRequestListSuccess(respuesta.data.data));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getAllPersonalRequestListError());\r\n })\r\n }\r\n}\r\n\r\nexport const startGetAllPersonalRequestList = () => ({\r\n type: COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST\r\n});\r\n\r\nexport const getAllPersonalRequestListSuccess = (personalRequests) => ({\r\n type: COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST_EXITO,\r\n payload: personalRequests\r\n});\r\n\r\nexport const getAllPersonalRequestListError = () => ({\r\n type: COMENZAR_DESCARGA_TOTAL_PERSONAL_REQUEST_ERROR\r\n});\r\n\r\nexport function getPersonalsRequestList (department, territory, dateReport, fromDate, toDate) {\r\n return async (dispatch) => {\r\n dispatch(startGetPersonalRequestList());\r\n\r\n let data = {};\r\n if(dateReport === 'all') {\r\n //Consultar la API\r\n data = {\r\n department: department,\r\n territory:territory,\r\n dateReport: dateReport\r\n } \r\n } else {\r\n data = {\r\n department: department,\r\n territory:territory,\r\n dateReport: dateReport,\r\n fromDate: fromDate,\r\n toDate: toDate\r\n }\r\n }\r\n\r\n console.log(data);\r\n\r\n await clienteAxiosHR.post(`/personal-request-list`, data)\r\n .then((respuesta) =>{\r\n // const department = respuesta.data.data; \r\n // console.log(respuesta)\r\n dispatch(getPersonalRequestListSuccess(respuesta.data.data));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getPersonalRequestListError());\r\n })\r\n }\r\n}\r\n\r\nexport const startGetPersonalRequestList = () => ({\r\n type: COMENZAR_DESCARGA_PERSONAL_REQUEST\r\n});\r\n\r\nexport const getPersonalRequestListSuccess = (ptoListDepartment) => ({\r\n type: COMENZAR_DESCARGA_PERSONAL_REQUEST_EXITO,\r\n payload: ptoListDepartment\r\n});\r\n\r\nexport const getPersonalRequestListError = () => ({\r\n type: COMENZAR_DESCARGA_PERSONAL_REQUEST_ERROR\r\n});\r\n\r\n\r\n// Mostrar detalle PTO\r\n\r\nexport function getPersonalRequestDetail (id) {\r\n return async (dispatch) => {\r\n dispatch(startPersonalRequestDetail());\r\n\r\n //Consultar la API\r\n await clienteAxiosHR.get(`/personal-request/view/${id}`)\r\n .then((respuesta) =>{\r\n const request = respuesta.data.data; \r\n console.log(request);\r\n dispatch(getPersonalRequestSuccess(request));\r\n })\r\n .catch((error)=> {\r\n //console.log(error)\r\n dispatch(getPersonalRequestError());\r\n })\r\n }\r\n}\r\n\r\nexport const startPersonalRequestDetail = () =>({\r\n type: OBTENER_DETALLE_PERSONAL_REQUEST\r\n})\r\n\r\nexport const getPersonalRequestSuccess = (request) =>({\r\n type: OBTENER_DETALLE_PERSONAL_REQUEST_EXITO,\r\n payload: request\r\n})\r\n\r\nexport const getPersonalRequestError = () =>({\r\n type: OBTENER_DETALLE_PERSONAL_REQUEST_ERROR\r\n})\r\n\r\n\r\n// Edit Fixed Asset request Action\r\nexport function editPersonalRequestAction(request) {\r\n return async (dispatch) => {\r\n dispatch( editPersonalRequest());\r\n // Insertar en la API\r\n await clienteAxiosHR.put('/update-personal-request', request)\r\n .then(respuesta => {\r\n\r\n console.log(request, 'console log de la respuesta');\r\n //Si se actualiza correctamente\r\n dispatch(editPersonalRequestSuccess(request));\r\n\r\n //dispatch(getPTOListAction());\r\n })\r\n .catch(error => {\r\n // console.log(error);\r\n\r\n // Si hay un error\r\n dispatch(editPersonalRequestError());\r\n })\r\n \r\n }\r\n}\r\n\r\n\r\nexport const editPersonalRequest = () => ({\r\n type: COMENZAR_EDITAR_PERSONAL_REQUEST\r\n});\r\n\r\nexport const editPersonalRequestSuccess = (request) => ({\r\n type: COMENZAR_EDITAR_PERSONAL_REQUEST_EXITO,\r\n payload: request\r\n});\r\n\r\nexport const editPersonalRequestError = () => ({\r\n type: COMENZAR_EDITAR_PERSONAL_REQUEST_ERROR\r\n});","import React from 'react';\r\n\r\nconst Spinner = () => {\r\n return (\r\n \r\n {pto.employee_name} \r\n {pto.department} \r\n {pto.status} \r\n {\r\n createdAt\r\n }\r\n \r\n { moment.utc(pto.day_beginning).format('MM-DD-YYYY')} \r\n {moment.utc(pto.day_end).format('MM-DD-YYYY')} \r\n {pto.send ? 'Sent' : 'Not Sent'} \r\n {absenceText} \r\n {pto.total_hours} \r\n \r\n {/* { manager\r\n ?\r\n pto.send === 1\r\n ?\r\n \r\n \r\n Details\r\n \r\n\r\n { (manager && pto.reopen === 0 && managerView === true && pto.status !== 'Denied' && pto.status !== 'Canceled')\r\n ? \r\n reOpenPto(pto, pto.total_hours, supervisorEmail, email, pto.carry_over_usage, pto.sick_hours_usage)}\r\n >\r\n Reopen\r\n \r\n :\r\n null\r\n }\r\n \r\n :\r\n \r\n \r\n Details\r\n \r\n\r\n {(pto.reopen === 1 && managerView !== true)\r\n ?\r\n \r\n Confirm\r\n \r\n :\r\n null\r\n }\r\n \r\n : }*/\r\n pto.send \r\n ? \r\n \r\n \r\n Details\r\n \r\n {//dueDate.diff(today) > 0 && pto.status !== 'Canceled' && pto.status !== 'Denied'\r\n pto.status !== 'Canceled' && pto.status !== 'Denied' && pto.status !== 'Approved' && pto.status !== 'Opened' && pto.reopen !== 1\r\n ?\r\n cancelRequest(pto, pto.total_hours, supervisorEmail, email, pto.carry_over_usage, pto.sick_hours_usage, pto.carry_over_sick_hours_usage)}\r\n >\r\n Cancel\r\n \r\n :\r\n null\r\n }\r\n \r\n \r\n : \r\n \r\n Details\r\n \r\n {(pto.reopen === 1 && managerView !== true)\r\n ?\r\n \r\n Confirm\r\n \r\n :\r\n null\r\n }\r\n {(pto.status !== 'Opened' && managerView !== true && pto.reopen !== 1 && pto.status !== 'Approved')\r\n ?\r\n sendEmail(pto, supervisorEmail, email, pto.company)}\r\n >\r\n Send\r\n \r\n :\r\n null\r\n }\r\n\r\n {(pto.status !== 'Opened' && managerView !== true && pto.reopen !== 1 && pto.status !== 'Approved' && pto.hr !==0)\r\n ?\r\n confirmDeletePto(pto.id, pto.total_hours, pto.carry_over_usage, pto.sick_hours_usage, pto.carry_over_sick_hours_usage)} \r\n >\r\n Delete\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\nexport default PtoGeneric;","import React, {useEffect} from 'react';\r\nimport Pto from './Pto';\r\n\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport {getPTOListAction, getPtoListDepartmentSupervisor} from '../actions/timeoffrequestActions';\r\nimport {obtenerInformacionUsuario, obtenerBalanceHoras, ajustarHorasHireDate} from '../actions/authenticateActions';\r\nimport {obtenerEmpleadosManager, obtenerDepartamentos} from '../actions/manageActions';\r\nimport {getAllFixedAssetsRequestList} from '../actions/fixedassetrequestActions';\r\nimport { getAllPersonalsRequestList } from '../actions/personalrequestActions';\r\nimport Spinner from './helpers/Spinner';\r\nimport moment from 'moment';\r\nimport axiosHr from '../config/axiosHR';\r\nimport PtoGeneric from './PtoGeneric';\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nconst Home = () => {\r\n\r\n // Mandar llamar la accion principal para retornar los PTO\r\n\r\n const dispatch = useDispatch();\r\n\r\n //acceder al state\r\n const userInfo = useSelector(state=>state.userInfo);\r\n const ptoList = useSelector(state => state.ptoList.ptoRequests);\r\n let year = moment().format('YYYY');\r\n\r\n console.log(year)\r\n useEffect(()=> { \r\n \r\n // if(localStorage.getItem('company') === 'Mexilink' || localStorage.getItem('company') === 'Hit Sales & Marketing' || localStorage.getItem('email') === 'ventas.internal18@mexilink.com') {\r\n // console.log('acceso permitido')\r\n // }else {\r\n // console.log(userInfo.userInfo.username)\r\n // localStorage.removeItem('token');\r\n \r\n // setTimeout(() => {\r\n \r\n // window.location.reload()\r\n // }, 500);\r\n // } \r\n \r\n console.log(moment(year+'-03-31').format('YYYY-MM-DD') <= moment().format('YYYY-MM-DD'),moment(year+'-03-31').format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'))\r\n const loadUser = ()=> dispatch(obtenerInformacionUsuario(userInfo.userInfo.username, null));\r\n loadUser();\r\n\r\n const loadFixedAsset = () => dispatch(getAllFixedAssetsRequestList());\r\n loadFixedAsset();\r\n\r\n const loadPersonalRequests = () => dispatch(getAllPersonalsRequestList());\r\n loadPersonalRequests();\r\n\r\n if(userInfo.userInfo.supervisor || userInfo.userInfo.mangaer) {\r\n const loadPtoListSupervisor = ()=> dispatch(getPtoListDepartmentSupervisor(userInfo.userInfo.department, userInfo.userInfo.uid, userInfo.userInfo.email));\r\n loadPtoListSupervisor();\r\n }\r\n \r\n if(moment(year+'-03-31').format('YYYY-MM-DD') <= moment().format('YYYY-MM-DD') && userInfo.hours.carry_over > 0) {\r\n console.log('ajuste Carry OVer')\r\n \r\n if(userInfo.userInfo.uid !== undefined) {\r\n let data = {\r\n uid : userInfo.userInfo.uid,\r\n hours_before_mov:parseInt(userInfo.hours.available_hours),\r\n hours_after_mov:parseInt(userInfo.hours.available_hours),\r\n hours_mov: userInfo.hours.carry_over,\r\n carry_over_before_mov:parseInt(userInfo.hours.carry_over),\r\n carry_over_after_mov:0,\r\n carry_over_sick_time_before:parseInt(userInfo.hours.carry_over_sick_time),\r\n carry_over_sick_time_after:parseInt(userInfo.hours.carry_over_sick_time),\r\n observations: 'Carry Over Expiring Adjustment',\r\n type_mov: 'Expiring Carry Over',\r\n date_mov: moment().format('YYYY-MM-DD'),\r\n mov_increase_date: moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n mov_yearly_increase_date:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD'),\r\n increase_date_before_mov:moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n yearly_increase_date_before_mov:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD')\r\n }\r\n \r\n axiosHr.put('/adjust-carryover', data)\r\n .then(respuesta => {\r\n console.log(respuesta)\r\n })\r\n .catch(error => {\r\n console.log(error)\r\n });\r\n\r\n axiosHr.post('/hour-movement-log', data)\r\n .then(respuesta => {\r\n console.log(respuesta)\r\n })\r\n .catch(error => {\r\n console.log(error)\r\n });\r\n }\r\n \r\n }\r\n\r\n let data = {\r\n reportType:1,\r\n manager: userInfo.userInfo.manager,\r\n companyManager: userInfo.userInfo.company\r\n }\r\n const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n loadEmployeesManager();\r\n\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n\r\n },[userInfo.userInfo.hireDate, userInfo.hours.available_hours, userInfo.hours.increase_date])\r\n\r\n useEffect(()=> {\r\n\r\n const loadPtoList = ()=> dispatch(getPTOListAction(userInfo.userInfo.uid));\r\n loadPtoList();\r\n \r\n const loadHours = ()=> dispatch(obtenerBalanceHoras());\r\n loadHours();\r\n\r\n if(userInfo.userInfo.uid !== undefined) {\r\n // const loadSickDays = () => dispatch(obtenerSickDays(userInfo.userInfo.uid));\r\n // loadSickDays();\r\n }\r\n\r\n \r\n\r\n \r\n\r\n //if(moment(userInfo.userInfo.hireDate).format('YYYY-MM-DD') === moment().format('YYYY-MM-DD') && userInfo.userInfo.hireDate !== undefined) {\r\n \r\n // }\r\n\r\n // console.log( moment('2020-03-31').diff(moment()).format('YYYY-MM-DD'))\r\n // console.log(moment('2020-03-31').format('YYYY-MM-DD') <= moment().format('YYYY-MM-DD'))\r\n\r\n \r\n\r\n },[dispatch, userInfo.userInfo.uid, ptoList.length]);\r\n\r\n // useEffect(()=> {\r\n \r\n // const loadHours = ()=> dispatch(obtenerBalanceHoras());\r\n\r\n // if(userInfo.userInfo.hireDate !== undefined && userInfo.userInfo.hireDate !== '' && userInfo.hours.travel_benefits !== undefined && userInfo.hours.travel_benefits === 0) {\r\n \r\n // let today = moment();\r\n // let diffHireDate = moment(userInfo.userInfo.hireDate).diff(today, 'month') * -1;\r\n // let diffToday = today.diff(moment(userInfo.hours.increase_date), 'month');\r\n // let monthlyRaise \r\n // if(userInfo.userInfo.territory === 'Arizona' || userInfo.userInfo.territory === 'California') {\r\n // monthlyRaise = 8 * diffToday;\r\n // }else if(userInfo.userInfo.company === 'CSI') {\r\n // monthlyRaise = 10 * diffToday;\r\n // }else {\r\n // monthlyRaise = 8 * diffToday;\r\n // }\r\n\r\n // // console.log(monthlyRaise, 'este es monthly reaise'); \r\n\r\n // let diffHireDateYear = moment([userInfo.userInfo.hireDate, 0]).diff(today, 'year') * -1;\r\n // let diffTodayYear = moment(today, 'YYYY').diff(moment(userInfo.hours.year_increase_date, 'YYYY'), 'year');\r\n\r\n // if(monthlyRaise < 0) {\r\n // monthlyRaise = 0;\r\n // }\r\n\r\n // let allIncrease = (8 * Math.floor((diffHireDateYear / 3))) + (monthlyRaise);\r\n\r\n // console.log(allIncrease,diffTodayYear, diffHireDateYear, monthlyRaise );\r\n\r\n // if(diffToday > 0 && diffTodayYear >= 1) {\r\n // if(diffHireDate !== 0 && diffHireDate > 0 && diffTodayYear <= 15 && diffHireDateYear <=15) {\r\n // if(diffToday !==0 && diffToday > 0) {\r\n // // const monthlyRaiseHireDate = ()=> dispatch(ajustarHorasHireDate({monthlyRaise: Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours), uid: userInfo.userInfo.uid, increase_date: today.format('YYYY-MM-DD'), increase_type: 1 }))\r\n // // monthlyRaiseHireDate();\r\n // // let data = {\r\n // // uid : userInfo.userInfo.uid,\r\n // // hours_before_mov:userInfo.hours.available_hours,\r\n // // hours_after_mov:Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours),\r\n // // hours_mov: Math.floor(allIncrease),\r\n // // carry_over_before_mov:parseInt(userInfo.hours.carry_over),\r\n // // carry_over_after_mov:parseInt(userInfo.hours.carry_over),\r\n // // observations: 'Monthly Increase',\r\n // // type_mov: 'Monthly Increase',\r\n // // date_mov: moment().format('YYYY-MM-DD'),\r\n // // mov_increase_date: moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // // mov_yearly_increase_date:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD'),\r\n // // increase_date_before_mov:today.format('YYYY-MM-DD'),\r\n // // yearly_increase_date_before_mov:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD')\r\n // // }\r\n // // axiosHr.post('/hour-movement-log', data)\r\n // // .then(respuesta => {\r\n // // console.log(respuesta)\r\n // // })\r\n // // .catch(error => {\r\n // // console.log(error)\r\n // // });\r\n // // loadHours();\r\n // // console.log(\"mensual\")\r\n // }\r\n // }\r\n\r\n \r\n\r\n // // console.log(diffHireDateYear, diffTodayYear, (diffTodayYear / 3));\r\n\r\n // // console.log(diffHireDate, diffToday);\r\n\r\n // if(diffHireDateYear !== 0 && diffHireDateYear >= 3 && diffTodayYear <= 15 && diffHireDateYear <=15) {\r\n // if(diffTodayYear !== 0 && diffTodayYear >= 1) {\r\n // const yearlyRaiseHireDate = ()=> dispatch(ajustarHorasHireDate({monthlyRaise: Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours), uid: userInfo.userInfo.uid, increase_date: today.format('YYYY-MM-DD'), increase_type: 2 }))\r\n // yearlyRaiseHireDate();\r\n // let data = {\r\n // uid : userInfo.userInfo.uid,\r\n // hours_before_mov:userInfo.hours.available_hours,\r\n // hours_after_mov:Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours),\r\n // hours_mov: Math.floor(allIncrease),\r\n // carry_over_before_mov:parseInt(userInfo.hours.carry_over),\r\n // carry_over_after_mov:parseInt(userInfo.hours.carry_over),\r\n // carry_over_sick_time_before:parseInt(userInfo.hours.carry_over_sick_time),\r\n // carry_over_sick_time_after:parseInt(userInfo.hours.carry_over_sick_time),\r\n // observations: 'Seniority in company increment',\r\n // type_mov: 'Seniority in company increment',\r\n // date_mov: moment().format('YYYY-MM-DD'),\r\n // mov_increase_date: moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // mov_yearly_increase_date:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD'),\r\n // increase_date_before_mov:moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // yearly_increase_date_before_mov:today.format('YYYY-MM-DD')\r\n // }\r\n // axiosHr.post('/hour-movement-log', data)\r\n // .then(respuesta => {\r\n // console.log(respuesta)\r\n // })\r\n // .catch(error => {\r\n // console.log(error)\r\n // });\r\n // loadHours();\r\n // console.log(\"anual\");\r\n // }\r\n // }\r\n // } else {\r\n\r\n // if(diffHireDate !== 0 && diffHireDate > 0 && diffTodayYear <= 15 && diffHireDateYear <=15) {\r\n // if(diffToday !==0 && diffToday > 0) {\r\n // // const monthlyRaiseHireDate = ()=> dispatch(ajustarHorasHireDate({monthlyRaise: Math.floor(monthlyRaise) + parseInt(userInfo.hours.available_hours), uid: userInfo.userInfo.uid, increase_date: today.format('YYYY-MM-DD'), increase_type: 1 }))\r\n // // monthlyRaiseHireDate();\r\n // // let data = {\r\n // // uid : userInfo.userInfo.uid,\r\n // // hours_before_mov:userInfo.hours.available_hours,\r\n // // hours_after_mov:Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours),\r\n // // hours_mov: Math.floor(allIncrease),\r\n // // carry_over_before_mov:parseInt(userInfo.hours.carry_over),\r\n // // carry_over_after_mov:parseInt(userInfo.hours.carry_over),\r\n // // observations: 'Monthly Increase',\r\n // // type_mov: 'Monthly Increase',\r\n // // date_mov: moment().format('YYYY-MM-DD'),\r\n // // mov_increase_date: moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // // mov_yearly_increase_date:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD'),\r\n // // increase_date_before_mov:today.format('YYYY-MM-DD'),\r\n // // yearly_increase_date_before_mov:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD')\r\n // // }\r\n // // axiosHr.post('/hour-movement-log', data)\r\n // // .then(respuesta => {\r\n // // console.log(respuesta)\r\n // // })\r\n // // .catch(error => {\r\n // // console.log(error)\r\n // // });\r\n // // loadHours();\r\n // // console.log(\"mensual\")\r\n // }\r\n // }\r\n\r\n \r\n\r\n // // console.log(diffHireDateYear, diffTodayYear, (diffTodayYear / 3));\r\n // // console.log(diffHireDate, diffToday);\r\n\r\n // if(diffHireDateYear !== 0 && diffHireDateYear >= 3 && diffTodayYear <= 15 && diffHireDateYear <=15) {\r\n // if(diffTodayYear !== 0 && diffTodayYear >= 1) {\r\n // const yearlyRaiseHireDate = ()=> dispatch(ajustarHorasHireDate({monthlyRaise: 8 * Math.floor((diffHireDateYear / 3)) + parseInt(userInfo.hours.available_hours), uid: userInfo.userInfo.uid, increase_date: today.format('YYYY-MM-DD'), increase_type: 2 }))\r\n // yearlyRaiseHireDate();\r\n // let data = {\r\n // uid : userInfo.userInfo.uid,\r\n // hours_before_mov:userInfo.hours.available_hours,\r\n // hours_after_mov:Math.floor(allIncrease) + parseInt(userInfo.hours.available_hours),\r\n // hours_mov: Math.floor(allIncrease),\r\n // carry_over_before_mov:parseInt(userInfo.hours.carry_over),\r\n // carry_over_after_mov:parseInt(userInfo.hours.carry_over),\r\n // carry_over_sick_time_before:parseInt(userInfo.hours.carry_over_sick_time),\r\n // carry_over_sick_time_after:parseInt(userInfo.hours.carry_over_sick_time),\r\n // observations: 'Seniority in company increment',\r\n // type_mov: 'Seniority in company increment',\r\n // date_mov: moment().format('YYYY-MM-DD'),\r\n // mov_increase_date: moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // mov_yearly_increase_date:moment(userInfo.hours.year_increase_date).format('YYYY-MM-DD'),\r\n // increase_date_before_mov:moment(userInfo.hours.increase_date).format('YYYY-MM-DD'),\r\n // yearly_increase_date_before_mov:today.format('YYYY-MM-DD')\r\n // }\r\n // axiosHr.post('/hour-movement-log', data)\r\n // .then(respuesta => {\r\n // console.log(respuesta)\r\n // })\r\n // .catch(error => {\r\n // console.log(error)\r\n // });\r\n // loadHours();\r\n // console.log(\"anual\");\r\n // }\r\n // }\r\n // }\r\n\r\n \r\n // //console.log(diffHireDate, diffToday, today, monthlyRaise); \r\n // }\r\n // },[userInfo.userInfo.hireDate])\r\n return (\r\n\r\n \r\n \r\n userInfo.userInfo.name !== undefined || userInfo.userInfo.uid !== undefined\r\n ? \r\n {\r\n return array.filter(function(el) {\r\n let name = `${el.employee_name} ${el.employee_lastname}`;\r\n // console.log(name)\r\n return name.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n const filterElementsByCompany = (array, query) => {\r\n return array.filter(function(el) {\r\n // console.log(name)\r\n return el.company.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n const filterElementsByTerritory = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.territory.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n const filterElementsByDepartment = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.department.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n\r\n const filterbyMexilink = filterElementsByCompany(userInfo, 'Mexilink');\r\n\r\n const filterbyHitSales = filterElementsByCompany(userInfo, 'Hit Sales & Marketing');\r\n \r\n\r\n\r\n const handleSearchEmployee = async () => {\r\n //console.log(employeeSearch.length)\r\n if(employeeSearch.length === 0){\r\n await setemployeeFilters(sortByName(userInfo));\r\n }\r\n\r\n let filterbyName = filterElementsByName(userInfo, employeeSearch);\r\n\r\n let filterbyCompany = filterElementsByCompany(filterbyName, saveCompany);\r\n\r\n \r\n\r\n\r\n let filterbyTerritory = filterElementsByTerritory(filterbyCompany, saveTerritory);\r\n\r\n let filterbyDepartment = filterElementsByDepartment(filterbyTerritory, saveDepartment);\r\n\r\n await setemployeeFilters(filterbyDepartment);\r\n\r\n //console.log(employeefilters)\r\n }\r\n\r\n useEffect(()=> {\r\n if(terminated) {\r\n console.log(terminated)\r\n let data = {\r\n reportType:9,\r\n manager: true,\r\n companyManager: companyManager\r\n }\r\n const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n loadEmployeesManager();\r\n // console.log(data);\r\n }else {\r\n if(saveDepartment === '' && saveCompany === '' && saveTerritory === '') {\r\n let data = {\r\n reportType:1,\r\n manager: true,\r\n companyManager: companyManager\r\n }\r\n const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n loadEmployeesManager();\r\n }\r\n }\r\n\r\n axiosHR.get('/pto-list-all-employees/')\r\n .then(respuesta => {\r\n // console.log(respuesta.data.data[0].day_beginning)\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied' && pto.company !== 'CSI'\r\n ?\r\n PtoEventsArray.push(pto)\r\n :\r\n null\r\n \r\n )\r\n setPTOS(PtoEventsArray);\r\n console.log(ptos, PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n\r\n // handleSearchEmployee();\r\n },[terminated])\r\n\r\n \r\n useEffect(()=> {\r\n \r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n\r\n const loadCompanies = ()=> dispatch(obtenerCompanies());\r\n loadCompanies();\r\n\r\n const loadTerritories = ()=> dispatch(obtenerTerritories());\r\n loadTerritories();\r\n\r\n const loadStates = ()=> dispatch(obtenerEstadosActivos(companyManager));\r\n loadStates();\r\n\r\n\r\n // if(saveDepartment !== '' && saveCompany !== '' && saveTerritory !== '') {\r\n // // const loadEmployees = () => dispatch(obtenerUsuarioBalanceHoras(saveDepartment));\r\n // // loadEmployees(); \r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType: 2\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // }\r\n // if(saveDepartment === '' && saveCompany === '' && saveTerritory === '') {\r\n // let data = {\r\n // reportType:1\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany === '' && saveTerritory === '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:3\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany !== '' && saveTerritory === '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:4\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany === '' && saveTerritory !== '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:5\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany !== '' && saveTerritory === '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:6\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany !== '' && saveTerritory !== '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:7\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany === '' && saveTerritory !== '') {\r\n // let data = {\r\n // companyManager: companyManager,\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:8\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n \r\n handleSearchEmployee();\r\n \r\n \r\n },[dispatch]);\r\n\r\n // useEffect(() => {\r\n // console.log('ejhecuto la busqueda')\r\n // setTimeout(() => {\r\n // handleSearchEmployee();\r\n // }, 2000);\r\n \r\n // }, [])\r\n \r\n \r\n \r\n return (\r\n \r\n employees !== undefined && employees !== ''\r\n ? \r\n \r\n \r\n \r\n
H.R. MANAGER \r\n
\r\n
\r\n
\r\n
Users \r\n
\r\n
\r\n
\r\n \r\n Calendar View\r\n \r\n\r\n \r\n Transfer Employee Hours\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
Departments \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
Reports \r\n
\r\n
\r\n
\r\n \r\n\r\n General Info}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n moment(col.hire_date).add(6,'hours').format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n Sick Days}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n parseInt(col.accrued_sick_days) - parseInt(col.sick_days_limit)}/>\r\n {/* col.travel_benefits === 0 ? 48 : 24}/> */}\r\n {/* col.travel_benefits === 0 ? 48 : 24}/>\r\n */}\r\n \r\n \r\n \r\n moment().format('DD/MM/YYYY')}/>\r\n \r\n \r\n \r\n\r\n \r\n\r\n Termination}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n moment(col.hire_date).add(6,'hours').format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n \r\n parseInt(col.available_hours) + parseInt(col.carry_over) + parseInt(col.sick_days_limit)}/>\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n { companyManager !== 'CSI'\r\n ?\r\n
\r\n
\r\n
More \r\n
\r\n
\r\n
\r\n\r\n Mexilink Sick Days}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n 'Sick'}/>\r\n parseInt(col.accrued_sick_days) - parseInt(col.sick_days_limit)}/>\r\n {/* col.travel_benefits === 0 ? 48 : 24}/> */}\r\n {/* col.travel_benefits === 0 ? 48 : 24}/>\r\n */}\r\n \r\n \r\n ''}/>\r\n moment().format('DD/MM/YYYY')}/>\r\n \r\n \r\n \r\n\r\n Hit Sales & Mkt Sick Days}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n 'Sick'}/>\r\n parseInt(col.accrued_sick_days) - parseInt(col.sick_days_limit)}/>\r\n {/* col.travel_benefits === 0 ? 48 : 24}/> */}\r\n {/* col.travel_benefits === 0 ? 48 : 24}/>\r\n */}\r\n \r\n \r\n ''}/>\r\n moment().format('DD/MM/YYYY')}/>\r\n \r\n \r\n \r\n\r\n\r\n All PTO}>\r\n \r\n \r\n \r\n \r\n \r\n moment(col.date).format('YYYY-MM-DD')}/>\r\n moment(col.day_beginning).format('YYYY-MM-DD')}/>\r\n moment(col.day_end).format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n :\r\n null\r\n }\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
*/}\r\n
\r\n {/*
*/}\r\n \r\n {/*
\r\n
\r\n Employee: \r\n selectSaveDepartment(e.target.value)} \r\n required\r\n >\r\n Select All... \r\n {employees.map((employee, index) => (\r\n {employee.employee_name} \r\n ))}\r\n \r\n \r\n
\r\n
*/}\r\n {/*
*/}\r\n
\r\n
\r\n Company: \r\n selectSaveCompany(e.target.value)}\r\n required\r\n >\r\n Select Company... \r\n {companies.map((company, index) =>(\r\n {company.company} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Department: \r\n selectSaveDepartment(e.target.value)}\r\n required\r\n >\r\n Select Department... \r\n {departments.map((department, index) =>(\r\n {department.department} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Territory: \r\n selectSaveTerritory(e.target.value)}\r\n required\r\n >\r\n Select Territory... \r\n {territories.map((territory, index) =>(\r\n {territory.territory} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Terminated: \r\n {/*
selectSaveTerritory(e.target.value)}\r\n required\r\n >\r\n Select Territory... \r\n {territories.map((territory, index) =>(\r\n {territory.territory} \r\n ))}\r\n */}\r\n
\r\n No / Yes \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* Search Employee: */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n handleSearchEmployee()}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n
\r\n {/*
\r\n {/* \r\n
\r\n \r\n \r\n \r\n Employee \r\n Department \r\n Hire Date \r\n {/* Last Hour Increment */}\r\n Available Hours \r\n Carry Over \r\n Sick Days \r\n Carry Over Sick Days \r\n \r\n Actions \r\n \r\n \r\n \r\n {\r\n employeefilters.length > 0\r\n ?\r\n employeefilters.map(employee =>(\r\n The employee you are looking for is not in the selected department, please change the territory, company or department.
\r\n \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n \r\n :\r\n \r\n {employee.employee_name} {' '} {employee.employee_lastname} \r\n {employee.department} \r\n {moment.utc(employee.hire_date).format('YYYY-MM-DD')} \r\n {moment.utc(employee.increase_date).format('YYYY-MM-DD')} \r\n {employee.available_hours} \r\n {employee.carry_over} \r\n {employee.sick_days_limit} \r\n \r\n \r\n \r\n PTO List Details\r\n \r\n \r\n Profile\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default EmployeesSupervisorManager;","import React, {useEffect, useState} from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport EmployeesSupervisorManager from './EmployeesSupervisorManager';\r\n\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport {obtenerDepartamentos, obtenerCompanies, obtenerTerritories, obtenerEmpleadosManager} from '../actions/manageActions';\r\n//import {obtenerUsuarioBalanceHoras} from '../actions/authenticateActions';\r\nimport Spinner from './helpers/Spinner';\r\n\r\nimport ReactExport from \"react-export-excel\";\r\nimport moment from 'moment';\r\n// import {\r\n// BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend,\r\n// } from 'recharts';\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nconst ManageDepartmentSupervisor = () => {\r\n // Mandar llamar la accion principal para retornar los PTO\r\n\r\n const dispatch = useDispatch();\r\n\r\n const departmentSupervisor = useSelector(state=>state.userInfo.userInfo.department);\r\n const [saveDepartment, selectSaveDepartment] = useState(departmentSupervisor);\r\n const [saveCompany, selectSaveCompany] = useState('');\r\n const [saveTerritory, selectSaveTerritory] = useState('');\r\n const [employeeSearch, setemployeeSearch] = useState('');\r\n const [employeefilters, setemployeeFilters] = useState([]);\r\n // const [sickDays, saveSickDays] = useState([]);\r\n\r\n //acceder al state\r\n const userInfo = useSelector(state=>state.manager.employees);\r\n \r\n // const departments = useSelector(state=>state.manager.departments);\r\n const territories = useSelector(state => state.manager.territories);\r\n const companies = useSelector(state=>state.manager.companies);\r\n //const employeeManager = useSelector(state => state.manager.employees)\r\n\r\n //const employees = userInfo.userHour;\r\n let employees = userInfo;\r\n let departments = [];\r\n\r\n const filterElementsByName = (array, query) => {\r\n return array.filter(function(el) {\r\n let name = `${el.employee_name} ${el.employee_lastname}`;\r\n // console.log(name)\r\n return name.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n const filterElementsByCompany = (array, query) => {\r\n return array.filter(function(el) {\r\n // console.log(name)\r\n return el.company.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n const filterElementsByTerritory = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.territory.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n const filterElementsByDepartment = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.department.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n \r\n\r\n\r\n const handleSearchEmployee = async () => {\r\n //console.log(employeeSearch.length)\r\n if(employeeSearch.length === 0){\r\n await setemployeeFilters(userInfo);\r\n }\r\n\r\n let filterbyName = filterElementsByName(userInfo, employeeSearch);\r\n\r\n let filterbyCompany = filterElementsByCompany(filterbyName, saveCompany);\r\n\r\n let filterbyTerritory = filterElementsByTerritory(filterbyCompany, saveTerritory);\r\n\r\n let filterbyDepartment = filterElementsByDepartment(filterbyTerritory, saveDepartment);\r\n\r\n await setemployeeFilters(filterbyDepartment);\r\n\r\n //console.log(employeefilters)\r\n }\r\n \r\n departments = useSelector(state=>state.manager.departments);\r\n // console.log(departments)\r\n let departmentSupervisorFilter = filterElementsByDepartment(departments, departmentSupervisor);\r\n let director_of = JSON.parse(departmentSupervisorFilter[0].director_of);\r\n\r\n\r\n // if(departmentSupervisor === 'CEO' || departmentSupervisor === 'CFO' || departmentSupervisor === 'Sales' || departmentSupervisor === 'Operations' || departmentSupervisor === 'Controller' || departmentSupervisor === 'Purchasing') {\r\n\r\n \r\n // if(departmentSupervisor === 'CFO') {\r\n // departments = [\r\n // {department: 'Accounting'},\r\n // {department: 'Accounting CSI'},\r\n // {department: 'Controller'},\r\n // {department: 'Finance'},\r\n // {department: 'Human Resources'},\r\n // {department: 'I.T.'},\r\n // {department: 'Processing'}\r\n // ];\r\n // }\r\n\r\n // if(departmentSupervisor === 'Sales') {\r\n // departments = [\r\n // {department: 'Regional West'},\r\n // {department: 'Regional Southeast'},\r\n // {department: 'Regional Southcentral'},\r\n // {department: 'Regional Midwest'},\r\n // {department: 'Regional Northeast'},\r\n // {department: 'Business Intelligence'}\r\n // ]\r\n // }\r\n\r\n // if(departmentSupervisor === 'POS Execution Manger') {\r\n // departments = [\r\n // {department: 'Regional West'},\r\n // {department: 'Regional Southeast'},\r\n // {department: 'Regional Southcentral'},\r\n // {department: 'Regional Midwest'},\r\n // {department: 'Regional Northeast'}\r\n // ]\r\n // }\r\n\r\n // if(departmentSupervisor === 'Operations') {\r\n // departments = [\r\n // {department: 'Logistics'},\r\n // {department: 'Logistics Key Accounts'},\r\n // {department: 'Purchasing'},\r\n // {department: 'Inventory'}\r\n // ]\r\n // }\r\n\r\n // if(departmentSupervisor === 'Controller') {\r\n // departments = [\r\n // {department: 'Accounting'},\r\n // {department: 'Finance'},\r\n // {department: 'Accounting CSI'}\r\n // ]\r\n // }\r\n // if(departmentSupervisor === 'Purchasing') {\r\n // departments = [\r\n // {department: 'Inventory'},\r\n // {department: 'Purchasing'}\r\n // ]\r\n // }\r\n // if(departmentSupervisor === 'CEO') {\r\n // const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n // loadDepartments(); \r\n // }\r\n // }else {\r\n // departments = [\r\n // {department: departmentSupervisor}\r\n // ]\r\n // }\r\n // let departments = [];\r\n\r\n \r\n useEffect(()=> {\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n \r\n\r\n const loadCompanies = ()=> dispatch(obtenerCompanies());\r\n loadCompanies();\r\n\r\n const loadTerritories = ()=> dispatch(obtenerTerritories());\r\n loadTerritories();\r\n\r\n\r\n // if(saveDepartment !== '' && saveCompany !== '' && saveTerritory !== '') {\r\n // // const loadEmployees = () => dispatch(obtenerUsuarioBalanceHoras(saveDepartment));\r\n // // loadEmployees(); \r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType: 2\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // }\r\n // if(saveDepartment === '' && saveCompany === '' && saveTerritory === '') {\r\n // let data = {\r\n // reportType:1\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany === '' && saveTerritory === '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:3\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany !== '' && saveTerritory === '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:4\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany === '' && saveTerritory !== '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:5\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany !== '' && saveTerritory === '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:6\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment === '' && saveCompany !== '' && saveTerritory !== '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:7\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n\r\n // if(saveDepartment !== '' && saveCompany === '' && saveTerritory !== '') {\r\n // let data = {\r\n // company: saveCompany,\r\n // territory: saveTerritory,\r\n // department: saveDepartment,\r\n // reportType:8\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n // console.log(data);\r\n // }\r\n \r\n handleSearchEmployee();\r\n \r\n },[dispatch]);\r\n \r\n return (\r\n \r\n employees !== undefined && employees !== ''\r\n ? \r\n \r\n \r\n \r\n
SUPERVISOR MANAGER \r\n {departmentSupervisor} \r\n \r\n Calendar View\r\n \r\n\r\n General Info Report}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n moment(col.hire_date).format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n
\r\n {/*
*/}\r\n \r\n {/*
\r\n
\r\n Employee: \r\n selectSaveDepartment(e.target.value)} \r\n required\r\n >\r\n Select All... \r\n {employees.map((employee, index) => (\r\n {employee.employee_name} \r\n ))}\r\n \r\n \r\n
\r\n
*/}\r\n {/*
*/}\r\n
\r\n
\r\n Company: \r\n selectSaveCompany(e.target.value)}\r\n required\r\n >\r\n Select Company... \r\n {companies.map((company, index) =>(\r\n {company.company} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Department: \r\n selectSaveDepartment(e.target.value)}\r\n required\r\n >\r\n Select Department... \r\n {director_of.map((department, index) =>(\r\n {department.department} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Territory: \r\n selectSaveTerritory(e.target.value)}\r\n required\r\n >\r\n Select Territory... \r\n {territories.map((territory, index) =>(\r\n {territory.territory} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* Search Employee: */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n handleSearchEmployee()}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n
\r\n {/*
\r\n {/* \r\n
\r\n \r\n \r\n \r\n Employee \r\n Department \r\n Hire Date \r\n Last Hour Increment \r\n Available Hours \r\n Carry Over \r\n Sick Days Balance \r\n Actions \r\n \r\n \r\n \r\n {\r\n employeefilters.length > 0\r\n ?\r\n employeefilters.map(employee =>(\r\n The employee you are looking for is not in the selected department, please change the territory, company or department.
\r\n \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n TIME OFF REQUEST \r\n\r\n \r\n \r\n \r\n \r\n Employee \r\n Department \r\n Status \r\n Created At \r\n Beginning \r\n End \r\n Delivery Status \r\n Abscence \r\n Hours \r\n Actions \r\n \r\n \r\n \r\n {ptoList.map(pto =>(\r\n \r\n
\r\n \r\n \r\n \r\n \r\n :\r\n \r\n {token !==null ? props.children : }\r\n \r\n );\r\n };\r\n\r\nexport default PrivateRoute;","import React, {useEffect, useState, Fragment} from 'react';\r\nimport FullCalendar from '@fullcalendar/react'\r\nimport dayGridPlugin from '@fullcalendar/daygrid'\r\n\r\nimport {useSelector} from 'react-redux';\r\nimport {obtenerDepartamentos} from '../actions/manageActions';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport axiosHR from '../config/axiosHR';\r\n\r\nconst PtoCalendar = ({match}) => {\r\n\r\n\r\n const dispatch = useDispatch();\r\n let {month} = match.params\r\n\r\n const[ptoEvents, savePtoEvents] = useState([]);\r\n let PtoEventsArray = [];\r\n\r\n const user = useSelector(state=>state.userInfo.userInfo.username);\r\n const manager = useSelector(state=>state.userInfo.userInfo.manager);\r\n const department = useSelector(state=>state.userInfo.userInfo.department);\r\n const userInfo = useSelector(state=> state.userInfo.userInfo)\r\n\r\n const departments = useSelector(state=>state.manager.departments);\r\n\r\n const filterElementsByDepartment = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.department.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n let departmentSupervisorFilter = filterElementsByDepartment(departments, department);\r\n let director_of = JSON.parse(departmentSupervisorFilter[0].director_of);\r\n\r\n let company = userInfo.company\r\n\r\n // const departments = {\r\n // 'Graphic Design & Digital Communication' : 'blue',\r\n // 'Human Resources' : 'green'\r\n // };\r\n\r\n // function saveEvents () {\r\n \r\n // }\r\n \r\n\r\n useEffect(()=> {\r\n if(user === 'salvador.escalona' || user === 'jose.mogollon') {\r\n axiosHR.get('/pto-list-all/')\r\n .then(respuesta => {\r\n // console.log(respuesta.data.data[0].day_beginning)\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n savePtoEvents(PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n } else if (manager === true || manager === 1){\r\n\r\n axiosHR.get(`/pto-list-all-manager/${company}`)\r\n .then(respuesta => {\r\n console.log(respuesta.data)\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n savePtoEvents(PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n }else {\r\n \r\n director_of.forEach(element => {\r\n \r\n \r\n \r\n axiosHR.get(`/pto-list-all-department/${element.department}`)\r\n .then(respuesta => {\r\n console.log(respuesta);\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n\r\n savePtoEvents(ptoEvents.concat(PtoEventsArray));\r\n \r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n });\r\n }\r\n\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n }, [])\r\n\r\n // let ejemplo = [\r\n // {\r\n // title: 'PTO Julio Castro', \r\n // date:'2019-10-22'\r\n // },\r\n // {\r\n // title: 'PTO Vane Medina', \r\n // start: '2019-10-23', \r\n // end: '2019-10-23',\r\n // extendedProps: {\r\n // department: 'Graphic Design & Digital Communication'\r\n // },\r\n // description: 'PTO Request description'\r\n // }\r\n //] \r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
{'Company Departments'} \r\n \r\n \r\n
\r\n
\r\n {departments.map((department, index) =>(\r\n
\r\n
{department.department} \r\n
\r\n ))}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n // PtoEvents.map(pto =>(\r\n // console.log(pto)\r\n // ))\r\n \r\n }\r\n {window.innerWidth > 768 \r\n ?\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default PtoCalendar;","import React, {useEffect, useState, Fragment, useRef} from 'react';\r\nimport FullCalendar from '@fullcalendar/react'\r\nimport dayGridPlugin from '@fullcalendar/daygrid'\r\nimport moment from 'moment';\r\n\r\nimport axiosHR from '../config/axiosHR';\r\n\r\nimport { useDispatch } from 'react-redux';\r\nimport {useSelector} from 'react-redux';\r\nimport {obtenerDepartamentos} from '../actions/manageActions';\r\n\r\n// import PtoCalendarExpanded from './PtoCalendarExpanded';\r\n// import {Link} from 'react-router-dom';\r\n\r\nconst PtoYearCalendar = ({history}) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const[ptoEvents, savePtoEvents] = useState([]);\r\n const [year, setYear] = useState(moment().format('YYYY'))\r\n let PtoEventsArray = [];\r\n\r\n const user = useSelector(state=>state.userInfo.userInfo.username);\r\n const manager = useSelector(state=>state.userInfo.userInfo.manager);\r\n const department = useSelector(state=>state.userInfo.userInfo.department);\r\n const userInfo = useSelector(state=> state.userInfo.userInfo)\r\n\r\n let company = userInfo.company\r\n\r\n let januaryRef = React.createRef()\r\n let februaryRef = React.createRef()\r\n let marchRef = React.createRef()\r\n let aprilRef = React.createRef()\r\n let mayRef = React.createRef()\r\n let juneRef = React.createRef()\r\n let julyRef = React.createRef()\r\n let augustRef = React.createRef()\r\n let septemberRef = React.createRef()\r\n let octoberRef = React.createRef()\r\n let novemberRef = React.createRef()\r\n let decemberRef = React.createRef()\r\n\r\n // const departments = {\r\n // 'Graphic Design & Digital Communication' : 'blue',\r\n // 'Human Resources' : 'green'\r\n // };\r\n\r\n // function saveEvents () {\r\n \r\n // }\r\n // obtener departamentos\r\n const departments = useSelector(state=>state.manager.departments);\r\n\r\n const filterElementsByDepartment = (array, query) => {\r\n return array.filter(function(el) {\r\n return el.department.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n let departmentSupervisorFilter = filterElementsByDepartment(departments, department);\r\n let director_of = JSON.parse(departmentSupervisorFilter[0].director_of);\r\n \r\n const previousYear = () => {\r\n\r\n //console.log(moment(year+'-01-01').subtract(1, 'years'))\r\n console.log(year);\r\n setYear(moment(year+'-01-01').subtract(1, 'years').format('YYYY'));\r\n\r\n januaryRef.current.getApi().prevYear();\r\n februaryRef.current.getApi().prevYear();\r\n marchRef.current.getApi().prevYear();\r\n aprilRef.current.getApi().prevYear();\r\n mayRef.current.getApi().prevYear();\r\n juneRef.current.getApi().prevYear();\r\n julyRef.current.getApi().prevYear();\r\n augustRef.current.getApi().prevYear();\r\n septemberRef.current.getApi().prevYear();\r\n octoberRef.current.getApi().prevYear();\r\n novemberRef.current.getApi().prevYear();\r\n decemberRef.current.getApi().prevYear();\r\n }\r\n\r\n const nextYear = () => {\r\n\r\n //console.log(moment(year+'-01-01').subtract(1, 'years'))\r\n console.log(year);\r\n setYear(moment(year+'-01-01').add(1, 'years').format('YYYY'));\r\n\r\n januaryRef.current.getApi().nextYear();\r\n februaryRef.current.getApi().nextYear();\r\n marchRef.current.getApi().nextYear();\r\n aprilRef.current.getApi().nextYear();\r\n mayRef.current.getApi().nextYear();\r\n juneRef.current.getApi().nextYear();\r\n julyRef.current.getApi().nextYear();\r\n augustRef.current.getApi().nextYear();\r\n septemberRef.current.getApi().nextYear();\r\n octoberRef.current.getApi().nextYear();\r\n novemberRef.current.getApi().nextYear();\r\n decemberRef.current.getApi().nextYear();\r\n }\r\n \r\n \r\n\r\n useEffect(()=> {\r\n if(user === 'salvador.escalona' || user === 'jose.mogollon') {\r\n axiosHR.get('/pto-list-all/')\r\n .then(respuesta => {\r\n // console.log(respuesta.data.data[0].day_beginning)\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n savePtoEvents(PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n } else if (manager === true || manager === 1){\r\n\r\n axiosHR.get(`/pto-list-all-manager/${company}`)\r\n .then(respuesta => {\r\n console.log(respuesta.data)\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n savePtoEvents(PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n }else {\r\n\r\n director_of.forEach(element => {\r\n \r\n \r\n \r\n axiosHR.get(`/pto-list-all-department/${element.department}`)\r\n .then(respuesta => {\r\n console.log(respuesta);\r\n respuesta.data.data.map((pto, index) => \r\n pto.status !== 'Denied'\r\n ?\r\n PtoEventsArray.push({ title: pto.employee_name + ' ' + pto.status, start: pto.day_beginning, end: pto.day_end, url:`/employee/view/${pto.user_id}`, color:pto.color})\r\n :\r\n null\r\n \r\n )\r\n\r\n savePtoEvents(ptoEvents.concat(PtoEventsArray));\r\n \r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n\r\n \r\n });\r\n \r\n \r\n }\r\n\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n\r\n console.log(ptoEvents)\r\n }, [])\r\n\r\n // let ejemplo = [\r\n // {\r\n // title: 'PTO Julio Castro', \r\n // date:'2019-10-22'\r\n // },\r\n // {\r\n // title: 'PTO Vane Medina', \r\n // start: '2019-10-23', \r\n // end: '2019-10-23',\r\n // extendedProps: {\r\n // department: 'Graphic Design & Digital Communication'\r\n // },\r\n // description: 'PTO Request description'\r\n // }\r\n //] \r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
{'Company Departments'} \r\n \r\n \r\n
\r\n
\r\n \r\n {departments.map((department, index) =>(\r\n
\r\n
{department.department} \r\n
\r\n ))}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Current Year: {`${year}`} \r\n
\r\n \r\n previousYear()}>Previous Year \r\n nextYear()}>Next Year \r\n
\r\n
\r\n \r\n {\r\n var month = '2022-01-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n \r\n }\r\n }\r\n \r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'} \r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-02-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-03-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-04-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-05-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-06-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-07-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-08-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-09-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n {\r\n var month = year+'-10-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-11-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n var month = year+'-12-01'\r\n return(\r\n history.push(`/pto/calendar/${month}`)\r\n )\r\n }\r\n }\r\n }\r\n }\r\n header={{left: 'title',\r\n center: '',\r\n right: 'openMonth' \r\n }}\r\n height= {.5}\r\n aspectRatio = {1}\r\n timeZone= {'America/Chicago'}\r\n />\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PtoYearCalendar;","import React, {useEffect} from 'react';\r\nimport PtoSupervisor from './PtoSupervisor';\r\n\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport {getPtoListSupervisorDirector} from '../actions/timeoffrequestActions';\r\nimport {obtenerUsuarioBalanceHorasDirector} from '../actions/authenticateActions';\r\nconst Director = ({history}) => {\r\n\r\n //acceder al state\r\n const userInfo = useSelector(state=>state.userInfo);\r\n\r\n if(userInfo.userInfo.name === undefined){\r\n history.push('/home');\r\n }\r\n \r\n // Mandar llamar la accion principal para retornar los PTO\r\n\r\n const dispatch = useDispatch();\r\n const ptoList = useSelector(state => state.ptoList.ptoSupervisor);\r\n\r\n useEffect(()=> {\r\n \r\n const loadPtoList = ()=> dispatch(getPtoListSupervisorDirector(userInfo.userInfo.uid));\r\n loadPtoList();\r\n \r\n const loadUsers = ()=>dispatch(obtenerUsuarioBalanceHorasDirector());\r\n loadUsers();\r\n\r\n },[dispatch, userInfo.userInfo.department, ptoList.length, userInfo.userInfo.uid]);\r\n \r\n \r\n \r\n \r\n return (\r\n \r\n \r\n TIME OFF REQUEST \r\n \r\n \r\n
\r\n
\r\n
\r\n
Supervisor Request \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n Employee \r\n Department \r\n Status \r\n Created At \r\n Reason \r\n Hours \r\n Actions \r\n \r\n \r\n \r\n {\r\n (ptoList !== undefined)\r\n ?\r\n ptoList.map(pto =>(\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n };\r\n\r\nexport default Director;","import React, {useState, useEffect, useRef} from 'react';\r\n//import ReactDom from 'react-dom';\r\n\r\n// Redux\r\nimport { validarFormularioAction, validacionExito, validacionError } from '../actions/validacionActions';\r\nimport {createNewPtoAction} from '../actions/timeoffrequestActions';\r\nimport {ajustarBalanceHoras} from '../actions/authenticateActions';\r\nimport {obtenerDepartamentos} from '../actions/manageActions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\n// library\r\nimport SignatureCanvas from 'react-signature-canvas';\r\nimport moment from 'moment-business-days';\r\nimport Swal from 'sweetalert2';\r\nimport DatePicker from \"react-datepicker\";\r\nimport axiosHr from '../config/axiosHR';\r\n \r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nconst NewPtoHr = ({match, history}) => {\r\n\r\n // obtener el ID a editar\r\n const { emp_uid } = match.params;\r\n\r\n var holidaysArray = ['04-02-2021', '05-31-2021', '07-05-2021', '09-06-2021', '11-25-2021', '11-26-2021', '12-23-2021', '12-24-2020', '01-01-2021', '01-01-2022', '04-15-2022', '05-30-2022', '07-04-2022', '09-05-2022', '11-24-2022', '11-25-2022', '12-23-2022', '12-26-2022', '01-02-2023', '04-07-2023', '07-04-2023', '05-29-2023', '09-04-2023', '11-23-2023', '11-24-2023', '12-22-2023', '12-25-2023', '01-01-2024', '03-29-2024', '05-27-2024', '07-04-2024', '09-02-2024', '11-28-2024', '11-29-2024', '12-24-2024', '12-25-2024', '01-01-2025', '04-18-2025', '05-26-2025', '07-04-2025', '09-01-2025', '11-27-2025', '11-28-2025', '12-24-2025', '12-25-2025', '01-01-2026'];\r\n\r\n var excludedDatesArray = [new Date(\"2021-02-04T12:00:00-00:00\"), new Date(\"2021-05-31T12:00:00-00:00\"), new Date(\"2021-07-05T12:00:00-00:00\"), new Date(\"2021-09-06T12:00:00-00:00\"), new Date(\"2021-11-25T12:00:00-00:00\"), new Date(\"2021-11-26T12:00:00-00:00\"), new Date(\"2021-12-23T12:00:00-00:00\"), new Date(\"2021-12-24T12:00:00-00:00\"),new Date(\"2022-01-01T12:00:00-00:00\"), new Date(\"2021-01-01T12:00:00-00:00\"), new Date(\"2022-04-15T12:00:00-00:00\"), new Date(\"2022-05-30T12:00:00-00:00\"), new Date(\"2022-07-04T12:00:00-00:00\"), new Date(\"2022-09-05T12:00:00-00:00\"), new Date(\"2022-11-24T12:00:00-00:00\"), new Date(\"2022-11-25T12:00:00-00:00\"), new Date(\"2022-12-23T12:00:00-00:00\"), new Date(\"2022-12-26T12:00:00-00:00\"), new Date(\"2023-01-02T12:00:00-00:00\"), new Date(\"2023-04-07T12:00:00-00:00\"), new Date(\"2023-05-29T12:00:00-00:00\"), new Date(\"2023-07-04T12:00:00-00:00\"), new Date(\"2023-09-04T12:00:00-00:00\"), new Date(\"2023-11-23T12:00:00-00:00\"), new Date(\"2023-11-24T12:00:00-00:00\"), new Date(\"2023-12-22T12:00:00-00:00\"), new Date(\"2023-12-25T12:00:00-00:00\"), new Date(\"2024-01-01T12:00:00-00:00\"), new Date(\"2024-03-29T12:00:00-00:00\"), new Date(\"2024-05-27T12:00:00-00:00\"), new Date(\"2024-07-04T12:00:00-00:00\"), new Date(\"2024-09-02T12:00:00-00:00\"), new Date(\"2024-11-28T12:00:00-00:00\"), new Date(\"2024-11-29T12:00:00-00:00\"), new Date(\"2024-12-24T12:00:00-00:00\"), new Date(\"2024-12-25T12:00:00-00:00\"), new Date(\"2025-01-01T12:00:00-00:00\"), new Date(\"2025-04-18T12:00:00-00:00\"), new Date(\"2025-07-04T12:00:00-00:00\"), new Date(\"2025-09-01T12:00:00-00:00\"), new Date(\"2025-11-27T12:00:00-00:00\"), new Date(\"2025-11-28T12:00:00-00:00\"), new Date(\"2025-12-24T12:00:00-00:00\"), new Date(\"2025-12-25T12:00:00-00:00\"), new Date(\"2026-01-01T12:00:00-00:00\")];\r\n \r\n\r\n // set working days\r\n moment.updateLocale('us', {\r\n workingWeekdays: [1, 2, 3, 4, 5],\r\n holidays: holidaysArray,\r\n holidayFormat: 'MM-DD-YYYY'\r\n\r\n });\r\n\r\n\r\n // get data from state\r\n const error = useSelector((state) => state.error.error);\r\n //acceder al state\r\n const userInfo = useSelector(state=>state.userInfo);\r\n\r\n const usersHour = useSelector(state=>state.manager.employees);\r\n\r\n // obtener departamentos\r\n const departments = useSelector(state=>state.manager.departments);\r\n\r\n const filterDepartment = (array, query) => {\r\n return array.filter(function(el) {\r\n let departmentElement = el.department\r\n return departmentElement.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n\r\n // get user general data\r\n const employeeData = usersHour.filter(user => user.uid == emp_uid);\r\n\r\n // agregar balance de horas\r\n const balanceHorasActual = employeeData[0];\r\n\r\n const supervisor = employeeData[0].supervisor;\r\n\r\n const supervisorEmail = employeeData[0].supervisor_mail;\r\n\r\n const email = employeeData[0].email;\r\n\r\n // state\r\n const [employeeName, saveEmployeeName] = useState('');\r\n const [department, saveDepartment] = useState('');\r\n const [reason, saveReason] = useState('');\r\n const [dayBegining, saveDayBeginning] = useState('');\r\n const [dayEnd, saveDayEnd] = useState('');\r\n const [timeBeginning, saveTimeBeginning] = useState('');\r\n const [timeEnd, saveTimeEnd] = useState('');\r\n const [totalHours, saveTotalHours] = useState('');\r\n const [absenceCode, saveAbsenceCode] = useState('');\r\n const [signatureEmployee, saveSignatureEmployee] = useState('');\r\n const [dateSignEmployee, saveDateSignEmployee] = useState(new Date());\r\n const [uid, saveUid] = useState('');\r\n const [hourValidationError, saveHourValidationError] = useState('');\r\n const [dateValidationError, saveDateValidationError] = useState('');\r\n const [departmentColor, saveDepartmentColor] = useState('');\r\n const [carryOver, saveCarryOver] = useState('');\r\n const [availableHours, saveAvailableHours] = useState('');\r\n const [carryOverUsage, saveCarryOverUsage] = useState('');\r\n const [specialCodePlus, saveSpecialCodePlus] = useState(0);\r\n const [sickHours, saveSickHours] = useState('');\r\n const [sickHoursUsage, saveSickHoursUsage] = useState('');\r\n const [carryOverSickHours, saveCarryOverSickHours] = useState('');\r\n const [carryOverSickHoursUsage, saveCarryOverSickHoursUsage] = useState('');\r\n //const [signatureSupervisor, saveSignatureSupervisor] = useState('');\r\n\r\n \r\n\r\n const isWeekday = date => {\r\n const day = moment(date).day();\r\n return day !== 0 && day !== 6;\r\n };\r\n \r\n // Time Refs\r\n const dayBeginingRef = useRef('');\r\n const dayEndRef = useRef('');\r\n const timeBeginningRef = useRef('');\r\n const timeEndRef = useRef('');\r\n const carryOverRef = useRef('');\r\n const specialCodeRef = useRef('');\r\n const sickHoursRef = useRef('');\r\n const carryOverSickHoursRef = useRef('');\r\n \r\n\r\n // canvas\r\n \r\n let sigPadEmployee = {};\r\n const clearEmployee = (e) => {\r\n e.preventDefault();\r\n sigPadEmployee.clear();\r\n }\r\n const saveCanvasEmployee = (e)=> {\r\n e.preventDefault();\r\n let urlImage = sigPadEmployee.getTrimmedCanvas().toDataURL('image/png');\r\n saveSignatureEmployee(urlImage);\r\n }\r\n\r\n const handleChangeInput = (event) => {\r\n const {value} = event.target;\r\n let regex = new RegExp(\"^[a-zA-Z0-9áéíóúÁÉÍÓÚ,. ]+$\");\r\n\r\n if(regex.test(value)) {\r\n // console.log(value);\r\n saveReason(value);\r\n } else {\r\n console.log(\"Es un caracter no válido\")\r\n }\r\n }\r\n\r\n const handleChangeReasonCode = (value) => {\r\n console.log(timeBeginningRef.current.props.disabled);\r\n dayBeginingRef.current.clear();\r\n dayEndRef.current.clear();\r\n saveAbsenceCode(value);\r\n if(value === 'V') {\r\n saveSpecialCodePlus(0);\r\n if(totalHours < 0) {\r\n saveTotalHours(0);\r\n }\r\n timeBeginningRef.current.input.disabled = false;\r\n timeEndRef.current.input.disabled = false;\r\n specialCodeRef.current.value = '';\r\n }\r\n if(value === 'PT') {\r\n saveSpecialCodePlus(0);\r\n if(totalHours < 0) {\r\n saveTotalHours(0);\r\n }\r\n timeBeginningRef.current.input.disabled = false;\r\n timeEndRef.current.input.disabled = false;\r\n specialCodeRef.current.value = '';\r\n }\r\n if(value === 'S') {\r\n saveSpecialCodePlus(0);\r\n if(totalHours < 0) {\r\n saveTotalHours(0);\r\n }\r\n timeBeginningRef.current.input.disabled = false;\r\n timeEndRef.current.input.disabled = false;\r\n specialCodeRef.current.value = '';\r\n }\r\n if(value === 'O') {\r\n saveSpecialCodePlus(0);\r\n specialCodeRef.current.disabled = false;\r\n if(totalHours < 0) {\r\n saveTotalHours(0);\r\n }\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true; \r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n }else {\r\n specialCodeRef.current.disabled = true;\r\n }\r\n if(value ==='J') {\r\n saveSpecialCodePlus(0);\r\n // saveTotalHours(totalHours - 40);\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='B1') {\r\n saveSpecialCodePlus(0);\r\n // saveTotalHours(totalHours - 8)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = false;\r\n timeEndRef.current.input.disabled = false;\r\n }\r\n if(value ==='B2') {\r\n saveSpecialCodePlus(0);\r\n // saveTotalHours(totalHours - 24)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='B3') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 40)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='NB') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 24)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='NBCSI') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 24)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='VT') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 24)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = false;\r\n timeEndRef.current.input.disabled = false;\r\n }\r\n if(value ==='M') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 24)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='MA') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='LA') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='LTD') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='STD') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='FFCRA') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n if(value ==='MD') {\r\n saveSpecialCodePlus(0)\r\n // saveTotalHours(totalHours - 480)\r\n specialCodeRef.current.disabled = false;\r\n timeBeginningRef.current.clear();\r\n timeEndRef.current.clear();\r\n timeBeginningRef.current.input.disabled = true;\r\n timeEndRef.current.input.disabled = true;\r\n }\r\n \r\n }\r\n\r\n // let sigPadSupervisor = {};\r\n // const clearSupervisor = (e) => {\r\n // e.preventDefault();\r\n // sigPadSupervisor.clear();\r\n // }\r\n\r\n // const saveCanvasSupervisor = (e)=> {\r\n // e.preventDefault();\r\n // let urlImage = sigPadSupervisor.getTrimmedCanvas().toDataURL('image/png');\r\n // saveSignatureSupervisor(urlImage);\r\n // }\r\n\r\n // dispatch actions\r\n const dispatch = useDispatch();\r\n const agregarPto = (pto) => dispatch (createNewPtoAction(pto));\r\n const balanceHoras = (horas) => dispatch(ajustarBalanceHoras(horas));\r\n const validarFormulario = () => dispatch( validarFormularioAction());\r\n const exitoValidacion = () => dispatch( validacionExito() ) ;\r\n const errorValidacion = () => dispatch( validacionError() ) ;\r\n\r\n\r\n useEffect( ()=>{\r\n\r\n if(employeeData[0].employee_name !== undefined || employeeData[0].supervisor !== undefined || employeeData[0] !== undefined){\r\n saveEmployeeName(employeeData[0].employee_name+' '+employeeData[0].employee_lastname);\r\n saveCarryOver(parseInt(balanceHorasActual.carry_over));\r\n saveSickHours(parseInt(balanceHorasActual.sick_days_limit));\r\n saveCarryOverSickHours(parseInt(balanceHorasActual.carry_over_sick_time));\r\n saveAvailableHours(balanceHorasActual.available_hours);\r\n } else {\r\n history.push('/home');\r\n }\r\n\r\n if(employeeData[0].department !== undefined) {\r\n saveDepartment(employeeData[0].department);\r\n let departmentFilter = filterDepartment(departments, employeeData[0].department);\r\n console.log(departmentFilter)\r\n saveDepartmentColor(departmentFilter[0].color);\r\n }\r\n\r\n if(employeeData[0].uid !== undefined) {\r\n saveUid(employeeData[0].uid);\r\n }\r\n\r\n //saveTotalHours('0');\r\n let rangeBeginning = moment(dayBegining);\r\n let rangeEnd = moment(dayEnd);\r\n let rangeHourBeginning = moment(timeBeginning, 'HH:mm');\r\n let rangeHourEnd = moment(timeEnd, 'HH:mm');\r\n let totalAmount, hourPerDay;\r\n let launchTimeBeginning = moment('14:00:00', 'HH:mm');\r\n let launchTimeEnd = moment('15:00:00', 'HH:mm');\r\n let laborTimeBeginning = moment('08:00:00', 'HH:mm');\r\n let laborTimeEnd = moment('23:00:00', 'HH:mm');\r\n if(rangeBeginning._locale._invalidDate === '' && rangeEnd._locale._invalidDate === '') {\r\n \r\n return\r\n }else {\r\n \r\n let subtractDays, subtractHours;\r\n\r\n\r\n if(rangeBeginning._locale._invalidDate === 'Invalid date' && rangeEnd._locale._invalidDate === 'Invalid date') {\r\n subtractHours = 0;\r\n }\r\n \r\n if ((rangeHourBeginning.isBetween(laborTimeBeginning, launchTimeEnd) && rangeHourEnd.isBetween(launchTimeEnd, laborTimeEnd)) || (rangeHourBeginning.isBetween(launchTimeBeginning, launchTimeEnd) && rangeHourEnd.isBetween(launchTimeBeginning, launchTimeEnd))) {\r\n subtractHours = (moment.duration(rangeHourEnd - rangeHourBeginning).asHours()) - 1;\r\n }else {\r\n subtractHours = moment.duration(rangeHourEnd - rangeHourBeginning).asHours();\r\n }\r\n //subtractHours = rangeHourEnd.diff(rangeHourBeginning);\r\n //subtractDays = rangeEnd.diff(rangeBeginning, 'hours');\r\n \r\n //subtractDays = moment.duration(rangeEnd - rangeBeginning).asDays();\r\n if(rangeBeginning.format('YYYY-MM-DD') === rangeEnd.format('YYYY-MM-DD')) {\r\n \r\n\r\n // if(absenceCode === 'B1') {\r\n // subtractDays = rangeEnd.businessDiff(rangeBeginning) + 1;\r\n // }else {\r\n // subtractDays = rangeEnd.businessDiff(rangeBeginning);\r\n // }\r\n subtractDays = (rangeEnd.businessDiff(rangeBeginning));\r\n \r\n }else {\r\n subtractDays = rangeEnd.businessDiff(rangeBeginning) + 1;\r\n }\r\n \r\n hourPerDay = (subtractDays * 8);\r\n\r\n // console.log(subtractDays);\r\n \r\n if(isNaN(subtractHours) && !isNaN(hourPerDay)) {\r\n // saveTotalHours(Math.round(hourPerDay - specialCodePlus));\r\n saveTotalHours(Math.round(hourPerDay));\r\n }else if(isNaN(hourPerDay) && isNaN(subtractHours)) {\r\n saveTotalHours(0);\r\n }else {\r\n\t\t totalAmount = parseInt(hourPerDay) + parseInt(Math.round(subtractHours));\r\n // saveTotalHours(totalAmount - specialCodePlus);\r\n saveTotalHours(totalAmount);\r\n }\r\n\r\n if(absenceCode === 'LA' || absenceCode === 'FFCRA' || absenceCode === 'LTD' || absenceCode === 'STD' || absenceCode === 'MD') {\r\n // totalAmount = 0;\r\n // saveTotalHours(0);\r\n totalAmount = parseInt(hourPerDay);\r\n saveTotalHours(totalAmount);\r\n saveSpecialCodePlus(totalAmount);\r\n }\r\n\r\n // if(rangeBeginning.format('YYYY-MM-DD') < moment().format('YYYY-MM-DD') || rangeEnd.format('YYYY-MM-DD') < moment().format('YYYY-MM-DD') || rangeEnd.format('YYYY-MM-DD') < rangeBeginning.format('YYYY-MM-DD')) {\r\n if(rangeEnd.format('YYYY-MM-DD') < rangeBeginning.format('YYYY-MM-DD')) {\r\n saveTotalHours(0);\r\n saveDateValidationError(true);\r\n }else {\r\n saveDateValidationError(false);\r\n }\r\n \r\n \r\n }\r\n\r\n let carryOverSum, sumAvailableHours, sickHoursSum, carryOverSickSum = 0;\r\n //console.log(availableHours);\r\n if(employeeData[0].carryOver !== undefined || employeeData[0].carryOver !== 0 ||employeeData[0].carryOver !== '') {\r\n let carryoverInit = balanceHorasActual.carry_over;\r\n let sickHoursInit = balanceHorasActual.sick_days_limit;\r\n let carryoversickInit = balanceHorasActual.carry_over_sick_time;\r\n if (totalHours !== '' || totalHours !== undefined) {\r\n if(specialCodePlus !== 0) {\r\n // carryOverSum = (parseInt(carryoverInit) - parseInt(totalHours) + parseInt(specialCodePlus));\r\n carryOverSum = (parseInt(carryoverInit) - parseInt(totalHours) + specialCodePlus);\r\n }else {\r\n carryOverSum = (parseInt(carryoverInit) - parseInt(totalHours));\r\n }\r\n if(absenceCode === 'S') {\r\n carryOverSickSum = (parseInt(carryoversickInit) -parseInt(totalHours));\r\n\r\n sickHoursSum = ((parseInt(sickHoursInit) + parseInt(carryoversickInit)) - parseInt(totalHours));\r\n\r\n // sickHoursSum = (parseInt(sickHoursInit) - parseInt(totalHours));\r\n\r\n saveCarryOver(Math.round(carryoverInit));\r\n carryOverRef.current.value = carryoverInit;\r\n saveCarryOverUsage(0);\r\n\r\n if(!isNaN(carryOverSickSum)) {\r\n if(carryOverSickSum >= 0) {\r\n if(carryOverSickSum < 0) {\r\n carryOverSickHoursRef.current.value = '0';\r\n// saveCarryOverSickHoursUsage(carryoversickInit)\r\n saveCarryOverSickHoursUsage(Math.round(carryoversickInit));\r\n saveCarryOverSickHours(Math.round(carryOverSickSum));\r\n }else {\r\n saveCarryOverSickHours(Math.round(carryOverSickSum));\r\n carryOverSickHoursRef.current.value = carryOverSickSum;\r\n saveCarryOverSickHoursUsage(carryoversickInit - carryOverSickSum);\r\n }\r\n\r\n }else {\r\n\r\n if(!isNaN(sickHoursSum)) {\r\n if(sickHoursSum < 0) {\r\n carryOverSickHoursRef.current.value = '0';\r\n sickHoursRef.current.value = '0';\r\n saveSickHoursUsage(sickHoursInit)\r\n saveSickHoursUsage(Math.round(sickHoursSum));\r\n }else {\r\n carryOverSickHoursRef.current.value = '0';\r\n saveSickHours(Math.round(sickHoursSum));\r\n sickHoursRef.current.value = sickHoursSum;\r\n saveSickHoursUsage(sickHoursInit- sickHoursSum);\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n } else {\r\n saveSickHours(sickHoursInit);\r\n saveSickHoursUsage(0)\r\n saveCarryOverSickHours(carryoversickInit);\r\n saveCarryOverSickHoursUsage(0);\r\n sickHoursRef.current.value = sickHoursInit;\r\n // console.log(carryoverInit + \" - \" + totalHours + \" = \" + carryOverSum);\r\n if(!isNaN(carryOverSum)) {\r\n if(carryOverSum < 0 ) {\r\n let availableHoursInit = balanceHorasActual.available_hours\r\n // sumAvailableHours = availableHoursInit + carryOverSum + specialCodePlus\r\n sumAvailableHours = availableHoursInit + carryOverSum\r\n //console.log(sumAvailableHours);\r\n saveAvailableHours(sumAvailableHours);\r\n }\r\n if(carryOverSum < 0) {\r\n carryOverRef.current.value = '0';\r\n saveCarryOverUsage(carryoverInit);\r\n saveCarryOver(Math.round(carryOverSum));\r\n }else {\r\n saveCarryOver(Math.round(carryOverSum));\r\n carryOverRef.current.value = carryOverSum;\r\n saveCarryOverUsage(carryoverInit - carryOverSum);\r\n \r\n }\r\n }\r\n //console.log(\"carry Over =\", carryOverSum);\r\n }\r\n }\r\n \r\n }\r\n\r\n if (parseInt(totalHours) > parseInt(balanceHorasActual.available_hours) + parseInt(balanceHorasActual.carry_over) + parseInt(balanceHorasActual.sick_days_limit)+ parseInt(balanceHorasActual.carry_over_sick_time)) {\r\n saveHourValidationError(true);\r\n //saveTotalHours(0);\r\n }else {\r\n saveHourValidationError(false);\r\n } \r\n\r\n }, [employeeData, dayBegining, dayEnd, timeBeginning, timeEnd, dispatch, userInfo, totalHours, balanceHorasActual.available_hours, history, carryOver, balanceHorasActual.carry_over, specialCodePlus])\r\n \r\n // Add new PTO\r\n const submitNewPto = e => {\r\n e.preventDefault();\r\n validarFormulario();\r\n if (parseInt(totalHours) > (parseInt(balanceHorasActual.sick_days_limit) + parseInt(balanceHorasActual.carry_over_sick_time)) && absenceCode === 'S') {\r\n saveHourValidationError(true);\r\n // errorValidacion();\r\n //saveTotalHours(0);\r\n dayBeginingRef.current.value = '';\r\n dayEndRef.current.value = '';\r\n return\r\n \r\n }else {\r\n saveHourValidationError(false);\r\n }\r\n if(employeeName.trim() === ''|| department.trim() === '' || totalHours < 0 || absenceCode.trim() === '' || signatureEmployee.trim() === '') {\r\n errorValidacion();\r\n return\r\n }\r\n\r\n exitoValidacion();\r\n\r\n let absenceText;\r\n if(absenceCode ==='V') { \r\n absenceText = 'Vacation'\r\n }\r\n if(absenceCode ==='LA') {\r\n absenceText = 'Leave of Absence'\r\n }\r\n if(absenceCode ==='LTD') {\r\n absenceText = 'Long Term Disability'\r\n }\r\n if(absenceCode ==='STD') {\r\n absenceText = 'Short Term Disability'\r\n }\r\n if(absenceCode ==='PT') { \r\n absenceText = 'Personal Time'\r\n }\r\n if(absenceCode ==='S') {\r\n absenceText = 'Sick'\r\n }\r\n if(absenceCode ==='J') {\r\n absenceText = 'Jury Duty'\r\n }\r\n if(absenceCode ==='B1') {\r\n absenceText = 'Bereavement 1'\r\n }\r\n if(absenceCode ==='B2') {\r\n absenceText = 'Bereavement 2'\r\n }\r\n if(absenceCode ==='B3') {\r\n absenceText = 'Bereavement 3'\r\n }\r\n if(absenceCode ==='NB') {\r\n absenceText = 'New Baby Born'\r\n }\r\n if(absenceCode ==='NBCSI') {\r\n absenceText = 'New Baby Born'\r\n }\r\n if(absenceCode ==='M') {\r\n absenceText = 'Marriage'\r\n }\r\n if(absenceCode ==='MA') {\r\n absenceText = 'Maternity'\r\n }\r\n if(absenceCode ==='O') {\r\n absenceText = 'Other'\r\n }\r\n if(absenceCode ==='FFCRA') {\r\n absenceText = 'FFCRA (Emergency Sick Time)'\r\n }\r\n if(absenceCode ==='VT') {\r\n absenceText = 'Vote'\r\n }\r\n\r\n if(absenceCode ==='MD') {\r\n absenceText = 'Medical Disability'\r\n }\r\n\r\n if (parseInt(totalHours) > parseInt(balanceHorasActual.available_hours) + parseInt(employeeData[0].carryOver)) {\r\n saveHourValidationError(true);\r\n // saveTotalHours(0);\r\n dayBeginingRef.current.value = '';\r\n dayEndRef.current.value = '';\r\n // timeBeginningRef.current.value = '';\r\n // timeEndRef.current.value = '';\r\n // dayBeginingRef.current.focus();\r\n // saveDayBeginning('');\r\n // saveDayEnd('');\r\n // saveTimeBeginning('');\r\n // saveTimeEnd('');\r\n return\r\n \r\n }else {\r\n saveHourValidationError(false);\r\n \r\n }\r\n\r\n // Preguntar al usuario\r\n Swal.fire({\r\n title: 'Request Summary',\r\n text: \"This is your summary request, are you sure to submit ?\",\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Confirm',\r\n cancelButtonText: 'Cancel',\r\n html: ''+\r\n '
Name : ' + employeeName + '
' +\r\n '
Department : ' + department + '
' +\r\n // '
Reason : ' + reason + '
' +\r\n '
Total Hours: ' + totalHours + '
' +\r\n '
Absence Code: ' + absenceText + '
' +\r\n '
\r\n {\r\n employeeData[0].company !== 'CSI'\r\n ?\r\n employeeData[0] !== undefined\r\n ?\r\n \r\n
\r\n
\r\n
\r\n
Add New Time Off Request \r\n
\r\n \r\n { error ?
ERROR: Please fill out all the required fields.
: null }\r\n \r\n { hourValidationError ?
ERROR: Sorry there are no hours available.
: null }\r\n \r\n
\r\n
\r\n
\r\n :\r\n null\r\n \r\n :\r\n //CSI FORM\r\n employeeData[0] !== undefined\r\n ?\r\n \r\n
\r\n
\r\n
\r\n
Add New Time Off Request \r\n
\r\n \r\n { error ?
ERROR: Please fill out all the required fields.
: null }\r\n \r\n { hourValidationError ?
ERROR: Sorry there are no hours available.
: null }\r\n \r\n
\r\n
\r\n
\r\n :\r\n null\r\n }\r\n \r\n
'+\r\n '
Name : ' + employeeName + ' '+employeeLastname+'
' +\r\n '
\r\n
\r\n
\r\n
\r\n
Create New User \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Employee Profile \r\n
\r\n \r\n
\r\n
\r\n
\r\n
'+\r\n '
Name : ' + employeeName + ' '+ employeeLastname+'
' +\r\n '
\r\n
\r\n
\r\n
\r\n
Edit User \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {historyEmployee.id} \r\n {moment(historyEmployee.date_mov).format('YYYY-MM-DD')} \r\n {historyEmployee.hours_before_mov} \r\n {historyEmployee.hours_after_mov} \r\n {historyEmployee.carry_over_before_mov} \r\n {historyEmployee.carry_over_after_mov} \r\n {historyEmployee.carry_over_sick_time_before} \r\n {historyEmployee.carry_over_sick_time_after} \r\n {\r\n historyEmployee.hours_mov < 0\r\n ?\r\n {parseInt(historyEmployee.hours_mov) *-1} \r\n :\r\n {historyEmployee.hours_mov} \r\n }\r\n \r\n {historyEmployee.type_mov} \r\n {/* {moment(historyEmployee.mov_increase_date).format('YYYY-MM-DD')} \r\n {moment(historyEmployee.increase_date_before_mov).format('YYYY-MM-DD')} \r\n {moment(historyEmployee.mov_yearly_increase_date).format('YYYY-MM-DD')} \r\n {moment(historyEmployee.yearly_increase_date_before_mov).format('YYYY-MM-DD')} */}\r\n {\r\n historyEmployee.type_mov === 'Edit User'\r\n ?\r\n \r\n setIsOpen(true)} className=\"btn btn-primary\"> Open Summary \r\n\r\n \r\n # {historyEmployee.id} - {historyEmployee.type_mov} \r\n \r\n \r\n Available Hours: from {observations[0]} to {observations[1]}\r\n \r\n \r\n Carry Over Hours: from {observations[2]} to {observations[3]}\r\n \r\n \r\n Sick Hours: from {observations[4]} to {observations[5]}\r\n \r\n \r\n Carry Over Sick Hours: from {observations[6]} to {observations[7]}\r\n \r\n \r\n \r\n \r\n \r\n :\r\n {historyEmployee.observations} \r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default HistoryEmployee;","import React, {Fragment, useEffect} from 'react';\r\nimport HistoryEmployee from './HistoryEmployee';\r\nimport moment from 'moment';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {Link} from 'react-router-dom';\r\n\r\nimport {obtenerHistorico} from '../actions/manageActions';\r\nimport ReactExport from \"react-export-excel\";\r\n\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nconst HistoryUsers = ({match}) => {\r\n\r\n const { uid } = match.params;\r\n\r\n const dispatch = useDispatch();\r\n\r\n // obtener el ID a editar\r\n \r\n\r\n const usersHistory = useSelector(state=>state.manager.history);\r\n const usersHour = useSelector(state=>state.manager.employees);\r\n\r\n // get user general data\r\n const employeeData = usersHour.filter(user => user.uid == uid);\r\n\r\n let observations;\r\n\r\n useEffect(()=> {\r\n const loadHistory = ()=>dispatch(obtenerHistorico(uid));\r\n loadHistory();\r\n },[])\r\n return (\r\n \r\n \r\n
PTO History \r\n
\r\n
\r\n {/* Change avatar dinamically */}\r\n
\r\n
{employeeData[0].employee_name}{' '}{employeeData[0].employee_lastname} \r\n
{employeeData[0].department}
\r\n
\r\n
\r\n
\r\n \r\n { \r\n
\r\n Available PTO Hours: {employeeData[0].available_hours} hours\r\n
\r\n }\r\n
Available Sick Hours: {employeeData[0].sick_days_limit} hours
\r\n
Available Carry Over Hours: {employeeData[0].carry_over} hours
\r\n {\r\n employeeData[0].territory === 'California'\r\n ?\r\n
Available Carry Over Sick Hours: {employeeData[0].carry_over_sick_time} hours
\r\n :\r\n null\r\n }\r\n\r\n
Total Annual Days: {(employeeData[0].available_hours + employeeData[0].carry_over + employeeData[0].sick_days_limit + employeeData[0].carry_over_sick_time) / 8} days
\r\n \r\n {/*
Joined the company since: {moment().to(moment(userInfo.userInfo.hireDate))}
*/}\r\n
Joined the company since: {moment(employeeData[0].hire_date).format('MMM-YYYY')}
\r\n\r\n {\r\n !employeeData[0].sales_team\r\n ?\r\n \r\n (Math.floor((moment([employeeData[0].hire_date, 0]).diff(moment(), 'year') * -1)/(3)) * 8) >= 41\r\n ?\r\n
(40 hours for seniority in company already included)
\r\n :\r\n
\r\n ({(Math.floor((moment([employeeData[0].hire_date, 0]).diff(moment(), 'year') * -1)/(3)) * 8)} hours for seniority in company already included)
\r\n \r\n :\r\n null\r\n }\r\n \r\n {employeeData[0].carry_over > 0\r\n ?\r\n
\r\n Carry Over expires on: 03-31-2025 \r\n
\r\n :\r\n null\r\n }\r\n\r\n
History Employee Report}>\r\n \r\n \r\n moment(col.date_mov).format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n {\r\n if(col.hours_mov < 0) {\r\n return parseInt(col.hours_mov) * -1\r\n }else {\r\n return col.hours_mov\r\n }\r\n }}/>\r\n \r\n moment(col.mov_increase_date).format('YYYY-MM-DD')}/>\r\n moment(col.increase_date_before_mov).format('YYYY-MM-DD')}/>\r\n moment(col.mov_yearly_increase_date).format('YYYY-MM-DD')}/>\r\n moment(col.yearly_increase_date_before_mov).format('YYYY-MM-DD')}/>\r\n {/* */}\r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {/* End column */}\r\n
\r\n
\r\n \r\n \r\n # \r\n Date \r\n Available Hours Before Request \r\n Avalialble Hours After Request \r\n Carry Over Before Request \r\n Carry Over After Request \r\n Carry Over Sick Time Before Request \r\n Carry Over Sick Time After Request \r\n Hours \r\n Type \r\n {/* Monthly Increment Date Before Request \r\n Monthly Increment Date After Request \r\n Seniority Increment Before Request \r\n Seniority Increment After Request */}\r\n \r\n Observations \r\n \r\n \r\n \r\n {\r\n usersHistory.map(historyEmployee =>(\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default HistoryUsers;","import React from 'react';\r\n\r\nconst Footer = () => {\r\n return (\r\n © Copyright 2025 Mexilink Incorporated All Rights Reserved \r\n );\r\n};\r\n\r\nexport default Footer;","import React, {useEffect, useState} from 'react';\r\n//Redux\r\nimport {useSelector } from 'react-redux';\r\n\r\nimport Spinner from './helpers/Spinner';\r\n\r\nimport ReactExport from \"react-export-excel\";\r\n//import moment from 'moment';\r\nimport moment from 'moment-timezone';\r\nimport axiosHR from '../config/axiosHR';\r\n\r\nconst ExcelFile = ReactExport.ExcelFile;\r\nconst ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\nconst ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nconst UserReports = () => {\r\n\r\n const [ptos, setPTOS] = useState([]);\r\n\r\n //acceder al state\r\n const employees = useSelector(state=>state.manager.employees);\r\n const userEmail = useSelector(state=> state.userInfo.userInfo.email);\r\n\r\n let PtoEventsArray = [];\r\n\r\n let usaEmployees = [];\r\n \r\n\r\n \r\n\r\n useEffect(() => { \r\n\r\n axiosHR.get('/pto-list-all/')\r\n .then(respuesta => {\r\n // console.log(respuesta.data.data[0].day_beginning)\r\n let find = '';\r\n respuesta.data.data.map((pto, index) => {\r\n\r\n find = employees.find(employee => \r\n {\r\n \r\n if (`${employee.employee_name} ${employee.employee_lastname}` === pto.employee_name) {\r\n pto.job_title = employee.job_title\r\n return pto\r\n }\r\n }\r\n )\r\n\r\n console.log(find);\r\n \r\n\r\n return pto.status !== 'Denied' && pto.company !== 'CSI'\r\n ?\r\n \r\n PtoEventsArray.push(pto)\r\n\r\n\r\n :\r\n null\r\n \r\n })\r\n setPTOS(PtoEventsArray);\r\n console.log(ptos, PtoEventsArray);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n })\r\n }, [])\r\n \r\n \r\n const filterElementsByCompany = (array, query) => {\r\n return array.filter(function(el) {\r\n // console.log(name)\r\n return el.company.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n })\r\n }\r\n const filterbyMexilink = filterElementsByCompany(employees, 'Mexilink');\r\n\r\n const filterbyHitSales = filterElementsByCompany(employees, 'Hit Sales & Marketing');\r\n\r\n usaEmployees = [...filterbyMexilink, ...filterbyHitSales, ...usaEmployees];\r\n \r\n return (\r\n \r\n \r\n
Special Users Report \r\n
\r\n
\r\n
\r\n
Users Reports \r\n
\r\n
\r\n
\r\n {\r\n (userEmail == 'astrid.miranda@mexilink.com')\r\n ?\r\n <>\r\n Mexilink Sick Days Report}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n parseInt(col.accrued_sick_days) - parseInt(col.sick_days_limit)}/>\r\n {/* col.travel_benefits === 0 ? 48 : 24}/> */}\r\n {/* col.travel_benefits === 0 ? 48 : 24}/>\r\n */}\r\n \r\n \r\n \r\n moment().add(6,'hours').format('DD/MM/YYYY')}/>\r\n \r\n \r\n \r\n \r\n Hit Sales Sick Days Report}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n parseInt(col.accrued_sick_days) - parseInt(col.sick_days_limit)}/>\r\n {/* col.travel_benefits === 0 ? 48 : 24}/> */}\r\n {/* col.travel_benefits === 0 ? 48 : 24}/>\r\n */}\r\n \r\n \r\n \r\n moment().add(6,'hours').format('DD/MM/YYYY')}/>\r\n \r\n \r\n \r\n \r\n :\r\n null\r\n }\r\n {\r\n (userEmail == 'jonathan.lareo@mexilink.com' || userEmail == 'julio.castro@mexilink.com')\r\n ?\r\n General Info Only}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n moment(col.hire_date).add(6, 'hours').format('YYYY-MM-DD')}/>\r\n moment(col.birth_date).add(6, 'hours').format('YYYY-MM-DD')}/>\r\n moment(col.birth_date).add(6, 'hours').format('YYYY')}/>\r\n moment(col.birth_date).add(6, 'hours').format('MM')}/>\r\n moment(col.birth_date).add(6, 'hours').format('DD')}/>\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 {/* End Card */}\r\n\r\n
\r\n
\r\n
PTO Reports \r\n
\r\n
\r\n
\r\n All PTO}>\r\n \r\n \r\n \r\n \r\n \r\n moment(col.date).format('YYYY-MM-DD')}/>\r\n moment(col.day_beginning).format('YYYY-MM-DD')}/>\r\n moment(col.day_end).format('YYYY-MM-DD')}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\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 UserReports;","import React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport Swal from 'sweetalert2';\r\nimport clienteAxiosHR from '../config/axiosHR';\r\nimport moment from 'moment';\r\n\r\nconst FixedAssetRequests = ({request, history}) => {\r\n\r\n const supervisor = useSelector(state=>state.userInfo.userInfo.supervisor);\r\n const userInfo = useSelector(state=> state.userInfo.userInfo);\r\n\r\n\r\n const approveRequest = (request) => {\r\n // Preguntar al usuario\r\n\r\n Swal.fire({\r\n title: '¿Are you sure?',\r\n text: \"Fixed Asset Request is going to be send to I.T. Department\",\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Yes, Send!',\r\n cancelButtonText: 'Cancel'\r\n }).then((result) => {\r\n // console.log(pto);\r\n if (result.value) {\r\n request.status = 'Under Review By I.T.';\r\n clienteAxiosHR.post('/request-email', request)\r\n .then(respuesta => {\r\n //console.log(respuesta);\r\n Swal.fire(\r\n 'Sent',\r\n 'Fixed Asset Request has been Approved and email notification was sent successfully.',\r\n 'success'\r\n )\r\n\r\n setTimeout(() => {\r\n window.location.reload(false);\r\n //history.push('/home');\r\n }, 3000);\r\n })\r\n .catch(error => {\r\n console.log(error);\r\n Swal.fire(\r\n 'Failed',\r\n 'An error was occurred by approving your request.',\r\n 'warning'\r\n )\r\n })\r\n }\r\n })\r\n }\r\n\r\n const deniedRequest = (request) => {\r\n // Preguntar al usuario\r\n\r\n Swal.fire({\r\n title: '¿Are you sure?',\r\n text: \"\",\r\n type: 'warning',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n confirmButtonText: 'Yes, Send!',\r\n cancelButtonText: 'Cancel'\r\n }).then((result) => {\r\n // console.log(pto);\r\n if (result.value) {\r\n // clienteAxiosHR.post('/pto-email', ptoInfo)\r\n // .then(respuesta => {\r\n // //console.log(respuesta);\r\n // Swal.fire(\r\n // 'Sent',\r\n // 'The Time off Request has been sent successfully.',\r\n // 'success'\r\n // )\r\n\r\n // setTimeout(() => {\r\n // window.location.reload(false);\r\n // }, 3000);\r\n // })\r\n // .catch(error => {\r\n // console.log(error);\r\n // Swal.fire(\r\n // 'Failed',\r\n // 'An error was occurred by sending your request.',\r\n // 'warning'\r\n // )\r\n // })\r\n }\r\n })\r\n}\r\n\r\n return (\r\n \r\n {request.id} \r\n {request.employee_name}{' '}{request.employee_lastname} \r\n {request.department} \r\n \r\n {\r\n JSON.parse(request.equipment_requested).map((element, key) => ({element.cantidad} - {element.tipo} \r\n ))\r\n }\r\n \r\n \r\n {moment(request.request_date).format('MM-DD-YYYY')} \r\n {request.status} \r\n \r\n \r\n Details\r\n \r\n {\r\n supervisor && request.status === 'New Request' && userInfo.department == request.department || userInfo.email === 'alfonso.montero@mexilink.com' || userInfo.email === 'mara.martinez@mexilink.com'\r\n ?\r\n <>\r\n approveRequest(request)}\r\n >\r\n Approve\r\n \r\n\r\n deniedRequest(request)}\r\n >\r\n Denied\r\n \r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n {\r\n userInfo.department === 'I.T.' && request.status === 'Under Review By I.T.'\r\n ?\r\n \r\n Complete Asset Information\r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n userInfo.department === 'Treasury' && request.status === 'Under Review By Treasury' || userInfo.email === 'alfonso.montero@mexilink.com' || userInfo.email === 'mara.martinez@mexilink.com'\r\n ?\r\n \r\n Complete Purchase Information\r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n userInfo.department === 'I.T.' && request.status === 'I.T. Department are completing information'\r\n ?\r\n \r\n Complete Invoice Information\r\n \r\n :\r\n null\r\n }\r\n\r\n {\r\n userInfo.department === 'Accounting' && request.status === 'Under Review By Accounting' || userInfo.email === 'alfonso.montero@mexilink.com' || userInfo.email === 'mara.martinez@mexilink.com'\r\n ?\r\n \r\n Complete Invoice Information\r\n \r\n :\r\n null\r\n }\r\n\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default FixedAssetRequests;","const exportToCSV = (orders) => {\r\n // Crear el encabezado del CSV\r\n const headers = [\r\n 'Order ID', 'Employee Name', 'Department', 'Reason', 'Status',\r\n 'Request Date', 'Quantity', 'Cost', 'Type', 'Brand', 'Model', 'Asset Number', 'Serial', 'IMEI'\r\n ];\r\n \r\n // Crear filas de datos\r\n const rows = orders.map(order => {\r\n const { id, employee_name, department, reason, status, request_date, equipment_requested } = order;\r\n\r\n const oldAssets=[];\r\n let equipmentFields = [];\r\n // Parsear los arrays de equipment_requested y old_asset_information\r\n const equipmentList = JSON.parse(equipment_requested)\r\n .map((item ,index)=> {\r\n // `${item.cantidad} x ${item.tipo} (Brand: ${item.brand} Model: ${item.model} Asset Number: ${item.assetNumber} Serial: ${item.serial} IMEI: ${item.imei} )` \r\n if(index === 0){ \r\n equipmentFields.push(item.cantidad, item.cost, item.tipo, item.brand, item.model, item.assetNumber, item.serial, item.imei, \"\\n\");\r\n }else {\r\n equipmentFields.push(\"\", \"\", \"\", \"\", \"\", item.cantidad, item.cost, item.tipo, item.brand, item.model, item.assetNumber, item.serial, item.imei, \"\\n\");\r\n }\r\n })\r\n .join('\\n ');\r\n\r\n\r\n\r\n // if (old_asset_information !== null) { \r\n // oldAssets = JSON.parse(old_asset_information).map(item => item).join('; ');\r\n // }\r\n return [\r\n id, employee_name, department, reason, status, request_date, ...equipmentFields\r\n ];\r\n });\r\n\r\n // Convertir los datos a formato CSV\r\n const csvContent = [headers, ...rows].map(e => e.join(\",\")).join(\"\\n\");\r\n \r\n // Crear un blob y descargarlo\r\n const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.setAttribute('download', 'Orders_Report.csv');\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n};\r\n\r\nexport default exportToCSV;","import React, {useEffect, useState, useRef} from 'react';\r\nimport Spinner from './helpers/Spinner';\r\nimport moment from 'moment';\r\nimport { getFixedAssetsRequestList} from '../actions/fixedassetrequestActions';\r\nimport {obtenerDepartamentos, obtenerTerritories } from '../actions/manageActions';\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport FixedAssetRequests from './FixedAssetRequests';\r\n//import ReactExport from \"react-export-excel\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport exportToCSV from './helpers/ExportOrders';\r\n\r\n\r\n// const ExcelFile = ReactExport.ExcelFile;\r\n// const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\n// const ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nconst FixedAssetRequestPanel = ({history}) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n //acceder al state\r\n //const userInfo = useSelector(state=>state.manager.employees);\r\n const departments = useSelector(state=>state.manager.departments);\r\n const territories = useSelector(state => state.manager.territories);\r\n const fixedAssetRequests = useSelector(state => state.fixedAsset.fixedAssetRequests);\r\n\r\n const [department, saveDepartment] = useState('');\r\n const [territory, saveTerritory] = useState('');\r\n const [requests, setRequests] = useState([]);\r\n const [dayBegining, saveDayBeginning] = useState('');\r\n const [dayEnd, saveDayEnd] = useState('');\r\n\r\n const loadFixedAssetRequest = (department, territory, dateReport, fromDate, toDate) => dispatch(getFixedAssetsRequestList(department, territory, dateReport, fromDate, toDate));\r\n\r\n // const filterElementsByName = (array, query) => {\r\n // return array.filter(function(el) {\r\n // let name = `${el.employee_name} ${el.employee_lastname}`;\r\n // // console.log(name)\r\n // return name.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n // })\r\n // }\r\n\r\n const handleSearch = async (department, territory, dateReport, fromDate, toDate) => {\r\n\r\n\r\n if(department === '' && territory === '' && dayBegining === '' && dayEnd === '') {\r\n dateReport = 'all';\r\n await loadFixedAssetRequest(department, territory, 'all', fromDate, toDate);\r\n } else {\r\n\r\n // console.log(department, territory, dateReport, fromDate, toDate);\r\n await loadFixedAssetRequest(department, territory, true, fromDate, toDate);\r\n }\r\n }\r\n\r\n // const handleReport = async (department, territory, dateReport, fromDate, toDate) => {\r\n // // await loadFixedAssetRequest(department, territory, dateReport, fromDate, toDate);\r\n // }\r\n\r\n const handleExport = async (data) => {\r\n exportToCSV(data);\r\n }\r\n \r\n // Time Refs\r\n const dayBeginingRef = useRef('');\r\n const dayEndRef = useRef('');\r\n\r\n useEffect(() => {\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n\r\n // let data = {\r\n // reportType:1,\r\n // manager: true,\r\n // companyManager: 'Mexilink'\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n\r\n const loadTerritories = ()=> dispatch(obtenerTerritories());\r\n loadTerritories();\r\n\r\n \r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n setRequests(fixedAssetRequests);\r\n \r\n }, [fixedAssetRequests])\r\n \r\n \r\n return (\r\n <>\r\n \r\n
Fixed Asset Request Control Panel \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Filter By Department \r\n \r\n
\r\n
\r\n Department: \r\n saveDepartment(e.target.value)}\r\n required\r\n >\r\n Select Department... \r\n {departments.map((department, index) =>(\r\n {department.department} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Filter By Territory \r\n \r\n
\r\n
\r\n Territory: \r\n saveTerritory(e.target.value)}\r\n required\r\n >\r\n Select Territory... \r\n {territories.map((territory, index) =>(\r\n {territory.territory} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Reports \r\n \r\n
\r\n
\r\n
\r\n
\r\n From: \r\n {/* saveDayBeginning(date)}\r\n \r\n placeholderText=\"Custom Date Range\"\r\n ref = {dayBeginingRef}\r\n // minDate={new Date()}\r\n \r\n required\r\n >\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n To: \r\n {/* saveDayEnd(date)}\r\n \r\n placeholderText=\"Custom Date Range\"\r\n ref = {dayEndRef}\r\n //minDate={new Date()}\r\n \r\n required\r\n >\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n handleExport(fixedAssetRequests)}>Export Report \r\n \r\n {/* Download Report}>\r\n \r\n \r\n \r\n {\r\n let equipmentJson = JSON.parse(col.equipment_requested);\r\n let equiposTemplate = ``;\r\n equipmentJson.forEach(equipment => {\r\n\r\n equiposTemplate+= `\r\n\r\n Type: \r\n ${equipment.tipo},\r\n Brand:\r\n ${equipment.brand},\r\n Cost:\r\n ${equipment.cost},\r\n Asset Number:\r\n ${equipment.assetNumber},\r\n Serial Number:\r\n ${equipment.serial}\r\n `\r\n });\r\n \r\n return equiposTemplate;\r\n }\r\n }/>\r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n handleSearch(department, territory,true, dayBegining, dayEnd)}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n # \r\n Employee \r\n Department \r\n Equipment Requested \r\n Date \r\n Status \r\n \r\n Actions \r\n \r\n \r\n \r\n {\r\n requests.length > 0\r\n ?\r\n requests.map(request =>(\r\n Please choose the search criteria to obtain the list of orders.
\r\n \r\n }\r\n \r\n
\r\n
\r\n
'+\r\n // '
Name : ' + employeeName + '
' +\r\n // '
Department : ' + department + '
' +\r\n // //00'
Reason : ' + reason + '
' +\r\n // //'
Total Hours: ' + totalHours + '
' +\r\n // // '
Absence Code: ' + absenceText + '
' +\r\n // '
\r\n \r\n
\r\n
\r\n
\r\n
Add New Fixed Asset Request \r\n
\r\n\r\n { error ?
ERROR: Please fill out all the required fields.
: null }\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
Fixed Asset Request \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
Add New Fixed Asset Request \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {request.position_title} \r\n {request.department} \r\n \r\n {moment(request.request_date).format('MM-DD-YYYY')} \r\n {request.status} \r\n \r\n \r\n Details\r\n \r\n {\r\n request.status === 'H.R. Approval' && userInfo.email === 'nubia.osuna@mexilink.com'\r\n ?\r\n \r\n Human Resource Approval\r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n {\r\n request.status === 'Finance Approval' && userInfo.email === 'maria.chacin@mexilink.com'\r\n ?\r\n \r\n Finance Approval\r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n {\r\n request.status === 'Additional Approval' && userInfo.email === 'nubia.osuna@mexilink.com'\r\n ?\r\n \r\n Additional Approval\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\nexport default PersonalRequest;","import React, {useEffect, useState, useRef} from 'react';\r\nimport Spinner from './helpers/Spinner';\r\nimport moment from 'moment';\r\nimport { getPersonalsRequestList} from '../actions/personalrequestActions';\r\nimport {obtenerDepartamentos, obtenerTerritories } from '../actions/manageActions';\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n// import FixedAssetRequests from './FixedAssetRequests';\r\nimport PersonalRequest from './PersonalRequest';\r\n//import ReactExport from \"react-export-excel\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport exportToCSV from './helpers/ExportOrders';\r\n\r\n\r\n// const ExcelFile = ReactExport.ExcelFile;\r\n// const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;\r\n// const ExcelColumn = ReactExport.ExcelFile.ExcelColumn;\r\n\r\nconst PersonalRequestPanel = ({history}) => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n //acceder al state\r\n //const userInfo = useSelector(state=>state.manager.employees);\r\n const departments = useSelector(state=>state.manager.departments);\r\n const territories = useSelector(state => state.manager.territories);\r\n const personalRequests = useSelector(state => state.personalRequest.personalRequests);\r\n\r\n const [department, saveDepartment] = useState('');\r\n const [territory, saveTerritory] = useState('');\r\n const [requests, setRequests] = useState([]);\r\n const [dayBegining, saveDayBeginning] = useState('');\r\n const [dayEnd, saveDayEnd] = useState('');\r\n\r\n const loadPersonalRequests = (department, territory, dateReport, fromDate, toDate) => dispatch(getPersonalsRequestList(department, territory, dateReport, fromDate, toDate));\r\n\r\n // const filterElementsByName = (array, query) => {\r\n // return array.filter(function(el) {\r\n // let name = `${el.employee_name} ${el.employee_lastname}`;\r\n // // console.log(name)\r\n // return name.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n // })\r\n // }\r\n\r\n const handleSearch = async (department, territory, dateReport, fromDate, toDate) => {\r\n\r\n\r\n if(department === '' && territory === '' && dayBegining === '' && dayEnd === '') {\r\n dateReport = 'all';\r\n await loadPersonalRequests(department, territory, 'all', fromDate, toDate);\r\n } else {\r\n\r\n // console.log(department, territory, dateReport, fromDate, toDate);\r\n await loadPersonalRequests(department, territory, true, fromDate, toDate);\r\n }\r\n }\r\n\r\n // const handleReport = async (department, territory, dateReport, fromDate, toDate) => {\r\n // // await loadPersonalRequests(department, territory, dateReport, fromDate, toDate);\r\n // }\r\n\r\n const handleExport = async (data) => {\r\n exportToCSV(data);\r\n }\r\n \r\n // Time Refs\r\n const dayBeginingRef = useRef('');\r\n const dayEndRef = useRef('');\r\n\r\n useEffect(() => {\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n\r\n // let data = {\r\n // reportType:1,\r\n // manager: true,\r\n // companyManager: 'Mexilink'\r\n // }\r\n // const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n // loadEmployeesManager();\r\n\r\n const loadTerritories = ()=> dispatch(obtenerTerritories());\r\n loadTerritories();\r\n\r\n \r\n\r\n }, [])\r\n\r\n useEffect(() => {\r\n\r\n setRequests(personalRequests);\r\n \r\n }, [personalRequests])\r\n \r\n \r\n return (\r\n <>\r\n \r\n
Personal Request Control Panel \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Filter By Department \r\n \r\n
\r\n
\r\n Department: \r\n saveDepartment(e.target.value)}\r\n required\r\n >\r\n Select Department... \r\n {departments.map((department, index) =>(\r\n {department.department} \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n
\r\n
Reports \r\n \r\n
\r\n
\r\n
\r\n
\r\n From: \r\n {/* saveDayBeginning(date)}\r\n \r\n placeholderText=\"Custom Date Range\"\r\n ref = {dayBeginingRef}\r\n // minDate={new Date()}\r\n \r\n required\r\n >\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n To: \r\n {/* saveDayEnd(date)}\r\n \r\n placeholderText=\"Custom Date Range\"\r\n ref = {dayEndRef}\r\n //minDate={new Date()}\r\n \r\n required\r\n >\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n handleExport(personalRequests)}>Export Report \r\n \r\n {/* Download Report}>\r\n \r\n \r\n \r\n {\r\n let equipmentJson = JSON.parse(col.equipment_requested);\r\n let equiposTemplate = ``;\r\n equipmentJson.forEach(equipment => {\r\n\r\n equiposTemplate+= `\r\n\r\n Type: \r\n ${equipment.tipo},\r\n Brand:\r\n ${equipment.brand},\r\n Cost:\r\n ${equipment.cost},\r\n Asset Number:\r\n ${equipment.assetNumber},\r\n Serial Number:\r\n ${equipment.serial}\r\n `\r\n });\r\n \r\n return equiposTemplate;\r\n }\r\n }/>\r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n handleSearch(department, territory,true, dayBegining, dayEnd)}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Position Title \r\n Department \r\n Date \r\n Status \r\n \r\n Actions \r\n \r\n \r\n \r\n {\r\n requests.length > 0\r\n ?\r\n \r\n requests.map(request =>(\r\n Please choose the search criteria to obtain the list of orders.
\r\n \r\n }\r\n \r\n
\r\n
\r\n
'+\r\n // '
Name : ' + employeeName + '
' +\r\n // '
Department : ' + department + '
' +\r\n // //00'
Reason : ' + reason + '
' +\r\n // //'
Total Hours: ' + totalHours + '
' +\r\n // // '
Absence Code: ' + absenceText + '
' +\r\n // '
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Recruitment Request Form \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{/* Approvals && Notifications */}\r\n\r\n\t\t\t\t\t\t\t
Approvals & Notifications \r\n
\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n
\r\n Requestor Name: \r\n saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n Requestor Title: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
Requestor Signature: \r\n
\r\n \r\n {sigPadEmployee = ref}} \r\n onEnd = {saveCanvasEmployee}\r\n />\r\n {/* Save Signature */}\r\n \r\n
\r\n
\r\n
Clear X \r\n
\r\n\r\n
\r\n
\r\n Date: \r\n {/* saveDateSignEmployee(date)}\r\n filterDate={isWeekday}\r\n placeholderText=\"Select a weekday\"\r\n minDate={new Date()}\r\n excludeDates={excludedDatesArray}\r\n required\r\n disabled\r\n />\r\n
\r\n
\r\n \r\n
\r\n\r\n {userInfo.userInfo.email === 'nubia.osuna@mexilink.com' || userInfo.userInfo.email === 'anthony.marban@mexilink.com'\r\n\r\n ? \r\n
\r\n\t\t\t\t\t\t\tHuman Resource Department Use Only \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tDate filled: \r\n\t\t\t\t\t\t\t\t\t\t\r\n {/* saveDateFilled(date)}\r\n \r\n placeholderText=\"Select a date\"\r\n \r\n required\r\n \r\n />\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tPosition Filled by: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tStart Date: \r\n\t\t\t\t\t\t\t\t\t\t saveStartDate(date)}\r\n \r\n placeholderText=\"Select a date\"\r\n \r\n required\r\n \r\n />\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tSalary Offered: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tRecruitment Source: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n : null\r\n }\r\n\r\n\r\n
Submit \r\n \r\n \r\n\r\n { error ?
ERROR: Please fill out all the required fields.
: null }\r\n \r\n
\r\n
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Recruitment Request Form \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{/* Approvals && Notifications */}\r\n\r\n\t\t\t\t\t\t
Approvals & Notifications \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tRequestor Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tRequestor Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Requestor Signature: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{personalRequest.status === 'H.R. Approval' || personalRequest.status === 'Completed'\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tHuman Resources Approval Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tHuman Resources Approval Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Human Resources Approval Signature: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t{personalRequest.status === 'Finance Approval' || personalRequest.status === 'Completed'\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tFinance Notification Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tFinance Notification Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Finance Notification Signature: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t{personalRequest.status === 'Additional Approval' || personalRequest.status === 'Completed'\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tAdditional Approver Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tAdditional Approver Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Additional Approver Signature: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t{userInfo.userInfo.email === 'nubia.osuna@mexilink.com' || userInfo.userInfo.email === 'anthony.marban@mexilink.com'\r\n\r\n\t\t\t\t\t? \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tHuman Resource Department Use Only \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate filled: \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{/* saveDateFilled(date)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tplaceholderText=\"Select a date\"\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tPosition Filled by: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tStart Date: \r\n\t\t\t\t\t\t\t\t\t saveStartDate(date)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\tplaceholderText=\"Select a date\"\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\trequired\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tSalary Offered: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tRecruitment Source: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t: null\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t{/*
Submit */}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{ error ?
ERROR: Please fill out all the required fields.
: null }\r\n\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Recruitment Request Form \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{/* Approvals && Notifications */}\r\n\r\n\t\t\t\t\t\t
Approvals & Notifications \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tRequestor Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tRequestor Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Requestor Signature: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t{personalRequest.status === 'H.R. Approval'\r\n\r\n\t\t\t\t\t? \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tApprovals & Notifications */}\r\n \r\n\r\n\t\t\t\t\t\t\t{userInfo.userInfo.email === 'nubia.osuna@mexilink.com'\r\n ?\r\n
\r\n
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\tSelect Additional Approver: \r\n\t\t\t\t\t\t\t\t\t\tSelect Additional Approver: \r\n saveAdditionalApprover(event)}>\r\n Select... \r\n {employees.map(employee => (\r\n \r\n {employee.employee_name} {employee.employee_lastname}\r\n \r\n ))}\r\n */}\r\n
\r\n
\r\n :null\r\n }\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n
\r\n H.R. Approver: \r\n saveHrApprover(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n H.R. Job Title: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
H.R. Approver Signature: \r\n
\r\n \r\n {sigPadHrApprover = ref}} \r\n onEnd = {saveCanvasHrApprover}\r\n />\r\n {/* Save Signature */}\r\n \r\n
\r\n
\r\n
Clear X \r\n
\r\n\r\n
\r\n
\r\n Date: \r\n {/* savedateSignHrApprover(date)}\r\n filterDate={isWeekday}\r\n placeholderText=\"Select a weekday\"\r\n minDate={new Date()}\r\n excludeDates={excludedDatesArray}\r\n required\r\n disabled\r\n />\r\n
\r\n
\r\n \r\n
\r\n\t\t\t\t\t: null\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t{personalRequest.status === 'Finance Approval' \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tHuman Resources Approval Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tTitle: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Human Resources Approval Signature:: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n
\r\n Finance Notification Name: \r\n saveFinanceApprover(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n Finance Notification Title: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
Finance Notification Signature: \r\n
\r\n \r\n {sigPadFinanceApprover = ref}} \r\n onEnd = {saveCanvasFinanceApprover}\r\n />\r\n {/* Save Signature */}\r\n \r\n
\r\n
\r\n
Clear X \r\n
\r\n\r\n
\r\n
\r\n Date: \r\n {/* savedateSignFinanceApprover(date)}\r\n filterDate={isWeekday}\r\n placeholderText=\"Select a weekday\"\r\n minDate={new Date()}\r\n excludeDates={excludedDatesArray}\r\n required\r\n disabled\r\n />\r\n
\r\n
\r\n \r\n
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{personalRequest.status === 'Additional Approval' \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tFinance Approval Name: \r\n\t\t\t\t\t\t\t\t\t saveRequestorName(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tFinance Approval Title: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Finance Approval Signature:: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t{/*
Save Signature */}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
Clear X */}\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tDate: \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n \r\n\t\t\t\t\t\t\t
\r\n \r\n
\r\n Additional Approver Name: \r\n saveAdditionalApprover(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n Additional Approver Title: \r\n\t\t\t\t\t\t\t\t\t\t
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n
Additional Approver Signature: \r\n
\r\n \r\n {sigPadAdditionalApprover = ref}} \r\n onEnd = {saveCanvasAdditionalApprover}\r\n />\r\n {/* Save Signature */}\r\n \r\n
\r\n
\r\n
Clear X \r\n
\r\n\r\n
\r\n
\r\n Date: \r\n {/* dateSignAdditionalApprover(date)}\r\n filterDate={isWeekday}\r\n placeholderText=\"Select a weekday\"\r\n minDate={new Date()}\r\n excludeDates={excludedDatesArray}\r\n required\r\n disabled\r\n />\r\n
\r\n
\r\n \r\n
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tSubmit \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t denyRecruitmentRequest(e, personalRequest)}>Deny \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t{ error ?
ERROR: Please fill out all the required fields.
: null }\r\n\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n {department.department} \r\n {department.email_director} \r\n {department.report_to} \r\n \r\n {directorOf.length > 1 \r\n ? \r\n directorOf.map(name => {name.department} ) \r\n :\r\n {directorOf[0].department}\r\n \r\n }\r\n
{department.active === 1 ? \"Active\" : \"Inactive\"} \r\n \r\n Edit Department\r\n \r\n );\r\n};\r\n\r\nexport default ListDepartments;","import React, {useEffect, useState} from 'react';\r\nimport {obtenerDepartamentos} from '../actions/manageActions';\r\nimport { useDispatch, useSelector, useStore } from 'react-redux';\r\n\r\nimport Spinner from './helpers/Spinner';\r\nimport ListDepartments from './ListDepartments';\r\n\r\nconst Departments = () => {\r\n const dispatch = useDispatch();\r\n\r\n const departments = useSelector(state=>state.manager.departments);\r\n\r\n\r\n useEffect(() => {\r\n const loadDepartments = ()=> dispatch(obtenerDepartamentos());\r\n loadDepartments();\r\n }, [])\r\n \r\n return (\r\n departments !== undefined && departments !== ''\r\n ?\r\n \r\n \r\n \r\n \r\n
Departments \r\n
\r\n \r\n \r\n Name \r\n Director Mail \r\n Report to \r\n Responsable \r\n Color \r\n Active \r\n Actions \r\n \r\n \r\n {\r\n departments.map(department =>(\r\n \r\n
\r\n
\r\n :\r\n '+\r\n '
Name : ' + employeeName + '
' +\r\n '
\r\n
\r\n
\r\n
\r\n
Your Profile \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {employee.employee_name}{' '}{employee.employee_lastname} \r\n {employee.department} \r\n {moment.utc(employee.hire_date).format('YYYY-MM-DD')} \r\n {/* {moment.utc(employee.increase_date).format('YYYY-MM-DD')} */}\r\n {employee.available_hours} \r\n {employee.carry_over} \r\n {employee.sick_days_limit} \r\n {employee.carry_over_sick_time} \r\n \r\n \r\n \r\n {incrementRules(employee).newAvailableHours} \r\n {incrementRules(employee).seniority} \r\n {incrementRules(employee).newCarryOver} \r\n {incrementRules(employee).newSickDays} \r\n {incrementRules(employee).newCarryOverSickDays} \r\n \r\n Edit Profile\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EmployeesTranslateHours;","import React, {useState, useEffect, Fragment} from 'react';\r\nimport EmployeesTranslateHours from './EmployeesTranslateHours';\r\nimport moment from 'moment';\r\nimport {editarUsuario} from '../actions/authenticateActions';\r\nimport axiosHr from '../config/axiosHR';\r\nimport {obtenerEmpleadosManager} from '../actions/manageActions';\r\n\r\n//Redux\r\nimport { useDispatch, useSelector, useStore } from 'react-redux';\r\n\r\nconst TranslateHours = ({history}) => {\r\n\r\n\r\n //acceder al state\r\n const managerEmployees = useSelector(state=>state.manager.employees);\r\n const userInfo = useSelector(state=>state.userInfo) \r\n \r\n const sortByName = (array) => {\r\n return array.sort(function(a,b) {\r\n let x = a.employee_name.toLowerCase();\r\n let y = b.employee_name.toLowerCase();\r\n \r\n if(x>y) {return 1;}\r\n if(x dispatch (editarUsuario(user));\r\n let data = {\r\n reportType:1,\r\n manager: userInfo.userInfo.manager,\r\n companyManager: userInfo.userInfo.company\r\n }\r\n const loadEmployeesManager = ()=>dispatch(obtenerEmpleadosManager(data));\r\n\r\n //State para el loading\r\n const [loading, saveLoading] = useState(false);\r\n\r\n // Crear reglas de incremento.\r\n const incrementRules = (employee) => {\r\n let newAvailableHours = employee.available_hours;\r\n let newCarryOver = employee.carry_over;\r\n let newSickDays = employee.sick_days_limit;\r\n let newCarryOverSickDays = employee.carry_over_sick_time;\r\n // let hireDate = moment.utc(employee.hire_date);\r\n\r\n let seniority = (Math.floor((moment([employee.hire_date, 0]).diff(moment(), 'year') * -1)/(3)) * 8) >= 41 ? 40 : (Math.floor((moment([employee.hire_date, 0]).diff(moment(), 'year') * -1)/(3)) * 8);\r\n let yearsSeniority = Math.floor((moment([employee.hire_date, 0]).diff(moment(), 'year') * -1));\r\n let seniorityCSI = 0;\r\n // Reglas de incremento.\r\n\r\n \r\n\r\n //console.log(seniority , 'seniority' , employee.hire_date, 'hire date', employee.employee_name, 'employee name');\r\n \r\n \r\n\r\n if(employee.company === 'CSI'){\r\n\r\n // CSI RULES\r\n console.log('CSI RULES');\r\n \r\n\r\n switch (yearsSeniority) {\r\n case 1:\r\n newAvailableHours = 120;\r\n break;\r\n case 2:\r\n newAvailableHours = 120;\r\n break;\r\n case 3:\r\n newAvailableHours = 128;\r\n break;\r\n case 4:\r\n newAvailableHours = 144;\r\n break;\r\n case 5:\r\n newAvailableHours = 160;\r\n break;\r\n case 6:\r\n newAvailableHours = 176;\r\n break;\r\n case 7:\r\n newAvailableHours = 176;\r\n break;\r\n case 8:\r\n newAvailableHours = 176;\r\n break;\r\n case 9:\r\n newAvailableHours = 176;\r\n break;\r\n case 10:\r\n newAvailableHours = 176;\r\n break;\r\n case 11:\r\n newAvailableHours = 192;\r\n break;\r\n case 12:\r\n newAvailableHours = 192;\r\n break;\r\n case 13:\r\n newAvailableHours = 192;\r\n break;\r\n case 14:\r\n newAvailableHours = 192;\r\n break;\r\n case 15:\r\n newAvailableHours = 192;\r\n break;\r\n case 16:\r\n newAvailableHours = 208;\r\n break;\r\n case 17:\r\n newAvailableHours = 208;\r\n break;\r\n case 18:\r\n newAvailableHours = 208;\r\n break;\r\n case 19:\r\n newAvailableHours = 208;\r\n break;\r\n case 20:\r\n newAvailableHours = 208;\r\n break;\r\n case 21:\r\n newAvailableHours = 224;\r\n break;\r\n case 22:\r\n newAvailableHours = 224;\r\n break;\r\n case 23:\r\n newAvailableHours = 224;\r\n break;\r\n case 24:\r\n newAvailableHours = 224;\r\n break;\r\n case 25:\r\n newAvailableHours = 224;\r\n break;\r\n case 26:\r\n newAvailableHours = 240;\r\n break;\r\n case 27:\r\n newAvailableHours = 240;\r\n break;\r\n case 28:\r\n newAvailableHours = 240;\r\n break;\r\n case 29:\r\n newAvailableHours = 240;\r\n break;\r\n case 30:\r\n newAvailableHours = 240;\r\n break;\r\n \r\n default:\r\n \r\n break;\r\n }\r\n\r\n //console.log(yearsSeniority , 'yearsseniority' , employee.hire_date, 'hire date', employee.employee_name, 'employee name', 'newAvailableHours', newAvailableHours);\r\n \r\n newAvailableHours = newAvailableHours + employee.available_hours;\r\n newSickDays = 0;\r\n newCarryOverSickDays = 0;\r\n newCarryOver = 0;\r\n\r\n return {\r\n newAvailableHours,\r\n newCarryOver,\r\n newSickDays,\r\n newCarryOverSickDays,\r\n seniority\r\n }\r\n } else {\r\n\r\n //travel benefits\r\n employee.sales_team === 1 ? newAvailableHours = 136 : newAvailableHours = 96 + seniority; \r\n\r\n if(employee.available_hours > 40){\r\n newCarryOver = 40;\r\n }else {\r\n newCarryOver = employee.available_hours;\r\n }\r\n\r\n if(employee.territory === 'California'){\r\n newSickDays = 48;\r\n\r\n if(employee.carry_over_sick_time > 72){\r\n newCarryOverSickDays = 72;\r\n }else {\r\n newCarryOverSickDays = employee.sick_days_limit;\r\n }\r\n }else {\r\n newSickDays = 24;\r\n newCarryOverSickDays = 0;\r\n }\r\n\r\n return {\r\n newAvailableHours,\r\n newCarryOver,\r\n newSickDays,\r\n newCarryOverSickDays,\r\n seniority\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 updateUserInfo = (employees) => {\r\n \r\n employees.forEach(employee => {\r\n \r\n \r\n const formatHireDate = moment(employee.hire_date).format('YYYY-MM-DD');\r\n const formatLastIncrement = moment(employee.increase_date).format('YYYY-MM-DD');\r\n const formatBirthDate = moment(employee.birth_date).format('YYYY-MM-DD');\r\n let formatTerminateDate = '';\r\n if(employee.terminate_contract === 1){\r\n formatTerminateDate = moment(employee.terminate_date).format('YYYY-MM-DD');\r\n }else {\r\n formatTerminateDate = null;\r\n }\r\n let imgPath = employee.avatar;\r\n let employeeName = employee.employee_name;\r\n let employeeLastname = employee.employee_lastname;\r\n let username = employee.username;\r\n let company = employee.company;\r\n let department = employee.department;\r\n let supervisor = employee.supervisor;\r\n let email = employee.email;\r\n let availableHours = incrementRules(employee).newAvailableHours;\r\n let carryOver = incrementRules(employee).newCarryOver;\r\n let sickDays = incrementRules(employee).newSickDays;\r\n let emailSupervisor = employee.supervisor_mail;\r\n let uidEmployee = employee.uid;\r\n let token = employee.token;\r\n let territory = employee.territory;\r\n let travelBenefits = employee.travel_benefits;\r\n let terminated = employee.terminate_contract;\r\n let accruedTimeSick = employee.accrued_sick_days;\r\n let carryOverSickTime = incrementRules(employee).newCarryOverSickDays;\r\n let idDepartment = employee.id_department;\r\n let gender = employee.gender;\r\n let parenthood = employee.parenthood;\r\n let workplace = employee.work_place;\r\n let jobTitle = employee.job_title;\r\n let phone = employee.phone;\r\n let independetContractor = employee.independent_contractor;\r\n let insperityEmployeeId = employee.insperity_employee_id;\r\n let birthplace = employee.birth_place;\r\n let salesTeam = employee.sales_team;\r\n\r\n \r\n editUser({\r\n imgPath,\r\n employeeName,\r\n employeeLastname,\r\n username,\r\n company,\r\n department,\r\n supervisor,\r\n email,\r\n availableHours,\r\n carryOver,\r\n sickDays,\r\n emailSupervisor,\r\n uidEmployee,\r\n token,\r\n formatHireDate,\r\n formatLastIncrement,\r\n territory,\r\n travelBenefits,\r\n terminated,\r\n formatTerminateDate,\r\n accruedTimeSick,\r\n carryOverSickTime,\r\n idDepartment,\r\n gender,\r\n parenthood,\r\n workplace,\r\n formatBirthDate,\r\n birthplace,\r\n jobTitle,\r\n phone,\r\n independetContractor,\r\n insperityEmployeeId,\r\n salesTeam\r\n });\r\n\r\n \r\n let data = {\r\n uid : employee.uid,\r\n hours_before_mov:parseInt(employee.available_hours),\r\n hours_after_mov:incrementRules(employee).newAvailableHours,\r\n hours_mov: incrementRules(employee).newAvailableHours - parseInt(employee.available_hours),\r\n carry_over_before_mov:parseInt(employee.carry_over),\r\n carry_over_after_mov:incrementRules(employee).newCarryOver,\r\n carry_over_sick_time_before:parseInt(employee.carry_over_sick_time),\r\n carry_over_sick_time_after:incrementRules(employee).newCarryOverSickDays,\r\n observations: `${employee.available_hours},${incrementRules(employee).newAvailableHours},${employee.carry_over},${incrementRules(employee).newCarryOver},${employee.sick_days_limit},${incrementRules(employee).newSickDays},${employee.carry_over_sick_time},${carryOverSickTime}`,\r\n type_mov: 'Edit User',\r\n date_mov: moment().format('YYYY-MM-DD'),\r\n mov_increase_date: moment(employee.increase_date).format('YYYY-MM-DD'),\r\n mov_yearly_increase_date:moment(employee.year_increase_date).format('YYYY-MM-DD'),\r\n increase_date_before_mov:formatLastIncrement,\r\n yearly_increase_date_before_mov:moment(employee.year_increase_date).format('YYYY-MM-DD')\r\n }\r\n axiosHr.post('/hour-movement-log', data)\r\n .then(respuesta => {\r\n console.log(respuesta)\r\n })\r\n .catch(error => {\r\n console.log(error)\r\n });\r\n\r\n });\r\n\r\n loadEmployeesManager();\r\n\r\n //redirect\r\n setTimeout(() => {\r\n\r\n history.push('/home');\r\n }, 3000);\r\n }\r\n\r\n\r\n return (\r\n \r\n Translate Hours \r\n\r\n \r\n
\r\n
Employees Hours Translate Rules \r\n \r\n {userInfo.userInfo.company === 'CSI' ?\r\n
\r\n
\r\n Employees starts with 120 available hours \r\n Users Gets 8 hours every 3 years since year of hire date \r\n \r\n {/* You Can Take PTO After 30 Days of Employment (New hired) */}\r\n \r\n
\r\n \r\n \r\n Year Worked \r\n Initial Available Hours \r\n \r\n \r\n \r\n \r\n 1 \r\n 120 \r\n \r\n \r\n 2 \r\n 120 \r\n \r\n \r\n 3 \r\n 128 \r\n \r\n \r\n 4 \r\n 144 \r\n \r\n \r\n 5 \r\n 160 \r\n \r\n \r\n 6-10 \r\n 176 \r\n \r\n \r\n 11-15 \r\n 192 \r\n \r\n \r\n 16-20 \r\n 208 \r\n \r\n \r\n 21-25 \r\n 224 \r\n \r\n \r\n 26-30 \r\n 240 \r\n \r\n\r\n \r\n
\r\n
\r\n :\r\n
\r\n
\r\n Employees starts with 96 available hours \r\n Users Gets 8 hours every 3 years since year of hire date \r\n Max Carry Over is 40 hours \r\n Initial Sick Time 24 hours \r\n Initial Sick Time California 48 Hours \r\n California Max Carry Over Sick Time 72 Hours \r\n Sales Team Starts With 136 Available Hours \r\n {/* You Can Take PTO After 30 Days of Employment (New hired) */}\r\n \r\n
\r\n \r\n }\r\n \r\n\r\n
\r\n
updateUserInfo(employees)} className='btn btn-warning btn-lg' disabled={loading}>\r\n {loading ? 'Processing...' : 'Start Process'}\r\n \r\n {loading &&
}\r\n \r\n
\r\n
\r\n \r\n \r\n Employee \r\n Department \r\n Hire Date \r\n \r\n Available Hours \r\n \r\n Carry Over \r\n Sick Days \r\n Carry Over Sick Days \r\n Translate Hours To \r\n New Available Hours \r\n Seniority Hours (already included) \r\n New Carry Over \r\n New Sick Days \r\n New Carry Over Sick Days \r\n\r\n Actions \r\n \r\n \r\n \r\n \r\n {\r\n employees.length > 0\r\n ?\r\n employees.map(employee =>(\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TranslateHours;","import React from 'react';\r\n\r\nimport {BrowserRouter as Router, Route, Switch} from 'react-router-dom';\r\n\r\n// Redux\r\nimport {Provider} from 'react-redux';\r\nimport store from './store';\r\n\r\n//Components\r\n//import Header from './components/Header';\r\nimport Navigation from './components/Navigation';\r\nimport Home from './components/Home';\r\nimport NewPto from './components/NewPto';\r\nimport EditPto from './components/EditPto';\r\nimport ViewPto from './components/ViewPto';\r\nimport Supervisor from './components/Supervisor';\r\nimport Login from './components/Login';\r\nimport ManageDepartment from './components/ManageDepartment';\r\nimport ManageDepartmentSupervisor from './components/ManageDepartmentSupervisor';\r\nimport EmployeePtos from './components/EmployeePtos';\r\nimport PrivateRoute from './components/helpers/PrivateRoute';\r\nimport PtoCalendar from './components/PtoCalendar';\r\nimport PtoYearCalendar from './components/PtoYearCalendar';\r\nimport Director from './components/Director';\r\nimport NewPtoHr from './components/NewPtoHr';\r\nimport NewUser from './components/NewUser';\r\nimport ViewUser from './components/ViewUser';\r\nimport EditUser from './components/EditUser';\r\nimport HistoryUsers from './components/HistoryUsers';\r\nimport Footer from './components/Footer';\r\nimport UserReports from './components/UserReports';\r\n// Fixed Asset Request\r\nimport FixedAssetRequestPanel from './components/FixedAssetRequestPanel';\r\nimport NewFixedAsset from './components/NewFixedAsset';\r\nimport ViewFixedAssetRequest from './components/ViewFixedAssetRequest';\r\nimport EditFixedAssetRequest from './components/EditFixedAssetRequest';\r\n\r\n// Personal Requests\r\nimport PersonalRequestPanel from './components/PersonalRquestPanel';\r\nimport NewPersonalRequest from './components/NewPersonalRequest';\r\nimport ViewPersonalRequest from './components/ViewPersonalRequest';\r\nimport EditPersonalRequest from './components/EditPersonalRequest';\r\n\r\n// Departments\r\nimport Departments from './components/Departments';\r\nimport NewDepartment from './components/NewDepartment';\r\nimport EditDepartment from './components/EditDepartment';\r\nimport ViewProfile from './components/ViewProfile';\r\n\r\nimport TranslateHours from './components/TranslateHours';\r\n\r\n\r\nfunction App() {\r\n\r\n return (\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './bootstrap.min.css';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(