\r\n \r\n {\r\n props.action ? () : null\r\n }\r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport FormField from './FormFileld';\r\nimport { ToArray } from '../utils/Utils'\r\nimport SafeSimpleEvent from '../components/SafeSimpleEvent';\r\n\r\nclass FormEntry extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.formContext = this.props.formContext\r\n }\r\n state = {\r\n value: this.props.value,\r\n validationData: {},\r\n setValidationMessageEvent: SafeSimpleEvent()\r\n }\r\n\r\n componentWillReceiveProps({ formData }) {\r\n if (!Array.isArray(formData)) {\r\n return\r\n }\r\n\r\n const validationData = formData.find(\r\n (v) => v.FiledName === this.props.name\r\n )\r\n\r\n this.setState({ validationData })\r\n }\r\n\r\n getAndTranslateValidation = (state) => {\r\n let validations = {}\r\n let rules = {}\r\n if (Array.isArray(state.formValidationData)) {\r\n let field = state.formValidationData.find(\r\n (v) => v.FiledName === (this.props.validationName ? this.props.validationName : this.props.name)\r\n )\r\n\r\n if (field) {\r\n if (this.props.translateValidations) {\r\n validations = this.props.translateValidations(field, this.props.text)\r\n }\r\n else {\r\n validations = field.ValidationRules\r\n }\r\n\r\n if (validations[\"data-val-date\"]) {\r\n delete validations[\"data-val-date\"]\r\n }\r\n\r\n rules = field.Rules\r\n }\r\n }\r\n\r\n\r\n return { validations, rules };\r\n };\r\n\r\n render = () => {\r\n const { Consumer } = this.props.formContext\r\n\r\n return (\r\n \r\n {props.children}\r\n {state.validationMessage}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction _NotificationsComponent(props) {\r\n\r\n const context = useContext(Notifications)\r\n\r\n if (!context.ShowSuccess)\r\n context.ShowSuccess = props.ShowSuccess\r\n\r\n if (!context.ShowError)\r\n context.ShowError = props.ShowError\r\n\r\n return (<>)\r\n}\r\n\r\nclass NotificationsComponent extends Component {\r\n state = {\r\n notifications: [],\r\n idPool: 0\r\n }\r\n\r\n constructor(props) {\r\n super(props)\r\n\r\n }\r\n\r\n RemoveNotification = (id) => {\r\n console.log(`REMOVE id ${id}`)\r\n this.setState(prevState => ({\r\n notifications: prevState.notifications.filter(t => t.node.id !== id)\r\n }))\r\n }\r\n\r\n AddNotification = (node, delay) => {\r\n\r\n this.setState(prevState => ({\r\n notifications: [\r\n ...prevState.notifications,\r\n {\r\n node: {\r\n ...node,\r\n id: prevState.idPool\r\n },\r\n delay\r\n }\r\n ],\r\n idPool: prevState.idPool + 1\r\n }))\r\n }\r\n\r\n ShowSuccess = (message, title = \"Success\", delay = 2500) => {\r\n this.AddNotification({\r\n title,\r\n message: message,\r\n type: \"SUCCESS\"\r\n }, delay)\r\n }\r\n\r\n ShowError = (message, title = \"Error\", delay = 2500) => {\r\n this.AddNotification({\r\n title,\r\n message: message,\r\n type: \"ERROR\"\r\n }, delay)\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n <_NotificationsComponent ShowError={this.ShowError} ShowSuccess={this.ShowSuccess} />\r\n {\r\n this.state.notifications.length ? (\r\n\r\n \r\n \r\n
\r\n {\r\n remove(notification.id)\r\n }} title=\"Dismiss\">x\r\n \r\n \r\n
\r\n \r\n {\r\n this.state.notifications.map((node) => (\r\n <_notification notification={node.node} delay={node.delay} remove={this.RemoveNotification} />\r\n ))\r\n }\r\n
\r\n ) : null\r\n }\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default NotificationsComponent\r\n","const SiteState = {\r\n LoggedIn: \"LOGGED_IN\",\r\n LoggedOut: \"LOGGED_OUT\",\r\n Loading: \"LOADING\",\r\n ChooseHospital: \"CHOOSE_HOSPITAL\",\r\n AfterChooseHospital: \"AFTER_CHOOSE_HOSPITAL\",\r\n RessetPasswordPage: \"RESSET_PASSWORD\",\r\n ForgotPassword: \"FORGOT_PASSWORD\",\r\n ChooseSurgeon: \"CHOOSE_SURGEON\",\r\n AfterChooseSurgeon: \"After_CHOOSE_SURGEON\",\r\n};\r\n\r\nexport default SiteState;\r\n","import React, { Component, useContext } from \"react\"\r\nimport { Redirect } from 'react-router'\r\nimport LoginForm from \"../components/LoginForm\";\r\nimport { SiteContext } from \"../components/contexts\";\r\nimport { Notifications } from \"../components/NotificationsComponent\";\r\nimport ObjectWrapper from \"../components/ObjectWrapper\";\r\nimport SiteState from '../components/SiteState';\r\n\r\nfunction _LoginPage(props) {\r\n const toastr = useContext(Notifications)\r\n\r\n props.toastr.setObject(toastr)\r\n\r\n return (null)\r\n}\r\n\r\nclass LoginPage extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.toastr = ObjectWrapper()\r\n }\r\n\r\n goToForgotPassword = () => {\r\n this.props.SetSiteState(SiteState.ForgotPassword)\r\n }\r\n render() {\r\n return (\r\n <>\r\n <_LoginPage toastr={this.toastr} />\r\n \r\n
\r\n \r\n )\r\n )\r\n }\r\n \r\n
\r\n Login
\r\n \r\n Forgot your password?\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default LoadingPage\r\n","import React, { Component, useReducer, useContext } from 'react'\r\nimport { isNumber } from 'util';\r\n\r\nfunction _reducer(state, action) {\r\n if (action.type === \"UPDATE\") {\r\n return {\r\n ...state,\r\n page: action.page,\r\n pageCount: action.pageCount,\r\n takeCount: action.takeCount,\r\n }\r\n }\r\n\r\n return state\r\n}\r\n\r\nfunction PaginationButton(props) {\r\n const onClick = (ev) => {\r\n props.loadpage(props.page)\r\n }\r\n\r\n const _props = { ...props, loadpage: null }\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport class PaginationPanel extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n page: props.page,\r\n pageCount: props.pageCount,\r\n takeCount: props.takeCount,\r\n gotoPage: props.page + 1\r\n }\r\n\r\n this.takeCountVector = [1, 5, 10, 20, 50, 100]\r\n\r\n }\r\n\r\n loadNextPage = () => {\r\n if (this.state.page + 1 >= this.state.pageCount) {\r\n return\r\n }\r\n\r\n this.props.loadPage(this.state.page + 1)\r\n }\r\n\r\n loadPrevPage = () => {\r\n if (this.state.page == 0) {\r\n return\r\n }\r\n\r\n this.props.loadPage(this.state.page - 1)\r\n }\r\n\r\n loadFirstPage = () => {\r\n this.props.loadPage(0)\r\n }\r\n\r\n loadLastPage = () => {\r\n this.props.loadPage(this.state.pageCount - 1)\r\n }\r\n\r\n takeCountChange = (ev) => {\r\n this.setState({ takeCount: parseInt(ev.target.value) })\r\n\r\n this.props.loadPage(this.state.page, parseInt(ev.target.value))\r\n }\r\n\r\n componentWillReceiveProps({ page, pageCount, takeCount }) {\r\n this.setState({ ...this.state, page, pageCount, takeCount })\r\n }\r\n\r\n loadPage = (ev) => {\r\n if (ev.key === 'Enter') {\r\n this.props.loadPage(this.state.gotoPage - 1)\r\n }\r\n }\r\n\r\n render() {\r\n let outElements = []\r\n\r\n for (let i = this.state.page - 2; i <= this.state.page - 1; i++) {\r\n if (i < 0) {\r\n continue\r\n }\r\n\r\n outElements.push(\r\n \r\n {outElements}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n {\r\n const val = parseInt(ev.target.value)\r\n if (isNumber(val) && !isNaN(val)) {\r\n this.setState({ gotoPage: val })\r\n }\r\n else {\r\n this.setState({ gotoPage: \"\" })\r\n }\r\n }} />\r\n {\r\n const val = this.state.gotoPage\r\n this.props.loadPage(this.state.gotoPage - 1)\r\n }} />\r\n\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default PaginationPanel\r\n","import React, { Component, useContext, useReducer } from 'react'\r\nimport uuid from \"uuid\"\r\n\r\nimport \"../../css/basicPaginationHandler.css\"\r\n\r\nimport AxiosHelper from \"../../utils/AxiosHelper\"\r\nimport SafeSimpleEvent from '../SafeSimpleEvent';\r\nimport PaginationPanel from './components/PaginationPanel';\r\n\r\nconst _reducer = function (state, { type, payload }) {\r\n switch (type) {\r\n case 'SET_DATA': {\r\n const { data, currentState } = payload\r\n\r\n return {\r\n ...state,\r\n data: data.Data,\r\n currentPage: data.CurrentPage,\r\n totalElements: data.TotalElementsCount,\r\n totalPageCount: data.TotalPages,\r\n currentState\r\n }\r\n }\r\n case \"SET_CURRENT_STATE\": {\r\n return {\r\n ...state,\r\n currentState: payload\r\n }\r\n }\r\n case 'UPDATE_TAKE_COUNT': {\r\n return {\r\n ...state,\r\n takeCount: payload\r\n }\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction _PaginationHandler(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n data: [],\r\n id: props.id,\r\n url: props.url,\r\n activeIndex: props.activeIndex,\r\n totalPageCount: 0,\r\n takeCount: props.takeCount ? props.takeCount : 20,\r\n currentPage: props.currentPage ? props.currentPage : 0,\r\n\r\n currentState: \"LOADING\"\r\n })\r\n\r\n const context = useContext(props.context);\r\n context.filterEvent.subscribe(() => {\r\n loadPage()\r\n }, props.id)\r\n\r\n props.mountedEvent.subscribe(() => {\r\n init()\r\n }, props.id)\r\n\r\n props.unmountedEvent.subscribe(() => {\r\n context.filterEvent.unsubscribe(props.id)\r\n }, props.id)\r\n\r\n const init = () => {\r\n loadPage()\r\n }\r\n\r\n const onPageGet = (json) => {\r\n dispatch({\r\n type: \"SET_DATA\",\r\n payload: json\r\n })\r\n }\r\n\r\n const setCurrentState = (state) => {\r\n dispatch({\r\n type: \"SET_CURRENT_STATE\",\r\n payload: state\r\n })\r\n }\r\n\r\n const setData = (data, currentState) => {\r\n if (!currentState) {\r\n currentState = state.currentState\r\n }\r\n\r\n dispatch({\r\n type: \"SET_DATA\",\r\n payload: {\r\n currentState,\r\n data\r\n }\r\n })\r\n }\r\n\r\n const loadPage = (page, takeCount) => {\r\n if (!page) {\r\n page = 0\r\n }\r\n\r\n if (!takeCount) {\r\n takeCount = state.takeCount\r\n }\r\n else if (takeCount != state.takeCount) {\r\n dispatch({\r\n type: 'UPDATE_TAKE_COUNT',\r\n payload: takeCount\r\n })\r\n }\r\n\r\n setCurrentState(\"LOADING\")\r\n let filterData = context.formData;\r\n if (page > state.totalPageCount || page == state.totalPageCount) {\r\n page = state.totalPageCount-1;\r\n }\r\n if (page < 0) {\r\n page = 0;\r\n }\r\n filterData.page = page;\r\n filterData.takeCount = takeCount;\r\n filterData.activeIndex = state.activeIndex;\r\n\r\n if (props.hiddenData) {\r\n Object.keys(props.hiddenData).forEach(key => {\r\n if (key) {\r\n filterData[key] = props.hiddenData[key]\r\n }\r\n })\r\n }\r\n\r\n AxiosHelper.post(state.url, filterData)\r\n .then(({ data }) => {\r\n const response = data;\r\n\r\n if (response && response.Success) {\r\n setData(response.Data, \"READY\")\r\n }\r\n else {\r\n setCurrentState(\"FAILED\")\r\n }\r\n\r\n }).catch(function (err) {\r\n setCurrentState(\"ERROR\")\r\n console.log(err);\r\n });\r\n }\r\n\r\n const stateRenderMapping = {}\r\n\r\n stateRenderMapping[\"READY\"] = () => {\r\n return (\r\n <>\r\n \r\n {\r\n (() => {\r\n const data = state.data\r\n return props.processor(data, props.id, state.activeIndex)\r\n })()\r\n }\r\n
\r\n {\r\n (state.data && state.data.length && !props.dontShowPanel && (!props.showPanelIfNeeded || state.totalPageCount > 1)) ?\r\n (\r\n
) : null\r\n }\r\n \r\n )\r\n }\r\n\r\n stateRenderMapping[\"ERROR\"] = () => {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n stateRenderMapping[\"FAILED\"] = () => {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n stateRenderMapping[\"LOADING\"] = () => {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {\r\n (typeof (stateRenderMapping[state.currentState]) === \"function\") ?\r\n (stateRenderMapping[state.currentState]()) :\r\n (\r\n
\r\n )\r\n}\r\n\r\nexport class PaginationHandler extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.mountedEvent = SafeSimpleEvent();\r\n this.unmountedEvent = SafeSimpleEvent();\r\n this.state = {\r\n\r\n }\r\n\r\n }\r\n componentDidMount() {\r\n this.mountedEvent.riseEvent()\r\n }\r\n\r\n componentWillUnmount() {\r\n this.unmountedEvent.riseEvent()\r\n }\r\n\r\n componentWillReceiveProps(props) {\r\n this.setState({\r\n hiddenData: props.hiddenData\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {React.cloneElement(<_PaginationHandler />, {\r\n ...this.props,\r\n mountedEvent: this.mountedEvent,\r\n unmountedEvent: this.unmountedEvent,\r\n })}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default PaginationHandler\r\n","import React, { Component, useReducer, useContext } from 'react'\r\n\r\nfunction _reducer(state, action) {\r\n switch (action.type) {\r\n case 'CLEAR': {\r\n return {\r\n ...state,\r\n value: \"\"\r\n }\r\n }\r\n case 'VALUE_CHANGED': {\r\n return {\r\n ...state,\r\n value: action.value\r\n }\r\n }\r\n }\r\n\r\n return state\r\n}\r\n\r\nexport default function TextFilterEntry(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n name: props.name,\r\n value: props.value ? props.value : \"\",\r\n })\r\n\r\n const { collectEvent, clearEvent, filterEvent } = props\r\n\r\n collectEvent.subscribe((formData) => {\r\n formData[state.name] = state.value\r\n }, props.name)\r\n\r\n const onValueChanged = (ev) => {\r\n dispatch({\r\n type: 'VALUE_CHANGED',\r\n value: ev.target.value\r\n })\r\n }\r\n\r\n const clear = () => {\r\n dispatch({\r\n type: 'CLEAR'\r\n })\r\n }\r\n\r\n clearEvent.subscribe(() => {\r\n clear()\r\n }, props.name);\r\n\r\n const filter = (e) => {\r\n if (e.key === 'Enter') {\r\n filterEvent.riseEvent();\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { Component, useContext, useReducer } from \"react\";\r\nimport AxiosHelper from \"../utils/AxiosHelper\";\r\nimport SiteState from \"../components/SiteState\";\r\nimport { Notifications } from \"../components/NotificationsComponent\";\r\nimport { PageStateHandler } from \"../components/PageState\";\r\n\r\nimport PaginationHandler from \"../components/filterAndPagination/PaginationHandler\";\r\nimport FilterHandler from \"../components/filterAndPagination/FilterHandler\";\r\nimport TextFilterEntry from \"../components/filterAndPagination/components/TextFilterEntry\";\r\n\r\n// import \"../css/chooseHospital.css\"\r\n\r\nconst ChooseHospitalTableContext = React.createContext(\r\n FilterHandler.BuildContextValue()\r\n);\r\n\r\nconst _reducer = function (state, action) {\r\n switch (action.type) {\r\n case \"SET_DATA\": {\r\n return {\r\n ...state,\r\n hospitals: action.payload.hospitals,\r\n screenIsReady: true,\r\n };\r\n }\r\n }\r\n};\r\n\r\nfunction _ChooseHospitalsPage(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n hospitals: props.userData.hospitals ? props.userData.hospitals : [],\r\n screenIsReady: true,\r\n });\r\n\r\n if (state.hospitals.length == 0) {\r\n //getHospitals();\r\n }\r\n\r\n const hiddenData = {\r\n SurgeonId: props.userData.surgeonId ? props.userData.surgeonId : \"\",\r\n };\r\n\r\n const toastr = useContext(Notifications);\r\n\r\n const setHospital = (hospitalId) => {\r\n PageStateHandler.SetLoading();\r\n AxiosHelper.post(\"/Account/SetHospital?hospitalId=\" + hospitalId)\r\n .then((response) => {\r\n debugger;\r\n console.log(props);\r\n props.dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: SiteState.AfterChooseHospital,\r\n screenIsReady: true,\r\n showSwapHospital: props.showSwapSurgeon\r\n ? false\r\n : props.showSwapHospital,\r\n showSwapSurgeon: props.showSwapSurgeon,\r\n userData: {\r\n ...props.userData,\r\n hospitalId: hospitalId,\r\n surgeonId: 0,\r\n },\r\n },\r\n });\r\n toastr.ShowSuccess(\"All data will be saved on the choosen hospital\");\r\n PageStateHandler.SetReady();\r\n })\r\n .catch((error) => {\r\n PageStateHandler.SetTo(\"ERROR\");\r\n });\r\n };\r\n\r\n function getHospitals() {\r\n PageStateHandler.SetLoading();\r\n AxiosHelper.post(\"/Hospital/GetHospitalsPage\", {\r\n ActiveIndex: 0,\r\n })\r\n .then((response) => {\r\n dispatch({\r\n type: \"SET_DATA\",\r\n payload: {\r\n hospitals: response.data.Data.Data,\r\n },\r\n });\r\n PageStateHandler.SetReady();\r\n })\r\n .catch((error) => {\r\n PageStateHandler.SetTo(\"ERROR\");\r\n });\r\n }\r\n\r\n const renderHospitalsTable = (items) => {\r\n return (\r\n <>\r\n {/* \r\n <\r\n
*/}\r\n \r\n {items.map((hospital) => {\r\n return (\r\n {\r\n setHospital(hospital.Id);\r\n }}\r\n key={hospital.Id}\r\n id={hospital.Id}\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 return state.screenIsReady ? (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ) : null;\r\n}\r\n\r\nclass ChooseHospitalsPage extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {items.map((surgeon) => {\r\n return (\r\n {\r\n setSurgeon(surgeon.Id, surgeon.AspnetUserId);\r\n }}\r\n key={surgeon.Id}\r\n id={surgeon.Id}\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 return state.screenIsReady ? (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ) : null;\r\n}\r\n\r\nclass ChooseSurgeonsPage extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Tabs","import React, { Component } from 'react'\r\n\r\nexport class Tab extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n id: props.id\r\n }\r\n }\r\n\r\n isActive = () => {\r\n return this.props.activeTabId == this.state.id\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {tabHeaders}\r\n {\r\n this.props.isDynamic ? (\r\n \r\n ) : null\r\n }\r\n
\r\n {activeTab ? activeTab : null}
\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Tab\r\n","import React, { Component } from 'react';\r\nimport { DatePicker } from 'antd';\r\nimport moment from 'moment'\r\n\r\nclass DatePickerComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n var date = moment(props.value);\r\n this.state = {\r\n value: props.value ? date : \"\"\r\n }\r\n\r\n if (this.props.collectDataEvent) {\r\n this.props.collectDataEvent.subscribe(this.collectData, this.props.name)\r\n }\r\n\r\n if (this.props.clearEvent) {\r\n this.props.clearEvent.subscribe(this.clearData, this.props.name)\r\n }\r\n }\r\n\r\n collectData = (formData) => {\r\n //here we process the value so we set the final version to the form(the version of the value that is posted to the server)\r\n //(eg. if this is a datepicker, set the iso-string or moment or actual js date)\r\n if (this.state.value) {\r\n formData[this.props.name] = this.state.value.format()\r\n }\r\n }\r\n\r\n clearData = (reasone) => {\r\n this.setState({ value: null })\r\n }\r\n\r\n onChange = (date, dateStr) => {\r\n this.setState({ value: date });\r\n }\r\n\r\n componentWillReceiveProps = ({ value }) => {\r\n //var moment = moment(value);\r\n this.setState({ value: value })\r\n }\r\n\r\n render() {\r\n const state = this.state;\r\n //TODO: move this in a better place to avoid this for multiple calls, the validations will not change?!\r\n const validations = this.props.validations ? this.props.validations : {}\r\n\r\n return (\r\n \r\n
\r\n ) : null\r\n }\r\n}\r\n\r\nexport default SaveTagDialog\r\n","import uuid from \"uuid\"\r\n\r\nexport default function EventProxy() {\r\n let event = null\r\n let pendingSubscribers = []\r\n\r\n const riseEvent = (payload) => {\r\n return event && event.riseEvent(payload)\r\n }\r\n \r\n const defferedRiseEvent = (payload) => {\r\n return event && event.defferedRiseEvent(payload)\r\n }\r\n\r\n const riseEventCheckSpecificResult = (payload, specificResult) => {\r\n return event && event.riseEventCheckSpecificResult(payload, specificResult)\r\n }\r\n\r\n const setEvent = (e) => {\r\n event = e\r\n\r\n pendingSubscribers.forEach((sub) => {\r\n event.subscribe(sub.callback, sub.id)\r\n })\r\n\r\n pendingSubscribers = []\r\n }\r\n\r\n const getEvent = () => {\r\n return event\r\n }\r\n\r\n const subscribe = (callback, id) => {\r\n if (event) {\r\n return event.subscribe(callback, id)\r\n }\r\n\r\n if (!id) {\r\n id = uuid();\r\n pendingSubscribers.push({\r\n id,\r\n callback\r\n })\r\n\r\n return;\r\n }\r\n\r\n let subscriber = pendingSubscribers.find((t) => t.id === id)\r\n if (subscriber) {\r\n subscriber.callback = callback\r\n }\r\n else {\r\n subscriber = {\r\n id,\r\n callback\r\n }\r\n\r\n pendingSubscribers.push(subscriber)\r\n }\r\n\r\n\r\n return id;\r\n }\r\n\r\n const unsubscribe = (id) => {\r\n if (event) {\r\n return event.unsubscribe(id)\r\n }\r\n\r\n let subscriber = pendingSubscribers.find((t) => t.id === id)\r\n if (subscriber) {\r\n subscriber.callback = null\r\n }\r\n\r\n }\r\n\r\n return {\r\n setEvent,\r\n riseEvent,\r\n defferedRiseEvent,\r\n riseEventCheckSpecificResult,\r\n getEvent,\r\n subscribe,\r\n unsubscribe\r\n }\r\n}","import React, { Component } from 'react';\r\n\r\nclass PrimaryButton extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PrimaryButton;\r\n","import React, { Component } from 'react'\r\nimport SafeSimpleEvent from '../SafeSimpleEvent';\r\nimport { Form, FormPanel } from \"../../form/Form\"\r\nimport FormEntry from '../../form/FormEntry';\r\nimport InputComponent from '../InputComponent';\r\nimport uuid from \"uuid\"\r\nimport PrimaryButton from '../buttons/PrimaryButton';\r\n\r\nexport class NewCategoryDialog extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isVisible: false,\r\n isEdit: false,\r\n internalEvents: SafeSimpleEvent(),\r\n\r\n data: {}\r\n }\r\n\r\n this.state.internalEvents.subscribe(this.handleEevent, \"ME\")\r\n\r\n if (this.props.eventProxy) {\r\n this.props.eventProxy.setEvent(this.state.internalEvents)\r\n }\r\n }\r\n\r\n clearAndClose = () => {\r\n this.setState({\r\n isVisible: false,\r\n isEdit: false,\r\n data: {}\r\n })\r\n }\r\n\r\n handleEevent = ({ type, payload }) => {\r\n if (type === \"show_new_category_dialog\") {\r\n this.setState({ isVisible: true, isEdit: false })\r\n }\r\n else if (type === \"show_new_category_dialog_edit\") {\r\n this.setState({\r\n isVisible: true,\r\n isEdit: true,\r\n data: {\r\n ...payload\r\n }\r\n })\r\n }\r\n else if (type === \"hide_new_category_dialog\") {\r\n this.clearAndClose()\r\n }\r\n }\r\n\r\n hide = (payload) => {\r\n this.state.internalEvents.riseEvent({ type: \"hide_new_category_dialog\", payload: null })\r\n }\r\n\r\n onCreate = () => {\r\n const data = {}\r\n var result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"QuestionnaireCategoryForm_collect_data\",\r\n payload: data\r\n }, false)\r\n if (result) {\r\n return\r\n }\r\n\r\n this.state.internalEvents.riseEvent({\r\n type: \"on_submit_success\",\r\n payload: data\r\n })\r\n \r\n this.hide();\r\n }\r\n\r\n render() {\r\n const hiddenData = {}\r\n\r\n if (this.state.isEdit) {\r\n hiddenData[\"Id\"] = this.state.data.Id\r\n }\r\n\r\n return this.state.isVisible ? (\r\n \r\n
\r\n \r\n \r\n {\r\n this.hide()\r\n }}>X\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* \r\n\r\n
*/}\r\n \r\n
\r\n ) : null\r\n }\r\n}\r\n\r\nexport default NewCategoryDialog\r\n","\r\nimport React, { Component, useContext } from 'react'\r\nimport SaveTagDialog from './dialogs/SaveTagDialog';\r\n\r\nimport \"../css/dDialog.css\"\r\nimport { Notifications } from './NotificationsComponent';\r\nimport ObjectWrapper from './ObjectWrapper';\r\nimport EventProxy from './EventProxy';\r\nimport NewCategoryDialog from './dialogs/NewCategoryDialog';\r\n\r\nexport const DialogManager = {\r\n Show: () => { }\r\n}\r\n\r\nfunction _DialogManagerComponent(props) {\r\n const toastr = useContext(Notifications)\r\n\r\n props.toastr.setObject(toastr)\r\n\r\n return null\r\n}\r\n\r\nexport class DialogManagerComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n DialogManager.Show = this.Show\r\n\r\n this.state = {\r\n toastr: ObjectWrapper(),\r\n currentDialogName: \"none\",\r\n }\r\n\r\n this.dialogs = {\r\n \"none\": {},\r\n \"tag_dialog\": {\r\n proxy: EventProxy(),\r\n },\r\n \"new_category_dialog\": {\r\n proxy: EventProxy(),\r\n }\r\n }\r\n\r\n this.dialogs[\"tag_dialog\"].proxy.subscribe(this.HandleDialogEvent, \"DIALOG_MANAGER\")\r\n this.dialogs[\"new_category_dialog\"].proxy.subscribe(this.HandleDialogEvent, \"DIALOG_MANAGER\")\r\n }\r\n\r\n Show = (name, handler, payload) => {\r\n const dialogHandle = this.dialogs[name]\r\n if (!dialogHandle) {\r\n return false\r\n }\r\n\r\n this.currentDialogName = name\r\n\r\n dialogHandle.proxy.subscribe(handler, \"DIALOG_MANAGER_USER\")\r\n\r\n if (!payload) {\r\n dialogHandle.proxy.riseEvent({ type: `show_${name}` })\r\n }\r\n else {\r\n dialogHandle.proxy.riseEvent({ type: `show_${name}_edit`, payload })\r\n }\r\n\r\n return true\r\n }\r\n\r\n clear = () => {\r\n this.dialogs[this.currentDialogName].proxy.unsubscribe(\"DIALOG_MANAGER_USER\")\r\n this.currentDialogName = \"none\"\r\n }\r\n\r\n HandleDialogEvent = ({ type, payload }) => {\r\n switch (type) {\r\n case \"hide_new_category_dialog\":\r\n case \"hide_tag_dialog\": {\r\n this.clear()\r\n } break;\r\n default: { } break\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n <_DialogManagerComponent toastr={this.state.toastr} />\r\n \r\n
\r\n \r\n \r\n {\r\n this.hide()\r\n }}>X\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n props.showCloseButton ? (<>\r\n \r\n ) : (<>)\r\n }\r\n
\r\n )\r\n}\r\n\r\nexport function FlyoutBody(props) {\r\n return (\r\n \r\n {props.children}\r\n
\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nexport function FlyoutFooter(props) {\r\n return (\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nfunction _reducer(state, { type, payload }) {\r\n switch (type) {\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nfunction _Flyout(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n\r\n })\r\n\r\n const didMountSubId = props.didMountEvent.subscribe(() => {\r\n //on didMount\r\n }, props.id ? props.id : null)\r\n\r\n const _props = { ...props }\r\n delete _props.children;\r\n\r\n return (\r\n \r\n {\r\n React.Children.map(props.children, (c) =>\r\n React.cloneElement(c, { ..._props })\r\n )\r\n }\r\n
\r\n )\r\n}\r\nclass Flyout extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.didMountEvent = SafeSimpleEvent();\r\n\r\n this.state = {\r\n isVisible: props.startVisible ? props.startVisible : false,\r\n isOpen: false\r\n }\r\n }\r\n\r\n closeFlyout = () => {\r\n this.setState({\r\n isVisible: false,\r\n isOpen: false\r\n })\r\n\r\n if (this.props.onClose) {\r\n this.props.onClose()\r\n }\r\n }\r\n\r\n openFlyout = () => {\r\n this.setState({ isOpen: true })\r\n }\r\n\r\n componentWillReceiveProps({ isVisible }) {\r\n this.setState({ isVisible })\r\n\r\n if (isVisible) {\r\n setTimeout(() => { this.openFlyout() }, 1);\r\n }\r\n else {\r\n this.setState({ isOpen: false })\r\n }\r\n }\r\n\r\n render() {\r\n const props = { ...this.props, didMountEvent: this.didMountEvent }\r\n\r\n return this.state.isVisible ? (\r\n \r\n <_Flyout {...props} close={this.closeFlyout} />\r\n
\r\n ) : (null)\r\n }\r\n}\r\n\r\nexport default Flyout","import React, { Component } from 'react'\r\nimport SavePatientForm from './forms/SavePatientForm'\r\nimport Flyout, { FlyoutHead, FlyoutBody, FlyoutFooter } from '../components/Flyout';\r\nimport { ValidResult } from '../utils/Utils';\r\n\r\n//const surgeryOptions = [\r\n// { key: '0', text: 'AM', value: 0 },\r\n// { key: '1', text: 'PM', value: 1 },\r\n//]\r\n\r\nclass SavePatientDialogComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n patient: {\r\n id: \"\",\r\n surgeonId: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n code: \"\",\r\n dateOfBirth: \"\",\r\n dateOfSurgery: \"\",\r\n surgeryTime: \"\",\r\n activePathwayId: \"\",\r\n code: \"\",\r\n tags: []\r\n }\r\n };\r\n };\r\n\r\n componentWillReceiveProps(props) {\r\n if (props.patient) {\r\n this.setState({\r\n patient: props.patient,\r\n showEditPatientModal: props.showEditPatientModal\r\n\r\n });\r\n }\r\n }\r\n\r\n onSaveCallback = (result) => {\r\n if (ValidResult(result)) {\r\n this.props.toastr.ShowSuccess(\"Successfuly updated the patient\")\r\n }\r\n else {\r\n this.props.toastr.ShowError(\"Failed to updated the patient\")\r\n }\r\n\r\n this.props.handleClose();\r\n }\r\n\r\n onError = () => {\r\n this.props.toastr.ShowError(\"An error occurred, please try again\")\r\n }\r\n render() {\r\n var props = this.props;\r\n return (\r\n Edit Patient
{this.state.patient.name ? this.state.patient.name : \"\"} Questionnaires
\r\n \r\n
\r\n :\r\n | Name | \r\nDate | \r\nAnswers | \r\n
|---|---|---|
| {item.QuestionnaireName} | \r\nthis.downloadAnswers(item.QuestionnaireId, item.AnswerTimeString)}>\r\n \r\n | \r\n
\r\n Are you sure you want to {props.action.toLowerCase()} the {props.entity.toLowerCase()} ?\r\n
\r\n{props.legend}
\r\n props.onClick(props.id, props.obj)} className=\"d-more-action-item\">\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction MoreActionsLinkItem(props) {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nclass MoreActionsMenu extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.ref = React.createRef(null)\r\n }\r\n\r\n state = {\r\n isVisible: false\r\n }\r\n\r\n onItemClick = (itemId, obj) => {\r\n if (this.props.callback) {\r\n this.props.callback(itemId, obj, this.props.activeIndex)\r\n }\r\n\r\n if (this.props.closeOnActionClick) {\r\n return\r\n }\r\n\r\n this.setState({ isVisible: false })\r\n }\r\n\r\n onClick = (ev) => {\r\n this.setState({ isVisible: !this.state.isVisible })\r\n }\r\n\r\n componentWillMount() {\r\n document.addEventListener('mousedown', this.handleClick, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClick, false);\r\n }\r\n\r\n handleClick = (e) => {\r\n if (this.state.isVisible) {\r\n if (!this.ref.current.contains(e.target)) {\r\n this.setState({ isVisible: false })\r\n return;\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const title = this.props.title ? this.props.title : \"More Actions\"\r\n\r\n return (\r\n \r\n \r\n {\r\n /*this.state.isVisible ?\r\n (*/\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport { MoreActionsMenu, MoreActionsItem, MoreActionsLinkItem }\r\n","import React, { Component, useReducer, useContext } from 'react';\r\nimport Tabs from '../tabs/Tabs';\r\nimport Tab from '../tabs/components/Tab';\r\nimport { PaginationHandler } from '../filterAndPagination/PaginationHandler';\r\nimport { UserStatus } from '../../utils/Utils';\r\nimport SafeSimpleEvent from '../SafeSimpleEvent';\r\nimport { PatientTableContext } from \"../contexts\"\r\nimport AxiosHelper from '../../utils/AxiosHelper';\r\nimport SavePatientDialogComponent from '../SavePatientDialogComponent';\r\nimport SavePatientAnswersComponent from '../SavePatientAnswersComponent';\r\nimport UpdateStatusDialogComponent from '../UpdateStatusDialogComponent';\r\nimport { MoreAction, MoreActionsMenu, MoreActionsItem } from '../MoreActions';\r\nimport \"../../css/base/basicTable.css\";\r\nimport { Notifications } from '../NotificationsComponent';\r\n\r\nfunction _reducer(state, action) {\r\n switch (action.type) {\r\n case 'SET_DATA': {\r\n return {\r\n ...state,\r\n patients: action.payload.data,\r\n screenIsReady: true\r\n }\r\n }\r\n case 'EDIT_PATIENT': {\r\n return {\r\n ...state,\r\n showEditPatientModal: true,\r\n patientId: action.payload.patientId,\r\n patient: action.payload.patient\r\n }\r\n }\r\n\r\n case 'SHOW_PATIENT_ANSWER_MODAL' : {\r\n return {\r\n ...state,\r\n showPatientAnswer: true,\r\n patient: {\r\n \"id\": action.payload.patientId,\r\n \"name\":action.payload.patientName,\r\n }\r\n }\r\n }\r\n case 'CLOSE_PATIENT_ANSWER': {\r\n return {\r\n ...state,\r\n showPatientAnswer: false\r\n }\r\n }\r\n case 'CLOSE_EDIT_PATIENT': {\r\n return {\r\n ...state,\r\n patientId: '',\r\n showEditPatientModal: false\r\n }\r\n }\r\n case 'UPDATE_STATUS_PATIENT': {\r\n return {\r\n ...state,\r\n showUpdateEntityModal: true,\r\n updateDialogAction: action.payload.updateDialogAction,\r\n patientToUpdate: action.payload.patientToUpdate,\r\n }\r\n }\r\n case 'CLOSE_UPDATE_STATUS_PATIENT': {\r\n return {\r\n ...state,\r\n patientToUpdate: '',\r\n showUpdateEntityModal: false\r\n }\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\nfunction _PatientTable(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n showEditPatientModal: false,\r\n patient: null,\r\n patientId: '',\r\n patientToUpdate: '',\r\n updateDialogAction: '',\r\n showPatientAnswer: false,\r\n showUpdateEntityModal: false\r\n })\r\n\r\n const patientTableContext = useContext(PatientTableContext);\r\n const toastr = useContext(Notifications)\r\n\r\n const handleEditPatient = (id) => {\r\n var patientId = id;\r\n AxiosHelper.get(\"Patient/GetPatient?id=\" + patientId).then(response => {\r\n let tags = response.data.Tags.map(tag => {\r\n return tag.Id;\r\n });\r\n dispatch({\r\n type: \"EDIT_PATIENT\",\r\n payload: {\r\n patientId: patientId,\r\n patient: {\r\n id: response.data.Id,\r\n surgeonId: response.data.SurgeonId,\r\n firstName: response.data.FirstName,\r\n lastName: response.data.LastName,\r\n email: response.data.Email,\r\n phone: response.data.PhoneNumber,\r\n dateOfBirth: response.data.DateOfBirth,\r\n dateOfSurgery: response.data.DateOfSurgery,\r\n timeOfSurgery: response.data.SurgeryTime,\r\n activePathwayId: response.data.ActivePathwayId,\r\n code: response.data.Code,\r\n tags: tags\r\n }\r\n },\r\n });\r\n }).catch(function (err) {\r\n\r\n });\r\n }\r\n\r\n const cancelUpdate = () => {\r\n dispatch({\r\n type: \"CLOSE_UPDATE_STATUS_PATIENT\"\r\n });\r\n }\r\n\r\n const updateEntity = () => {\r\n if (state.updateDialogAction == 'Deactivate') {\r\n AxiosHelper.get(\"Patient/DeletePatient?id=\" + state.patientToUpdate).then(response => {\r\n toastr.ShowSuccess(\"Successfully deactivated the patient\")\r\n patientTableContext.filterEvent.riseEvent();\r\n }).catch(function (err) {\r\n toastr.ShowError(\"Failed to deactivate the patient\")\r\n this.setState({\r\n });\r\n });\r\n }\r\n if (state.updateDialogAction == 'Activate') {\r\n AxiosHelper.get(\"Patient/ActivatePatient?id=\" + state.patientToUpdate).then(response => {\r\n toastr.ShowSuccess(\"Successfully activated the patient\")\r\n patientTableContext.filterEvent.riseEvent();\r\n }).catch(function (err) {\r\n toastr.ShowError(\"Failed to activate the patient\")\r\n this.setState({\r\n });\r\n });\r\n }\r\n\r\n dispatch({\r\n type: \"CLOSE_UPDATE_STATUS_PATIENT\"\r\n });\r\n }\r\n\r\n const handleCloseUpdateEntityModal = () => {\r\n dispatch({\r\n type: \"CLOSE_UPDATE_STATUS_PATIENT\"\r\n });\r\n }\r\n\r\n const handleCloseEditPatientModal = () => {\r\n dispatch({\r\n type: \"CLOSE_EDIT_PATIENT\"\r\n });\r\n patientTableContext.filterEvent.riseEvent();\r\n };\r\n\r\n const handleClosePatientAnswer = () => {\r\n dispatch({\r\n type: \"CLOSE_PATIENT_ANSWER\"\r\n });\r\n };\r\n\r\n const handleRemovePatient = (patientId) => {\r\n dispatch({\r\n type: \"UPDATE_STATUS_PATIENT\",\r\n payload: {\r\n updateDialogAction: \"Deactivate\",\r\n patientToUpdate: patientId,\r\n }\r\n })\r\n }\r\n\r\n const handleActivatePatient = (patientId) => {\r\n dispatch({\r\n type: \"UPDATE_STATUS_PATIENT\",\r\n payload: {\r\n updateDialogAction: \"Activate\",\r\n patientToUpdate: patientId,\r\n }\r\n })\r\n }\r\n\r\n const handleShowPatientAnswer = (patientId, name) => {\r\n dispatch({\r\n type: \"SHOW_PATIENT_ANSWER_MODAL\",\r\n payload: {\r\n patientId: patientId,\r\n patientName: name\r\n }\r\n })\r\n }\r\n\r\n props.willMoundEvent.subscribe(() => {\r\n patientTableContext.formData = {\r\n ...props.surgeonTableContext.formData\r\n }\r\n })\r\n\r\n const handleMenuItemClick = (menuItemId, obj, activeIndex) => {\r\n if (menuItemId == \"questionnaires\") {\r\n handleShowPatientAnswer(obj.Id, obj.Name)\r\n }\r\n else if (menuItemId == \"edit\") {\r\n handleEditPatient(obj.Id)\r\n }\r\n else if (menuItemId == \"remove\") {\r\n if (activeIndex == UserStatus.Deleted || activeIndex == UserStatus.Pending) {\r\n handleActivatePatient(obj.Id)\r\n }\r\n else {\r\n handleRemovePatient(obj.Id)\r\n }\r\n\r\n }\r\n }\r\n\r\n const renderPatientsTable = (items, id, activeIndex) => {\r\n if (!items || !items.length) {\r\n return (\r\n \r\n {\r\n ToArray(this.props.children).map(c =>\r\n React.cloneElement(c, { onClick: this.onItemClick })\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 return (\r\n | Name | \r\nAge | \r\nSurgery date | \r\nPathway | \r\nCode | \r\nPhone | \r\n\r\n | |
|---|---|---|---|---|---|---|---|
| { handleEditPatient(item.Id) }} >{item.Name} | \r\n{item.Age} | \r\n{item.Surgery} | \r\n{item.Pathway} | \r\n{item.Code} | \r\n{item.Email} | \r\n{item.Phone} | \r\n\r\n | \r\n
\r\n
\r\n )\r\n}\r\n","import React, { Component, useReducer, useContext } from 'react'\r\nimport Select2Component from '../../Select2Component';\r\nimport EntitiesSelect2Component from '../../EntitySelect2Component';\r\nimport { stat } from 'fs';\r\n//import Select2Component from '.../'\r\n\r\nfunction _reducer(state, action) {\r\n switch (action.type) {\r\n case 'CLEAR': {\r\n return {\r\n ...state,\r\n value: []\r\n }\r\n }\r\n case 'VALUE_CHANGED': {\r\n return {\r\n ...state,\r\n value: action.value\r\n }\r\n }\r\n }\r\n\r\n return state\r\n}\r\n\r\nexport default function MultiselectFilterEntry(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n name: props.name,\r\n value: [],\r\n })\r\n\r\n const { collectEvent, clearEvent } = props\r\n\r\n collectEvent.subscribe((formData) => {\r\n formData[state.name] = state.value\r\n })\r\n\r\n const onValueChanged = (ev, { value }) => {\r\n dispatch({\r\n type: 'VALUE_CHANGED',\r\n value: value\r\n })\r\n }\r\n\r\n const clear = () => {\r\n dispatch({\r\n type: 'CLEAR'\r\n })\r\n }\r\n\r\n clearEvent.subscribe(() => {\r\n clear()\r\n }, props.name);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react';\r\nimport PatientTable from './PatientTable';\r\nimport TextFilterEntry from '../filterAndPagination/components/TextFilterEntry';\r\nimport FilterHandler from '../filterAndPagination/FilterHandler';\r\nimport DateFilterEntry from '../filterAndPagination/components/DateFilterEntry';\r\nimport MultiselectTagsFilterEntry from '../filterAndPagination/components/MultiselectTagsFilterEntry';\r\n\r\nclass PatientTableWithFilter extends Component {\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nexport function PageTitle(props) {\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport class PageHeading extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default PageHeading\r\n","import React from 'react'\r\nimport Flyout, { FlyoutHead, FlyoutBody, FlyoutFooter } from '../components/Flyout';\r\nimport { ToArray } from '../utils/Utils';\r\nimport { ValidResult } from '../utils/Utils';\r\nimport PrimaryButton from \"./buttons/PrimaryButton\"\r\n\r\nclass CreateEntityComponent extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n showCreateModal: false,\r\n };\r\n };\r\n\r\n onSaveCallback = (result) => {\r\n if (ValidResult(result)) {\r\n this.props.toastr.ShowSuccess(\"Successfully created the \" + this.props.entity.toLowerCase())\r\n this.props.context.filterEvent.riseEvent();\r\n this.handleClose()\r\n\r\n }\r\n else if (result.StatusCode == 9) {\r\n this.props.toastr.ShowError(\"This email is already taken\")\r\n }\r\n else {\r\n this.props.toastr.ShowError(\"Failed to create \" + this.props.entity.toLowerCase())\r\n }\r\n }\r\n\r\n handleClose = () => {\r\n this.setState({\r\n showCreateModal: false\r\n })\r\n }\r\n\r\n handleOpen = () => {\r\n this.setState({\r\n showCreateModal: true\r\n })\r\n }\r\n\r\n componentWillMount(props) {\r\n\r\n }\r\n\r\n render() {\r\n var props = this.props;\r\n var state = this.state;\r\n\r\n var children = ToArray(props.children);\r\n\r\n return (\r\n <>\r\n Create {props.entity}
\r\n {\r\n tags.map(tag => { return tag ? (
\r\n )\r\n }\r\n}\r\n\r\nexport default ListingTagsView\r\n","import React, { Component } from 'react'\r\nimport PrimaryButton from './buttons/PrimaryButton';\r\n\r\nimport \"../css/confirmModule.css\"\r\n\r\nexport const Confirm = {\r\n Show: () => { }\r\n}\r\n\r\nexport class ConfirmModule extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isVisible: false,\r\n payload: null,\r\n handler: () => { },\r\n data: {\r\n title: \"Are you sure\",\r\n message: \"Do you wnat to delete asdasdasdasdasasasd?\"\r\n }\r\n }\r\n\r\n Confirm.Show = this.Show\r\n }\r\n\r\n Show = (title, message, handler, payload) => {\r\n this.state.handler = handler\r\n\r\n this.setState({\r\n isVisible: true,\r\n payload,\r\n data: {\r\n message,\r\n title\r\n }\r\n })\r\n }\r\n\r\n clear = () => {\r\n this.state.handler = () => { }\r\n this.state.payload = null\r\n this.state.data = {}\r\n }\r\n\r\n render() {\r\n return this.state.isVisible ? (\r\n {tag.Name}
): null })\r\n }\r\n {\r\n showLeftover ?\r\n (\r\n \r\n ) : null\r\n }\r\n \r\n
\r\n ) : null\r\n }\r\n}\r\n\r\nexport default ConfirmModule\r\n","import React, { Component, useContext } from 'react';\r\n\r\nimport TextFilterEntry from '../filterAndPagination/components/TextFilterEntry';\r\nimport { PaginationHandler } from '../filterAndPagination/PaginationHandler';\r\nimport FilterHandler from '../filterAndPagination/FilterHandler';\r\nimport { MoreActionsMenu, MoreActionsItem, MoreActionsLinkItem } from '../MoreActions';\r\nimport ListingTagsView from '../ListingTagsView';\r\nimport MultiselectFilterEntry from '../filterAndPagination/components/MultiselectTagsFilterEntry';\r\nimport AxiosHelper from '../../utils/AxiosHelper';\r\nimport { ValidResult } from '../../utils/Utils';\r\nimport { PageStateHandler } from '../PageState';\r\nimport { Confirm } from \"../ConfirmModule\"\r\nimport ObjectWrapper from '../ObjectWrapper';\r\nimport { withRouter } from \"react-router\";\r\n\r\nimport \"../../css/tableWithLegend.css\"\r\n\r\n\r\nconst PathwayTableContext = React.createContext(FilterHandler.BuildContextValue());\r\nfunction _PathwayTable(props) {\r\n const tableContext = useContext(PathwayTableContext)\r\n\r\n props.tableContext.setObject(tableContext)\r\n\r\n return null\r\n}\r\nclass PathwayTable extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n tableContext: ObjectWrapper()\r\n }\r\n }\r\n\r\n onMenuItemClick = (menuItemId, obj) => {\r\n if (menuItemId === \"duplicate\") {\r\n Confirm.Show(\r\n `Confirm`,\r\n `Are you sure you want to duplicate pathway \"${obj.Name}\"?`,\r\n this.confirmHandler,\r\n { subType: \"duplicate\", obj }\r\n )\r\n }\r\n else if (menuItemId === \"delete\") {\r\n Confirm.Show(\r\n `Confirm`,\r\n `Are you sure you want to delete pathway \"${obj.Name}\"?`,\r\n this.confirmHandler,\r\n { subType: \"delete\", obj }\r\n )\r\n }\r\n }\r\n\r\n confirmHandler = ({ type, payload }) => {\r\n const { subType, obj } = payload\r\n\r\n if (type === \"ok\") {\r\n if (subType === \"duplicate\") {\r\n this.duplicatePathway(obj.Id, obj.Name)\r\n }\r\n else if (subType === \"delete\") {\r\n this.deletePathawy(obj.Id, obj.Name)\r\n }\r\n }\r\n }\r\n\r\n duplicatePathway = (id, name) => {\r\n PageStateHandler.SetLoading()\r\n\r\n AxiosHelper\r\n .post(`/Pathway/Duplicate?id=${id}`)\r\n .then((result) => {\r\n if (ValidResult(result.data)) {\r\n this.props.toastr.ShowSuccess(`Successfully duplicated pathawy \"${name}\"`)\r\n\r\n const { Value } = result.data.Data\r\n\r\n this.props.history.push(`/pathways/pathwaydetails?pathwayId=${Value}`)\r\n }\r\n else {\r\n this.props.toastr.ShowError(`Failed to duplicate pathawy \"${name}\"`)\r\n }\r\n\r\n PageStateHandler.SetReady()\r\n })\r\n .catch((err) => {\r\n this.props.toastr.ShowError(\"An error occurred, please try again\")\r\n PageStateHandler.SetReady()\r\n })\r\n }\r\n\r\n deletePathawy = (id, name) => {\r\n PageStateHandler.SetLoading()\r\n\r\n AxiosHelper\r\n .post(`/Pathway/Delete?id=${id}`)\r\n .then((result) => {\r\n if (ValidResult(result.data)) {\r\n this.props.toastr.ShowSuccess(`Successfully deleted pathawy \"${name}\"`)\r\n\r\n this.state.tableContext.filterEvent.riseEvent();\r\n }\r\n else {\r\n this.props.toastr.ShowError(`Failed to delete pathawy \"${name}\"`)\r\n }\r\n\r\n PageStateHandler.SetReady()\r\n })\r\n .catch((err) => {\r\n this.props.toastr.ShowError(\"An error occurred, please try again\")\r\n PageStateHandler.SetReady()\r\n })\r\n }\r\n\r\n renderPathwaysTable = (items) => {\r\n if (!items || !items.length) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n this.state.handler({ type: \"ok\", payload: this.state.payload })\r\n\r\n this.setState({\r\n isVisible: false\r\n })\r\n this.clear()\r\n }} />\r\n {\r\n this.state.handler({ type: \"cancel\", payload: this.state.payload })\r\n\r\n this.setState({\r\n isVisible: false\r\n })\r\n this.clear()\r\n }} />\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n | \r\n | Name | \r\nTags | \r\n\r\n |
|---|---|---|---|
| \r\n | \r\n{\r\n this.props.history.push(`/pathways/pathwaydetails?pathwayId=${pathway.Id}&isTemplate=${pathway.IsTemplate}`);\r\n }}>{pathway.Name} | \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 state.isEdit ? \"Edit\" : \"Create\"\r\n } Pathway`}
\r\n\r\n {!this.state.IsTemplate ?\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 QuestionOption\r\n","import React, { Component } from 'react'\r\nimport SafeSimpleEvent from '../SafeSimpleEvent';\r\nimport { QuestionOption } from './QuestionOption';\r\nimport uuid from \"uuid\"\r\nimport { Form } from '../../form/Form';\r\nimport FormEntry from '../../form/FormEntry';\r\nimport TextAreaComponent from '../TextAreaComponent';\r\nimport { Confirm } from '../ConfirmModule';\r\n\r\nexport class QuestionnaireQuestion extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isEdit: false,\r\n\r\n internalEvents: SafeSimpleEvent(),\r\n IsTemplate: this.props.value.IsTemplate,\r\n Title: this.props.value.Title,\r\n options: this.props.value.QuestionChoices\r\n }\r\n\r\n this.state.internalEvents.subscribe(this.handleInternalEvents, \"ME\")\r\n this.props.externalEvents.subscribe(this.handleEvents, `${this.props.value.InternalId}_question`)\r\n }\r\n\r\n addNewOption = () => {\r\n this.updateInternalState()\r\n this.setState(prevState => ({\r\n options: [...prevState.options, {\r\n InternalId: uuid(),\r\n Id: null,\r\n Title: \"\",\r\n Weight: 1.0,\r\n Message: \"\"\r\n }]\r\n }))\r\n }\r\n\r\n updateInternalState = () => {\r\n const data = {}\r\n const options = []\r\n\r\n this.state.internalEvents.riseEvent({\r\n type: \"QuestionnaireQuestionForm_collect_data_no_validation\",\r\n payload: data\r\n })\r\n\r\n this.state.internalEvents.riseEvent({\r\n type: \"option_collect_data\",\r\n payload: options\r\n })\r\n\r\n this.state.options = this.state.options.map(option => {\r\n const updatedData = options.find(newOption => newOption.InternalId === option.InternalId)\r\n if (updatedData) {\r\n return {\r\n ...option,\r\n ...updatedData\r\n }\r\n }\r\n\r\n return option\r\n })\r\n\r\n this.state.Title = data.Title\r\n }\r\n\r\n handleEvents = ({ type, payload }) => {\r\n switch (type) {\r\n case \"question_collect_data\": {\r\n const data = {}\r\n const options = []\r\n let isValid = true\r\n\r\n var result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"QuestionnaireQuestionForm_collect_data\",\r\n payload: {}\r\n }, false)\r\n if (result) {\r\n isValid = false\r\n }\r\n\r\n this.state.internalEvents.riseEvent({\r\n type: \"QuestionnaireQuestionForm_collect_data_no_validation\",\r\n payload: data\r\n })\r\n\r\n result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"option_collect_data\",\r\n payload: options\r\n }, false)\r\n if (result) {\r\n isValid = false\r\n }\r\n\r\n this.state.options = this.state.options.map(option => {\r\n const updatedData = options.find(newOption => newOption.InternalId === option.InternalId)\r\n if (updatedData) {\r\n return {\r\n ...option,\r\n ...updatedData\r\n }\r\n }\r\n\r\n return option\r\n })\r\n\r\n if (this.state.options.length === 0) {\r\n isValid = false\r\n }\r\n\r\n const questionData = {\r\n InternalId: this.props.value.InternalId,\r\n Id: this.props.value.Id,\r\n Title: data.Title,\r\n QuestionChoices: this.state.options\r\n }\r\n\r\n this.state.Title = data.Title\r\n\r\n payload.push(questionData)\r\n\r\n return isValid\r\n }\r\n case \"on_will_destroy_question\": {\r\n if (payload && payload !== this.props.value.InternalId) {\r\n return false\r\n }\r\n\r\n this.state.internalEvents.riseUnsubscribeEvent({\r\n type: \"on_will_destroy_option\"\r\n })\r\n\r\n this.state.internalEvents.clear()\r\n\r\n return true\r\n }\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n handleInternalEvents = ({ type, payload }) => {\r\n switch (type) {\r\n case \"remove_option\": {\r\n this.state.options = this.state.options.filter(o => o.InternalId !== payload)\r\n\r\n this.state.internalEvents.riseUnsubscribeEvent({\r\n type: \"on_will_destroy_option\",\r\n payload\r\n })\r\n\r\n this.updateInternalState()\r\n\r\n this.forceUpdate()\r\n } break\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n\r\n }\r\n\r\n handleConfirm = ({ type, payload }) => {\r\n if (type !== \"ok\") {\r\n return\r\n }\r\n\r\n const { subType, obj } = payload\r\n\r\n if (subType === \"remove_question\") {\r\n this.props.externalEvents.riseEvent({\r\n type: \"remove_question\",\r\n payload: this.props.value.InternalId\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default QuestionnaireQuestion\r\n","import React, { Component } from 'react'\r\nimport FormEntry from '../../form/FormEntry';\r\nimport { Form } from '../../form/Form';\r\nimport InputComponent from '../InputComponent';\r\nimport SafeSimpleEvent from '../SafeSimpleEvent';\r\nimport { Confirm } from \"../ConfirmModule\"\r\nimport QuestionnaireQuestion from './QuestionnaireQuestion';\r\nimport uuid from \"uuid\"\r\n\r\nexport class QuestionnaireCategory extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isEdit: false,\r\n questionnaireId: '',\r\n\r\n Name: this.props.value.Name,\r\n Desc: this.props.value.Desc,\r\n OrderIndex: this.props.value.OrderIndex,\r\n questions: this.props.value.Questions ? this.props.value.Questions : [],\r\n\r\n internalEvents: SafeSimpleEvent(),\r\n }\r\n\r\n this.state.internalEvents.subscribe(this.handleEvents, \"ME\")\r\n\r\n }\r\n\r\n updateCategoryData = (update) => {\r\n const data = {}\r\n this.state.internalEvents.riseEvent({\r\n type: \"collect_category_data\",\r\n payload: data\r\n })\r\n\r\n data.Id = this.props.value.Id\r\n data.InternalId = this.props.value.InternalId\r\n\r\n if (update) {\r\n this.props.externalEvents.riseEvent({\r\n type: `set_category_data_update`,\r\n payload: data\r\n })\r\n }\r\n else {\r\n this.props.externalEvents.riseEvent({\r\n type: `set_category_data`,\r\n payload: data\r\n })\r\n }\r\n }\r\n\r\n updateInternalState = () => {\r\n const questions = []\r\n this.state.internalEvents.riseEvent({\r\n type: \"question_collect_data\",\r\n payload: questions\r\n })\r\n\r\n this.state.questions = this.state.questions\r\n .filter(q => questions.find(qq => qq.InternalId === q.InternalId))\r\n .map(q => {\r\n const updatedData = questions.find(qq => qq.InternalId === q.InternalId)\r\n if (updatedData) {\r\n return {\r\n ...q,\r\n ...updatedData\r\n }\r\n }\r\n\r\n return q\r\n })\r\n\r\n const data = {}\r\n this.state.internalEvents.riseEvent({\r\n type: \"QuestionnaireCategoryForm_collect_data_no_validation\",\r\n payload: data\r\n })\r\n\r\n this.state.Name = data.Name\r\n this.state.Desc = data.Desc\r\n this.state.OrderIndex = parseInt(data.OrderIndex)\r\n }\r\n\r\n addEmptyQuestion = () => {\r\n this.updateInternalState()\r\n\r\n this.state.questions.push({\r\n InternalId: uuid(),\r\n Id: null,\r\n Title: \"\",\r\n QuestionChoices: []\r\n })\r\n\r\n this.forceUpdate()\r\n }\r\n\r\n componentDidUpdate = () => {\r\n }\r\n\r\n handleEvents = ({ type, payload }) => {\r\n switch (type) {\r\n case \"collect_category_data\":\r\n const data = {}\r\n const questions = []\r\n let isValid = true\r\n\r\n var result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"QuestionnaireCategoryForm_collect_data\",\r\n payload: {}\r\n }, false)\r\n if (result) {\r\n isValid = false\r\n }\r\n\r\n this.state.internalEvents.riseEvent({\r\n type: \"QuestionnaireCategoryForm_collect_data_no_validation\",\r\n payload: data\r\n })\r\n\r\n result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"question_collect_data\",\r\n payload: questions\r\n }, false)\r\n if (result) {\r\n isValid = false\r\n }\r\n\r\n this.state.questions = this.state.questions\r\n .map(q => {\r\n const updatedData = questions.find(qq => qq.InternalId === q.InternalId)\r\n if (updatedData) {\r\n return {\r\n ...q,\r\n ...updatedData\r\n }\r\n }\r\n\r\n return q\r\n })\r\n\r\n if (this.state.questions.length === 0) {\r\n isValid = false\r\n }\r\n\r\n payload.InternalId = this.props.value.InternalId\r\n payload.Id = this.props.value.Id\r\n payload.Name = data.Name\r\n payload.Desc = data.Desc\r\n payload.OrderIndex = parseInt(data.OrderIndex)\r\n payload.Questions = [...this.state.questions]\r\n\r\n this.state.Name = data.Name\r\n this.state.Desc = data.Desc\r\n this.state.OrderIndex = payload.OrderIndex\r\n\r\n return isValid\r\n case \"remove_question\": {\r\n this.state.internalEvents.riseUnsubscribeEvent({\r\n type: \"on_will_destroy_question\",\r\n payload\r\n })\r\n\r\n this.props.externalEvents.riseEvent({\r\n type: \"on_question_removed\"\r\n })\r\n\r\n this.setState(prevState => ({\r\n questions: prevState.questions.filter(q => q.InternalId !== payload)\r\n }))\r\n } break;\r\n case \"get_active_category_id\": {\r\n return this.props.value.InternalId\r\n } break\r\n case \"category_update\": {\r\n this.forceUpdate()\r\n\r\n } break\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n this.props.externalEvents.subscribe(this.handleEvents, `Questionnaire_${this.props.value.InternalId}`)\r\n }\r\n\r\n componentWillUnmount = () => {\r\n this.props.externalEvents.riseEvent({\r\n type: \"set_active_category_id\",\r\n payload: this.props.value.InternalId\r\n })\r\n this.props.externalEvents.unsubscribe(`Questionnaire_${this.props.value.InternalId}`)\r\n }\r\n\r\n deleteThis = () => {\r\n this.props.externalEvents.riseEvent({\r\n type: \"delete_questionnaire_category\",\r\n payload: this.props.value.InternalId\r\n })\r\n }\r\n\r\n handleConfirm = ({ type, payload }) => {\r\n const { subType, obj } = payload\r\n\r\n if (type === \"ok\") {\r\n if (subType === \"delete\") {\r\n this.deleteThis()\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {!this.state.IsTemplate ?\r\n :\r\n <>\r\n }\r\n
\r\n \r\n {\r\n this.state.options.map((q, i) => (\r\n
\r\n {!this.state.IsTemplate ?\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 QuestionnaireCategory\r\n","import React, { Component, useContext } from 'react';\r\nimport AxiosHelper from '../utils/AxiosHelper';\r\n\r\nimport QueryString from 'query-string';\r\nimport PageHeading, { PageTitle, ActionGroup } from '../components/PageHeading';\r\nimport { Form } from '../form/Form';\r\nimport FormEntry from '../form/FormEntry';\r\nimport InputComponent from '../components/InputComponent';\r\nimport SafeSimpleEvent from '../components/SafeSimpleEvent';\r\nimport PrimaryButton from '../components/buttons/PrimaryButton';\r\nimport Tabs from '../components/tabs/Tabs';\r\nimport QuestionnaireCategory from '../components/questionnaire/QuestionnaireCategory';\r\nimport Tab from '../components/tabs/components/Tab';\r\n\r\nimport uuid from \"uuid\"\r\n\r\nimport \"../css/categoryDetails.css\"\r\nimport DialogManager from '../components/DialogManager';\r\nimport { Notifications } from '../components/NotificationsComponent';\r\nimport ObjectWrapper from '../components/ObjectWrapper';\r\nimport { ValidResult } from '../utils/Utils';\r\nimport EntitiesSelect2Component from '../components/EntitySelect2Component';\r\nimport { PageStateHandler } from '../components/PageState';\r\nimport { Link } from \"react-router-dom\"\r\n\r\nfunction _QuestionnaireDetails(props) {\r\n const toastr = useContext(Notifications)\r\n\r\n props.toastr.setObject(toastr)\r\n\r\n return null\r\n}\r\nclass QuestionnaireDetails extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isEdit: false,\r\n questionnaireId: '',\r\n activeCategoryId: null,\r\n internalEvents: SafeSimpleEvent(),\r\n\r\n Id: null,\r\n TagIds: [],\r\n PathwayIds: [],\r\n IsTemplate: false,\r\n Name: \"\",\r\n categories: [],\r\n counter: 0,\r\n toastr: ObjectWrapper()\r\n }\r\n\r\n const params = QueryString.parse(this.props.location.search)\r\n if (params.questionnaireId) {\r\n this.state.isEdit = true\r\n this.state.Id = params.questionnaireId\r\n this.state.questionnaireId = params.questionnaireId\r\n }\r\n else {\r\n this.state.categories.push(this.createNewCategory(\"Simple\"))\r\n this.state.activeCategoryId = this.state.categories[0].InternalId\r\n }\r\n\r\n this.state.internalEvents.subscribe(this.handleEvents, \"ME\")\r\n }\r\n\r\n componentWillMount = () => {\r\n this.refreshData()\r\n }\r\n\r\n updateCurrentCategoryData = (update) => {\r\n if (update) {\r\n\r\n }\r\n else {\r\n const category = { IsValid: true }\r\n var result = this.state.internalEvents.riseEventCheckSpecificResult({\r\n type: \"collect_category_data\",\r\n payload: category\r\n }, false)\r\n if (result) {\r\n category.IsValid = false\r\n }\r\n\r\n this.state.categories = this.state.categories.map(cat => {\r\n if (cat.InternalId === category.InternalId) {\r\n\r\n const result = { ...cat, ...category }\r\n\r\n result.Questions = category.Questions\r\n\r\n return result\r\n }\r\n\r\n return cat\r\n })\r\n\r\n console.log(this.state.categories)\r\n }\r\n }\r\n\r\n updateFormData = (update) => {\r\n if (update) {\r\n\r\n }\r\n else {\r\n const data = {}\r\n this.state.internalEvents.riseEvent({ type: \"QuestionnaireForm_collect_data_no_validation\", payload: data })\r\n\r\n this.state.Name = data.Name\r\n this.state.PathwayIds = data.PathwayIds\r\n\r\n return data\r\n }\r\n }\r\n\r\n createNewCategory = (name) => {\r\n return {\r\n InternalId: uuid(),\r\n Id: null,\r\n Name: name,\r\n Desc: \"\",\r\n OrderIndex: 0,\r\n Questions: [],\r\n IsValid: false\r\n }\r\n }\r\n\r\n handleEvents = ({ type, payload }) => {\r\n switch (type) {\r\n case \"Categories_on_new_tab\": {\r\n DialogManager.Show(\r\n \"new_category_dialog\",\r\n ({ type, payload }) => {\r\n if (type === \"on_submit_success\") {\r\n const newCategory = this.createNewCategory(payload.Name)\r\n\r\n this.updateCurrentCategoryData()\r\n this.updateFormData()\r\n this.state.categories.push(newCategory)\r\n\r\n this.setActiveTabId(newCategory.InternalId)\r\n this.forceUpdate()\r\n }\r\n })\r\n } break;\r\n case \"Categories_on_tab_will_change\": {\r\n this.updateFormData()\r\n this.updateCurrentCategoryData()\r\n return true\r\n }\r\n case \"Categories_on_tab_did_change\": {\r\n const activeCategoryId = this.state.internalEvents.riseEventGetFirstDefinedResult({\r\n type: \"get_active_category_id\"\r\n })\r\n\r\n this.setActiveTabId(activeCategoryId)\r\n this.forceUpdate()\r\n } break;\r\n case \"set_category_data_update\":\r\n const update = true\r\n case \"set_category_data\": {\r\n this.state.categories.forEach(cat => {\r\n if (cat.InternalId === payload.InternalId) {\r\n cat.Id = payload.Id\r\n cat.Name = payload.Name\r\n cat.OrderIndex = payload.OrderIndex\r\n cat.IsValid = payload.IsValid\r\n\r\n cat.Questions = payload.Questions\r\n }\r\n })\r\n\r\n if (update) {\r\n console.log(this.state.categories)\r\n this.forceUpdate()\r\n }\r\n }\r\n case \"delete_questionnaire_category\": {\r\n this.setState(prevState => ({\r\n categories: prevState.categories.filter(cat => cat.InternalId !== payload)\r\n }))\r\n\r\n this.state.internalEvents.defferedRiseEvent({\r\n type: \"Categories_select_tab\"\r\n })\r\n } break\r\n case \"set_active_category_id\": {\r\n this.state.activeCategoryId = payload\r\n } break;\r\n case \"on_question_removed\": {\r\n this.updateCurrentCategoryData()\r\n } break;\r\n default: { } break\r\n }\r\n }\r\n\r\n setData = (data) => {\r\n this.state.Name = data.Name\r\n this.state.PathwayIds = data.PathwayIds\r\n this.state.categories = data.QuestionnaireCategories\r\n this.state.IsTemplate = data.IsTemplate\r\n\r\n if(data.IsTemplate){\r\n data.QuestionnaireCategories.forEach(q => {\r\n q.IsTemplate = true\r\n\r\n q.Questions.forEach(qq => {\r\n qq.IsTemplate = true\r\n\r\n qq.QuestionChoices.forEach(c =>{\r\n c.IsTemplate = true\r\n })\r\n })\r\n }) \r\n }\r\n this.state.categories.forEach(cat => {\r\n cat.InternalId = cat.Id\r\n cat.IsValid = true\r\n if (cat.Questions) {\r\n cat.Questions.forEach(q => {\r\n q.InternalId = q.Id\r\n if (q.QuestionChoices) {\r\n q.QuestionChoices.forEach(qc => {\r\n qc.InternalId = qc.Id\r\n })\r\n }\r\n })\r\n }\r\n })\r\n\r\n if (this.state.categories.length) {\r\n this.setActiveTabId(this.state.categories[0].InternalId)\r\n }\r\n\r\n this.forceUpdate()\r\n }\r\n\r\n setActiveTabId = (id) => {\r\n this.state.activeCategoryId = id\r\n this.state.internalEvents.defferedRiseEvent({\r\n type: \"Categories_set_selected_tab\",\r\n payload: `${id}_tab`\r\n })\r\n }\r\n\r\n refreshData = () => {\r\n if (!this.state.isEdit) {\r\n return\r\n }\r\n\r\n PageStateHandler.SetLoading()\r\n AxiosHelper\r\n .get(\"/Questionnaire/GetQuestionnaire?id=\" + this.state.Id)\r\n .then(({ data }) => {\r\n if (ValidResult(data)) {\r\n this.setData(data.Data)\r\n }\r\n else {\r\n this.state.toastr.ShowError(\"Failed to get the questionnaire data\")\r\n }\r\n PageStateHandler.SetReady()\r\n })\r\n .catch((err) => {\r\n this.state.toastr.ShowError(\"Failed to get the questionnaire data\")\r\n PageStateHandler.SetReady()\r\n })\r\n }\r\n\r\n componentWillMount() {\r\n\r\n };\r\n\r\n onSubmit = () => {\r\n const data = {}\r\n var result = this.state.internalEvents.riseEventCheckSpecificResult({ type: \"QuestionnaireForm_collect_data\", payload: data }, false)\r\n if (result) {\r\n this.state.toastr.ShowError(\"Please fill all required fields before sumbmiting\")\r\n return false\r\n }\r\n\r\n this.state.PathwayIds = data.PathwayIds\r\n\r\n this.updateCurrentCategoryData()\r\n\r\n var invalidCategory = this.state.categories.find(t => !t.IsValid)\r\n if (invalidCategory) {\r\n\r\n this.state.toastr.ShowError(\"Please fill all required fields before sumbmiting\")\r\n\r\n return false\r\n }\r\n\r\n data.EstimatedCompletionTime = 0\r\n data.TagIds = []\r\n data.QuestionnaireCategories = this.state.categories\r\n let copy = null\r\n\r\n if (!this.state.isEdit) {\r\n copy = JSON.parse(JSON.stringify(data))\r\n\r\n copy.QuestionnaireCategories.forEach(cat => {\r\n cat.Id = null\r\n\r\n cat.Questions.forEach(q => {\r\n q.Id = null\r\n\r\n q.QuestionChoices.forEach(o => {\r\n o.Id = null\r\n })\r\n })\r\n })\r\n }\r\n else {\r\n data.Id = this.state.Id\r\n copy = data\r\n }\r\n\r\n PageStateHandler.SetLoading();\r\n AxiosHelper\r\n .post(\"Questionnaire/Save\", data)\r\n .then(({ data }) => {\r\n if (ValidResult(data)) {\r\n this.state.toastr.ShowSuccess(`Successfully ${!this.state.isEdit ? \"created\" : \"saved\"} the questionnaire`)\r\n\r\n if (!this.state.isEdit) {\r\n const dest = {\r\n Title: \"Edit Questionnaire\",\r\n Url: `${document.location.href}?questionnaireId=${data.Data.Value}`\r\n }\r\n\r\n window.history.pushState(dest, dest.Title, dest.Url)\r\n\r\n this.state.Id = data.Data.Value\r\n\r\n this.updateFormData()\r\n this.setState({ isEdit: true })\r\n }\r\n }\r\n else {\r\n this.state.toastr.ShowError(`Failed to ${!this.state.isEdit ? \"create\" : \"save\"} the questionnaire`)\r\n }\r\n PageStateHandler.SetReady();\r\n })\r\n .catch(err => {\r\n this.state.toastr.ShowError(\"An error occurred, please try again\")\r\n PageStateHandler.SetReady();\r\n })\r\n\r\n return true\r\n }\r\n\r\n render() {\r\n const tabs = this.state.categories.map((cat) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!this.props.isReadonly ?\r\n
\r\n \r\n \r\n \r\n
\r\n : <>\r\n }\r\n \r\n {\r\n this.state.questions.map((q, i) => (\r\n
\r\n \r\n {\r\n this.onSubmit()\r\n }} />\r\n
\r\n :\r\n <>\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default QuestionnaireDetails;\r\n","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport Tabs from '../tabs/Tabs';\r\nimport Tab from '../tabs/components/Tab';\r\nimport TextFilterEntry from '../filterAndPagination/components/TextFilterEntry';\r\nimport InputComponent from '../InputComponent';\r\nimport { PaginationHandler } from '../filterAndPagination/PaginationHandler';\r\nimport FilterHandler from '../filterAndPagination/FilterHandler';\r\nimport { MoreAction, MoreActionsMenu, MoreActionsItem } from '../MoreActions';\r\nimport MultiselectFilterEntry from '../filterAndPagination/components/MultiselectTagsFilterEntry';\r\nimport ListingTagsView from '../ListingTagsView';\r\n\r\nexport const GeneralInformationTableContext = React.createContext();\r\nclass GeneralInformationTable extends Component {\r\n\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n contextValue: FilterHandler.BuildContextValue()\r\n }\r\n\r\n this.props.events.subscribe(this.handleEvent, \"INFO_TABLE\")\r\n }\r\n\r\n handleEvent = ({ type, payload }) => {\r\n if (type === \"filter\") {\r\n this.state.contextValue.filterEvent.riseEvent()\r\n }\r\n }\r\n\r\n onMenuItemClick = (menuItemId, obj) => {\r\n if (menuItemId === \"edit\") {\r\n if (this.props.editEvent) {\r\n this.props.editEvent.riseEvent({ type: \"edit\", payload: { menuItemId, obj } })\r\n }\r\n }\r\n }\r\n\r\n renderFAQTable = (items, paginationId) => {\r\n if (!items || !items.length) {\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n return (\r\n | TITLE | \r\nDESCRIPTION | \r\nTAGS | \r\n\r\n |
|---|---|---|---|
| { this.onMenuItemClick(\"edit\", faqEntry) }}>{faqEntry.Title} | \r\n\r\n {\r\n faqEntry.Description\r\n }\r\n | \r\n\r\n | \r\n \r\n | \r\n
Please select an Image for Preview
);\r\n // }\r\n\r\n return (\r\n \r\n {$imagePreview}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ImageUpload;","import React, { useRef } from 'react';\r\nimport \"../css/gallery.css\";\r\nimport { GalleryItemType } from '../utils/Utils'\r\n\r\nfunction GalleryImageComponent(props) {\r\n const ref = useRef(null)\r\n\r\n const onClick = () => {\r\n props.editItem(props.id,props.name, props.source, GalleryItemType.Image)\r\n }\r\n\r\n return (\r\n \r\n this.handleImageChange(e)} style={{ [\"display\"]: \"none\" }}\r\n accept=\".png,.jpg,.jpeg,.bmp\"/>\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default GalleryImageComponent;","import React from 'react';\r\nimport { PaginationHandler } from '../filterAndPagination/PaginationHandler';\r\nimport GalleryImageComponent from '../GalleryImageComponent';\r\nimport { GalleryItemType, EntityAccessibility } from '../../utils/Utils';\r\nimport { GalleryGridContext } from \"../contexts\"\r\n\r\nfunction ImageTab(props) {\r\n const renderGalleryImages = (items, id, activeIndex) => {\r\n if (!items || !items.length) {\r\n return (\r\n \r\n {\r\n ref && ref.current.click()\r\n }} className=\"gallery-item-title\">{props.name}\r\n \r\n { props.deleteResource && props.galleryGrid?\r\n \r\n : <>\r\n }\r\n {\r\n props.galleryGrid && props.galleryGrid? \r\n \r\n : <>\r\n }\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {\r\n items.map(item =>\r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default GalleryVideoComponent;","import React from 'react';\r\nimport { PaginationHandler } from '../filterAndPagination/PaginationHandler';\r\nimport GalleryVideoComponent from '../GalleryVideoComponent';\r\nimport { GalleryItemType, EntityAccessibility} from '../../utils/Utils';\r\nimport { GalleryGridContext } from \"../contexts\"\r\n\r\nfunction VideoTab(props) {\r\n\r\n const renderGalleryVideos = (items, id, activeIndex) => {\r\n if (!items || !items.length) {\r\n return (\r\n \r\n {\r\n ref && ref.current.click()\r\n }} className=\"gallery-item-title\">{props.name}\r\n {props.deleteResource && props.galleryGrid ?\r\n \r\n : <>\r\n }\r\n {\r\n props.galleryGrid && props.galleryGrid ?\r\n \r\n : <>\r\n }\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {\r\n items.map(item =>\r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n Click the title to select the image
\r\nClick the title to select the video
\r\n\r\n {$imagePreview}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default VideoUpload;","import React, { Component } from 'react';\r\nimport ImageUpload from './ImageUpload';\r\nimport GalleryDialogComponent from './GalleryDialogComponent';\r\nimport SafeSimpleEvent from './SafeSimpleEvent';\r\nimport { ToArray, GalleryItemType } from '../utils/Utils';\r\nimport VideoUpload from './VideoUpload';\r\nimport UpdateStatusDialogComponent from '../components/UpdateStatusDialogComponent';\r\n\r\nimport \"../css/basicGalleryPicker.css\"\r\n\r\nclass GalleryItemPickerComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n url: this.props.url ? this.props.url : (this.props.value ? this.props.value : \"\"),\r\n file: null,\r\n showGalleryEvent: SafeSimpleEvent(),\r\n showUploadEvent: SafeSimpleEvent(),\r\n showPickFromGallery: props.showPickFromGallery !== undefined ? props.showPickFromGallery : true,\r\n showUpdateEntityModal: false,\r\n internalEventHandler: SafeSimpleEvent(),\r\n name: this.props.name\r\n\r\n }\r\n\r\n if (this.props.collectDataEvent) {\r\n this.props.collectDataEvent.subscribe(this.collectData, this.props.name)\r\n }\r\n\r\n if (this.props.validateEvent) {\r\n this.props.validateEvent.subscribe(this.validateCallback, this.props.name)\r\n }\r\n\r\n if (this.props.externalEvents) {\r\n props.externalEvents.subscribe(this.handleEvent, this.props.name)\r\n }\r\n }\r\n\r\n handleEvent = ({ type, payload }) => {\r\n switch (type) {\r\n case \"REMOVE_VIDEO_COVER\": {\r\n if (this.state.name == \"VideoCaption\") {\r\n this.setState({ url: \"\" })\r\n }\r\n }\r\n break\r\n default: { } break\r\n }\r\n }\r\n\r\n collectData = (formData) => {\r\n const urlPostName = this.props.urlPostName ? this.props.urlPostName : `${this.props.name}Url`\r\n\r\n if (this.state.file) {\r\n if (this.props.postBas64) {\r\n formData[`${this.props.name}File`] = this.state.url;\r\n }\r\n else {\r\n formData[`${this.props.name}File`] = this.state.file;\r\n }\r\n\r\n if (this.isRequired) {\r\n\r\n formData[urlPostName] = \"dummy\";\r\n }\r\n else {\r\n formData[urlPostName] = null;\r\n }\r\n }\r\n else {\r\n formData[`${this.props.name}File`] = null;\r\n formData[urlPostName] = this.state.url;\r\n }\r\n }\r\n\r\n validateCallback = () => {\r\n if (this.props.setValidationMessageEvent && Array.isArray(this.props.rules)) {\r\n\r\n var requiredRule = this.props.rules.find((r) => r.ValidationType === \"required\");\r\n if (requiredRule) {\r\n\r\n this.isRequired = true\r\n\r\n const errMessage = `Please select ${this.props.type === GalleryItemType.Image ? \"an image\" : \"a video\"}`\r\n\r\n if (!this.state.file && (!this.state.url || this.state.url.trim() === \"\")) {\r\n this.props.setValidationMessageEvent.riseEvent(errMessage)\r\n return false\r\n }\r\n }\r\n }\r\n\r\n this.props.setValidationMessageEvent.riseEvent(\"\")\r\n return true\r\n }\r\n\r\n handleClickCallbackCover = (url, file) => {\r\n this.setState({\r\n url,\r\n file,\r\n });\r\n\r\n if (url) {\r\n\r\n }\r\n };\r\n\r\n hideModal = () => {\r\n this.setState({\r\n showUpdateEntityModal: false\r\n })\r\n }\r\n\r\n updateEntity = () => {\r\n if (this.state.name == \"Video\") {\r\n this.props.externalEvents.riseEvent({ type: \"REMOVE_VIDEO_COVER\" })\r\n }\r\n\r\n this.setState({\r\n url: \"\",\r\n showUpdateEntityModal: false,\r\n })\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n showUpdateEntityModal: true\r\n })\r\n }\r\n\r\n render() {\r\n const state = this.state;\r\n const props = this.props;\r\n return (\r\n <>\r\n \r\n this.handleVideoChange(e)} style={{ [\"display\"]: \"none\" }}\r\n accept=\".mkv,.avi,.m4v\"/>\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default GalleryItemPickerComponent;","import React, { Component } from 'react'\r\nimport InputComponent from './InputComponent';\r\nimport FormEntry from '../form/FormEntry';\r\nimport uuid from \"uuid\";\r\nimport UpdateStatusDialogComponent from \"../components/UpdateStatusDialogComponent\"\r\n\r\nfunction RemoveDiv(props) {\r\n return (\r\n {this.props.hasRemove && this.state.url != '' && this.state.url != 'removed' ?\r\n Remove\r\n : <>\r\n }\r\n {state.showPickFromGallery ?\r\n <>\r\n this.state.showGalleryEvent.riseEvent(true)}>Pick from Gallery\r\n / \r\n : null}\r\n {\r\n this.state.showUploadEvent.riseEvent()\r\n }}>Upload\r\n\r\n
\r\n : <>\r\n\r\n }\r\n props.remove(props.id)} id={props.id} >
)\r\n}\r\n\r\nclass GeneralInformationResources extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n i: this.props.value ? this.props.value.length + 1 : 1,\r\n resources: this.props.value ? this.props.value : [],\r\n showModal: false,\r\n elementToRemove : 0\r\n }\r\n\r\n if (this.props.collectDataEvent) {\r\n this.props.collectDataEvent.subscribe(this.collectData, \"Resource\")\r\n }\r\n\r\n if (this.props.clearEvent) {\r\n this.props.clearEvent.subscribe(this.clearData, this.props.name)\r\n }\r\n\r\n if (this.props.externalEvents) {\r\n this.props.externalEvents.subscribe(this.handleEvents, this.props.name)\r\n }\r\n }\r\n\r\n clearData = (reasone) => {\r\n this.setState({ resources: [] })\r\n }\r\n\r\n collectDataAsObject = () => {\r\n var resourcesArray = [];\r\n var j;\r\n for (j = 1; j < this.state.i; j++) {\r\n var name = this.props.externalEvents.riseEventGetFirstDefinedResult({ type: 'collect_by_name', payload: 'Resource-Name-' + j });\r\n var url = this.props.externalEvents.riseEventGetFirstDefinedResult({ type: 'collect_by_name', payload: 'Resource-Url-' + j });\r\n resourcesArray.push({ Url: url, Name: name });\r\n }\r\n return resourcesArray;\r\n }\r\n\r\n collectData = (formData) => {\r\n var resourcesArray = this.collectDataAsObject();\r\n var jsonArray = JSON.stringify(resourcesArray)\r\n formData[this.props.name] = jsonArray\r\n }\r\n\r\n computeListOfResources = (formData) => {\r\n if (formData[this.props.name] && formData[this.props.name].length > 0 && formData[this.props.name][0] != undefined) {\r\n return [...formData[this.props.name]];\r\n }\r\n else return [];\r\n }\r\n\r\n addResourceUrl = () => {\r\n var list = this.collectDataAsObject();\r\n \r\n list.push({ Url: '', Name: '' });\r\n\r\n this.setState({\r\n resources: list,\r\n i: this.state.i + 1\r\n })\r\n }\r\n\r\n removeResourceUrl = () => {\r\n var i = this.state.elementToRemove;\r\n let list = this.collectDataAsObject();;\r\n list.splice(i - 1, 1);\r\n\r\n this.setState({\r\n resources: list,\r\n i: this.state.i - 1,\r\n showModal: false\r\n })\r\n }\r\n\r\n cancelDelete = () => {\r\n this.setState({ showModal: false })\r\n }\r\n\r\n showModal = (removeId) => {\r\n let list = this.collectDataAsObject();;\r\n this.setState({\r\n resources: list,\r\n showModal: true,\r\n elementToRemove: removeId\r\n })\r\n }\r\n\r\n render() {\r\n let i = 0;\r\n return (\r\n <>\r\n {`${\r\n this.state.isEdit ? \"Edit\" : \"Create\"\r\n } General Information`}
\r\n\r\n {this.state.isReadonly ? \"\" : this.state.isEdit ? \"Edit\" : \"Create\"}{\" \"}\r\n Info Card Message\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n | \r\n | Day | \r\nTime | \r\nTitle | \r\n\r\n |
|---|---|---|---|---|
| \r\n | \r\n{infoCard.Day} | \r\n{moment(infoCard.Time + \"Z\").format(\"HH:mm\")} | \r\n{infoCard.Info} | \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 {`${state.isReadonly ? \"\" : state.isEdit ? \"Edit\" : \"Create\"} Questionnaire Info Card`}
\r\n \r\n
\r\n )\r\n }\r\n return (\r\n | \r\n | Name | \r\ntags | \r\n\r\n |
|---|---|---|---|
| \r\n | props.history.push(`/questionnaires/savequestionnaire?questionnaireId=${questionnaire.Id}&isTemplate=${questionnaire.IsTemplate}`)}>{questionnaire.Name} | \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 React.cloneElement(this.props.children,\r\n { clearEvent: this.props.clearEvent, collectEvent: this.props.collectEvent, collectDataEvent: this.props.collectEvent })\r\n }\r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nexport default FilterEntryWrapper\r\n","import React, { Component } from 'react';\r\nimport QuestionnaireTable from './QuestionnaireTable';\r\nimport TextFilterEntry from '../filterAndPagination/components/TextFilterEntry';\r\nimport MultiselectTagsFilterEntry from '../filterAndPagination/components/MultiselectTagsFilterEntry';\r\nimport FilterHandler from '../filterAndPagination/FilterHandler';\r\nimport EntitiesSelect2Component from '../EntitySelect2Component';\r\nimport FilterEntryWrapper from '../filterAndPagination/components/FilterEntryWrapper';\r\n\r\nclass QuestionnaireTableWithFilter extends Component {\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default QuestionnaireTableWithFilter;","import React, { Component, useContext, useReducer } from 'react';\r\nimport { QuestionnaireTableContext } from '../components/contexts'\r\nimport SafeSimpleEvent from '../components/SafeSimpleEvent';\r\nimport QuestionnaireTableWithFilter from '../components/table/QuestionnaireTableWithFilter';\r\nimport PageHeading, { PageTitle, ActionGroup } from '../components/PageHeading';\r\nimport { Notifications } from '../components/NotificationsComponent';\r\nimport PrimaryButton from '../components/buttons/PrimaryButton';\r\n\r\nconst _reducer = function (state, action) {\r\n switch (action.type) {\r\n case 'SET_DATA': {\r\n return {\r\n ...state,\r\n screenIsReady: true\r\n }\r\n }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction _QuestionnairesPage(props) {\r\n //initial state\r\n const [state, dispatch] = useReducer(_reducer, {\r\n screenIsReady: true\r\n })\r\n\r\n const questionnaireTableContext = useContext(QuestionnaireTableContext)\r\n\r\n const toastr = useContext(Notifications)\r\n\r\n props.didMountEvent.subscribe(() => {\r\n questionnaireTableContext.filterEvent.defferedRiseEvent();\r\n })\r\n\r\n return (state.screenIsReady ? (\r\n <>\r\n \r\n \r\n
\r\n )\r\n }\r\n return (\r\n | \r\n | Patient Name | \r\nAge | \r\nSurgery Date | \r\nPathway | \r\nSurgeon Name | \r\nQuestionnaire | \r\nAnswer Time | \r\n\r\n |
|---|---|---|---|---|---|---|---|---|
| \r\n | {answer.PatientName} | \r\n{answer.Age} | \r\n{answer.PathwayName} | \r\n{answer.SurgeonName} | \r\n{answer.QuestionnaireName} | \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 QuestionnairesAnswersTableWithFilter;","import React, { Component, useContext, useReducer } from 'react';\r\nimport { QuestionnaireTableContext } from '../components/contexts'\r\nimport SafeSimpleEvent from '../components/SafeSimpleEvent';\r\nimport QuestionnairesAnswersTableWithFilter from '../components/table/QuestionnairesAnswersTableWithFilter';\r\nimport PageHeading, { PageTitle, ActionGroup } from '../components/PageHeading';\r\nimport { Notifications } from '../components/NotificationsComponent';\r\nimport PrimaryButton from '../components/buttons/PrimaryButton';\r\n\r\nconst _reducer = function (state, action) {\r\n switch (action.type) {\r\n case 'SET_DATA': {\r\n return {\r\n ...state,\r\n screenIsReady: true\r\n }\r\n }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction _QuestionnairesAnswerPage(props) {\r\n //initial state\r\n const [state, dispatch] = useReducer(_reducer, {\r\n screenIsReady: true\r\n })\r\n\r\n const questionnaireTableContext = useContext(QuestionnaireTableContext)\r\n\r\n const toastr = useContext(Notifications)\r\n\r\n props.didMountEvent.subscribe(() => {\r\n questionnaireTableContext.filterEvent.defferedRiseEvent();\r\n })\r\n\r\n return (state.screenIsReady ? (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n pickerRef.current.click();\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 SurgeonProfileForm;\r\n","import React, { Component, useContext, useReducer } from 'react';\r\nimport SafeSimpleEvent from '../components/SafeSimpleEvent';\r\nimport PageHeading, { PageTitle, ActionGroup } from '../components/PageHeading';\r\nimport SurgeonProfileForm from '../components/SurgeonProfileForm';\r\nimport { SiteContext } from '../components/contexts';\r\nimport { Notifications } from \"../components/NotificationsComponent\"\r\n\r\nimport \"../css/myProfile.css\"\r\n\r\nconst _reducer = function (state, action) {\r\n switch (action.type) {\r\n case 'SET_DATA': {\r\n return {\r\n ...state,\r\n screenIsReady: true\r\n }\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\nfunction _MyProfilePage(props) {\r\n const [state, dispatch] = useReducer(_reducer, {\r\n screenIsReady: true,\r\n })\r\n\r\n const toastr = useContext(Notifications)\r\n\r\n const siteContext = useContext(SiteContext)\r\n\r\n return (state.screenIsReady ? (\r\n <>\r\n Edit gallery item
\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ForgotPasswordPage\r\n","import React, { Component } from 'react';\r\n\r\nclass PageNotFound extends Component {\r\n render() {\r\n return (\r\n Forgot Password
\r\n \r\n Page not found
\r\n )\r\n }\r\n}\r\n\r\nexport default PageNotFound;\r\n","import React, { Component } from 'react'\r\n\r\nimport { SITE_EVENTS } from '../App';\r\n\r\nimport uuid from \"uuid\"\r\n\r\nexport class UserMenuItem extends Component {\r\n onClickHandler = () => {\r\n this.props.onClick()\r\n this.props.onClickHandler()\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport class UserMenu extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n isVisible: false,\r\n imgUrl: this.props.imgUrl,\r\n timestamp: (new Date()).getTime()\r\n }\r\n }\r\n\r\n componentWillMount = () => {\r\n SITE_EVENTS.subscribe(this.handleSiteEvents, \"USER_MENU\")\r\n document.addEventListener(\"mousedown\", this.handleDocumentClick, false)\r\n }\r\n\r\n componentWillUnmount = () => {\r\n SITE_EVENTS.unsubscribe(\"USER_MENU\", true)\r\n document.removeEventListener(\"mousedown\", this.handleDocumentClick, false)\r\n }\r\n\r\n handleSiteEvents = ({ type, payload }) => {\r\n if (type === \"SET_PROFILE_PICTURE_URL\") {\r\n if (payload != null) {\r\n this.state.imgUrl = payload\r\n this.state.timestamp = (new Date()).getTime()\r\n\r\n this.forceUpdate()\r\n }\r\n }\r\n }\r\n\r\n handleDocumentClick = ({ target }) => {\r\n if (this.state.isVisible) {\r\n if (!this.node.contains(target)) {\r\n this.setState({ isVisible: false })\r\n return\r\n }\r\n }\r\n }\r\n\r\n onItemClick = () => {\r\n this.setState(prevState => ({ isVisible: !prevState.isVisible }))\r\n }\r\n\r\n render() {\r\n return (\r\n this.node = node}>\r\n \r\n {\r\n this.state.isVisible ? (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default UserMenu\r\n","import React, { Component } from 'react'\r\n\r\nimport { SiteContext } from \"./contexts\"\r\n\r\nimport \"../css/translationSwitch.css\"\r\n\r\nexport class TranslationSwitch extends Component {\r\n render() {\r\n return (\r\n \r\n {React.Children.map(this.props.children, (c) => React.cloneElement(c, { onClickHandler: this.onItemClick }))}\r\n
\r\n ) : null\r\n }\r\n \r\n {/* */}\r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n {({ dispatch, state, translate, LogOut }) => (\r\n <>\r\n {/* \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Header;\r\n","import React, { Component } from 'react'\r\n\r\nexport class Footer extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {\r\n if (this.props.routerEvents) {\r\n this.props.routerEvents.riseEvent({\r\n type: \"push\",\r\n payload: \"/myprofile\",\r\n });\r\n }\r\n }}\r\n />\r\n {state.showSwapHospital ? (\r\n {\r\n this.handleClick(dispatch, false);\r\n }}\r\n />\r\n ) : (\r\n <>\r\n )}\r\n {state.showSwapSurgeon ? (\r\n {\r\n this.handleClick(dispatch, state.showSwapSurgeon);\r\n }}\r\n />\r\n ) : (\r\n <>\r\n )}\r\n {\r\n LogOut();\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 Footer\r\n\r\n\r\n","import React, { Component } from \"react\"\r\nimport { Link } from \"react-router-dom\"\r\nimport { debug } from \"util\";\r\nimport { All } from \"../../utils/Utils\";\r\n\r\nclass MenuItem extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n id: props.Id,\r\n activeId: this.props.activeId\r\n }\r\n\r\n const { pathname } = window.location\r\n if (!this.props.isLogo) {\r\n if ((!this.props.includedLocaitons && pathname === this.props.to) ||\r\n (this.props.includedLocaitons &&\r\n All(this.props.includedLocaitons, (l) => {\r\n return pathname.indexOf(l) !== -1;\r\n })) &&\r\n pathname.indexOf(this.props.to) !== -1) {\r\n this.state.activeId = this.props.Id\r\n }\r\n }\r\n }\r\n\r\n setActiveId = () => {\r\n this.props.click(this.state.id)\r\n }\r\n\r\n isActive = () => !this.props.isLogo && this.state.activeId == this.props.Id;\r\n\r\n componentDidMount = () => {\r\n\r\n }\r\n\r\n componentWillReceiveProps({ activeId }) {\r\n this.setState({ activeId })\r\n }\r\n\r\n render() {\r\n return (\r\n SuXeed
\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(Menu)","import React, { Component, useContext } from \"react\";\r\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\r\nimport { SiteContext } from \"./components/contexts\";\r\nimport PatientsPage from \"./pages/PatientsPage\";\r\nimport PathwaysPage from \"./pages/PathwaysPage\";\r\nimport QuestionnaireDetails from \"./pages/QuestionnaireDetails\";\r\nimport GeneralInformationPage from \"./pages/GeneralInformationPage\";\r\nimport PathwayDetails from \"./pages/PathwayDetails\";\r\nimport QuestionnairesPage from \"./pages/QuestionnairesPage\";\r\nimport QuestionnairesAnswerPage from \"./pages/QuestionnairesAnswerPage\";\r\nimport MyProfilePage from \"./pages/MyProfilePage\";\r\nimport GalleryPage from \"./pages/GalleryPage\";\r\nimport ForgotPasswordPage from \"./pages/ForgotPasswordPage\";\r\nimport PageNotFound from \"./pages/PageNotFound\";\r\nimport Header from \"./pages/Header\";\r\nimport Footer from \"./pages/Footer\";\r\nimport MenuItem from \"./components/menu/MenuItem\";\r\nimport Menu from \"./components/menu/Menu\";\r\n\r\nconst _Root = (props) => {\r\n return (\r\n <>\r\n - \r\n {(this.props.children.length ? this.props.children : [this.props.children]).map((e) => (\r\n React.cloneElement(e, { key: uuid(), click: this.onMenuItemClick, activeId: this.state.activeId })\r\n ))}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nclass Root extends Component {\r\n render() {\r\n const routerEvents = this.props.routerEvents;\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Resset Password
\r\n \r\n Your password must have a minimum of 6 characters consisting of at least 1 upper and lower case, numerical and a special character [!,@,#,$,%,&]
\r\n \r\n )\r\n }\r\n\r\n renderFail = () => {\r\n return (\r\n Failed to set your password.
\r\n )\r\n }\r\n\r\n renderInvalidData = () => {\r\n return (\r\nInvalid data.
\r\n )\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n\r\n {\r\n this.state.renderers[this.state.pageState]()\r\n }\r\n
\r\n )\r\n }\r\n }\r\n\r\n export default ResetPasswordPage\r\n","import React, { Component, useContext } from 'react'\r\nimport androidstore from '../img/androidstore.png'\r\nimport applestore from '../img/applestore.png'\r\nimport PrimaryButton from \"../components/buttons/PrimaryButton\"\r\nimport AxiosHelper from '../utils/AxiosHelper';\r\nimport queryString from \"query-string\"\r\nimport { ValidResult } from '../utils/Utils';\r\nimport SiteState from '../components/SiteState';\r\n\r\nclass ActivateAccount extends Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n pageState: \"ACTIVATING\",\r\n\r\n renderers: {\r\n [\"ACTIVATING\"]: this.renderActivating,\r\n [\"SUCCESS\"]: this.renderSuccess,\r\n [\"FAIL\"]: this.renderFail,\r\n [\"INVALID\"]: this.renderInvalidData\r\n }\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n //we make call tot the server to activate the given account\r\n\r\n const params = queryString.parse(window.location.href.split('?')[1])\r\n if (!params.userId || params.userId.trim() === \"\") {\r\n this.setState({ pageState: \"INVALID\" })\r\n return;\r\n }\r\n\r\n AxiosHelper.post(\r\n `Patient/ActivateAccount?userId=${params.userId}`).then(\r\n (result) => {\r\n if (ValidResult(result.data)) {\r\n this.props.toastr.ShowSuccess(\"Successfully activated your account\")\r\n this.setState({ pageState: \"SUCCESS\" })\r\n }\r\n else {\r\n this.props.toastr.ShowError(\"Failed to activate your account\")\r\n this.setState({ pageState: \"FAIL\" })\r\n }\r\n\r\n }).catch(\r\n (err) => {\r\n\r\n this.props.toastr.ShowError(\"An error occurred, please try again\")\r\n this.setState({ pageState: \"FAIL\" })\r\n });\r\n }\r\n\r\n renderActivating = () => {\r\n return (\r\n Activating your account...
\r\n )\r\n }\r\n\r\n renderSuccess = () => {\r\n return (\r\n <>\r\nYour account was successfully activated
\r\nPlease download the app to get started
\r\n\r\n 
\r\n 
\r\n
\r\n \r\n )\r\n }\r\n\r\n renderFail = () => {\r\n return (\r\n Failed to activate your account.
\r\n )\r\n }\r\n\r\n renderInvalidData = () => {\r\n return (\r\nInvalid data.
\r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n {\r\n this.state.renderers[this.state.pageState]()\r\n }\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ActivateAccount","import React, { Component, useReducer, useContext } from \"react\";\r\nimport \"antd/dist/antd.css\";\r\nimport \"./css/base/cssReset.css\";\r\nimport \"./css/base/basicStructure.css\";\r\nimport { SiteContext } from \"./components/contexts\";\r\nimport SafeSimpleEvent from \"./components/SafeSimpleEvent\";\r\nimport AxiosHelper from \"./utils/AxiosHelper\";\r\nimport LoginPage from \"./pages/LoginPage\";\r\nimport LoadingPage from \"./pages/LoadingPage\";\r\nimport ChooseHospitalsPage from \"./pages/ChooseHospitalsPage\";\r\nimport ChooseSurgeonsPage from \"./pages/ChooseSurgeonsPage\";\r\n\r\nimport SiteState from \"./components/SiteState\";\r\nimport Root from \"./Root\";\r\n\r\nimport translations from \"./components/translations\";\r\nimport fillTemplate from \"es6-dynamic-template\";\r\nimport { DEFAULT_USER_PICTURE_URL } from \"./AppConstants\";\r\nimport \"./css/fonts.css\";\r\nimport { ValidResult } from \"./utils/Utils\";\r\nimport NotificationsComponent, {\r\n Notifications,\r\n} from \"./components/NotificationsComponent\";\r\nimport PageState from \"./components/PageState\";\r\nimport ResetPasswordPage from \"./pages/ResetPasswordPage\";\r\nimport ForgotPasswordPage from \"./pages/ForgotPasswordPage\";\r\nimport ActivateAcountPage from \"./pages/ActivateAcountPage\";\r\nimport ConfirmModule from \"./components/ConfirmModule\";\r\nimport { DialogManagerComponent } from \"./components/DialogManager\";\r\n\r\nimport { DEFAULT_USER_PICTURE_URL_ABSOLUTE } from \"../src/AppConstants\";\r\n\r\nconst THEME_LINKS = {\r\n [\"default\"]: \"/themes/default\",\r\n};\r\n\r\nfunction SiteReducer(state, { type, payload }) {\r\n switch (type) {\r\n case \"SET_TRANSLATION\": {\r\n const newTranslation = state.translations.all.find(\r\n (t) =>\r\n t.locale === payload.name &&\r\n (!payload.version || payload.version === t.version)\r\n );\r\n\r\n if (!newTranslation) {\r\n return state;\r\n }\r\n\r\n return {\r\n ...state,\r\n activeTranslation: newTranslation,\r\n };\r\n }\r\n case \"SET_THEME\":\r\n return {\r\n ...state,\r\n Theme: payload,\r\n };\r\n case \"SET_AUTH_STATE\":\r\n return {\r\n ...state,\r\n siteState: payload.siteState,\r\n screenIsReady: payload.screenIsReady,\r\n showSwapHospital: payload.showSwapHospital,\r\n showSwapSurgeon: payload.showSwapSurgeon,\r\n auth: {\r\n ...state.auth,\r\n },\r\n userData: payload.userData,\r\n };\r\n case \"LOGOUT\":\r\n return {\r\n ...state,\r\n siteState: SiteState.LoggedOut,\r\n auth: {\r\n ...state.auth,\r\n },\r\n userData: {},\r\n };\r\n case \"SET_USER_DATA\":\r\n return {\r\n ...state,\r\n siteState: SiteState.LoggedIn,\r\n userData: payload.userData,\r\n };\r\n case \"SET_SHOW_SWAP_HOSPITAL\":\r\n return {\r\n ...state,\r\n siteState: SiteState.LoggedIn,\r\n showSwapHospital: payload.showSwapHospital,\r\n };\r\n case \"SET_SHOW_SWAP_SURGEON\":\r\n return {\r\n ...state,\r\n siteState: SiteState.LoggedIn,\r\n showSwapSurgeon: payload.showSwapSurgeon,\r\n };\r\n case \"SET_SITE_STATE\":\r\n return {\r\n ...state,\r\n siteState: payload.siteState,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nconst _siteEvents = new SafeSimpleEvent();\r\nexport const SITE_EVENTS = _siteEvents;\r\n\r\nfunction SiteWrapper(props) {\r\n const [state, dispatch] = useReducer(SiteReducer, {\r\n Theme: \"default\",\r\n Themes: THEME_LINKS,\r\n screenIsReady: false,\r\n showSwapHospital: false,\r\n siteState: SiteState.Loading,\r\n auth: {},\r\n userData: {\r\n profilePictureUrl: DEFAULT_USER_PICTURE_URL,\r\n },\r\n translations: translations,\r\n activeTranslation: translations.active,\r\n routerEvents: new SafeSimpleEvent(),\r\n });\r\n\r\n props.didMountEvent.subscribe(() => {\r\n //@TODO check if we are on /resetpassword?etc and set the site state appropiately\r\n if (window.location.href.indexOf(\"Surgeon/RessetPassword\") !== -1) {\r\n //we are on resetpassword page\r\n\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: SiteState.RessetPasswordPage,\r\n screenIsReady: true,\r\n userData: {},\r\n },\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (window.location.href.indexOf(\"Patient/ActivateAccount\") !== -1) {\r\n //we are on resetpassword page\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: SiteState.RenderActivateAccount,\r\n screenIsReady: true,\r\n userData: {},\r\n },\r\n });\r\n\r\n return;\r\n }\r\n\r\n AxiosHelper.post(\"Account/IsAuthorized\")\r\n .then((response) => {\r\n if (ValidResult(response.data)) {\r\n var _siteState;\r\n var showSwapHospital = false;\r\n var showSwapSurgeon = false;\r\n if (response.data.Data.HospitalId) {\r\n _siteState = SiteState.LoggedIn;\r\n } else _siteState = SiteState.ChooseHospital;\r\n\r\n if (response.data.Data.HospitalCount > 1) {\r\n showSwapHospital = true;\r\n }\r\n\r\n if (response.data.Data.SurgeonId) {\r\n _siteState = SiteState.LoggedIn;\r\n } else _siteState = SiteState.ChooseSurgeon;\r\n\r\n if (response.data.Data.SurgonCount > 1) {\r\n showSwapSurgeon = true;\r\n }\r\n\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: _siteState,\r\n screenIsReady: true,\r\n userData: {\r\n email: response.data.Data.Email,\r\n name: response.data.Data.Name,\r\n profilePictureUrl: response.data.Data.ProfilePictureUrl\r\n ? response.data.Data.ProfilePictureUrl\r\n : DEFAULT_USER_PICTURE_URL_ABSOLUTE(),\r\n },\r\n },\r\n });\r\n dispatch({\r\n type: \"SET_SHOW_SWAP_HOSPITAL\",\r\n payload: {\r\n showSwapHospital: showSwapHospital,\r\n },\r\n });\r\n\r\n dispatch({\r\n type: \"SET_SHOW_SWAP_SURGEON\",\r\n payload: {\r\n showSwapSurgeon: showSwapSurgeon,\r\n },\r\n });\r\n return true;\r\n } else {\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: SiteState.LoggedOut,\r\n isAuthenticated: false,\r\n screenIsReady: true,\r\n userData: {},\r\n },\r\n });\r\n }\r\n })\r\n .catch(() => {\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: SiteState.LoggedOut,\r\n isAuthenticated: false,\r\n screenIsReady: true,\r\n userData: {},\r\n },\r\n });\r\n });\r\n });\r\n\r\n const toastr = useContext(Notifications);\r\n\r\n const OnLoginSuccess = ({\r\n Email,\r\n Name,\r\n ProfilePictureUrl,\r\n HospitalCount,\r\n SurgonCount,\r\n PracticeId,\r\n }) => {\r\n var _siteState = SiteState.LoggedIn;\r\n var showSwapHospital = false;\r\n var showSwapSurgeon = false;\r\n\r\n if (HospitalCount > 1) {\r\n _siteState = SiteState.ChooseHospital;\r\n showSwapHospital = true;\r\n } else if (SurgonCount > 1) {\r\n _siteState = SiteState.ChooseSurgeon;\r\n showSwapSurgeon = true;\r\n showSwapHospital = false;\r\n }\r\n\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_AUTH_STATE\",\r\n payload: {\r\n siteState: _siteState,\r\n screenIsReady: true,\r\n showSwapHospital: showSwapHospital,\r\n showSwapSurgeon: showSwapSurgeon,\r\n userData: {\r\n email: Email,\r\n name: Name,\r\n profilePictureUrl: ProfilePictureUrl\r\n ? ProfilePictureUrl\r\n : DEFAULT_USER_PICTURE_URL_ABSOLUTE(),\r\n practiceId: showSwapSurgeon ? PracticeId : \"\",\r\n },\r\n },\r\n });\r\n }, 500);\r\n };\r\n\r\n const LogOut = () => {\r\n //make call to serve to logout then on success dispatch to the reducer the \"LOGOUT\" action\r\n AxiosHelper.post(\"Account/LogOff\")\r\n .then((response) => {\r\n if (ValidResult(response.data)) {\r\n dispatch({\r\n type: \"LOGOUT\",\r\n payload: {\r\n reasone: \"none\",\r\n },\r\n });\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: \"LOGOUT\",\r\n payload: {\r\n reasone: \"none\",\r\n },\r\n });\r\n });\r\n };\r\n\r\n const RenderLoggedIn = () => {\r\n return (\r\n <>\r\n