\r\n {/* begin::Header */}\r\n {/*
\r\n )\r\n}\r\n\r\nexport { ListsWidget6 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport { KTSVG } from '../../../helpers'\r\n\r\ntype Props = {\r\n className: string\r\n color: string\r\n svgIcon: string\r\n iconColor: string\r\n title: string\r\n description: string\r\n}\r\n\r\nconst StatisticsWidget5: React.FC\r\n
*/}\r\n {/* end::Header */}\r\n {/* begin::Body */}\r\n Notifications
\r\n */}\r\n {/* begin::Menu */}\r\n {/* \r\n
\r\n \r\n {/* begin::Item */}\r\n
\r\n {/* end::Body */}\r\n \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n {/* \r\n \r\n {value2}\r\n \r\n {label2}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +28% */}\r\n {/* end::Lable */}\r\n */}\r\n {/* begin::Icon */}\r\n {/* \r\n\r\n
*/}\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n \r\n \r\n {value2}\r\n \r\n {label2}\r\n
*/}\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +50% */}\r\n {/* end::Lable */}\r\n {/* \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n \r\n \r\n {value3}\r\n \r\n {label3}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* -27% */}\r\n {/* end::Lable */}\r\n \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n \r\n {'Latest WeeklyWrapUp'}\r\n \r\n {/* {label4} */}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +8% */}\r\n {/* end::Lable */}\r\n \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n \r\n \r\n {'Latest Bank Deposit Files'}\r\n \r\n {/* {label4} */}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +8% */}\r\n {/* end::Lable */}\r\n \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n \r\n \r\n {'Latest Document Library'}\r\n \r\n {/* {label4} */}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +8% */}\r\n {/* end::Lable */}\r\n \r\n {/* begin::Icon */}\r\n \r\n
\r\n {/* end::Item */}\r\n\r\n\r\n \r\n \r\n {'Latest EOM'}\r\n \r\n {/* {label4} */}\r\n
\r\n {/* end::Title */}\r\n {/* begin::Lable */}\r\n {/* +8% */}\r\n {/* end::Lable */}\r\n \r\n {/* begin::Body */}\r\n
\r\n )\r\n}\r\n\r\nexport { StatisticsWidget5 }\r\n","import axios from 'axios'\r\nimport { API_URL } from '../Department/DepartmentService'\r\n\r\n\r\nexport const Hotel_URL = `${API_URL}/api/Hotel`\r\n\r\n\r\n\r\nexport function GetAllHotels(accessToken: string) {\r\n return axios.get(`${Hotel_URL}/AllHotelsNames`, \r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function GetHotelsByUser(LoggedInUser: number, accessToken: string) {\r\n return axios.get(`${Hotel_URL}/GetHotelByUser?userId=${LoggedInUser}`, \r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}\r\n\r\nexport function GetDashboardData(hotelId: any, accessToken: string) {\r\n return axios.get(`${API_URL}/api/Dashboard?hotelId=${hotelId}`, \r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function GetHotels(accessToken: string) {\r\n return axios.get(`${Hotel_URL}`, \r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function GetHotelById(id: number, accessToken: string) {\r\n\r\n return axios.get(`${Hotel_URL}/${id}`,\r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n }\r\n );\r\n}\r\n\r\n\r\nexport function PostHotel(model: FormData, accessToken: string) {\r\n\r\n console.log('fomData values in PostHotel -- ', model);\r\n return axios.post(`${Hotel_URL}`,\r\n model, {\r\n headers: {\r\n 'content-type': 'multipart/form-data',\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n }\r\n );\r\n}\r\n\r\nexport function UpdateHotel(id: number, model: any, accessToken: string) {\r\n model.id = id;\r\n return axios.put(`${Hotel_URL}/${id}`, model, \r\n {\r\n headers: {\r\n 'content-type': 'multipart/form-data',\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function DeleteHotel(id: number, accessToken: string) {\r\n return axios.delete(`${Hotel_URL}/${id}`, \r\n {\r\n headers: {\r\n 'Authorization': 'Bearer ' + accessToken\r\n }\r\n });\r\n}","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { toast } from 'react-toastify'\r\nimport { KTSVG } from '../../../helpers'\r\n\r\ntype Props = {\r\n className: string\r\n color: string\r\n title: string\r\n label1: string\r\n label2: string\r\n label3: string\r\n label4: string\r\n titleLabel: string\r\n text1: string\r\n text2: string\r\n text3: string\r\n text4: string\r\n text5: string\r\n value1: string\r\n value2: string\r\n value3: string\r\n value4: string\r\n titleValue: string\r\n condition1: boolean\r\n condition2: boolean\r\n condition3: boolean\r\n condition4: boolean\r\n show1: boolean\r\n show2: boolean\r\n show3: boolean\r\n show4: boolean\r\n marginTop: string\r\n paddingMarginClasses: string\r\n showTitleTab: boolean\r\n icon1: string\r\n icon2: string\r\n icon3: string\r\n icon4: string\r\n hotelId: string,\r\n hotelName: string,\r\n latestPayrollReportId: number,\r\n setHotelID: (id: string) => {}\r\n setHotelName: (name: string) => {}\r\n\r\n\r\n}\r\n\r\nconst MixedWidget1: React.FC\r\n {svgIcon != '' &&\r\n
\r\n {/* end::Body */}\r\n {title}
\r\n\r\n {description}
\r\n \r\n {/* begin::Body */}\r\n
\r\n {/* end::Body */}\r\n \r\n )\r\n}\r\n\r\nexport { MixedWidget1 }\r\n","export class ElementStyleUtil {\r\n public static set(element: HTMLElement, property: string, value?: any, important?: boolean) {\r\n if (important) {\r\n element.style.setProperty(property, value, 'important')\r\n } else {\r\n element.style.setProperty(property, value)\r\n }\r\n }\r\n\r\n public static get(element: HTMLElement, attributeName: string) {\r\n return element.style.getPropertyValue(attributeName)\r\n }\r\n\r\n public static remove(element: HTMLElement, attibuteName: string) {\r\n element.style.removeProperty(attibuteName)\r\n }\r\n}\r\n","export class DataUtil {\r\n static store: Map\r\n {/* begin::Header */}\r\n {showTitleTab &&\r\n \r\n
\r\n {/* end::Items */}\r\n \r\n {/* begin::Heading */}\r\n
\r\n }\r\n {/* end::Header */}\r\n {/* begin::Items */}\r\n \r\n
\r\n {/* end::Heading */}\r\n {/* begin::Balance */}\r\n {title}
\r\n\r\n\r\n {titleLabel ? titleLabel : '--'}\r\n {titleValue ? titleValue : '--'}\r\n
\r\n {/* end::Balance */}\r\n PayrollReport MPOR
\r\n {/* begin::Item */}\r\n {show1 &&\r\n\r\n {/* begin::Symbol */}\r\n {/*
\r\n }\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n {show2 &&\r\n \r\n */}\r\n {/*
*/}\r\n {/* end::Symbol */}\r\n {/* begin::Description */}\r\n {/* replaced flex-wrap with flex-wrap in 4 places*/}\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Description */}\r\n \r\n \r\n {label1 ? label1 : '--'}\r\n \r\n
\r\n {/* end::Title */}\r\n {/* begin::Label */}\r\n {label1 ? text1 : '--'}
\r\n \r\n
\r\n {/* end::Label */}\r\n {value1 ? value1 : '0'}
\r\n {/* \r\n {/* begin::Symbol */}\r\n {/*
\r\n }\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n {show3 &&\r\n \r\n */}\r\n {/*
*/}\r\n {/* end::Symbol */}\r\n {/* begin::Description */}\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Description */}\r\n \r\n \r\n {label2 ? label2 : '--'}\r\n \r\n
\r\n {/* end::Title */}\r\n {/* begin::Label */}\r\n {label2 ? text2 : '--'}
\r\n \r\n
\r\n {/* end::Label */}\r\n {value2 ? value2 : '0'}
\r\n {/* \r\n {/* begin::Symbol */}\r\n {/*
\r\n }\r\n {/* end::Item */}\r\n {/* begin::Item */}\r\n {show4 &&\r\n\r\n \r\n \r\n
*/}\r\n {/* end::Symbol */}\r\n {/* begin::Description */}\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Description */}\r\n \r\n \r\n {label3 ? label3 : '--'}\r\n \r\n
\r\n {/* end::Title */}\r\n {/* begin::Label */}\r\n {label3 ? text3 : '--'}
\r\n \r\n
\r\n {/* end::Label */}\r\n {value3 ? value3 : '0'}
\r\n {/* \r\n {/* begin::Symbol */}\r\n
\r\n }\r\n {/* end::Item */}\r\n \r\n \r\n {/*
\r\n {/* end::Symbol */}\r\n {/* begin::Description */}\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Description */}\r\n \r\n \r\n {label4}\r\n \r\n
\r\n {/* end::Title */}\r\n {/* begin::Label */}\r\n {text4}
\r\n \r\n
\r\n {/* end::Label */}\r\n {value4}
\r\n \r\n const value = parseInt(buffer.style.getPropertyValue('z-index'))\r\n if (!isNaN(value) && value !== 0) {\r\n return value\r\n }\r\n }\r\n\r\n bufferNode = bufferNode.parentNode\r\n buffer = bufferNode as HTMLElement\r\n }\r\n return null\r\n}\r\n\r\nfunction getScrollTop(): number {\r\n return (document.scrollingElement || document.documentElement).scrollTop\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth\r\nfunction getViewPort(): ViewPortModel {\r\n return {\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n }\r\n}\r\n\r\nfunction insertAfterElement(el: HTMLElement, referenceNode: HTMLElement) {\r\n return referenceNode.parentNode?.insertBefore(el, referenceNode.nextSibling)\r\n}\r\n\r\nfunction isElementHasClasses(element: HTMLElement, classesStr: string): boolean {\r\n const classes = classesStr.split(' ')\r\n for (let i = 0; i < classes.length; i++) {\r\n if (!element.classList.contains(classes[i])) {\r\n return false\r\n }\r\n }\r\n\r\n return true\r\n}\r\n\r\nfunction isVisibleElement(element: HTMLElement): boolean {\r\n return !(element.offsetWidth === 0 && element.offsetHeight === 0)\r\n}\r\n\r\n// Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\nfunction throttle(timer: number | undefined, func: Function, delay?: number) {\r\n // If setTimeout is already scheduled, no need to do anything\r\n if (timer) {\r\n return\r\n }\r\n\r\n // Schedule a setTimeout after delay seconds\r\n timer = window.setTimeout(function () {\r\n func()\r\n\r\n // Once setTimeout function execution is finished, timerId = undefined so that in
\r\n // the next scroll event function execution can be scheduled by the setTimeout\r\n timer = undefined\r\n }, delay)\r\n}\r\n\r\nfunction getElementChildren(element: HTMLElement, selector: string): Array
\r\n {children}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport {AsideMenuItemWithSub}\r\n","import React from 'react'\r\nimport clsx from 'clsx'\r\nimport { Link } from 'react-router-dom'\r\nimport { useLocation, useHistory } from 'react-router'\r\nimport { checkIsActive, KTSVG } from '../../../helpers'\r\nimport { useLayout } from '../../core'\r\n\r\ntype Props = {\r\n to: string\r\n title: string\r\n icon?: string\r\n fontIcon?: string\r\n hasBullet?: boolean\r\n}\r\n\r\nconst AsideMenuItem: React.FC { history.push(to) }}\r\n className='menu-item menu-link px-5 d-flex p-2' style={{ cursor: 'pointer' }}>\r\n {icon && aside.menuIcon === 'svg' && (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport { AsideMenuItem }\r\n","/* eslint-disable react/jsx-no-target-blank */\r\nimport React, { useContext, useEffect } from 'react'\r\n// import {useIntl} from 'react-intl'\r\nimport { checkIsActive, KTSVG } from '../../../helpers'\r\nimport { AsideMenuItemWithSub } from './AsideMenuItemWithSub'\r\nimport { AsideMenuItem } from './AsideMenuItem'\r\n// import { IsAuthorizedContext } from '../../../../app/contexts/isAuthorizedContext';\r\nimport { useAuth } from '../../../../app/contexts/CustomContextHook/useAuth';\r\nimport { useHotel } from '../../../../app/contexts/CustomContextHook/useHotel'\r\nimport { useHotel2 } from '../../../../app/contexts/HotelContext';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { useLayout } from '../../core';\r\nimport clsx from 'clsx';\r\n\r\nexport function AsideMenuMain() {\r\n // const intl = useIntl()\r\n\r\n // const isAuthorizedCxt = useContext(IsAuthorizedContext);\r\n\r\n const { UserToken, setUserToken } = useAuth('')\r\n\r\n\r\n const history = useHistory();\r\n // const { Hotel, setHotel } = useHotel()\r\n\r\n const { HotelId, setHotelId, HotelName, setHotelName } = useHotel2();\r\n\r\n let IsAdmin = false;\r\n\r\n let IsManager = false;\r\n\r\n\r\n let IsCheifEngineer = false;\r\n\r\n let IsVPO = false;\r\n\r\n let IsAreaDirector = false;\r\n\r\n if (UserToken.Roles.length !== 0) {\r\n UserToken.Roles.forEach(role => {\r\n if (role.toLowerCase().includes('admin')) {\r\n IsAdmin = true;\r\n } else if (role.toLowerCase().includes('general') && role.toLowerCase().includes('manager')) {\r\n IsManager = true;\r\n\r\n } else if (role.toLowerCase().includes('chief') && role.toLowerCase().includes('engineer')) {\r\n IsCheifEngineer = true;\r\n\r\n } else if (role.toLowerCase().includes('vp') || role.toLowerCase().includes('vpo')) {\r\n IsVPO = true;\r\n }\r\n else if (role.toLowerCase().includes('area') && role.toLowerCase().includes('director')) {\r\n IsAreaDirector = true;\r\n }\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n const logout = () => {\r\n // localStorage.setItem('isAuthorized', 'false');\r\n // isAuthorizedCxt.setIsaAuthorized(false);\r\n\r\n // localStorage.setItem('HotelId', 0);\r\n\r\n // setHotel({ HotelId: 0 });\r\n\r\n setHotelId('0');\r\n setHotelName(\"\");\r\n\r\n\r\n // localStorage.setItem('Token', '');\r\n\r\n // localStorage.setItem('Expiry', '');\r\n\r\n\r\n\r\n // localStorage.setItem('LoggedInUserId', '');\r\n // localStorage.setItem('UserRoles', []);\r\n\r\n // localStorage.setItem('FirstName', '');\r\n // localStorage.setItem('LastName', '');\r\n // localStorage.setItem('Email', '');\r\n\r\n localStorage.setItem(\"SignOut\", true);\r\n\r\n localStorage.removeItem(\"WeeklyWrapUpObj\");\r\n localStorage.removeItem(\"WeeklyWrapUpObjEditedHotelId\");\r\n localStorage.removeItem('ReturnURL');\r\n localStorage.removeItem('FormEditingMode');\r\n localStorage.removeItem('IsEditOperation');\r\n\r\n\r\n localStorage.removeItem('PayrollReportObjEditedHotelId');\r\n localStorage.removeItem('PayrollReportObjFormEditingMode');\r\n localStorage.removeItem('IsPayrollReportObjEditOperation');\r\n localStorage.removeItem('PayrollReportReturnURL');\r\n localStorage.removeItem('PayrollReportObj');\r\n\r\n\r\n setUserToken('', '', '', [], '', '', '');\r\n\r\n\r\n }\r\n\r\n const handleWeeklyWrapUpClick = () => {\r\n\r\n console.log('onClick Triggering --**');\r\n\r\n if (localStorage.getItem(\"WeeklyWrapUpObj\") !== null) {\r\n\r\n let EditedHotelId = localStorage.getItem(\"WeeklyWrapUpObjEditedHotelId\");\r\n\r\n console.log('EditedHotelId == ', EditedHotelId);\r\n\r\n console.log('HotelId == ', HotelId);\r\n\r\n let Result = HotelId == EditedHotelId;\r\n\r\n console.log('HotelId == EditedHotelId ** ', Result);\r\n\r\n if (Result == false) {\r\n\r\n console.log('$$##@@!!!%%^^^&&&(())');\r\n\r\n localStorage.removeItem(\"WeeklyWrapUpObj\");\r\n\r\n localStorage.removeItem(\"WeeklyWrapUpObjEditedHotelId\");\r\n\r\n localStorage.removeItem('ReturnURL');\r\n\r\n localStorage.removeItem('FormEditingMode');\r\n\r\n localStorage.removeItem('IsEditOperation');\r\n\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n let FormEditingMode = localStorage.getItem(\"FormEditingMode\");\r\n\r\n let IsEditOperation = localStorage.getItem('IsEditOperation');\r\n\r\n let ReturnURL = localStorage.getItem('ReturnURL');\r\n\r\n\r\n console.log('FormEditingMode == ', FormEditingMode);\r\n if (FormEditingMode && IsEditOperation && ReturnURL) {\r\n history.push(ReturnURL);\r\n console.log('In if Statement AsideMenuMain FormEditingMode && IsEditOperation && ReturnURL');\r\n\r\n }\r\n else if (FormEditingMode) {\r\n\r\n history.push('/weeklyWrapUp/create');\r\n\r\n console.log('In if Statement AsideMenuMain only FormEditingMode');\r\n\r\n }\r\n\r\n else {\r\n\r\n console.log('In else-if Statement AsideMenuMain');\r\n\r\n history.push('/weeklyWrapUp/All-reports');\r\n }\r\n }\r\n\r\n const handlePayrollReportClick = () => {\r\n\r\n console.log('onClick Triggering --**');\r\n\r\n if (localStorage.getItem(\"PayrollReportObj\") !== null) {\r\n\r\n let EditedHotelId = localStorage.getItem(\"PayrollReportObjEditedHotelId\");\r\n\r\n let Result = HotelId == EditedHotelId;\r\n\r\n console.log('HotelId == EditedHotelId ** ', Result);\r\n\r\n if (Result == false) {\r\n\r\n console.log('$$##@@!!!%%^^^&&&(())');\r\n\r\n localStorage.removeItem('PayrollReportObjEditedHotelId');\r\n localStorage.removeItem('PayrollReportObjFormEditingMode');\r\n localStorage.removeItem('IsPayrollReportObjEditOperation');\r\n localStorage.removeItem('PayrollReportReturnURL');\r\n localStorage.removeItem('PayrollReportObj');\r\n }\r\n }\r\n let FormEditingMode = localStorage.getItem(\"PayrollReportObjFormEditingMode\");\r\n\r\n let IsEditOperation = localStorage.getItem('IsPayrollReportObjEditOperation');\r\n\r\n let ReturnURL = localStorage.getItem('PayrollReportReturnURL');\r\n\r\n if (FormEditingMode && IsEditOperation && ReturnURL) {\r\n history.push(ReturnURL);\r\n }\r\n else if (FormEditingMode) {\r\n history.push('/payrollReport/create');\r\n }\r\n else {\r\n history.push('/payrollReport/AllpayrollReports');\r\n }\r\n }\r\n\r\n\r\n\r\n const handleDocumentLibraryClick = () => {\r\n\r\n console.log('onClick Triggering --**');\r\n\r\n if (localStorage.getItem(\"DocumentLibraryObj\") !== null) {\r\n\r\n let EditedHotelId = localStorage.getItem(\"DocumentLibraryObjEditedHotelId\");\r\n\r\n let Result = HotelId == EditedHotelId;\r\n\r\n console.log('HotelId == EditedHotelId ** ', Result);\r\n\r\n if (Result == false) {\r\n\r\n console.log('$$##@@!!!%%^^^&&&(())');\r\n\r\n localStorage.removeItem('DocumentLibraryObjEditedHotelId');\r\n localStorage.removeItem('DocumentLibraryObjFormEditingMode');\r\n localStorage.removeItem('IsDocumentLibraryObjEditOperation');\r\n localStorage.removeItem('DocumentLibraryReturnURL');\r\n localStorage.removeItem('DocumentLibraryObj');\r\n }\r\n }\r\n let FormEditingMode = localStorage.getItem(\"DocumentLibraryObjFormEditingMode\");\r\n\r\n let IsEditOperation = localStorage.getItem('IsDocumentLibraryObjEditOperation');\r\n\r\n let ReturnURL = localStorage.getItem('DocumentLibraryReturnURL');\r\n\r\n if (FormEditingMode && IsEditOperation && ReturnURL) {\r\n history.push(ReturnURL);\r\n }\r\n else if (FormEditingMode) {\r\n history.push('/documentLibrary/create');\r\n }\r\n else {\r\n history.push('/documentLibrary/All');\r\n }\r\n }\r\n\r\n\r\n\r\n const handleEOMLibraryClick = () => {\r\n\r\n console.log('onClick Triggering --**');\r\n\r\n if (localStorage.getItem(\"EOMLibraryObj\") !== null) {\r\n\r\n let EditedHotelId = localStorage.getItem(\"EOMLibraryObjEditedHotelId\");\r\n\r\n let Result = HotelId == EditedHotelId;\r\n\r\n console.log('HotelId == EditedHotelId ** ', Result);\r\n\r\n if (Result == false) {\r\n\r\n console.log('$$##@@!!!%%^^^&&&(())');\r\n\r\n localStorage.removeItem('EOMLibraryObjEditedHotelId');\r\n localStorage.removeItem('EOMLibraryObjFormEditingMode');\r\n localStorage.removeItem('IsEOMLibraryObjEditOperation');\r\n localStorage.removeItem('EOMLibraryReturnURL');\r\n localStorage.removeItem('EOMLibraryObj');\r\n }\r\n }\r\n let FormEditingMode = localStorage.getItem(\"EOMLibraryObjFormEditingMode\");\r\n\r\n let IsEditOperation = localStorage.getItem('IsEOMLibraryObjEditOperation');\r\n\r\n let ReturnURL = localStorage.getItem('EOMLibraryReturnURL');\r\n\r\n if (FormEditingMode && IsEditOperation && ReturnURL) {\r\n history.push(ReturnURL);\r\n }\r\n else if (FormEditingMode) {\r\n history.push('/eomLibrary/create');\r\n }\r\n else {\r\n history.push('/eomLibrary/All');\r\n }\r\n }\r\n\r\n\r\n\r\n const { pathname } = useLocation()\r\n const isActive = checkIsActive(pathname, '/weeklyWrapUp')\r\n const { config } = useLayout()\r\n const { aside } = config\r\n\r\n\r\n\r\n const isActivePayrollReport = checkIsActive(pathname, '/payrollReport')\r\n const isActiveDocumentLibrary = checkIsActive(pathname, '/documentLibrary')\r\n const isActiveEOMLibrary = checkIsActive(pathname, '/eomLibrary')\r\n\r\n\r\n return (\r\n <>\r\n\r\n\r\n {IsAdmin && HotelId === '0' &&\r\n <>\r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n \r\n }\r\n\r\n {(IsCheifEngineer || IsAdmin || IsManager || IsVPO || IsAreaDirector) && HotelId !== '0' && HotelId !== 0 &&\r\n <>\r\n \r\n {/* begin::Logo */}\r\n {aside.theme === 'dark' && (\r\n\r\n \r\n \r\n
\r\n )}\r\n {/* end::Aside toggler */}\r\n \r\n {/* end::Brand */}\r\n\r\n {/* begin::Aside menu */}\r\n \r\n
\r\n {/* end::Aside menu */}\r\n\r\n {/* begin::Footer */}\r\n {/* */}\r\n {/* end::Footer */}\r\n \r\n )\r\n}\r\n\r\nexport {AsideDefault}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {FC} from 'react'\r\nimport {useLayout} from '../core'\r\n\r\nconst Footer: FC = () => {\r\n const {classes} = useLayout()\r\n return (\r\n \r\n {/* end::Container */}\r\n \r\n )\r\n}\r\n\r\nexport {Footer}\r\n","import React, { createContext, useState } from \"react\"\r\n\r\nexport type AuthUser = {\r\n name : string\r\n email : string\r\n}\r\n\r\ntype UserContextProviderProps = {\r\n children : React.ReactNode\r\n}\r\n\r\n// type UserContextType = {\r\n// user : AuthUser | null\r\n// setUser : React.Dispatch{UserToken.FirstName} {UserToken.LastName} ({UserToken.Roles.map(a => {return( {a.replace('\"',\"\").replace('\"',\"\").replace(\"[\",\"\").replace(\"]\",\"\")},) })})
\r\n\r\n
\r\n {/* {UserToken.Email}
\r\n\r\n Account Settings */}\r\n {/* 24 reports */}\r\n {/*
*/}\r\n\r\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 { HeaderNotificationsMenu }\r\n","import {toAbsoluteUrl} from '../../../helpers'\r\n\r\nexport function FallbackView() {\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 Get Pro Access
*/}\r\n\r\n {/*\r\n Outlines keep you honest. They stoping you from amazing poorly about drive\r\n
*/}\r\n\r\n \r\n \r\n Logout\r\n \r\n
\r\n \r\n })
\r\n Loading ...\r\n
\r\n )\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, {useState, useEffect} from 'react'\r\nimport {createPortal} from 'react-dom'\r\n\r\n/**\r\n * React portal based on https://stackoverflow.com/a/59154364\r\n * @param children Child elements\r\n * @param className CSS classname\r\n * @param el HTML element to create. default: div\r\n */\r\nconst Portal: React.FC<{className?: string}> = ({children, className = ''}) => {\r\n const [container] = useState(document.createElement('div'))\r\n\r\n if (className) container.classList.add(className)\r\n\r\n useEffect(() => {\r\n document.body.appendChild(container)\r\n return () => {\r\n document.body.removeChild(container)\r\n }\r\n }, [])\r\n\r\n return createPortal(children, container)\r\n}\r\n\r\nexport {Portal}\r\n","// //---------------------------\r\nimport clsx from 'clsx'\r\nimport React, { FC, useState } from 'react'\r\nimport { Button, Modal } from 'react-bootstrap-v5'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../helpers'\r\n// import {HeaderNotificationsMenu, HeaderUserMenu, QuickLinks} from '../../../partials'\r\nimport { HeaderNotificationsMenu, HeaderUserMenu } from '../../../partials'\r\n\r\nimport { useLayout } from '../../core'\r\n\r\nconst toolbarButtonMarginClass = 'ms-1 ms-lg-3',\r\n toolbarButtonHeightClass = 'w-30px h-30px w-md-40px h-md-40px',\r\n toolbarUserAvatarHeightClass = 'symbol-30px symbol-md-40px',\r\n toolbarButtonIconSizeClass = 'svg-icon-1'\r\n\r\nconst Topbar: FC = () => {\r\n const { config } = useLayout()\r\n\r\n const [show, setShow] = useState(false);\r\n\r\n const handleClose = () => { setShow(false) };\r\n const handleShow = () => { if (show) { setShow(false) } else setShow(true) };\r\n\r\n return (\r\n \r\n Loading ...\r\n \r\n {/* Search */}\r\n {/*
*/}\r\n {/* Quick links */}\r\n {/* \r\n
*/}\r\n {/* Activities */}\r\n {/* */}\r\n {/* begin::Drawer toggle */}\r\n {/* \r\n
*/}\r\n {/* end::Drawer toggle */}\r\n {/* */}\r\n {/* begin::Menu wrapper */}\r\n {/* \r\n
\r\n */}\r\n {/* begin::Menu wrapper */}\r\n {/* \r\n
*/}\r\n {/* end::Menu wrapper */}\r\n {/* */}\r\n {/* NOTIFICATIONS */}\r\n \r\n {/* begin::Menu- wrapper */}\r\n \r\n
\r\n {/* \r\n {/* begin::Menu- wrapper */}\r\n \r\n {/*
\r\n \r\n
*/}\r\n\r\n\r\n {/* 111
\r\n 222
\r\n 333
\r\n 444
\r\n 555
\r\n 666
\r\n })
\r\n */}\r\n {/* \r\n \r\n
\r\n \r\n )} */}\r\n \r\n )\r\n}\r\n\r\nexport { Topbar }\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport clsx from 'clsx'\r\nimport React, {useEffect, useState} from 'react'\r\nimport {Link, useLocation} from 'react-router-dom'\r\nimport { useHotel2 } from '../../../../app/contexts/HotelContext'\r\nimport {MenuComponent} from '../../../assets/ts/components'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../helpers'\r\nimport {useLayout} from '../../core'\r\nimport {Header} from './Header'\r\nimport {DefaultTitle} from './page-title/DefaultTitle'\r\nimport {Topbar} from './Topbar'\r\n\r\nexport function HeaderWrapper() {\r\n const {pathname} = useLocation()\r\n const {config, classes, attributes} = useLayout()\r\n const {header, aside} = config\r\n\r\n useEffect(() => {\r\n MenuComponent.reinitialization()\r\n }, [pathname])\r\n\r\n\r\n // var Hotel = localStorage.getItem(\"HotelName\");\r\n const {HotelName, setHotelName} = useHotel2();\r\n\r\n // useEffect(() => {\r\n\r\n \r\n // }, [])\r\n \r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n )}\r\n {/* end::Aside mobile toggle */}\r\n {/* begin::Logo */}\r\n \r\n {/* {!aside.display && (\r\n \r\n \r\n })
\r\n \r\n
\r\n )} */}\r\n\r\n\r\n {/* end::Logo */}\r\n\r\n {aside.display && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* public\\media\\logos\\XUC logo2.PNG */}\r\n
\r\n\r\n )}\r\n\r\n {/* begin::Wrapper */}\r\n \r\n \r\n {/* public\\media\\logos\\XUC logo2.PNG */}\r\n {HotelName} {HotelName ? '_' : ''} IHG Reporting Portal
\r\n\r\n {/* begin::Navbar */}\r\n {/* {header.left === 'menu' && (\r\n \r\n )}\r\n\r\n {header.left === 'page-title' && (\r\n \r\n )}\r\n*/}\r\n
\r\n {/* end::Wrapper */}\r\n \r\n \r\n )\r\n}\r\n","import React, {useEffect, useRef} from 'react'\r\nimport {useLocation} from 'react-router-dom'\r\nimport {\r\n // ScrollComponent,\r\n ScrollTopComponent,\r\n MenuComponent,\r\n DrawerComponent,\r\n ToggleComponent,\r\n StickyComponent,\r\n} from '../../assets/ts/components'\r\nimport {KTSVG} from '../../helpers'\r\n\r\nexport function ScrollTop() {\r\n const {pathname} = useLocation()\r\n const isFirstRun = useRef(true)\r\n\r\n const pluginsReinitialization = () => {\r\n setTimeout(() => {\r\n // ScrollTopComponent.reinitialization()\r\n MenuComponent.reinitialization()\r\n StickyComponent.reInitialization()\r\n setTimeout(() => {\r\n ToggleComponent.reinitialization()\r\n DrawerComponent.reinitialization()\r\n // ScrollComponent.reinitialization()\r\n }, 70)\r\n }, 140)\r\n }\r\n\r\n const scrollTop = () => {\r\n ScrollTopComponent.goTop()\r\n }\r\n\r\n const updateHeaderSticky = () => {\r\n const stickyHeader = document.body.querySelectorAll(`[data-kt-sticky-name=\"header\"]`)\r\n if (stickyHeader && stickyHeader.length > 0) {\r\n const sticky = StickyComponent.getInstance(stickyHeader[0] as HTMLElement)\r\n if (sticky) {\r\n sticky.update()\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (isFirstRun.current) {\r\n isFirstRun.current = false\r\n } else {\r\n pluginsReinitialization()\r\n }\r\n\r\n updateHeaderSticky()\r\n setTimeout(() => {\r\n scrollTop()\r\n }, 0)\r\n }, [pathname])\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React, {useEffect} from 'react'\r\nimport {useLocation} from 'react-router'\r\nimport clsx from 'clsx'\r\nimport {useLayout} from '../core'\r\nimport {DrawerComponent} from '../../assets/ts/components'\r\n\r\nconst Content: React.FC = ({children}) => {\r\n const {classes} = useLayout()\r\n const location = useLocation()\r\n useEffect(() => {\r\n DrawerComponent.hideAll()\r\n }, [location])\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport {Content}\r\n","import {useEffect, useRef} from 'react'\r\nimport {\r\n MenuComponent,\r\n DrawerComponent,\r\n ScrollComponent,\r\n ScrollTopComponent,\r\n StickyComponent,\r\n ToggleComponent,\r\n SwapperComponent,\r\n} from '../assets/ts/components'\r\n\r\nimport {useLayout} from './core'\r\n\r\nexport function MasterInit() {\r\n const {config} = useLayout()\r\n const isFirstRun = useRef(true)\r\n const pluginsInitialization = () => {\r\n isFirstRun.current = false\r\n setTimeout(() => {\r\n ToggleComponent.bootstrap()\r\n ScrollTopComponent.bootstrap()\r\n DrawerComponent.bootstrap()\r\n StickyComponent.bootstrap()\r\n MenuComponent.bootstrap()\r\n ScrollComponent.bootstrap()\r\n SwapperComponent.bootstrap()\r\n }, 500)\r\n }\r\n\r\n useEffect(() => {\r\n if (isFirstRun.current) {\r\n isFirstRun.current = false\r\n pluginsInitialization()\r\n }\r\n }, [config])\r\n\r\n return <>\r\n}\r\n","import clsx from 'clsx'\r\nimport React, {FC} from 'react'\r\nimport {Link} from 'react-router-dom'\r\nimport {useLayout} from '../../../core/LayoutProvider'\r\nimport {usePageData} from '../../../core/PageData'\r\n\r\nconst DefaultTitle: FC = () => {\r\n const {pageTitle, pageDescription, pageBreadcrumbs} = usePageData()\r\n const {config, classes} = useLayout()\r\n return (\r\n \r\n {pageTitle}\r\n {pageDescription && config.pageTitle && config.pageTitle.description && (\r\n <>\r\n \r\n {pageDescription}\r\n \r\n )}\r\n
\r\n )}\r\n {/* end::Title */}\r\n\r\n {pageBreadcrumbs &&\r\n pageBreadcrumbs.length > 0 &&\r\n config.pageTitle &&\r\n config.pageTitle.breadCrumbs && (\r\n <>\r\n {config.pageTitle.direction === 'row' && (\r\n \r\n )}\r\n- \r\n {Array.from(pageBreadcrumbs).map((item, index) => (\r\n
- {pageTitle} \r\n
\r\n {/* begin::Container */}\r\n \r\n
\r\n {/* end::Container */}\r\n \r\n )\r\n}\r\n\r\nexport {Toolbar1}\r\n","import React from 'react'\r\nimport {useLayout} from '../../core/LayoutProvider'\r\nimport {Toolbar1} from './Toolbar1'\r\n\r\nconst Toolbar = () => {\r\n const {config} = useLayout()\r\n\r\n switch (config.toolbar.layout) {\r\n case 'toolbar1':\r\n return */}\r\n {/* begin::Wrapper */}\r\n {/* \r\n Create\r\n */}\r\n {/* end::Button */}\r\n {/*
*/}\r\n {/* end::Actions */}\r\n */}\r\n {/* begin::Menu */}\r\n {/* \r\n
*/}\r\n {/* end::Wrapper */}\r\n\r\n {/* begin::Button */}\r\n\r\n {/* \r\n
\r\n\r\n {/* begin:: Drawers */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n \r\n {children} \r\n
\r\n \r\n\r\n {loading &&\r\n
\r\n )\r\n}\r\n\r\nexport default AllHotelsComponent\r\n","import React, { FC, useEffect, useState } from 'react'\r\nimport { useIntl } from 'react-intl'\r\nimport { PageTitle } from '../../../_metronic/layout/core'\r\nimport AllHotelsComponent from './components/AllHotelsListingComponent'\r\n\r\n\r\nconst AllHotelsPage = () => {\r\n\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n\r\n\r\n <>\r\n {/* \r\n\r\n {Hotels.map(\r\n (hotel\r\n // : HotelModel, index, array\r\n ) => (\r\n \r\n \r\n \r\n {hotel.name}\r\n \r\n \r\n {/* Some quick example text to build on the card title and make up the bulk of\r\n the card's content. */}\r\n \r\n \r\n \r\n\r\n )\r\n )}\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n All Hotels
*/}\r\n\r\n\r\n {/* begin::Body */}\r\n
\r\n )\r\n}\r\n\r\nexport { DashboardWidget }\r\n","import React from 'react'\r\nimport { StatisticsWidget5 } from '../../../../_metronic/partials/widgets/statistics/StatisticsWidget5'\r\nimport { TwoY_AxisChart } from '../../../../_metronic/partials/widgets/chartsComponents/TwoY_AxisChart'\r\nimport { ListsWidget6 } from '../../../../_metronic/partials/widgets/lists/ListsWidget6'\r\n\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\"; // requires a loader\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport { MixedWidget1 } from '../../../../_metronic/partials/widgets/mixed/MixedWidget1';\r\nimport { useHotel2 } from '../../../contexts/HotelContext';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { toast } from 'react-toastify'\r\nimport { DashboardWidget } from '../../../../_metronic/partials/widgets/statistics/DashboardWidget';\r\n\r\n\r\nconst CarouselComponent = (props) => {\r\n\r\n const { HotelId, setHotelId, HotelName, setHotelName } = useHotel2();\r\n\r\n const history = useHistory();\r\n\r\n const setHotel_id = (id) => {\r\n setHotelId(id);\r\n\r\n }\r\n\r\n const setHotel_Name = (name) => {\r\n setHotelName(name);\r\n }\r\n\r\n\r\n const onHotelNameTabClick = (hotelId, hotelname) => {\r\n\r\n setHotelId(hotelId);\r\n setHotelName(hotelname);\r\n\r\n\r\n history.push(`/hotels/hotelDashboard`)\r\n\r\n\r\n }\r\n\r\n const onEmployeeCountTabClick = (hotelId, hotelname) => {\r\n\r\n setHotelId(hotelId);\r\n setHotelName(hotelname);\r\n\r\n\r\n history.push(`/employees/AllEmployees`)\r\n\r\n\r\n }\r\n\r\n\r\n const onSundriesShopProductTabClick = (hotelId, hotelname, latestSundriesInventoryReportId) => {\r\n\r\n\r\n\r\n if (latestSundriesInventoryReportId != 0) {\r\n setHotelId(hotelId);\r\n setHotelName(hotelname);\r\n \r\n \r\n history.push(`/sundriesShopInventories/Details/${latestSundriesInventoryReportId}`)\r\n \r\n } else {\r\n toast.info('No report Found', { position: toast.POSITION.TOP_RIGHT });\r\n }\r\n \r\n\r\n }\r\n\r\n\r\n\r\n console.log('dashboardData in Carousel comp', props.dashboardData);\r\n return (\r\n \r\n {svgIcon != '' &&\r\n
\r\n {/* end::Body */}\r\n {title}
\r\n\r\n {description}
\r\n \r\n
\r\n\r\n ))}\r\n\r\n \r\n\r\n {/*
\r\n\r\n */}\r\n
*/}\r\n\r\n {/* onHotelNameTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName)}\r\n >\r\n onHotelNameTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName)}\r\n />\r\n\r\n
\r\n\r\n onEmployeeCountTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName)}\r\n >\r\n onEmployeeCountTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName)}\r\n\r\n />\r\n
\r\n {/* */}\r\n\r\n
*/}\r\n\r\n {/* onSundriesShopProductTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName,dashboardDataObj.latestSundriesInventoryReportId)}\r\n >\r\n onSundriesShopProductTabClick(dashboardDataObj.hotelId, dashboardDataObj.hotelName,dashboardDataObj.latestSundriesInventoryReportId)}\r\n />\r\n
\r\n\r\n \r\n
\r\n {/* \r\n
*/}\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n ))}\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n All Hotels
*/}\r\n\r\n\r\n {/* begin::Title */}\r\n
\r\n {/* end::Heading */}\r\n\r\n Reset Your Password
\r\n\r\n \r\n {/* OR */}\r\n \r\n
\r\n\r\n {formik.status && (\r\n \r\n
\r\n )}\r\n\r\n {/* end::Form group */}\r\n\r\n {/* begin::Form group Email */}\r\n {formik.status}
\r\n \r\n \r\n
\r\n {/* end::Form group */}\r\n\r\n {/* begin::Form group Password */}\r\n \r\n
\r\n )}\r\n \r\n {formik.errors.email}\r\n
\r\n \r\n
\r\n {/* end::Form group */}\r\n\r\n {/* begin::Form group Confirm password */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {formik.errors.password}\r\n
\r\n \r\n \r\n
\r\n\r\n {/* begin::Form group */}\r\n \r\n
\r\n )}\r\n \r\n {formik.errors.changepassword}\r\n
\r\n \r\n \r\n {!loading && Submit}\r\n {loading && (\r\n \r\n Please wait...{' '}\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n {/* end::Form group */}\r\n \r\n \r\n )\r\n}\r\n","import React, { useState } from 'react'\r\nimport * as Yup from 'yup'\r\nimport clsx from 'clsx'\r\nimport { Link } from 'react-router-dom'\r\nimport { useFormik } from 'formik'\r\nimport { requestPassword } from '../services/AuthCRUD'\r\n\r\nconst initialValues = {\r\n email: '',\r\n}\r\n\r\nconst forgotPasswordSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email('Wrong email format')\r\n .min(3, 'Minimum 3 symbols')\r\n .max(50, 'Maximum 50 symbols')\r\n .required('Email is required'),\r\n})\r\n\r\nexport function ForgotPassword() {\r\n const [loading, setLoading] = useState(false)\r\n const [hasErrors, setHasErrors] = useState\r\n
\r\n ) :\r\n\r\n \r\n Check Your Email for Confirmation Link\r\n\r\n
\r\n \r\n
\r\n\r\n }\r\n\r\n \r\n \r\n )\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useContext, useEffect, useState } from 'react'\r\nimport * as Yup from 'yup'\r\nimport clsx from 'clsx'\r\nimport { Link } from 'react-router-dom'\r\nimport { useFormik } from 'formik'\r\nimport { login } from '../services/AuthCRUD'\r\nimport { toAbsoluteUrl } from '../../../../_metronic/helpers'\r\nimport { IsAuthorizedContext } from '../../../contexts/isAuthorizedContext'\r\nimport { useAuth } from '../../../contexts/CustomContextHook/useAuth'\r\n\r\n\r\nconst loginSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email('Wrong email format')\r\n .min(3, 'Minimum 3 symbols')\r\n .max(50, 'Maximum 50 symbols')\r\n .required('Email is required'),\r\n password: Yup.string()\r\n .min(3, 'Minimum 3 symbols')\r\n .max(50, 'Maximum 50 symbols')\r\n .required('Password is required'),\r\n})\r\n\r\nconst initialValues = {\r\n email: '',\r\n password: '',\r\n}\r\n\r\n/*\r\n Formik+YUP+Typescript:\r\n https://jaredpalmer.com/formik/docs/tutorial#getfieldprops\r\n https://medium.com/@maurice.de.beijer/yup-validation-and-typescript-and-formik-6c342578a20e\r\n*/\r\n\r\nexport function Login() {\r\n\r\n // const isAuthorizedCxt = useContext(IsAuthorizedContext);\r\n\r\n const { UserToken, setUserToken } = useAuth('')\r\n\r\n\r\n // const [hasErrors, setHasErrors] = useState('')\r\n\r\n const [loading, setLoading] = useState(false)\r\n\r\n\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: loginSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n setLoading(true)\r\n\r\n\r\n setTimeout(() => {\r\n login(values.email, values.password)\r\n .then((response) => {\r\n\r\n setLoading(false)\r\n window.location.reload();\r\n\r\n\r\n console.log('login reponse-----', response);\r\n\r\n // localStorage.setItem('Token', response.data.accessToken);\r\n\r\n // localStorage.setItem('Expiry', response.data.expiresIn);\r\n\r\n // localStorage.setItem('LoggedInUserId', response.data.loggedInUserId);\r\n\r\n // localStorage.setItem('UserRoles', response.data.roles);\r\n\r\n // localStorage.setItem('FirstName', response.data.firstName);\r\n // localStorage.setItem('LastName', response.data.lastName);\r\n // localStorage.setItem('Email', response.data.email);\r\n\r\n\r\n setUserToken(\r\n response.data.accessToken,\r\n response.data.expiresIn,\r\n response.data.loggedInUserId,\r\n response.data.roles,\r\n response.data.firstName,\r\n response.data.lastName,\r\n response.data.email\r\n );\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n })\r\n .catch((error) => {\r\n\r\n // localStorage.setItem('Token', '');\r\n\r\n // localStorage.setItem('Expiry', '');\r\n\r\n // localStorage.setItem('LoggedInUserId', '');\r\n // localStorage.setItem('UserRoles', []);\r\n\r\n\r\n\r\n // localStorage.setItem('FirstName', '');\r\n // localStorage.setItem('LastName', '');\r\n // localStorage.setItem('Email', '');\r\n\r\n setLoading(false)\r\n\r\n setUserToken('', '', '', [], '', '', '');\r\n\r\n\r\n let Obj = error.toJSON();\r\n\r\n\r\n\r\n if (Obj.message === 'Network Error') {\r\n // setHasErrors('API Server is down....');\r\n setStatus('API Server is down....');\r\n }\r\n else {\r\n let obj2 = JSON.parse(Obj.message);\r\n // setHasErrors(obj2.errorMessage);\r\n setStatus(obj2.errorMessage);\r\n }\r\n\r\n\r\n // setLoading(false)\r\n // setSubmitting(false)\r\n\r\n // isAuthorizedCxt.setIsaAuthorized(false);\r\n // setStatus(error.errorMessage);\r\n // setStatus('The login detail is incorrect')\r\n })\r\n }, 1000)\r\n},\r\n })\r\n\r\nreturn (\r\n \r\n {/* begin::Title */}\r\n
\r\n\r\n {/* begin::Title */}\r\n {hasErrors === true && (\r\n Forgot Password ?
\r\n {/* end::Title */}\r\n\r\n {/* begin::Link */}\r\nEnter your email to reset your password.
\r\n {/* end::Link */}\r\n \r\n
\r\n )}\r\n\r\n {hasErrors === false && (\r\n \r\n Sorry, looks like there are some errors detected, please try again.\r\n
\r\n \r\n
\r\n )}\r\n {/* end::Title */}\r\n\r\n {/* begin::Form group */}\r\n Sent password reset. Please check your email
\r\n \r\n \r\n
\r\n {/* end::Form group */}\r\n\r\n {/* begin::Form group */}\r\n \r\n
\r\n )}\r\n \r\n {formik.errors.email}\r\n
\r\n \r\n \r\n Submit\r\n {loading && (\r\n \r\n Please wait...\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Cancel\r\n \r\n {' '}\r\n
\r\n\r\n {/* end::Form group */}\r\n\r\n \r\n
\r\n {/* begin::Heading */}\r\n\r\n {formik.status ? (\r\n Sign In to Indiana Hospitality Group Reporting Portal
\r\n {/*\r\n New Here?{' '}\r\n \r\n Create an Account\r\n \r\n
*/}\r\n \r\n
\r\n ) : ''}\r\n\r\n {/* {hasErrors ? (\r\n {formik.status}
\r\n \r\n
\r\n ) : ''} */}\r\n\r\n {/* // : (\r\n // {hasErrors}
\r\n \r\n //
\r\n // )} */}\r\n\r\n {/* begin::Form group */}\r\n \r\n // Use account admin@demo.com and password demo to\r\n // continue.\r\n //
\r\n // \r\n \r\n
\r\n {/* end::Form group */}\r\n\r\n {/* begin::Form group */}\r\n \r\n {formik.errors.email}\r\n
\r\n )}\r\n \r\n
\r\n {/* end::Form group */}\r\n\r\n {/* begin::Action */}\r\n \r\n
\r\n \r\n {/* begin::Label */}\r\n \r\n {/* end::Label */}\r\n {/* begin::Link */}\r\n \r\n Forgot Password ?\r\n \r\n {/* end::Link */}\r\n
\r\n \r\n
\r\n )}\r\n \r\n {formik.errors.password}\r\n
\r\n \r\n \r\n {!loading && Continue}\r\n {loading && (\r\n \r\n Please wait...\r\n \r\n \r\n )}\r\n \r\n\r\n {/* begin::Separator */}\r\n {/*
\r\n {/* end::Action */}\r\n \r\n)\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {useEffect} from 'react'\r\nimport {Redirect, Route, Switch} from 'react-router-dom'\r\nimport {Registration} from './components/Registration'\r\nimport { ResetPassword } from './components/ResetPassword'\r\nimport {ForgotPassword} from './components/ForgotPassword'\r\nimport {Login} from './components/Login'\r\nimport ConfirmEmail from './components/ConfirmEmail'\r\nimport { FallbackView } from '../../../_metronic/partials'\r\n\r\nexport function AuthPage() {\r\n useEffect(() => {\r\n document.body.classList.add('bg-white')\r\n return () => {\r\n document.body.classList.remove('bg-white')\r\n }\r\n }, [])\r\n\r\n return (\r\n or
*/}\r\n {/* end::Separator */}\r\n\r\n {/* begin::Google link */}\r\n {/* \r\n \r\n {/* begin::Logo */}\r\n \r\n \r\n {/* })
*/}\r\n \r\n\r\n \r\n {/* end::Logo */}\r\n {/* begin::Wrapper */}\r\n
\r\n {/* end::Content */}\r\n {/* begin::Footer */}\r\n */}\r\n \r\n\r\n \r\n {/* end::Logo */}\r\n {/* begin::Wrapper */}\r\n \r\n \r\n \r\n
\r\n {/* end::Wrapper */}\r\n \r\n \r\n
\r\n {/* end::Footer */}\r\n \r\n )\r\n}\r\n","import {toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {UserModel} from '../models/UserModel'\r\n\r\nexport class UsersTableMock {\r\n public static table: ArraySystem Error
\r\n\r\n\r\n Something went wrong!
Please try again later.\r\n
\r\n \r\n )\r\n}\r\n\r\nexport {Error500}\r\n","import {FC} from 'react'\r\n\r\nconst Error404: FC = () => {\r\n return (\r\n <>\r\n Please try again later.\r\n
Page Not Found
\r\n\r\n\r\n The page you looked not found!
Plan your blog post by choosing a topic\r\n
\r\n \r\n )\r\n}\r\n\r\nexport {Error404}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport {Redirect, Route, Switch, useHistory} from 'react-router-dom'\r\nimport {Error500} from './components/Error500'\r\nimport {Error404} from './components/Error404'\r\nimport {toAbsoluteUrl} from '../../../_metronic/helpers'\r\n\r\nconst ErrorsPage: React.FC = () => {\r\n const history = useHistory()\r\n const redirectToDashboard = () => {\r\n history.push('/')\r\n }\r\n\r\n return (\r\n Plan your blog post by choosing a topic\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n Go to homepage\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport {ErrorsPage}\r\n","/**\r\n * High level router.\r\n *\r\n * Note: It's recommended to compose related routes in internal router\r\n * components (e.g: `src/app/modules/Auth/pages/AuthPage`, `src/app/BasePage`).\r\n */\r\n\r\nimport React, { FC, useContext, useEffect } from 'react'\r\nimport { Redirect, Switch, Route } from 'react-router-dom'\r\nimport { MasterLayout } from '../../_metronic/layout/MasterLayout'\r\nimport { PrivateRoutes } from './PrivateRoutes'\r\nimport { Logout, AuthPage } from '../modules/auth'\r\nimport { ErrorsPage } from '../modules/errors/ErrorsPage'\r\nimport { useAuth } from '../contexts/CustomContextHook/useAuth'\r\n\r\n\r\n\r\nconst Routes = () => {\r\n // const isAuthorized = useSelector\r\n 
\r\n\r\n
)\r\n}\r\n\r\nexport default FullPageLoader","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, {FC, createContext, useContext, useEffect, useState} from 'react'\r\n\r\nexport interface PageLink {\r\n title: string\r\n path: string\r\n isActive: boolean\r\n isSeparator?: boolean\r\n}\r\n\r\nexport interface PageDataContextModel {\r\n pageTitle?: string\r\n setPageTitle: (_title: string) => void\r\n pageDescription?: string\r\n setPageDescription: (_description: string) => void\r\n pageBreadcrumbs?: Array