history.push(`${row[cellKey.urlKey]}${row[cellKey.targetKey]}`)} />;\r\n case 'date':\r\n return row[cellKey.key] ? new Date(row[cellKey.key]).toLocaleDateString() : '';\r\n case 'time':\r\n return new Date(row[cellKey.key]).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n case \"datetime\":\r\n return new Date(row[cellKey.key]).toLocaleDateString() + ' ' + new Date(row[cellKey.key]).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n case 'boolean':\r\n return row[cellKey.key] ? 'True' : 'False';\r\n case 'action':\r\n return { ev.preventDefault(); cellKey.action(ev, row, cellKey); } } >{row[cellKey.key]}\r\n case 'actionButton':\r\n if(row[cellKey.disabled]){\r\n return \r\n } else {\r\n return \r\n }\r\n case 'keyWithActionButton':\r\n if(row[cellKey.disabled]){\r\n return <>{row[cellKey.key2]}
\r\n } else {\r\n return <>{row[cellKey.key2]}
\r\n }\r\n case 'twokeys':\r\n return `${row[cellKey.key]} ${row[cellKey.key2] ? row[cellKey.key2] : ''}`\r\n case \"array\":\r\n return row[cellKey.key].map((item,index) => {item}
)\r\n case 'icons':\r\n return (\r\n <>\r\n \r\n {row[cellKey.key3] && }\r\n \r\n )\r\n case 'firstChars':\r\n if(row[cellKey.key] && row[cellKey.key].length>cellKey.limit){\r\n return row[cellKey.key] ? `${row[cellKey.key].substring(0,cellKey.limit)}...` : '';\r\n } else {\r\n return row[cellKey.key];\r\n }\r\n default: \r\n return row[cellKey.key];\r\n }\r\n }\r\n\r\n return (\r\n \r\n {!collapsable || collapsed ?\r\n \r\n {contentKeys.map((cellKey, n) =>\r\n \r\n {!cellKey.hideCollapsed &&\r\n collapsable && n === 0 && setCollapsed(!collapsed)}\r\n \r\n >\r\n {collapsable && n === 0 && }\r\n {cellContent(row, cellKey)}\r\n \r\n }\r\n \r\n )} \r\n \r\n :\r\n \r\n \r\n {contentKeys.map((cellKey, i) =>\r\n \r\n {collapsable && i === 0 && \r\n collapsable && i === 0 && setCollapsed(!collapsed)}\r\n >\r\n \r\n \r\n } \r\n \r\n \r\n {`${header[i]}: `}\r\n \r\n {cellContent(row, cellKey)}\r\n
\r\n \r\n )}\r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default PagedTable;\r\n","import { useState, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useListUsers = () => {\r\n\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage, removeMessage } = useContext(MessageContext);\r\n const [ users, setUsers ] = useState([]);\r\n const [ fetchingUsers, setFetchingUsers ] = useState(true);\r\n\r\n /** list contracts\r\n * @returns {array} - array of users */ \r\n const listUsers = async () => {\r\n try {\r\n\r\n const msgId = addMessage({ type: \"loading\", header: t('general.moment'), body: t('info.fetchingUsers')});\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n\r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n\r\n result = await Axios.get(rootPath + \"/api/v1/users\", options);\r\n\r\n removeMessage(msgId);\r\n\r\n if (result && result.status === 200) {\r\n setUsers(result.data);\r\n setFetchingUsers(false);\r\n return result;\r\n }\r\n\r\n if (result && result.status === 404) {\r\n addMessage({ type: \"warning\", header: t('general.error'), body: t('warnings.usersNotFound') });\r\n setFetchingUsers(false);\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingUsersFailed') });\r\n setFetchingUsers(false);\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingUsersFailed') });\r\n setFetchingUsers(false);\r\n return error;\r\n }\r\n }\r\n\r\n return { users, fetchingUsers, listUsers };\r\n\r\n}\r\n\r\nexport default useListUsers;\r\n","import { useState, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useListActivityTypes = () => {\r\n\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage, removeMessage } = useContext(MessageContext);\r\n const [ activityTypes, setActivityTypes ] = useState([]);\r\n const [ fetchingActivityTypes, setFetchingActivityTypes ] = useState(true);\r\n\r\n /** list contracts\r\n * @returns {array} - array of activity types */ \r\n const listActivityTypes = async () => {\r\n try {\r\n\r\n const msgId = addMessage({ type: \"loading\", header: t('general.moment'), body: t('info.fetchingActivityTypes')});\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n\r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n\r\n result = await Axios.get(rootPath + \"/api/v1/activitytypes\", options);\r\n\r\n removeMessage(msgId);\r\n\r\n if (result && result.status === 200) {\r\n setActivityTypes(result.data);\r\n setFetchingActivityTypes(false);\r\n return result;\r\n }\r\n\r\n if (result && result.status === 404) {\r\n addMessage({ type: \"warning\", header: t('general.error'), body: t('warnings.activityTypesNotFound') });\r\n setFetchingActivityTypes(false);\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingActivityTypesFailed') });\r\n setFetchingActivityTypes(false);\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingActivityTypesFailed') });\r\n setFetchingActivityTypes(false);\r\n return error;\r\n }\r\n }\r\n\r\n return { activityTypes, fetchingActivityTypes, listActivityTypes };\r\n\r\n}\r\n\r\nexport default useListActivityTypes;\r\n","import React, { useEffect, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport PagedTable from '../../Reusable/Lists/PagedTable';\r\nimport { Divider, Button, Form, Grid } from 'semantic-ui-react';\r\nimport useListUsers from '../../Hooks/Users/useListUsers';\r\nimport useListActivityTypes from '../../Hooks/Settings/useListActivityTypes';\r\nimport { StateContext } from '../../Context/StateContext';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport Select from 'react-select';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst UserList = (props) => {\r\n\r\n const { t } = useTranslation();\r\n const { globalState, locations, services, types, setUserDetailBackRoute } = useContext(StateContext);\r\n const { addMessage } = useContext(MessageContext);\r\n const { users, listUsers } = useListUsers();\r\n const { activityTypes, listActivityTypes } = useListActivityTypes();\r\n\r\n setUserDetailBackRoute('/user/list');\r\n\r\n let locationOptions = [{label: t('user.location-options.all'), value: ''}]\r\n locations.map(l => {\r\n if(l.Reference!=='remote'){\r\n const tmp = {\r\n label: l.Name,\r\n value: l.Id\r\n }\r\n locationOptions.push(tmp)\r\n }\r\n return l;\r\n })\r\n\r\n let serviceOptions = []\r\n services.map(s => {\r\n const option = {\r\n label: s.Name,\r\n value: s.Id\r\n }\r\n serviceOptions.push(option);\r\n return s;\r\n })\r\n\r\n let typeOptions = []\r\n types.filter(i => i.ServiceId).map(i => {\r\n const option = {\r\n label: i.Abbreviation,\r\n value: i.Id\r\n }\r\n typeOptions.push(option);\r\n return t;\r\n })\r\n\r\n // Fetch activity types\r\n useEffect(() => {\r\n (async () => {\r\n await listActivityTypes();\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[]);\r\n\r\n let activityTypeOptions = [\r\n {label: t('general.all'), value: ''},\r\n {label: t('user.mailing-list'), value: 'mailing'},\r\n {label: t('user.all-active'), value: 'active'}\r\n ]\r\n activityTypes.map(i => {\r\n const option = {\r\n label: i.Name,\r\n value: i.Id\r\n }\r\n activityTypeOptions.push(option);\r\n return t;\r\n })\r\n\r\n // Fetch users\r\n useEffect(() => {\r\n (async () => {\r\n await listUsers();\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[]);\r\n \r\n // add view url and city name to users\r\n useEffect(() => {\r\n users.map(user => {\r\n user.viewUrl = 'detail/';\r\n user.link=user.LastName;\r\n if(user.ActivityAchieved){\r\n user.iconName = \"checkmark\"\r\n user.iconColor = \"green\"\r\n } else {\r\n user.iconName = \"checkmark\"\r\n user.iconColor = \"red\"\r\n }\r\n return user;\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[users,activityTypes]);\r\n \r\n // filter users by selected filters\r\n let filteredUsers = users;\r\n // name\r\n if(globalState.userName){\r\n filteredUsers = users.filter(user => user.LastName.toLowerCase().indexOf(globalState.userName.toLowerCase())===0 || user.FirstName.toLowerCase().indexOf(globalState.userName.toLowerCase())===0)\r\n };\r\n // location\r\n if(globalState.userLocation.value && globalState.userLocation.value!==''){\r\n filteredUsers = filteredUsers.filter(user => user.LocationId===globalState.userLocation.value);\r\n };\r\n // service\r\n if(globalState.userService && globalState.userService.length>0){\r\n filteredUsers = filteredUsers.filter(user => \r\n user.UserServices && user.UserServices.some(item => globalState.userService.find(us => us.value === item.ServiceId) !== undefined)\r\n );\r\n };\r\n // types\r\n if(globalState.userType && globalState.userType.length>0){\r\n filteredUsers = filteredUsers.filter(user => \r\n user.UserTypes && user.UserTypes.some(item => globalState.userType.find(ut => ut.value === item.TypeId) !== undefined && item.Present)\r\n );\r\n };\r\n // types remote\r\n if(globalState.userRemote && globalState.userRemote.length>0){\r\n filteredUsers = filteredUsers.filter(user => \r\n user.UserTypes && user.UserTypes.some(item => globalState.userRemote.find(ur => ur.value === item.TypeId) !== undefined && item.Remote)\r\n );\r\n };\r\n // activity\r\n if(globalState.userActivityType.value && globalState.userActivityType.value!==''){\r\n if(globalState.userActivityType.value==='mailing'){\r\n // mailing list -> activity type value is greater than zero or user on break and on mailing list\r\n filteredUsers = filteredUsers.filter(user => \r\n activityTypes.filter(item => item.Value>0).find(item => item.Id === user.ActivityTypeId) !== undefined ||\r\n (user.ActivityTypeId===activityTypes.find(at => at.RefName==='onBreak').Id && user.KeepOnMailingList)\r\n );\r\n } else if(globalState.userActivityType.value==='active'){\r\n // all active -> activity type value is greater than zero\r\n filteredUsers = filteredUsers.filter(user => \r\n activityTypes.filter(item => item.Value>0).find(item => item.Id === user.ActivityTypeId) !== undefined\r\n );\r\n } else {\r\n filteredUsers = filteredUsers.filter(user => user.ActivityTypeId===globalState.userActivityType.value);\r\n }\r\n };\r\n\r\n // email addresses for copying to clipboard\r\n let emailList = \"\"\r\n filteredUsers.filter(item => item.EmailAddress).map(item => {\r\n emailList+=item.EmailAddress + ';'\r\n return item;\r\n });\r\n\r\n return (\r\n \r\n
\r\n {t('heading.users')}
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
{addMessage({type: \"success\", header: t('general.copied'), body: t('info.emailsCopiedToClipboard')});window.scrollTo(0,0)}}\r\n >\r\n \r\n \r\n
{t('badgeOfMerit.showBOMUsers')}\r\n \r\n \r\n
\r\n\r\n \r\n {user && user.data && user.data.IsEmployee ? t('heading.employeeinfo') : t('heading.userinfo')}{user && user.data && ': ' + user.data.FirstName + ' ' + user.data.LastName}
\r\n \r\n \r\n \r\n \r\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 SubNavigation;\r\n","import React, { useEffect, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Container, Divider, Button, Message, Grid, Loader } from 'semantic-ui-react';\r\nimport useReadUser from '../../Hooks/Users/useReadUser';\r\nimport useListUserServices from '../../Hooks/Users/useListUserServices';\r\nimport useListUserTypes from '../../Hooks/Users/useListUserTypes';\r\nimport useListActivityTypes from '../../Hooks/Settings/useListActivityTypes';\r\nimport { StateContext } from '../../Context/StateContext';\r\nimport { useParams, Redirect, useHistory } from 'react-router-dom';\r\nimport SubNavigation from '../../Pages/User/SubNavigation';\r\n\r\nconst UserDetail = (props) => {\r\n\r\n const { t } = useTranslation();\r\n const { user, fetchingUser, readUser } = useReadUser();\r\n const { userServices, fetchingUserServices, listUserServices } = useListUserServices();\r\n const { userTypes, fetchingUserTypes, listUserTypes } = useListUserTypes();\r\n const { activityTypes, fetchingActivityTypes, listActivityTypes } = useListActivityTypes();\r\n const { types, profile, userDetailBackRoute } = useContext(StateContext);\r\n const { id } = useParams();\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n (async() => {\r\n if(profile && (profile.IsOwner || parseInt(id) === profile.Id)){\r\n await readUser(id);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [profile]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n if(profile && (profile.IsOwner || parseInt(id) === profile.Id)){\r\n await listUserServices(id);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[profile]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n if(profile && (profile.IsOwner || parseInt(id) === profile.Id)){\r\n await listUserTypes(id);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[profile]);\r\n\r\n // Fetch activity types\r\n useEffect(() => {\r\n (async () => {\r\n if(profile && (profile.IsOwner || parseInt(id) === profile.Id)){\r\n await listActivityTypes();\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[profile]);\r\n\r\n const loadingContent = (profile.IsOwner || parseInt(id) === profile.Id) && (fetchingUser || fetchingUserServices || fetchingUserTypes || fetchingActivityTypes);\r\n const userShiftCount = user && user.data ? (user.data.UserShiftCount || 0) + (user.data.UserShiftCountInPreviousSystem || 0) : 0;\r\n\r\n return (\r\n\r\n \r\n \r\n { loadingContent &&\r\n
\r\n }\r\n\r\n {/* if not owner or own profile redirect to access denied page */}\r\n {profile.Id && !profile.IsOwner && parseInt(id) !== profile.Id &&\r\n
\r\n }\r\n\r\n {!loadingContent &&\r\n <>\r\n {profile.IsOwner && !user.data.IsEmployee ?\r\n
\r\n :\r\n
{t('heading.userinfo')}
\r\n }\r\n
\r\n { user && user.data &&\r\n <>\r\n \r\n \r\n {t('user.lastname')}
\r\n {user.data.LastName}
\r\n \r\n {t('user.firstname')}
\r\n {user.data.FirstName}
\r\n\r\n {t('user.city')}
\r\n {user.data.LocationName}
\r\n\r\n {t('user.username')}
\r\n {user.data.Username}
\r\n\r\n {user.data.IsEmployee &&\r\n {t('user.employee')}
\r\n }\r\n\r\n {t('user.email')}
\r\n {user.data.EmailAddress}
\r\n\r\n {t('user.phone')}
\r\n {user.data.PhoneNumber}
\r\n\r\n {user.data.IsEmployee ?\r\n <>\r\n {t('user.active')}
\r\n {user.data.IsActive ? t('general.yes') : t('general.no')}
\r\n \r\n :\r\n <>\r\n {t('user.description')}
\r\n {user.data.Description}
\r\n\r\n {t('user.specialDiet')}
\r\n {user.data.SpecialDiet}
\r\n\r\n {t('user.startDate')} {t('user.basicCourseStartDate')}
\r\n {user.data.StartDate && new Date(user.data.StartDate).toLocaleDateString()}
\r\n \r\n }\r\n\r\n \r\n \r\n {!user.data.IsEmployee &&\r\n <>\r\n {t('user.remote')}
\r\n {user.data.IsRemoteWorker ? t('general.yes') : t('general.no')}
\r\n\r\n {user.data.IsRemoteWorker &&\r\n <>\r\n {t('user.mllPhoneNumber')}
\r\n {user.data.MllPhoneNumber}
\r\n {t('user.mllProperty')}
\r\n {user.data.MllProperty}
\r\n \r\n }\r\n\r\n {t('user.services')}
\r\n {userServices.map(item =>\r\n {item.ServiceName}
\r\n )}\r\n\r\n \r\n \r\n \r\n {t('user.channels')}
\r\n \r\n \r\n {t('user.isPresent')}\r\n \r\n \r\n {t('user.isRemote')}\r\n \r\n \r\n {types.map(type => (\r\n userTypes.find(item => item.TypeId === type.Id) &&\r\n \r\n \r\n {type.Abbreviation}\r\n \r\n \r\n {userTypes.find(item => item.TypeId === type.Id) && userTypes.find(item => item.TypeId === type.Id).Present ?\r\n t('general.yes')\r\n :\r\n t('general.no')\r\n }\r\n \r\n \r\n {userTypes.find(item => item.TypeId === type.Id) && userTypes.find(item => item.TypeId === type.Id).Remote ?\r\n t('general.yes')\r\n :\r\n t('general.no')\r\n }\r\n \r\n \r\n ))}\r\n \r\n\r\n {t('user.activity')}
\r\n \r\n {user && user.data && user.data.UserActivityType && activityTypes && activityTypes.find(item => item.Id === user.data.UserActivityType) &&\r\n <>\r\n {user.data.ActivityChanged ?\r\n activityTypes.find(item => item.Id === user.data.UserActivityType).Name + ' (' + t('user.activitySet') + ' ' + new Date(user.data.ActivityChanged).toLocaleDateString() + ')'\r\n :\r\n activityTypes.find(item => item.Id === user.data.UserActivityType).Name\r\n }\r\n \r\n }\r\n
\r\n\r\n {t('user.active')}
\r\n {user.data.IsActive ? t('general.yes') : t('general.no')}
\r\n\r\n {user.data.KeepOnMailingList &&\r\n {t('user.onMailingList')}
\r\n }\r\n\r\n {user.data.BreakStartDate &&\r\n <>\r\n {t('user.breakStartDate')}
\r\n {user.data.BreakStartDate && new Date(user.data.BreakStartDate).toLocaleDateString()}
\r\n \r\n }\r\n\r\n {t('user.nextOneToOne')}
\r\n {user.data.NextOneToOne && new Date(user.data.NextOneToOne).toLocaleDateString()}
\r\n \r\n }\r\n \r\n \r\n\r\n {!user.data.IsEmployee &&\r\n <>\r\n {t('user.shiftCount')}: {userShiftCount}
\r\n {user.data.BadgeOfMeritEarned>0 &&\r\n {t('user.badgeOfMeritInfo')}\r\n }\r\n {profile.IsOwner && \r\n <>\r\n {user.data.ActivityAchieved ?\r\n {t('user.activityAchieved')}\r\n :\r\n {t('user.activityNotAchieved')}\r\n }\r\n \r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n \r\n
\r\n {profile.IsOwner &&
}\r\n {props.back ?\r\n
\r\n :\r\n
\r\n }\r\n \r\n }\r\n
\r\n\r\n { loadingContent &&\r\n
\r\n }\r\n {!loadingContent &&\r\n <>\r\n
\r\n {t('heading.user')}
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n }\r\n
\r\n
{t('errors.pagenotfound')}
\r\n
404
\r\n
\r\n
{t('errors.accessdenied')}
\r\n
403
\r\n
{t('shift.timing')}
\r\n {shift.Date && new Date(shift.Date).toLocaleDateString()} {time ? t('general.at') + ' ' + time : ''}
\r\n\r\n {t('shift.type')}
\r\n {shift.typeName}
\r\n\r\n {t('shift.location')}
\r\n {shift.LocationName}
\r\n\r\n {t('shift.supervisor')}
\r\n {shift.InstructorName} ({t('user.phone-abbreviation')} {shift.InstructorPhone})
\r\n\r\n {shift.Description &&\r\n <>\r\n {t('shift.description')}
\r\n {shift.Description}
\r\n \r\n }\r\n\r\n {t('shift.onCallPositions')}
\r\n {shift.ShiftUserCountLeft}/{shift.ShiftUserCount}
\r\n\r\n \r\n {joinRequestConfirm==='confirm' ?\r\n <>\r\n {t('shift.shiftIsFull')}
\r\n {t('shift.sendRequestToJoinConfirm')}
\r\n \r\n \r\n \r\n :\r\n <>\r\n {joinRequestConfirm==='sent' ?\r\n <>\r\n {t('shift.shiftIsFull')}
\r\n {t('info.joinRequestSent')}
\r\n \r\n :\r\n <>\r\n {shift.ShiftUserCountLeft===0 &&\r\n <>\r\n {t('shift.shiftIsFull')}
\r\n \r\n \r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n {t('heading.personsOnCall')}
\r\n {shift.ShiftUsers ?\r\n shift.ShiftUsers.map(item => (\r\n {item.Name}
\r\n )) \r\n : \r\n {t('warnings.personsOnCallNotFound')}
\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\nexport default ShiftList;","import { useState, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useReadShift = () => {\r\n\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage, removeMessage } = useContext(MessageContext);\r\n const [ shift, setShift ] = useState([]);\r\n const [ fetchingShift, setFetchingShift ] = useState(true);\r\n\r\n /** read shift\r\n * @param {integer} id - shift id\r\n * @returns {object} - shift */ \r\n const readShift = async (id) => {\r\n try {\r\n\r\n const msgId = addMessage({ type: \"loading\", header: t('general.moment'), body: t('info.fetchingShift')});\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n\r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n\r\n result = await Axios.get(rootPath + \"/api/v1/shifts/\" + id, options);\r\n\r\n removeMessage(msgId);\r\n\r\n if (result && result.status === 200 && result.data) {\r\n setShift(result.data.data);\r\n setFetchingShift(false);\r\n return result;\r\n }\r\n\r\n if (result && result.status === 404) {\r\n addMessage({ type: \"warning\", header: t('general.error'), body: t('warnings.shiftNotFound') });\r\n setFetchingShift(false);\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingShiftFailed') });\r\n setFetchingShift(false);\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingShiftFailed') });\r\n setFetchingShift(false);\r\n return error;\r\n }\r\n }\r\n\r\n return { shift, fetchingShift, readShift };\r\n\r\n}\r\n\r\nexport default useReadShift;\r\n","\r\nimport { useState, useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useListShiftTypes = () => {\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage } = useContext(MessageContext);\r\n const [ shiftTypes, setShiftTypes ] = useState([]);\r\n const [ fetchingShiftTypes, setFetchingShiftTypes ] = useState(true);\r\n\r\n /** search shift types\r\n * @returns {array} - array of shift types \r\n */ \r\n const listShiftTypes = async (id) => {\r\n try {\r\n\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n \r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n\r\n result = await Axios.get(rootPath + \"/api/v1/shifts/\" + id + \"/types\", options);\r\n\r\n \r\n if (result && result.status === 200 && result.data) {\r\n setShiftTypes(result.data.data);\r\n setFetchingShiftTypes(false);\r\n return result;\r\n }\r\n\r\n if (result && result.status === 404) {\r\n addMessage({ type: \"warning\", header: t('general.error'), body: t('warnings.shiftTypesNotFound') });\r\n setFetchingShiftTypes(false);\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingShiftTypesFailed') });\r\n setFetchingShiftTypes(false);\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.fetchingShiftTypesFailed') });\r\n setFetchingShiftTypes(false);\r\n return error;\r\n }\r\n }\r\n\r\n return { shiftTypes, fetchingShiftTypes, listShiftTypes };\r\n}\r\n\r\nexport default useListShiftTypes;","import { useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useCreateShift = () => {\r\n\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage, removeMessage, messages } = useContext(MessageContext);\r\n \r\n /** list contracts\r\n * @returns {array} - array of shifts */ \r\n const createShift = async (body) => {\r\n try {\r\n\r\n messages.map(msg => removeMessage(msg.id));\r\n\r\n const msgId = addMessage({ type: \"saving\", header: t('general.moment'), body: t('info.savingShift')});\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n\r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n result = await Axios.post(rootPath + \"/api/v1/shifts\", body, options);\r\n\r\n removeMessage(msgId);\r\n\r\n if (result && result.status === 201 && result.data) {\r\n addMessage({type: \"success\", header: t('general.saved'), body: t('info.shiftSaved')});\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.savingShiftFailed') });\r\n window.scrollTo(0, 0)\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.savingShiftFailed') });\r\n window.scrollTo(0, 0)\r\n if(error && error.response){\r\n return error.response;\r\n }\r\n return error;\r\n }\r\n }\r\n\r\n return { createShift };\r\n\r\n}\r\n\r\nexport default useCreateShift;\r\n","import { useContext } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Axios from 'axios';\r\nimport Config from '../../Config/Config';\r\nimport { useMsal } from \"@azure/msal-react\";\r\n\r\nconst useCreateShiftType = () => {\r\n\r\n const rootPath = Config.api.rootPath;\r\n const { instance } = useMsal();\r\n const { t } = useTranslation();\r\n const { addMessage, removeMessage, messages } = useContext(MessageContext);\r\n \r\n /** create shift type\r\n * @returns {array} - array of ShiftTypes */ \r\n const createShiftType = async (shiftId, body, showSuccess = true) => {\r\n try {\r\n\r\n messages.map(msg => removeMessage(msg.id));\r\n\r\n const msgId = addMessage({ type: \"saving\", header: t('general.moment'), body: t('info.savingShiftType')});\r\n \r\n const activeAccount = instance.getActiveAccount();\r\n const accounts = instance.getAllAccounts();\r\n\r\n if (!activeAccount && accounts.length === 0) return;\r\n\r\n const request = {\r\n scopes: Config.api.scopes,\r\n account: activeAccount || accounts[0]\r\n }\r\n\r\n const authResult = await instance.acquireTokenSilent(request);\r\n\r\n const options = {\r\n \"headers\": {\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + authResult.accessToken\r\n }\r\n }\r\n\r\n let result = null;\r\n result = await Axios.post(rootPath + \"/api/v1/Shifts/\" + shiftId + \"/types\", body, options);\r\n\r\n removeMessage(msgId);\r\n\r\n if (result && result.status === 201 && result.data) {\r\n if(showSuccess){\r\n addMessage({type: \"success\", header: t('general.saved'), body: t('info.shiftTypeSaved')});\r\n }\r\n return result;\r\n }\r\n\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.savingShiftTypeFailed') });\r\n window.scrollTo(0, 0)\r\n return result;\r\n\r\n } catch (error) {\r\n if (Config.environment === 'development' || Config.environment === 'test') console.log(error);\r\n addMessage({ type: \"error\", header: t('general.error'), body: t('errors.savingShiftTypeFailed') });\r\n window.scrollTo(0, 0)\r\n if(error && error.response){\r\n return error.response;\r\n }\r\n return error;\r\n }\r\n }\r\n\r\n return { createShiftType };\r\n\r\n}\r\n\r\nexport default useCreateShiftType;\r\n","import React, { useState, useEffect, useContext } from 'react';\r\nimport { Form, Checkbox, Divider, Button, Grid, Popup } from 'semantic-ui-react';\r\nimport { useParams } from 'react-router-dom';\r\nimport { DateInput } from 'semantic-ui-calendar-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport useReadShift from '../../Hooks/Shifts/useReadShift';\r\nimport useListShiftTypes from '../../Hooks/Shifts/useListShiftTypes';\r\nimport useListUsers from '../../Hooks/Users/useListUsers';\r\nimport { StateContext } from '../../Context/StateContext';\r\nimport useCreateShift from '../../Hooks/Shifts/useCreateShift';\r\nimport useCreateShiftType from '../../Hooks/Shifts/useCreateShiftType';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport Select from 'react-select';\r\n\r\nconst CreateShift = (props) => {\r\n\r\n const { t } = useTranslation()\r\n const { id } = useParams();\r\n const [ date, setDate ] = useState(null)\r\n const [ timing, setTiming ] = useState('')\r\n const [ startTime, setStartTime ] = useState('')\r\n const [ endTime, setEndTime ] = useState('')\r\n const [ shiftTypesSelection, setShiftTypesSelection ] = useState([])\r\n const [ location, setLocation ] = useState('')\r\n const [ supervisor, setSupervisor ] = useState('')\r\n const [ description, setDescription ] = useState('')\r\n const [ isSaving, setIsSaving ] = useState(false);\r\n const { shift, readShift } = useReadShift();\r\n const { shiftTypes, listShiftTypes } = useListShiftTypes();\r\n const { users, listUsers } = useListUsers();\r\n const { locations, types, timeOfDays } = useContext(StateContext)\r\n const { addMessage, removeMessage, messages } = useContext(MessageContext);\r\n const { createShift } = useCreateShift();\r\n const { createShiftType } = useCreateShiftType();\r\n\r\n // Fetch shift\r\n useEffect(() => {\r\n (async () => {\r\n if(id){\r\n await readShift(id);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[id]);\r\n\r\n // Fetch shift types\r\n useEffect(() => {\r\n (async () => {\r\n if(id){\r\n await listShiftTypes(id);\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[shift]);\r\n\r\n // Set shift data\r\n useEffect(() => {\r\n (async () => {\r\n if (shift && shift.Id) {\r\n const startTime = new Date(shift.StartTime).getHours() + '.' + new Date(shift.StartTime).getMinutes().toString().padStart(2,'0')\r\n const endTime = new Date(shift.EndTime).getHours() + '.' + new Date(shift.EndTime).getMinutes().toString().padStart(2,'0')\r\n setDate(new Date(shift.Date).toLocaleDateString());\r\n setStartTime(startTime);\r\n setEndTime(endTime);\r\n setSupervisor(shift.InstructorId);\r\n setLocation(shift.LocationId);\r\n setDescription(shift.Description)\r\n }\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [shift]);\r\n\r\n // Set shift types to shift data\r\n useEffect(() => {\r\n (async () => {\r\n let newArray = []\r\n shiftTypes.map(item => {\r\n newArray.push({type: item.TypeId, amount: item.ShiftUserCount})\r\n return item;\r\n })\r\n setShiftTypesSelection(newArray)\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[shiftTypes]);\r\n\r\n // Fetch users\r\n useEffect(() => {\r\n (async () => {\r\n await listUsers();\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[]);\r\n\r\n let timeOfDayOptions = []\r\n timeOfDays.map(i => {\r\n const option = {\r\n key: i.Id,\r\n text: t('shift.' + i.Rerefence),\r\n value: i.Rerefence\r\n }\r\n timeOfDayOptions.push(option);\r\n return i;\r\n })\r\n\r\n let locationOptions = []\r\n locations.map(i => {\r\n const option = {\r\n key: i.Id,\r\n text: i.Name,\r\n value: i.Id\r\n }\r\n locationOptions.push(option);\r\n return i;\r\n })\r\n\r\n let typeOptions = []\r\n types.map(i => {\r\n const option = {\r\n key: i.Id,\r\n text: i.Name,\r\n value: i.Id\r\n }\r\n typeOptions.push(option);\r\n return i;\r\n })\r\n\r\n let supervisors = []\r\n users.filter(item => item.IsEmployee).map(item => {\r\n const supervisor = {\r\n key: item.Id,\r\n label: item.LastName + ' ' + item.FirstName,\r\n value: item.Id\r\n }\r\n supervisors.push(supervisor);\r\n return item;\r\n })\r\n\r\n const setTimes = (value) => {\r\n setTiming(value);\r\n if(value==='other'){\r\n setStartTime('')\r\n setEndTime('')\r\n } else {\r\n const startDate = timeOfDays.find(item => item.Rerefence===value).StartTime\r\n const startTime = new Date(startDate).getUTCHours().toString().padStart(2,'0') + '.' + new Date(startDate).getUTCMinutes().toString().padStart(2,'0')\r\n const endDate = timeOfDays.find(item => item.Rerefence===value).EndTime\r\n const endTime = new Date(endDate).getUTCHours().toString().padStart(2,'0') + '.' + new Date(endDate).getUTCMinutes().toString().padStart(2,'0')\r\n setStartTime(startTime)\r\n setEndTime(endTime)\r\n }\r\n }\r\n\r\n const setTypes = (value) => {\r\n if(shiftTypesSelection.find(item => item.type === value)){\r\n const newArray = shiftTypesSelection.filter(item => item.type !== value)\r\n // uncheck -> remove item from array\r\n setShiftTypesSelection(newArray)\r\n } else {\r\n //check -> add item to array\r\n const newObj = {type: value }\r\n setShiftTypesSelection(shiftTypesSelection.concat(newObj))\r\n }\r\n }\r\n\r\n const setPersonsOnCall = (type,value) => {\r\n const obj = shiftTypesSelection.filter(item => item.type !== type)\r\n if(value){\r\n obj.push({type: type, amount: parseInt(value)})\r\n } else {\r\n obj.push({type: type})\r\n }\r\n setShiftTypesSelection(obj)\r\n }\r\n\r\n const validateTime = (time) => {\r\n const timeReg = /^([0-9]|0[0-9]|1[0-9]|2[0-3]):|.[0-5][0-9]$/\r\n return time.match(timeReg)\r\n }\r\n\r\n const handleSave = async () => {\r\n\r\n\r\n if(isSaving) return false;\r\n setIsSaving(true)\r\n\r\n messages.map(msg => removeMessage(msg.id));\r\n\r\n //validate\r\n if(!date || !startTime || !endTime || !location || !supervisor || shiftTypesSelection.length === 0 || shiftTypesSelection.find(item => item.amount === undefined)) {\r\n addMessage({type: \"error\", header: t('message.fillInRequiredInformation'), body: t('message.requiredMarkedWithAsterisk')})\r\n window.scrollTo(0, 0)\r\n } else if(!validateTime(startTime) || !validateTime(endTime)) {\r\n addMessage({type: \"error\", header: t('message.checkTimeFormat'), body: t('message.rightTimeFormat')})\r\n window.scrollTo(0, 0)\r\n } else {\r\n //create shift data\r\n const dates = date + '.' + startTime.replace(':','.') + '.' + endTime.replace(':','.')\r\n const dateArray = dates.split('.')\r\n let data = {\r\n \"date\": new Date(dateArray[2] + '-' + dateArray[1].padStart(2,'0') + '-' + dateArray[0].padStart(2,'0')).toISOString(),\r\n \"startTime\": new Date(dateArray[2],dateArray[1]-1,dateArray[0],dateArray[3] || '00',dateArray[4] || '00').toISOString(),\r\n \"endTime\": new Date(dateArray[2],dateArray[1]-1,dateArray[0],dateArray[5] || '00',dateArray[6] || '00').toISOString(),\r\n \"locationId\": location,\r\n \"instructorId\": supervisor,\r\n \"description\": description\r\n }\r\n\r\n //save shift\r\n let result = null;\r\n result = await createShift(data);\r\n\r\n const shiftId = result.data.id\r\n\r\n if(result.status === 201 && shiftId) {\r\n // create shift types\r\n shiftTypesSelection.map(item => {\r\n if(item.type && item.amount){\r\n data = {\r\n \"typeId\": item.type,\r\n \"shiftUserCount\": item.amount\r\n }\r\n result = createShiftType(shiftId, data, false);\r\n }\r\n return item;\r\n })\r\n props.history.goBack();\r\n }\r\n }\r\n setIsSaving(false)\r\n }\r\n\r\n return (\r\n \r\n
{t('heading.shift')}
\r\n
\r\n
\r\n {isSaving ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n
\r\n
{t('heading.shift')}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
{t('heading.shift')}
\r\n\r\n
{t('shift.timing')}
\r\n
{shift.Date && new Date(shift.Date).toLocaleDateString()} {time ? t('general.at') + ' ' + time : ''}
\r\n\r\n
{t('shift.types')}
\r\n {shiftTypes.map(item =>\r\n
{item.TypeName}
\r\n )}\r\n\r\n
{t('shift.location')}
\r\n
{shift.LocationName}
\r\n\r\n
{t('shift.supervisor')}
\r\n
{instructorName}
\r\n\r\n
{t('shift.description')}
\r\n
{shift.Description}
\r\n\r\n
{t('heading.personsOnCall')}
\r\n\r\n {shiftTypes.map(item =>\r\n
\r\n
\r\n {item.TypeName}
\r\n \r\n {shiftUsers.filter(user => user.ShiftTypeId === item.Id).length}/{item.ShiftUserCount}\r\n {shiftUsers.filter(user => user.ShiftTypeId === item.Id).length === item.ShiftUserCount ?\r\n <>\r\n {t('shift.full')}\r\n \r\n \r\n :\r\n \r\n }\r\n \r\n \r\n \r\n
user.ShiftTypeId === item.Id)}\r\n contentKeys={[\r\n {key: 'LastName', key2: 'FirstName', type: 'twokeys'},\r\n {key: 'EmailAddress'},\r\n {key: 'LocationName'},\r\n {key: 'SpecialDiet'},\r\n {key: 'EnrollmentDate', type: 'datetime'},\r\n {key: 'link', type: 'action', action: removeUser}\r\n ]}\r\n pageSize='20'\r\n \r\n />\r\n \r\n )}\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{addMessage({type: \"success\", header: t('general.copied'), body: t('info.emailsCopiedToClipboard')});window.scrollTo(0,0)}}\r\n >\r\n \r\n \r\n\r\n
\r\n
{t('heading.addPersonToShift')}
\r\n\r\n
{t('shift.timing')}
\r\n
{shift.Date && new Date(shift.Date).toLocaleDateString()} {time && t('general.at') + ' ' + time}
\r\n\r\n
{t('shift.type')}
\r\n
{shiftType && shiftType.TypeName}
\r\n\r\n
{t('shift.location')}
\r\n
{shift.LocationName}
\r\n\r\n
{t('shift.supervisor')}
\r\n
{instructorName}
\r\n\r\n
{t('heading.personOnCall')}
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{t('heading.newAlert')}
\r\n \r\n \r\n )\r\n\r\n}\r\n\r\nexport default Start;","import React, { useState, useContext, useEffect } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Divider, Button, Form, Checkbox, Popup, TextArea } from 'semantic-ui-react';\r\nimport PagedTable from '../../Reusable/Lists/PagedTable';\r\nimport useSearchShifts from '../../Hooks/Shifts/useSearchShifts';\r\nimport { StateContext } from '../../Context/StateContext';\r\nimport { MessageContext } from '../../Context/MessageContext';\r\nimport useListUsers from '../../Hooks/Users/useListUsers';\r\nimport useCreateSendQueueEmail from '../../Hooks/SendQueue/useCreateSendQueueEmail';\r\n\r\nconst Alerts = (props) => {\r\n\r\n const { t } = useTranslation();\r\n const [ message, setMessage ] = useState('');\r\n const [ location, setLocation ] = useState('');\r\n const [ selectedServices, setSelectedServices ] = useState([]);\r\n const [ onCallRemote, setOnCallRemote ] = useState(false);\r\n const { shifts, searchShifts } = useSearchShifts();\r\n const { users, listUsers } = useListUsers();\r\n const { locations, types, services, globalState, profile } = useContext(StateContext);\r\n const { addMessage } = useContext(MessageContext);\r\n const { createSendQueueEmail } = useCreateSendQueueEmail();\r\n\r\n let locationOptions = [{key: 'all', text: t('shift.location-options.all'), value: ''}]\r\n locations.map(i => {\r\n if(i.Reference!=='remote'){\r\n const option = {\r\n key: i.Id,\r\n text: i.Name,\r\n value: i.Id\r\n }\r\n locationOptions.push(option);\r\n }\r\n return i;\r\n })\r\n\r\n // Fetch shifts\r\n useEffect(() => {\r\n (async () => {\r\n // startdate next monday\r\n let startdate = new Date()\r\n startdate.setDate(startdate.getDate() + (((1 + 7 - startdate.getDay()) % 7) || 7));\r\n \r\n // end date next sunday after start date\r\n let enddate= new Date(startdate)\r\n enddate.setDate(startdate.getDate() + 7)\r\n\r\n let dateArray = startdate.toLocaleDateString().split('.')\r\n let startdateISO = new Date(dateArray[2] + '-' + dateArray[1].padStart(2,'0') + '-' + dateArray[0].padStart(2,'0')).toISOString()\r\n dateArray = enddate.toLocaleDateString().split('.')\r\n let enddateISO = new Date(dateArray[2] + '-' + dateArray[1].padStart(2,'0') + '-' + dateArray[0].padStart(2,'0')).toISOString()\r\n \r\n let params = {\r\n startdate: startdateISO,\r\n enddate: enddateISO\r\n }\r\n \r\n // send the actual request\r\n await searchShifts(params);\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[]);\r\n\r\n // add delete links to shifts\r\n useEffect(() => {\r\n let newArray = []\r\n if (globalState.selectedShifts.length===0){\r\n newArray = [...shifts];\r\n } else {\r\n newArray = [...globalState.selectedShifts]\r\n }\r\n \r\n newArray.map(shift => {\r\n shift.link=t('general.delete')\r\n shift.typeArray = shift.ShiftTypes ? shift.ShiftTypes.map(item => types.filter(type => type.Id === item.TypeId).map(type => type.Name)) : []\r\n shift.countArray = shift.ShiftTypes ? shift.ShiftTypes.map(item => (item.ShiftTypeUsers ? item.ShiftTypeUsers.length : '0') + '/' + item.ShiftUserCount) : []\r\n return shift;\r\n })\r\n\r\n globalState.setSelectedShifts(newArray);\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[shifts]);\r\n\r\n // Fetch users\r\n useEffect(() => {\r\n (async () => {\r\n await listUsers();\r\n })();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n },[]);\r\n\r\n const setServices = (value) => {\r\n const array = [...selectedServices]\r\n if(array.find(item => item === value)){\r\n // uncheck, remove item from array\r\n setSelectedServices(array.filter(item => item !== value))\r\n } else {\r\n // check, add item to array\r\n array.push(value)\r\n setSelectedServices(array)\r\n }\r\n }\r\n\r\n let filteredUsers = []\r\n if (location) {\r\n filteredUsers = users.filter(item => item.LocationId === location)\r\n }\r\n if (onCallRemote) {\r\n if(filteredUsers.length===0) filteredUsers = [...users];\r\n filteredUsers = filteredUsers.filter(item => item.IsRemoteWorker)\r\n }\r\n if(selectedServices.length>0){\r\n if(filteredUsers.length===0) filteredUsers = [...users];\r\n filteredUsers = filteredUsers.filter(item => selectedServices.some(el => item.UserServices && item.UserServices.find(i => i.ServiceId === el)))\r\n }\r\n if(filteredUsers.length>=0){\r\n // show only active users\r\n filteredUsers = filteredUsers.filter(item => item.IsActive)\r\n }\r\n\r\n const removeShift = (ev, row, item) => {\r\n const newArray = globalState.selectedShifts.filter(item => item.Id !== row.Id)\r\n globalState.setSelectedShifts(newArray)\r\n }\r\n\r\n const sendAlert = async () => {\r\n\r\n let body = \"\"\r\n body += \"\" + message.replaceAll('\\n',\"
\") + \"
\"\r\n body += \"\";\r\n globalState.selectedShifts.map(shift => {\r\n const time = new Date(shift.StartTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + '-' + new Date(shift.EndTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n body += \"| \" + new Date(shift.Date).toLocaleDateString() + \" | \"\r\n body += \"\" + time + \" | \"\r\n body += \"\"\r\n shift.ShiftTypes.map(type => {\r\n const t = types.find(item => item.Id === type.TypeId)\r\n body += t.Name + \"
\"\r\n return type;\r\n })\r\n body += \" | \"\r\n body += \"\" + shift.InstructorName + \" |
\"\r\n return shift;\r\n })\r\n body += \"
\"\r\n let emails = \"\"\r\n locations.map(l => {\r\n if(l.Reference !== 'remote'){\r\n emails += l.Name + ': ' + l.Email + '
'\r\n }\r\n })\r\n body += \"
\" + t('email.alertBody').replace('$cityEmails$',emails) + \"
\"\r\n\r\n\r\n let bcc = [];\r\n filteredUsers.map(user => {\r\n bcc.push(user.EmailAddress)\r\n return user;\r\n })\r\n const locObject = locations.find(item => item.Id === location);\r\n let data = [{\r\n type: \"email\",\r\n to: locObject !== undefined ? locObject.Email : null,\r\n cc: null,\r\n bcc: bcc,\r\n subject: t('email.alertSubject'),\r\n body: body,\r\n replyTo: null\r\n }]\r\n\r\n //console.log(data)\r\n\r\n const result = await createSendQueueEmail(data,false);\r\n\r\n if(result.status === 201){\r\n addMessage({type: \"success\", header: t('general.saved'), body: t('info.sendQueueEmailSaved')});\r\n globalState.setSelectedShifts([])\r\n props.history.goBack();\r\n }\r\n }\r\n\r\n const cancelAlert = () => {\r\n globalState.setSelectedShifts([])\r\n props.history.goBack();\r\n }\r\n\r\n return (\r\n \r\n
{t('heading.newAlert')}
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {t('heading.oneToOnes')}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {t('heading.oneToOne')}
\r\n { oneToOne && oneToOne.data &&\r\n <>\r\n {t('heading.user')}
\r\n {user.data && user.data.FirstName} {user.data && user.data.LastName}
\r\n\r\n {t('oneToOne.date')}
\r\n {new Date(oneToOne.data.Date).toLocaleDateString()}
\r\n\r\n {t('oneToOne.description')}
\r\n {oneToOne.data.Description}
\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {t('heading.badgeOfMerits')}
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n {t('user.hasStarted')} {user && user.data && user.data.StartDate ? new Date(user.data.StartDate).toLocaleDateString() : '-'}. {t('user.shiftCount')} {userShiftCount} {t('general.pcs')}.\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {t('heading.badgeOfMerit')}
\r\n { badgeOfMerit && badgeOfMerit.data &&\r\n <>\r\n {t('heading.user')}
\r\n {user.data && user.data.FirstName} {user.data && user.data.LastName}
\r\n\r\n {t('badgeOfMerit.date')}
\r\n {new Date(badgeOfMerit.data.Date).toLocaleDateString()}
\r\n\r\n {t('badgeOfMerit.name')}
\r\n {badgeOfMerit.data.BadgeOfMeritName}
\r\n\r\n {t('badgeOfMerit.description')}
\r\n {badgeOfMerit.data.Description}
\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {t('heading.BOMUsers')}
\r\n \r\n
{t('info.badgeUserList')}\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n {t('heading.otherParticipations')}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {t('heading.otherParticipation')}
\r\n { otherParticipation && otherParticipation.data &&\r\n <>\r\n {t('heading.user')}
\r\n {user.data && user.data.FirstName} {user.data && user.data.LastName}
\r\n\r\n {t('otherParticipation.date')}
\r\n {new Date(otherParticipation.data.Date).toLocaleDateString()}
\r\n\r\n {t('otherParticipation.type')}
\r\n {otherParticipation.data.ParticipationTypeName}
\r\n\r\n {t('otherParticipation.description')}
\r\n {otherParticipation.data.Description}
\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {t('heading.reminders')}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {t('heading.reminder')}
\r\n { reminder && reminder.data &&\r\n <>\r\n {t('heading.user')}
\r\n {user.data && user.data.FirstName} {user.data && user.data.LastName}
\r\n\r\n {t('reminder.recipient')}
\r\n {reminder.data.Recipient}
\r\n\r\n {t('reminder.date')}
\r\n {new Date(reminder.data.Date).toLocaleDateString()}
\r\n\r\n {t('reminder.subject')}
\r\n {reminder.data.Subject}
\r\n\r\n {t('reminder.description')}
\r\n {reminder.data.Body}
\r\n \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
{t('user.activityStatus')}
\r\n {user && user.data && user.data.ActivityAchieved ?\r\n
{t('user.activityAchieved')}\r\n :\r\n
{t('user.activityNotAchieved')}\r\n }\r\n
\r\n\r\n {years.map(y =>\r\n
\r\n \r\n \r\n {y}\r\n {t('user.achieved')}\r\n {t('user.shiftCount')}\r\n \r\n \r\n \r\n {userActivities && userActivities.filter(item => item.Year === y).map(item =>\r\n \r\n {t(\"general.months.\" + item.Month)}\r\n {item.Achieved ? t('general.yes'): t('general.no')}\r\n {item.ShiftCount}\r\n \r\n )}\r\n \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {props.optional}\r\n \r\n \r\n )\r\n}\r\n\r\nconst WarningMessage = (props) => {\r\n const onDismiss = () => {\r\n if (props && props.onDismiss) props.onDismiss();\r\n }\r\n return (\r\n onDismiss()}>\r\n \r\n \r\n \r\n {props.header}\r\n \r\n {props.content}\r\n
\r\n {props.optional}\r\n \r\n \r\n )\r\n}\r\n\r\nconst ErrorMessage = (props) => {\r\n const onDismiss = () => {\r\n if (props && props.onDismiss) props.onDismiss();\r\n }\r\n return (\r\n onDismiss()}>\r\n \r\n \r\n \r\n {props.header}\r\n \r\n {props.content}\r\n
\r\n {props.optional}\r\n \r\n \r\n )\r\n}\r\n\r\nconst FetchingMessage = (props) => {\r\n const onDismiss = () => {\r\n if (props && props.onDismiss) props.onDismiss();\r\n }\r\n return (\r\n onDismiss()}>\r\n \r\n \r\n \r\n {props.header}\r\n \r\n {props.content}\r\n \r\n \r\n )\r\n}\r\n\r\nconst SavingMessage = (props) => {\r\n const onDismiss = () => {\r\n if (props && props.onDismiss) props.onDismiss();\r\n }\r\n return (\r\n onDismiss()}>\r\n \r\n \r\n \r\n {props.header}\r\n \r\n {props.content}\r\n \r\n \r\n )\r\n}\r\n\r\nexport {\r\n InfoMessage,\r\n PositiveMessage,\r\n WarningMessage,\r\n ErrorMessage,\r\n SavingMessage,\r\n FetchingMessage\r\n};","import React, { useContext } from 'react';\r\nimport {MessageContext} from './../Context/MessageContext';\r\nimport {InfoMessage,PositiveMessage,WarningMessage,ErrorMessage,SavingMessage,FetchingMessage} from '../Reusable/Messages/Messages';\r\n\r\nconst Messages = (props) => {\r\n\r\n const { messages, removeMessage } = useContext(MessageContext);\r\n\r\n const msg = messages.map(msg => {\r\n\r\n let selectedType = null;\r\n\r\n switch (msg.type) {\r\n case \"success\":\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n case \"warning\":\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n case \"error\":\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n case \"saving\":\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n case \"loading\":\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n default:\r\n selectedType = removeMessage(msg.id)} />\r\n break;\r\n }\r\n \r\n return selectedType;\r\n\r\n });\r\n\r\n return (\r\n \r\n {msg}\r\n
\r\n );\r\n\r\n}\r\n\r\nexport default Messages;\r\n","import React, { useContext, useState } from 'react';\r\nimport { NavLink, withRouter } from 'react-router-dom';\r\nimport { Segment, Menu, Sidebar, Image } from 'semantic-ui-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMsal } from \"@azure/msal-react\";\r\nimport { StateContext } from '../Context/StateContext';\r\nimport { MessageContext } from '../Context/MessageContext';\r\nimport { YesNoModal } from '../Reusable/Modals/GeneralModal';\r\n\r\nconst MobileNavigation = (props) => {\r\n\r\n const { children, mobileMenuOpen, setMobileMenuOpen } = props;\r\n const { instance } = useMsal();\r\n const { globalState, clearContactData, contactInProgress, profile } = useContext(StateContext);\r\n const { addMessage } = useContext(MessageContext);\r\n const { t } = useTranslation();\r\n const [ cancelModalOpen, setCancelModalOpen] = useState(false);\r\n const [ warningModalOpen, setWarningModalOpen] = useState(false);\r\n const [ adminOpen, setAdminOpen ] = useState(false);\r\n\r\n const cancelContact = () => {\r\n props.history.push('/contact/contacttype');\r\n clearContactData();\r\n addMessage({type: \"success\", header: t('message.contactCanceled'), body: t('message.continueToNextContact')});\r\n }\r\n\r\n const cancelContactToChangeService = () => {\r\n props.history.push('/');\r\n clearContactData();\r\n }\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n\r\n\r\n {/* Sticky side bar wont work if transform is not set to none !!! */}\r\n {/* But If style={{ transform: 'none' }} is added then the app wont work :( \r\n These is a patch: add patch class to pusahble and sidebar and add css classes\r\n .pushable:not(body).patch { -webkit-transform: unset; transform: unset;} .pushable:not(body) .patch.ui.sidebar {position: fixed;}\r\n (popup visibility caused by this is fxed with z-index in div after body)\r\n https://topic.alibabacloud.com/a/how-to-use-the-fixed-menu-and-sidebar-of-semantic-ui-in-react_1_51_31205875.html\r\n */}\r\n \r\n\r\n setMobileMenuOpen(false)} vertical visible={mobileMenuOpen}>\r\n\r\n { globalState.service && globalState.channel && contactInProgress() &&\r\n {e.preventDefault();setMobileMenuOpen(false);setCancelModalOpen(true)}}>{t('navigation.cancelContact')}\r\n }\r\n { globalState.service && globalState.channel ?\r\n setMobileMenuOpen(false)} exact>{t('navigation.contact')}\r\n :\r\n setMobileMenuOpen(false)} exact>{t('navigation.contact')}\r\n }\r\n {profile.IsOwner ?\r\n <>\r\n setAdminOpen(!adminOpen)} header className={adminOpen ? 'open' : 'close'}>Hallinta\r\n {adminOpen &&\r\n <>\r\n {props.history.push('/user/list');setMobileMenuOpen(false)}}>\r\n {t('navigation.users')} \r\n \r\n {props.history.push('/shift/admin');setMobileMenuOpen(false)}}>\r\n {t('navigation.shifts')}\r\n \r\n {props.history.push('/shift/alert/start');setMobileMenuOpen(false)}}>\r\n {t('navigation.alerts')}\r\n \r\n \r\n }\r\n \r\n :\r\n setMobileMenuOpen(false)}>{t('navigation.shifts')}\r\n }\r\n \r\n { globalState.service && globalState.channel &&\r\n <>\r\n {globalState.service.name.fi} - {globalState.channel.name.fi}\r\n {contactInProgress() ?\r\n {e.preventDefault();setMobileMenuOpen(false);setWarningModalOpen(true)}}>{t('navigation.changeservice')}\r\n :\r\n setMobileMenuOpen(false)}>{t('navigation.changeservice')}\r\n }\r\n \r\n }\r\n {globalState.name}\r\n setMobileMenuOpen(false)}>{t('navigation.userinfo')}\r\n instance.logout()}>{t('navigation.logout')}\r\n \r\n {/* Nav logo */}\r\n \r\n setMobileMenuOpen(false)} exact>\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {children}\r\n \r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withRouter(MobileNavigation);\r\n","import React, { useContext } from 'react';\r\n//import { Dimmer } from 'semantic-ui-react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { MsalContext, UnauthenticatedTemplate } from \"@azure/msal-react\";\r\n\r\nconst Error = () => {\r\n\r\n const { t } = useTranslation();\r\n const { accounts } = useContext(MsalContext);\r\n const error = { textAlign: \"center\", marginTop: \"100px\" }\r\n const errorP = { fontSize: \"72px\", fontWeight: \"bold\" }\r\n\r\n return (\r\n \r\n
{t('errors.errorOccurred')}
\r\n
500
\r\n\r\n {accounts && accounts.length === 0 && \r\n
\r\n {t('errors.noPermission')}
\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\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","import i18n from 'i18next';\r\nimport Backend from 'i18next-xhr-backend';\r\nimport LanguageDetector from 'i18next-browser-languagedetector';\r\nimport { initReactI18next } from 'react-i18next';\r\n\r\nconst Languages = ['fi', 'en'];\r\n\r\ni18n\r\n // load translation using xhr -> see /public/locales\r\n // learn more: https://github.com/i18next/i18next-xhr-backend\r\n .use(Backend)\r\n // detect user language\r\n // learn more: https://github.com/i18next/i18next-browser-languageDetector\r\n .use(LanguageDetector)\r\n // pass the i18n instance to react-i18next.\r\n .use(initReactI18next)\r\n // init i18next\r\n // for all options read: https://www.i18next.com/overview/configuration-options\r\n .init({\r\n fallbackLng: 'fi',\r\n debug: false,\r\n whitelist: Languages,\r\n interpolation: {\r\n escapeValue: false, // not needed for react as it escapes by default\r\n }\r\n });\r\n\r\nexport default i18n;\r\n","import React, { Suspense } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { MsalProvider } from \"@azure/msal-react\";\r\nimport { PublicClientApplication } from \"@azure/msal-browser\";\r\nimport config from './Config/Config';\r\nimport App from './App';\r\nimport Loading from './Layout/Loading';\r\n//import reportWebVitals from './reportWebVitals';\r\nimport './index.css';\r\nimport './Utils/i18n'; // import i18n (needs to be bundled ;))\r\nimport 'moment/locale/fi';\r\n\r\nconst pca = new PublicClientApplication(config.authentication);\r\n\r\nReactDOM.render(\r\n }>\r\n {/**/}\r\n \r\n \r\n \r\n {/**/}\r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\n//reportWebVitals();\r\n"],"sourceRoot":""}