\n \n row.id } \n pagination \n pageSize={ PAGE_SIZE } \n rowCount={ rowCount } \n rowsPerPageOptions={ ROWS_PER_PAGE_OPTIONS } \n paginationMode=\"server\" \n onPageChange={ handlePageChange } \n onPageSizeChange={ handlePageChange }\n filterMode=\"server\" \n onFilterModelChange={ handleFilterModelChange }\n sortingMode=\"server\"\n onSortModelChange={ handleSortModelChange }\n disableSelectionOnClick\n disableColumnSelector/>\n \n
\n );\n};\n\nexport default ClientListing;","import {Button} from \"@material-ui/core\";\nimport {blueGrey} from \"@material-ui/core/colors\";\n\nconst ButtonNeutral = props => {\n return (\n \n )\n}\n\nexport default ButtonNeutral;","import Checkbox from '@material-ui/core/Checkbox';\nimport {FormControlLabel} from \"@material-ui/core\";\nimport {makeStyles} from \"@material-ui/core/styles\";\nimport {useViewport} from \"../viewportService\";\n\nconst FieldCheckboxWithLabel = props => {\n const isMobile = useViewport().width < 640;\n const useStyles = makeStyles(theme => ( {\n root: {\n backgroundColor: 'white',\n borderRadius: 4,\n marginLeft: 5,\n paddingRight: 10,\n width: isMobile ? 250 : '100%',\n marginTop: 4,\n marginBottom: 4,\n color: '#424242',\n \"& .MuiIconButton-label\": {\n color: '#424242',\n },\n \"& .MuiTypography-body1\": {\n fontWeight: '700 !important'\n }\n }\n } ) );\n\n const classes = useStyles();\n \n return (\n \n \n row.id } \n pagination \n pageSize={ PAGE_SIZE } \n rowCount={ rowCount } \n rowsPerPageOptions={ ROWS_PER_PAGE_OPTIONS } \n paginationMode=\"server\" \n onPageChange={ handlePageChange } \n onPageSizeChange={ handlePageChange }\n filterMode=\"server\" \n onFilterModelChange={ handleFilterModelChange }\n sortingMode=\"server\"\n onSortModelChange={ handleSortModelChange }\n disableSelectionOnClick\n disableColumnSelector/>\n \n
\n );\n};\n\nexport default ClientUserListing;","import {useRef, useContext, useState, useEffect} from \"react\";\nimport {StateContext} from \"../../../stateService\";\nimport {DialogContext} from \"../../../services/dialogService\";\nimport APIService from \"../../../apiService\";\nimport {Paper, TextField} from \"@material-ui/core\";\nimport {Formik, Form} from 'formik';\nimport ButtonNeutral from \"../../buttonNeutral\";\nimport ButtonPositive from \"../../buttonPositive\";\nimport FieldCheckboxWithLabel from \"../../fieldCheckboxWithLabel\";\nimport FieldText from \"../../fieldText\";\nimport {OK, OPERATION_FAILED, OPERATION_SUCCESSFUL, SUCCESSFULLY_ADDED, SUCCESSFULLY_UPDATED} from \"../../../constants\";\n\nconst ClientUserAddEdit = props =>\n{\n const context = useRef( useContext( StateContext ) );\n const dialogContext = useContext( DialogContext );\n const [clientUser, setClientUser] = useState( { id: null, client_id: props.clientId, username: null, password: null, email_address: null, first_name: null, last_name: null, office_number: null, cell_phone_number: null, is_active: false, app_token: null, notifications: false, standard_sound: null, firstcall_sound: null } );\n const [notificationText, setNotificationText] = useState( '' );\n \n useEffect( () =>\n\t{\n\t if( !props.id ){ return; }\n\t \n\t\tAPIService( context.current ).getClientUser( props.id, function( data ) {\n\n setClientUser( { id: data.id, client_id: data.client_id, username: data.username, password: null, email_address: data.email_address, first_name: data.first_name, last_name: data.last_name, office_number: data.office_number, cell_phone_number: data.cell_phone_number, is_active: data.is_active, app_token: data.app_token, notifications: data.notifications, standard_sound: data.standard_sound, firstcall_sound: data.firstcall_sound } );\n\t \n } );\n\t\t\n\t}, [ props.id ] )\n \n const onCancel = () => { props.onAddEditComplete(); };\n \n const onSubmit = ( values, actions ) => \n {\n APIService( context.current )\n .addEditClientUser(\n values, \n function( data ){\n actions.setSubmitting( false );\n \n let message = SUCCESSFULLY_ADDED;\n \n if( props.id )\n {\n message = SUCCESSFULLY_UPDATED;\n }\n \n dialogContext.presentDialog( true, OPERATION_SUCCESSFUL, message, null, null, OK, () => { props.onAddEditComplete(); }, null, null );\n },\n function( errors ){\n \n actions.setSubmitting( false );\n actions.setErrors( errors );\n }\n );\n };\n \n const onSendTestNotification = () =>\n {\n APIService( context.current )\n .sendNotification(\n { client_user_id: clientUser.id, message: notificationText },\n function( response )\n {\n dialogContext.presentDialog( true, OPERATION_SUCCESSFUL, response, null, null, OK, () => { setNotificationText( '' ); }, null, null );\n },\n function( error )\n {\n dialogContext.presentDialog( true, OPERATION_FAILED, error, null, null, OK, () => { setNotificationText( '' ); }, null, null );\n }\n );\n };\n \n return (\n \n \n \n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n ) }\n \n \n
\n );\n}\n\nexport default ClientUserAddEdit;","import React from \"react\";\nimport {Paper, Tab, Tabs} from \"@material-ui/core\";\nimport ClientUserListing from \"./clientUserListing\";\nimport ClientUserAddEdit from \"./clientUserAddEdit\";\n\nconst ClientUsers = props =>\n{\n const [value, setValue] = React.useState( 0 );\n const [id, setId] = React.useState( null );\n const handleChange = ( event, newValue ) => { setId( null ); setValue( newValue ); };\n \n function tabProps( index )\n {\n return { id: `tab-client-user-${ index }` };\n }\n \n function onEditClientUser( id )\n {\n setId( id );\n setValue( 1 );\n }\n \n function onAddEditComplete()\n {\n setId( null );\n setValue( 0 );\n }\n \n return (\n \n \n \n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n ) }\n \n { client.id && \n \n
\n );\n}\n\nexport default ClientAddEdit;","import React from \"react\";\nimport {Paper, Tab, Tabs} from \"@material-ui/core\";\nimport ClientListing from \"./clientListing\";\nimport ClientAddEdit from \"./clientAddEdit\";\n\nexport default function Clients()\n{\n const [value, setValue] = React.useState( 0 );\n const [id, setId] = React.useState( null );\n const handleChange = ( event, newValue ) => { setId( null ); setValue( newValue ); };\n \n function tabProps( index )\n {\n return { id: `tab-${ index }` };\n }\n \n function onEditClient( id )\n {\n setId( id );\n setValue( 1 );\n }\n \n function onAddEditComplete()\n {\n setId( null );\n setValue( 0 );\n }\n\n return (\n \n
\n }\n \n \n row.id } \n pagination \n pageSize={ PAGE_SIZE } \n rowCount={ rowCount } \n rowsPerPageOptions={ ROWS_PER_PAGE_OPTIONS } \n paginationMode=\"server\" \n onPageChange={ handlePageChange } \n onPageSizeChange={ handlePageChange }\n filterMode=\"server\" \n onFilterModelChange={ handleFilterModelChange }\n sortingMode=\"server\"\n onSortModelChange={ handleSortModelChange }\n disableSelectionOnClick\n disableColumnSelector/>\n \n
\n );\n}\n\nexport default UserListing;","import {useContext, useEffect, useRef, useState} from \"react\";\nimport {Paper} from \"@material-ui/core\";\nimport {Formik, Form} from 'formik';\nimport {StateContext} from \"../../stateService\";\nimport APIService from \"../../apiService\";\nimport FieldText from \"../fieldText\";\nimport FieldCheckboxWithLabel from \"../fieldCheckboxWithLabel\";\nimport ButtonPositive from \"../buttonPositive\";\nimport ButtonNeutral from \"../buttonNeutral\";\nimport {DialogContext} from \"../../services/dialogService\";\nimport {OK, OPERATION_FAILED, OPERATION_SUCCESSFUL, SUCCESSFULLY_ADDED, SUCCESSFULLY_UPDATED} from \"../../constants\";\n\nconst UserAddEdit = props =>\n{\n const context = useRef( useContext( StateContext ) );\n const dialogContext = useContext( DialogContext );\n const [user, setUser] = useState( { id: null, username: null, password: null, first_name: null, last_name: null, is_active: false, is_admin: false, is_supervisor: false, is_operator: false } );\n \n useEffect( () =>\n\t{\n\t if( !props.id ){ return; }\n\t \n\t\tAPIService( context.current ).getUser( props.id, function( data ) {\n\n setUser( { id: data.id, username: data.username, password: null, first_name: data.first_name, last_name: data.last_name, is_active: data.is_active, is_admin: data.is_admin, is_supervisor: data.is_supervisor, is_operator: data.is_operator } );\n\t \n } );\n\t\t\n\t}, [ props.id ] )\n \n const onCancel = () => { props.onAddEditComplete(); };\n \n const onSubmit = ( values, actions ) =>\n {\n APIService( context.current )\n .addEditUser(\n values, \n function( data ){\n actions.setSubmitting( false );\n \n let message = SUCCESSFULLY_ADDED;\n \n if( props.id )\n {\n message = SUCCESSFULLY_UPDATED;\n }\n \n dialogContext.presentDialog( true, OPERATION_SUCCESSFUL, message, null, null, OK, () => { props.onAddEditComplete(); }, null, null );\n },\n function( errors ){\n actions.setSubmitting( false );\n \n if( errors.validation_errors )\n {\n actions.setErrors( errors );\n }\n else\n {\n dialogContext.presentDialog( true, OPERATION_FAILED, errors, null, null, OK, null, null, null );\n }\n }\n );\n };\n \n return (\n \n \n \n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n ) }\n \n \n
\n );\n}\n\nexport default UserAddEdit;","import React from \"react\";\nimport {Paper, Tab, Tabs} from \"@material-ui/core\";\nimport UserListing from \"./userListing\";\nimport UserAddEdit from \"./userAddEdit\";\n\nexport default function Users()\n{\n const [value, setValue] = React.useState( 0 );\n const [id, setId] = React.useState( null );\n const handleChange = ( event, newValue ) => { setId( null ); setValue( newValue ); };\n\n function tabProps( index )\n {\n return { id: `tab-${ index }` };\n }\n \n function onEditUser( recordID )\n {\n setId( recordID );\n setValue( 1 );\n }\n \n function onAddEditComplete()\n {\n setId( null );\n setValue( 0 );\n }\n\n return (\n \n \n \n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n ) }\n \n \n
\n );\n}\n\nexport default ObituaryAddEdit;","import React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport {makeStyles} from \"@material-ui/core/styles\";\n\nconst FieldAutocompleteNonForm = ( props ) =>\n{\n const useStyles = makeStyles(theme => ( {\n input: {\n paddingTop: '2px',\n paddingBottom: '2px'\n },\n root: {\n \"& .MuiFormControl-fullWidth\": {\n marginTop: '20px'\n },\n \"& .MuiFormControl-fullWidth .MuiFormLabel-root\": {\n color: '#424242',\n fontWeight: 700,\n transform: 'translate(14px, 16px)',\n backgroundColor: 'rgba(0,0,0,0)'\n },\n \"& .MuiFormControl-fullWidth .MuiInputLabel-shrink\": {\n color: '#fff',\n fontWeight: 700,\n transform: 'translate(14px, -20px)',\n backgroundColor: 'rgba(0,0,0,0)'\n },\n \"& .MuiFormControl-fullWidth .MuiInputBase-input\": {\n paddingTop: '14px !important'\n }\n }\n } ) );\n \n const onChange = ( event, newValue ) =>\n {\n if( props.onChange )\n {\n props.onChange( props.id, newValue );\n }\n };\n \n const classes = useStyles();\n\n return (\n \n = Math.ceil(count / rowsPerPage) - 1 ) ? disabledColor : 'inherit' } } onClick={ handleNextButtonClick } disabled={ page >= Math.ceil( count / rowsPerPage ) - 1 }> \n = Math.ceil( count / rowsPerPage ) - 1 ) ? disabledColor : 'inherit' } } onClick={ handleLastPageButtonClick } disabled={ page >= Math.ceil( count / rowsPerPage ) - 1 }> \n
\n );\n };\n \n const onChangePage = ( event, page ) =>\n {\n setCurrentPage( page );\n };\n \n const onChangeRowsPerPage = ( event ) =>\n {\n setPageSize( parseInt( event.target.value, 10 ) );\n };\n \n return (\n \n \n \n \n \n { searchFields &&\n \n \n
\n \n }\n \n \n \n \n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n ) }\n \n \n \n \n
\n );\n}\n\nexport default ObituaryGridView;","import React from \"react\";\nimport {Paper, Tab, Tabs} from \"@material-ui/core\";\nimport ObituaryListing from \"./obituaryListing\";\nimport ObituaryAddEdit from \"./obituaryAddEdit\";\nimport ObituaryGridView from \"./obituaryGridView\";\n\nexport default function Obituaries()\n{\n const [value, setValue] = React.useState( 0 );\n const [id, setId] = React.useState( null );\n const handleChange = ( event, newValue ) => { setId( null ); setValue( newValue ); };\n\n function tabProps( index )\n {\n return { id: `tab-${ index }` };\n }\n \n function onEditObituary( recordID )\n {\n setId( recordID );\n setValue( 2 );\n }\n \n function onAddEditComplete()\n {\n setId( null );\n setValue( 1 );\n }\n\n return (\n \n\t\t\t\n\t\t\t
\n\t);\n\n\tconst onMenuItemSelected = ( index ) =>\n\t{\n\t\tsetActiveItem( menuItems[index] );\n\t}\n\t\n\tconst onLogout = () =>\n {\n context.current.update( 'token', null );\n \n props.history.push( \"/\" )\n };\n\t\n\treturn (\n\t\t- \n\t\t\t\t{ menuItems.map( ( item, index ) => (\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t \n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t{ activeItem && activeItem.component }\n\t\t\t \n\t\t
\n\t);\n}\n\nexport default withRouter( Administration );","import React from \"react\";\nimport {makeStyles} from '@material-ui/core/styles';\nimport {Box, Container, CssBaseline, Grid, Link, Paper, Typography} from \"@material-ui/core\";\nimport {Copyright} from \"../constants\";\nimport { ContactPhoneOutlined, DateRangeOutlined, PhoneCallbackOutlined, RecordVoiceOverOutlined } from \"@material-ui/icons\";\nimport {useViewport} from \"../viewportService\";\n\nexport default function Index()\n{\n\tconst isMobile\t= useViewport().width < 640;\n const useStyles = makeStyles( ( theme ) => ( {\n\t\troot: {\n\t\t\tmarginTop:\t\ttheme.spacing( 4 ),\n\t\t\tdisplay:\t\t'flex',\n\t\t\tflexDirection:\t'column',\n\t\t\talignItems:\t\t'center'\n\t\t},\n\t\tpaper: {\n\t\t\tpadding:\t\t30,\n\t\t\twidth:\t\t\t250,\n\t\t\theight:\t\t\t200,\n\t\t\tdisplay:\t\t'flex',\n\t\t\tflexDirection:\t'column',\n\t\t\talignItems:\t\t'center',\n\t\t\ttextAlign:\t\t'center'\n\t\t}\n\t} ) );\n \n const classes = useStyles();\n\t\n return (\n\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tService Arrangements \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tOn Call Personnel \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tMessages / Call Monitoring \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tContact Us \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\tSign In \n\t\t\t\t\n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n\t\t\t\t\t) }\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\tForgot Password \n\t\t\t\tEnter the username your account
and we'll send you an email with a link to reset your password. \n\t\t\t\t\n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n\t\t\t\t\t) }\n\t\t\t\t \n\t\t\t
\n\t\t\tand we'll send you an email with a link to reset your password.
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\tReset Password \n\t\t\t\tPlease enter your new password. \n\t\t\t\t\n { ( { values, submitForm, isSubmitting, touched, errors, handleChange } ) => (\n \n\t\t\t\t\t) }\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n \n \n \n { value === 0 && \n \n \n\t\t\t \n\t\t
\n\t);\n}\n\nexport default withRouter( Client );","import { BrowserRouter, Switch, Route } from \"react-router-dom\";\nimport { StateProvider } from \"./stateService\";\nimport {ViewportProvider} from \"./viewportService\";\nimport {DialogProvider} from \"./services/dialogService\";\nimport Administration from \"./pages/administration\";\nimport Index from \"./pages\";\nimport Login from \"./pages/login\";\nimport ForgotPassword from \"./pages/forgot-password\";\nimport ResetPassword from \"./pages/reset-password\";\nimport Client from \"./pages/client\";\nimport {MuiPickersUtilsProvider} from \"@material-ui/pickers\";\nimport MomentUtils from \"@date-io/moment\";\n\nexport default function App()\n{\n return (\n