\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\t\t
","export const toAbsoluteUrl = (pathname: string) => process.env.PUBLIC_URL + pathname\r\nexport const searchParm = (location: any, parmname: string) => new URLSearchParams(location.search).get(parmname)\r\n\r\nexport const getFileDownloadName = (response: any) => {\r\n\tlet result = response.headers.get('content-disposition').split('filename=')[1].split(';')[0]\r\n\t//console.log(\"result\", result)\r\n\tif (result.startsWith('\"') && result.endsWith('\"')) {\r\n\t\tresult = result.substr(1, result.length - 2)\r\n\t}\r\n\t//console.log(\"result\", result)\r\n\treturn result\r\n}\r\n\r\nexport const getFileUploadName = (filename: string) => {\r\n\tlet result = filename.trim().replace(new RegExp(\"[^a-z0-9_\\\\-\\\\.]\", \"gi\"), '_')\r\n\r\n\tif (!result.toLocaleLowerCase().endsWith(\".pdf\")) {\r\n\t\tresult = result + \".pdf\"\r\n\t}\r\n\treturn result\r\n}\r\n","export const err = (formik: any, column: string) => '' + formik.errors[column]\r\n","import linq from 'linq'\r\nimport { SUBSECTOR_NA, PRIMARY_CONTACT } from './Constants'\r\n\r\nexport const getLookupData = (rows: any) => linq.from(rows).select((val: any) => ({ id: val.rowId, text: val.name })).toArray();\r\nexport const lookupIdByName = (rows: any, value) => (linq.from(rows).singleOrDefault((val: any) => val.name === value) as any)?.rowId;\r\n\r\nexport const getLookupSubSectors = (lookups: any, sectorRowId: any, governanceLevelRowId: any) => {\r\n\tlet data = linq.from(lookups.subSectors).where((val: any) => val.sectorRowId === sectorRowId && val.governanceLevelRowId === governanceLevelRowId).toArray()\r\n\tif (data.length == 0) {\r\n\t\tdata = linq.from(lookups.subSectors).where((val: any) => val.rowId === SUBSECTOR_NA).toArray()\r\n\t}\r\n\treturn getLookupData(data)\r\n}\r\n\r\nexport const getPrimaryContactRowId = (lookups: any) => {\r\n\tlet data = (linq.from(lookups.contactTypes).where((val: any) => val.name === PRIMARY_CONTACT).singleOrDefault() as any)?.rowId\r\n\treturn data\r\n}","export function getCurrentUrl(pathname: string) {\r\n return pathname.split(/[?#]/)[0]\r\n}\r\n\r\nexport function checkIsActive(pathname: string, url: string) {\r\n //console.log(\"pathname\", pathname)\r\n //console.log(\"url\", url)\r\n \r\n //const current = getCurrentUrl(pathname)\r\n //url = getCurrentUrl(url)\r\n const current = pathname\r\n //console.log(\"current\", current)\r\n\r\n if (!current || !url) {\r\n return false\r\n }\r\n\r\n if (current === url) {\r\n return true\r\n }\r\n\r\n if (current.indexOf(url) > -1) {\r\n return true\r\n }\r\n\r\n \r\n return false\r\n}\r\n","import React from 'react'\r\nimport SVG from 'react-inlinesvg'\r\nimport {toAbsoluteUrl} from '../AssetHelpers'\r\ntype Props = {\r\n className?: string\r\n path: string\r\n svgClassName?: string\r\n}\r\n\r\nconst KTSVG: React.FC\r\n\r\n\t\t\t
\r\n\t\r\n\t\t\t\t
\r\n\r\n\t\t{title1}
\r\n\t\t\t\t{(title2 || title3) &&\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t
- {title2} \r\n\t\t\t\t\t\t{title3 &&\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
- {title3} \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\" + \"The Mental Health Programs (MHP) Inventory is an online geographic database of mental health supports for public safety personnel across Ontario. The inventory serves as a networking tool, allowing services across public safety sectors in Ontario to identify mental health and wellness programming and resources available to employees at public safety organizations throughout the province based on proximity and availability.\" + \"
\" +\r\n \"\" +\r\n \"
\" + \"The MHP Inventory, powered by the Geographic Information System (GIS), is now available for access to organizational wellness leads across the Ontario Public Service and Broader Public Service, supporting municipal, First Nations, and provincial public safety organizations.\" + \"
\" +\r\n \"\";\r\n Swal.fire({\r\n title: \"About\",\r\n html: html,\r\n //icon: 'success',\r\n confirmButtonText: \"Ok\",\r\n width: '1000px',\r\n buttonsStyling: false,\r\n customClass: {\r\n confirmButton: \"btn btn-light-primary\"\r\n }\r\n })\r\n}\r\n\r\nexport const contactUsUrl = () => 'mailto:MH.Secretariat@ontario.ca'\r\n ","import { getAuthorizationHeader } from '../../app/modules/authentication/components/AuthHelpers'\r\nimport { getFileDownloadName } from './index'\r\n\r\nexport const openAnnouncementPdf = async (announcementRowId) => {\r\n\tfetch(`getPdf/${announcementRowId}`, {\r\n\t\tmethod: 'GET',\r\n\t\theaders: {\r\n\t\t\t'Authorization': getAuthorizationHeader()\r\n\t\t},\r\n\t})\r\n\t\t.then(async (response) => {\r\n\t\t\tconst blob = await response.blob()\r\n\t\t\tconst filename = getFileDownloadName(response)\r\n\t\t\t//console.log('blob', blob)\r\n\r\n\t\t\tconst file = new File([blob], filename, { type: 'application/pdf' })\r\n\t\t\t//console.log('file', file)\r\n\t\t\tvar _url = window.URL.createObjectURL(file);\r\n\t\t\t//console.log('_url22', _url)\r\n\r\n\t\t\tconst link = document.createElement('a');\r\n\t\t\tlink.href = _url;\r\n\t\t\tlink.setAttribute('download', filename);\r\n\t\t\tdocument.body.appendChild(link);\r\n\t\t\tlink.click();\r\n\r\n\t\t\t//window.open(_url, \"_blank\").focus(); // window.open + focus\r\n\t\t}).catch((err) => {\r\n\t\t\tconsole.log(err);\r\n\t\t});\r\n};","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, {FC, createContext, useContext, useEffect, useState} from 'react'\r\nimport {WithChildren} from '../../helpers'\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?: ArrayLoading ...
\r\n}\r\n\r\nexport { MetronicSplashScreenProvider, LayoutSplashScreen }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nexport function Dropdown1() {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {FC} from 'react'\r\n\r\nconst Dropdown2: FC = () => {\r\n return (\r\n \r\n
\r\n\r\n \r\n\r\n Filter Options
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Reset\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n Quick Actions
\r\n \r\n \r\n New Ticket\r\n \r\n
\r\n\r\n \r\n \r\n New Customer\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n Admin Group\r\n \r\n
\r\n\r\n \r\n \r\n Staff Group\r\n \r\n
\r\n\r\n \r\n \r\n Member Group\r\n \r\n
\r\n \r\n \r\n New Contact\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport {Dropdown2}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { useCookies } from 'react-cookie'\r\nimport { FC } from 'react'\r\nimport { useMsal } from '@azure/msal-react';\r\nimport { getCookie } from 'react-use-cookie';\r\nimport { Link, useNavigate } from 'react-router-dom'\r\nimport { useAuth } from '../../../../app/modules/auth'\r\nimport { getUserByEmail } from '../../../../app/modules/auth/core/_requests'\r\nimport { removeMsalAuth } from '../../../../app/modules/authentication/components/AuthHelpers'\r\nimport { Languages } from './Languages'\r\nimport { toAbsoluteUrl, isUserOrganizational, getIsAspNetUser, logoutAspNetUser, getUserRoleCookie, getEnvVersionInfo } from '../../../helpers'\r\n\r\nconst HeaderUserMenu: FC = () => {\r\n const [cookie, setCookie, removeCookie] = useCookies();\r\n const { currentUser, logout } = useAuth()\r\n const navigate = useNavigate();\r\n const json = getUserRoleCookie()\r\n const userinfo = json ? JSON.parse(json) : {}\r\n //console.log('userinfo', userinfo)\r\n\r\n const { instance } = useMsal()\r\n const activeAccount = instance ? instance.getActiveAccount() : null\r\n //console.log(\"activeAccount\", activeAccount)\r\n\r\n const handleLogoutPopup = async () => {\r\n if (getIsAspNetUser()) {\r\n logoutAspNetUser(removeCookie, navigate)\r\n\r\n } else {\r\n removeMsalAuth()\r\n instance\r\n .logoutPopup({\r\n mainWindowRedirectUri: '/', // redirects the top level app after logout\r\n account: instance.getActiveAccount(),\r\n })\r\n .catch((error) => {\r\n console.log(\"logout.error\", error)\r\n navigate('/')\r\n document.location.reload()\r\n })\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n Generate 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\n \r\n
\r\n \r\n {getIsAspNetUser() ? userinfo.username : activeAccount ? activeAccount.name : '-'}\r\n Pro\r\n
\r\n \r\n {getIsAspNetUser() ? userinfo.email : activeAccount ? activeAccount.username : '-'}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {userinfo?.RoleName}\r\n
\r\n {isUserOrganizational() &&\r\n \r\n {userinfo?.OrganizationName}\r\n \r\n }\r\n \r\n {'Version ' + getEnvVersionInfo()}\r\n
\r\n\r\n\r\n \r\n\r\n \r\n \r\n My Profile\r\n \r\n
\r\n\r\n \r\n \r\n My Projects\r\n \r\n 3\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n Referrals\r\n \r\n
\r\n\r\n \r\n \r\n Billing\r\n \r\n
\r\n\r\n \r\n \r\n Payments\r\n \r\n
\r\n\r\n \r\n \r\n Statements\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n My Statements\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n Account Settings\r\n \r\n
\r\n\r\n \r\n \r\n Sign Out\r\n \r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport { HeaderUserMenu }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {FC, useState} from 'react'\r\nimport clsx from 'clsx'\r\nimport {\r\n toAbsoluteUrl,\r\n defaultMessages,\r\n defaultUserInfos,\r\n MessageModel,\r\n UserInfoModel,\r\n messageFromClient,\r\n} from '../../helpers'\r\n\r\ntype Props = {\r\n isDrawer?: boolean\r\n}\r\n\r\nconst bufferMessages = defaultMessages\r\n\r\nconst ChatInner: FC\r\n {message.type === 'in' ? (\r\n <>\r\n
\r\n\r\n \r\n })
\r\n
\r\n \r\n \r\n \r\n {userInfo.name}\r\n \r\n {message.time}\r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n {message.time}\r\n \r\n You\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n Send\r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport {ChatInner}\r\n","import clsx from 'clsx'\r\nimport {KTIcon} from '../../../helpers'\r\nimport {ThemeModeComponent} from '../../../assets/ts/layout'\r\nimport {ThemeModeType, useThemeMode} from './ThemeModeProvider'\r\n\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\ntype Props = {\r\n toggleBtnClass?: string\r\n toggleBtnIconClass?: string\r\n menuPlacement?: string\r\n menuTrigger?: string\r\n}\r\n\r\nconst systemMode = ThemeModeComponent.getSystemMode() as 'light' | 'dark'\r\n\r\nconst ThemeModeSwitcher = ({\r\n toggleBtnClass = '',\r\n toggleBtnIconClass = 'fs-1',\r\n menuPlacement = 'bottom-end',\r\n menuTrigger = \"{default: 'click', lg: 'hover'}\",\r\n}: Props) => {\r\n const {mode, menuMode, updateMode, updateMenuMode} = useThemeMode()\r\n const calculatedMode = mode === 'system' ? systemMode : mode\r\n const switchMode = (_mode: ThemeModeType) => {\r\n updateMenuMode(_mode)\r\n updateMode(_mode)\r\n }\r\n\r\n return (\r\n <>\r\n {/* begin::Menu toggle */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n switchMode('light')}\r\n >\r\n \r\n
\r\n {/* end::Menu item */}\r\n\r\n {/* begin::Menu item */}\r\n \r\n switchMode('dark')}\r\n >\r\n \r\n
\r\n {/* end::Menu item */}\r\n\r\n {/* begin::Menu item */}\r\n \r\n switchMode('system')}\r\n >\r\n \r\n
\r\n {/* end::Menu item */}\r\n \r\n {/* end::Menu */}\r\n \r\n )\r\n}\r\n\r\nexport {ThemeModeSwitcher}\r\n","export interface IAppBasic {\r\n appName: string\r\n appType: 'Quick Online Courses' | 'Face to Face Discussions' | 'Full Intro Training'\r\n}\r\n\r\nexport type TAppFramework = 'HTML5' | 'ReactJS' | 'Angular' | 'Vue'\r\n\r\nexport interface IAppDatabase {\r\n databaseName: string\r\n databaseSolution: 'MySQL' | 'Firebase' | 'DynamoDB'\r\n}\r\n\r\nexport type TAppStorage = 'Basic Server' | 'AWS' | 'Google'\r\n\r\nexport interface ICreateAppData {\r\n appBasic: IAppBasic\r\n appFramework: TAppFramework\r\n appDatabase: IAppDatabase\r\n appStorage: TAppStorage\r\n}\r\n\r\nexport const defaultCreateAppData: ICreateAppData = {\r\n appBasic: {appName: '', appType: 'Quick Online Courses'},\r\n appFramework: 'HTML5',\r\n appDatabase: {databaseName: 'db_name', databaseSolution: 'MySQL'},\r\n appStorage: 'Basic Server',\r\n}\r\n\r\nexport type StepProps = {\r\n data: ICreateAppData\r\n updateData: (fieldsToUpdate: Partial\r\n
\r\n )\r\n}\r\n\r\nexport {Step1}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {StepProps} from '../IAppModels'\r\n\r\nconst Step2 = ({data, updateData}: StepProps) => {\r\n return (\r\n \r\n {/*begin::Form Group */}\r\n
\r\n \r\n \r\n \r\n updateData({\r\n appBasic: {\r\n appName: e.target.value,\r\n appType: data.appBasic.appType,\r\n },\r\n })\r\n }\r\n />\r\n {!data.appBasic.appName && hasError && (\r\n
\r\n {/*end::Form Group */}\r\n\r\n {/*begin::Form Group */}\r\n \r\n
\r\n )}\r\n \r\n App name is required\r\n
\r\n \r\n {/* begin::Label */}\r\n \r\n {/* end::Label */}\r\n
\r\n {/*end::Form Group */}\r\n \r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {Step2}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {StepProps} from '../IAppModels'\r\n\r\nconst Step3 = ({data, updateData, hasError}: StepProps) => {\r\n return (\r\n <>\r\n {/*begin::Step 3 */}\r\n \r\n {/*begin::Form Group */}\r\n
\r\n \r\n {/* begin::Label */}\r\n \r\n {/* end::Label */}\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n
\r\n {/*end::Form Group */}\r\n \r\n
\r\n {/*end::Step 3 */}\r\n \r\n )\r\n}\r\n\r\nexport {Step3}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {StepProps} from '../IAppModels'\r\n\r\nconst Step4 = ({data, updateData}: StepProps) => {\r\n return (\r\n <>\r\n {/*begin::Step 4 */}\r\n \r\n {/*begin::Form Group */}\r\n\r\n
\r\n \r\n \r\n\r\n \r\n updateData({\r\n appDatabase: {\r\n databaseName: e.target.value,\r\n databaseSolution: data.appDatabase.databaseSolution,\r\n },\r\n })\r\n }\r\n />\r\n {!data.appDatabase.databaseName && hasError && (\r\n
\r\n {/*end::Form Group */}\r\n\r\n {/*begin::Form Group */}\r\n \r\n
\r\n )}\r\n \r\n Database name is required\r\n
\r\n \r\n \r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n
\r\n {/*end::Form Group */}\r\n \r\n
\r\n {/*end::Step 4 */}\r\n \r\n )\r\n}\r\n\r\nexport {Step4}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {toAbsoluteUrl} from '../../../../helpers'\r\n\r\nconst Step5 = () => {\r\n return (\r\n <>\r\n \r\n {/*begin::Form Group */}\r\n
\r\n \r\n \r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n\r\n {/*begin:Option */}\r\n \r\n {/*end::Option */}\r\n
\r\n {/*end::Form Group */}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport {Step5}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {useRef, useState} from 'react'\r\nimport {createPortal} from 'react-dom'\r\nimport {Modal} from 'react-bootstrap'\r\nimport {defaultCreateAppData, ICreateAppData} from './IAppModels'\r\nimport {StepperComponent} from '../../../assets/ts/components'\r\nimport {KTIcon} from '../../../helpers'\r\nimport {Step1} from './steps/Step1'\r\nimport {Step2} from './steps/Step2'\r\nimport {Step3} from './steps/Step3'\r\nimport {Step4} from './steps/Step4'\r\nimport {Step5} from './steps/Step5'\r\n\r\ntype Props = {\r\n show: boolean\r\n handleClose: () => void\r\n}\r\n\r\nconst modalsRoot = document.getElementById('root-modals') || document.body\r\n\r\nconst CreateAppModal = ({show, handleClose}: Props) => {\r\n const stepperRef = useRef\r\n {/* begin::Heading */}\r\n
\r\n Release!
\r\n {/* end::Heading */}\r\n\r\n {/* begin::Description */}\r\n\r\n Submit your app to kickstart your project.\r\n
\r\n {/* end::Description */}\r\n\r\n {/* begin::Illustration */}\r\n \r\n
\r\n {/* end::Illustration */}\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n \r\n\r\n })
\r\n \r\n\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n })
\r\n ![\"Logo\"](\"/media/logos/logo-full.png\"){kind=logo}
*/}\r\n\r\n ![\"Logo\"](\"/media/logos/logo.png\"){kind=logo}
*/}\r\n MHP Inventory\r\n })
\r\n