senaduka/old-svijetlastrana-front
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Upstream sync

Browse Source
This commit is contained in:
Senad Uka
2018-05-30 08:52:10 +02:00
parent 8e52651172
commit 04debaf3e9
14 changed files with 540 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
package-lock.json generated
View File

@@ -8795,46 +8795,6 @@
"prop-types": "15.5.10"
}
},
"react-draggable": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-3.0.5.tgz",
"integrity": "sha512-qo76q6+pafyGllbmfc+CgWfOkwY9v3UoJa3jp6xG2vdsRY8uJTN1kqNievLj0uVNjEqCvZ0OFiEBxlAJNj3OTg==",
"requires": {
"classnames": "2.2.5",
"prop-types": "15.6.0"
},
"dependencies": {
"core-js": {
"version": "1.2.7",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
"integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY="
},
"fbjs": {
"version": "0.8.16",
"resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.16.tgz",
"integrity": "sha1-XmdDL1UNxBtXK/VYR7ispk5TN9s=",
"requires": {
"core-js": "1.2.7",
"isomorphic-fetch": "2.2.1",
"loose-envify": "1.3.1",
"object-assign": "4.1.1",
"promise": "7.3.1",
"setimmediate": "1.0.5",
"ua-parser-js": "0.7.13"
}
},
"prop-types": {
"version": "15.6.0",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.0.tgz",
"integrity": "sha1-zq8IMCL8RrSjX2nhPvda7Q1jmFY=",
"requires": {
"fbjs": "0.8.16",
"loose-envify": "1.3.1",
"object-assign": "4.1.1"
}
}
}
},
"react-event-listener": {
"version": "0.4.5",
"resolved": "https://registry.npmjs.org/react-event-listener/-/react-event-listener-0.4.5.tgz",
@@ -8875,6 +8835,25 @@
}
}
},
"react-input-mask": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/react-input-mask/-/react-input-mask-2.0.1.tgz",
"integrity": "sha512-HTy+j+tpMMf1ygaoR9xODCgwYm6DkdCl1kr2yPDn05SOEQTTKXMrvCeBj7h316DJ9d7q8q5Ti4jSaq68E14tJA==",
"requires": {
"invariant": "2.2.4",
"warning": "3.0.0"
},
"dependencies": {
"invariant": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
"requires": {
"loose-envify": "1.3.1"
}
}
}
},
"react-motion": {
"version": "0.4.8",
"resolved": "https://registry.npmjs.org/react-motion/-/react-motion-0.4.8.tgz",

1
package.json
View File

@@ -66,6 +66,7 @@
"react-helmet": "^5.1.3",
"react-hot-loader": "^3.0.0-beta.6",
"react-imgix": "^7.1.1",
"react-input-mask": "^2.0.1",
"react-jquery-datatables": "^0.7.1",
"react-materialui-notifications": "^0.5.1",
"react-onclickoutside": "^5.10.0",

14
src/client.js
View File

@@ -8,6 +8,10 @@ import { Router, hashHistory, browserHistory } from 'react-router';
import { syncHistoryWithStore, routerMiddleware } from 'react-router-redux';
import reducers from './reducers';
import Instance from './components/Connection';
import {
loggedUser,
visitReporter,
} from 'utils/authorization';
const middleware = routerMiddleware(hashHistory);
const store = createStore(
@@ -55,7 +59,15 @@ const rootRoute = {
onChange: requireAuth,
onEnter: requireAuth,
component: require('./containers/App'),
indexRoute: { onEnter: (nextState, replace) => replace('/app/table/rides') },
indexRoute: {
onEnter: (nextState, replace) => {
if (loggedUser.anyOf(visitReporter)) {
replace('/app/form/visit/' + loggedUser.useruuid)
} else {
replace('/app/table/rides');
}
}
},
childRoutes: [
require('./routes/app'),
require('./routes/404'),

18
src/components/Connection/index.js
View File

@@ -6,6 +6,9 @@ const Instance = () => {
const apiUrl = process.env.NODE_ENV === 'production'
? 'https://portal-api.bcbsinstitute.com'
: 'https://portal-api.dev.bcbsinstitute.com';
// const apiUrl = 'http://localhost:5100';
window.localStorage.setItem('App', '8a266a40-ed2e-4be2-bdfc-459a507bf02e');
let instance = axios.create({
@@ -61,11 +64,25 @@ const Instance = () => {
return setToken(token);
};
const getAPIUrl = (url) => {
if (!url) {
return instance;
} else {
const token = getCookie('token');
return axios.create({
baseURL: url,
timeout: 60000,
headers: { App: window.localStorage.getItem('App'), Token: `Bearer ${token}`, Token: `Bearer ${token}` },
});
}
}
const getRawConn = () => {
const token = getCookie('token');
if (token && token !== null && token !== '') {
return instance;
}
window.location.href = '/#/login';
return null;
};
@@ -80,6 +97,7 @@ const Instance = () => {
getConnection,
setToken,
getRawConn,
getAPIUrl,
};
};

26
src/components/Header/NavRightList.js
View File

@@ -6,10 +6,11 @@ import { hashHistory } from 'react-router';
import {
loggedUser,
planScheduler,
providerScheduler,
visitReporter,
} from 'utils/authorization';
const ImgIconButtonStyle = {
width: '60px',
height: '60px'
@@ -34,6 +35,7 @@ class NavRightList extends React.Component {
handleChange = (event, value) => {
hashHistory.push(value);
}
componentDidMount() {
const user = JSON.parse(localStorage.getItem('loggedUser'));
if (user) {
@@ -46,6 +48,8 @@ class NavRightList extends React.Component {
<ul className="list-unstyled float-right">
<li>
<IconMenu
iconButtonElement={<IconButton style={ImgIconButtonStyle}><img src="assets/images/ic_account_circle_white_48dp_1x.png" alt="" className="rounded-circle img30_30" /></IconButton>}
@@ -63,15 +67,6 @@ class NavRightList extends React.Component {
leftIcon={<i className="material-icons">account_circle</i>}
/>
}
{!loggedUser.anyOf(visitReporter) &&
<MenuItem
onTouchTap={(e) => this.handleChange(e, `/app/form/steppers/${this.state.useruuid}`)}
primaryText="Book Ride"
innerDivStyle={listItemStyle}
style={{ fontSize: '14px', lineHeight: '48px' }}
leftIcon={<i className="material-icons">mode_edit</i>}
/>
}
{loggedUser.anyOf(visitReporter) &&
<MenuItem
onTouchTap={(e) => this.handleChange(e, `/app/form/visit/${this.state.useruuid}`)}
@@ -81,6 +76,17 @@ class NavRightList extends React.Component {
leftIcon={<i className="material-icons">mode_edit</i>}
/>
}
{!loggedUser.anyOf(visitReporter) &&
<MenuItem
onTouchTap={(e) => this.handleChange(e, `/app/form/steppers/${this.state.useruuid}`)}
primaryText="Book Ride"
innerDivStyle={listItemStyle}
style={{ fontSize: '14px', lineHeight: '48px' }}
leftIcon={<i className="material-icons">mode_edit</i>}
/>
}
<MenuItem
onTouchTap={(e) => this.handleChange(e, `/login`)}
primaryText="Log Out"

117
src/components/Shared/ValidationErrorsInfoDialog.js
View File

@@ -8,61 +8,70 @@ const defaultDialogHeight = 100; //px
const dialogHeightPerLine = 25; //px
export class ValidationErrorsInfoDialog extends React.Component {
state = {
constructor(props) {
super(props)
this.props = props;
this.state = {
open: this.props.open,
}
componentWillReceiveProps(newProps){
this.setState({open: newProps.open});
}
handleOpen = () => {
this.setState({ open: true });
};
handleClose = () => {
this.setState({ open: false });
this.props.onDismiss();
};
render() {
const actions = [
<FlatButton
label="Dismiss"
primary={true}
onClick={this.handleClose}
/>,
];
return (
<div className="container">
{
this.state.open &&
<Dialog
title={this.props.title ? this.props.title : 'Error'}
isDraggable={this.props.draggable ? this.props.draggable : false}
buttons={actions}
hasCloseIcon={false}
modal={this.props.modal ? this.props.modal : false}
height={defaultDialogHeight + this.props.errorMessages.length * dialogHeightPerLine}
>
{this.props.errorMessages.map(errorMessage=>{
const oneValidationMessage = (<span><a>{errorMessage.message}</a><br /></span>);
const oneValidationMessageWithTab = (<span><li style={{marginLeft:2 + "em"}}>{errorMessage.message}</li></span>);
if (errorMessage.field_name === "password-tab"){
return oneValidationMessageWithTab;
} else{
return oneValidationMessage;
}
})}
</Dialog>
}
</div>
);
title: "Errors",
}
}
module.exports = ValidationErrorsInfoDialog;
componentWillReceiveProps(newProps) {
let title = this.state.title;
if (newProps.errorTitle) {
title = newProps.errorTitle;
}
this.setState({ open: newProps.open, title: title });
}
handleOpen = () => {
this.setState({ open: true });
};
handleClose = () => {
this.setState({ open: false });
this.props.onDismiss();
};
render() {
const actions = [
<FlatButton
label="Dismiss"
primary={true}
onClick={this.handleClose}
/>,
];
return (
<div className="container">
{
this.state.open &&
<Dialog
title={this.props.title ? this.props.title : 'Error'}
isDraggable={this.props.draggable ? this.props.draggable : false}
buttons={actions}
hasCloseIcon={false}
modal={this.props.modal ? this.props.modal : false}
height={defaultDialogHeight + this.props.errorMessages.length * dialogHeightPerLine}
>
{this.props.errorMessages.map(errorMessage => {
const oneValidationMessage = (<span><a>{errorMessage.message}</a><br /></span>);
const oneValidationMessageWithTab = (<span><li style={{ marginLeft: 2 + "em" }}>{errorMessage.message}</li></span>);
if (errorMessage.field_name === "password-tab") {
return oneValidationMessageWithTab;
} else {
return oneValidationMessage;
}
})}
</Dialog>
}
</div>
);
}
}
module.exports = ValidationErrorsInfoDialog;

12
src/components/Sidenav/SidenavContent.js
View File

@@ -102,9 +102,17 @@ class SidebarContent extends React.Component {
return (
<ul className="nav" ref={(c) => { this.nav = c; }}>
{loggedUser.anyOf(visitReporter) &&
<li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Create Visit</span></FlatButton></li>
<li>
<FlatButton href="#/app/chart"><i className="nav-icon material-icons">schedule</i><span className="nav-text">Visits</span></FlatButton>
<ul>
<li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Add Visit</span></FlatButton></li>
</ul>
</li>
}
{!loggedUser.anyOf(visitReporter) &&
<li>
<FlatButton href="#/app/form"><i className="nav-icon material-icons cyan-text text-lighter-4">directions_car</i><span className="nav-text">Rides</span></FlatButton>
<ul>
@@ -158,6 +166,8 @@ class SidebarContent extends React.Component {
}
<li className="nav-divider" />
<li><FlatButton className="prepend-icon" href={"#/login"}><span>Log Out</span></FlatButton></li>
</ul>
);
}

9
src/routes/app/components/MainApp.js
View File

@@ -5,6 +5,10 @@ import Footer from 'components/Footer';
import Notifications from 'components/Notifications';
import Notification from 'components/Shared/Notification';
import GeolocationService from './Geolocation';
import {
loggedUser,
visitReporter,
} from 'utils/authorization';
class MainApp extends React.Component {
constructor(props) {
@@ -53,8 +57,9 @@ class MainApp extends React.Component {
<Footer />
</div>
</section>
<Notifications user={this.state.user} onRideUpdate={this.handleRide} />
{/* <Notification user={this.state.user} onRideUpdate={this.handleRide} /> */}
{!loggedUser.anyOf(visitReporter) &&
<Notifications user={this.state.user} onRideUpdate={this.handleRide} />
}
</div>
);
}

98
src/routes/app/components/NEMTLocation.js
View File

@@ -151,7 +151,9 @@ export class NEMTLocation extends React.Component {
long: 0,
name: '',
address: '',
}
},
searchingProvider: false,
providerList: [],
}
this.addCustomLabel = this.addCustomLabel.bind(this);
@@ -205,7 +207,7 @@ export class NEMTLocation extends React.Component {
long = geo.long;
}
if (lat === 0 || long === 0) {
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -214,8 +216,8 @@ export class NEMTLocation extends React.Component {
}
locateNearby = (lat, long) => {
if (lat === 0 || long === 0) {
this.setState(Object.assign(this.state, { nearbyPlaces: [], providers: [], providerList: [] }));
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -257,7 +259,7 @@ export class NEMTLocation extends React.Component {
return p;
});
this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers }));
this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers, providerList: nearByPlaces }));
}
});
} else {
@@ -336,14 +338,14 @@ export class NEMTLocation extends React.Component {
self.props.onPlaceChanged(name);
}
self.locateNearby(name.lat, name.lng);
//self.locateNearby(name.lat, name.lng);
let buttonText = name.name;
if (buttonText.length > self.state.textSize) {
buttonText = buttonText.substring(0, self.state.textSize);
buttonText += '...';
}
self.setState(Object.assign(self.state, { buttonValue: buttonText, inputValue: name.address }));
self.setState(Object.assign(self.state, { buttonValue: buttonText, inputValue: name.name, searchingProvider: false, providerList: [] }));
}).catch(console.error);
}
@@ -402,6 +404,16 @@ export class NEMTLocation extends React.Component {
objConf.currentSelection = objConf.address
objConf.buttonValue = objConf.address.name
objConf.inputValue = objConf.address.name
// let centerLocation = this.state.centerLocation;
// if ((centerLocation.lat === undefined || centerLocation.long === undefined) || (centerLocation.lat === 0 || centerLocation.long === 0)) {
// objConf.centerLocation = objConf.address
// objConf.locationValue = objConf.address.name
// if (objConf.address.lat !== 0 && objConf.address.lng !== 0) {
// this.locateNearby(objConf.address.lat, objConf.address.lng)
// }
// }
}
if (!objConf.buttonValue) {
@@ -413,16 +425,6 @@ export class NEMTLocation extends React.Component {
objConf.buttonValue += '...';
}
// if (self.state.user.useruuid === '') {
// if (objConf.data.user && objConf.data.user !== null && objConf.data.user.useruuid !== '') {
// let url = `/v1/nemt/users/member/` + objConf.data.user.useruuid
// instance.get(url).then(res => {
// let user = res.data;
// self.setState(Object.assign(self.state, { user: user }));
// }).catch(console.error);
// }
// }
this.setState(Object.assign(this.state, objConf));
if (this.state.type === "flat") {
@@ -465,13 +467,13 @@ export class NEMTLocation extends React.Component {
objConf.buttonValue += '...';
}
// if (self.state.user.useruuid === '' || self.state.user.useruuid !== objConf.data.user.useruuid) {
// if (objConf.data.user && objConf.data.user !== null && objConf.data.user.useruuid !== '') {
// let url = `/v1/nemt/users/member/` + objConf.data.user.useruuid
// instance.get(url).then(res => {
// let user = res.data;
// self.setState(Object.assign(self.state, { user: user }));
// }).catch(console.error);
// if (nextProps.address) {
// let centerLocation = this.state.centerLocation;
// if ((centerLocation.lat === undefined || centerLocation.long === undefined) || (centerLocation.lat === 0 || centerLocation.long === 0)) {
// objConf.centerLocation = nextProps.address
// objConf.locationValue = nextProps.address.name
// this.locateNearby(nextProps.address.lat, nextProps.address.lng)
// }
// }
@@ -540,7 +542,7 @@ export class NEMTLocation extends React.Component {
long = geo.long;
}
if (lat === 0 || long === 0) {
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -567,9 +569,15 @@ export class NEMTLocation extends React.Component {
}
}
updateTextSearch(searchText, dtSource, params) {
updateTextSearch(event) {
const searchText = event.target.value;
let self = this;
self.setState(Object.assign(self.state, { inputValue: searchText }));
self.setState(Object.assign(self.state, { inputValue: searchText, searchingProvider: true }));
if (searchText.length === 0) {
self.setState(Object.assign(self.state, { searchingProvider: false }));
}
if (searchText.length >= 3) {
let lat = 0;
let long = 0;
@@ -582,7 +590,7 @@ export class NEMTLocation extends React.Component {
long = geo.long;
}
if (lat === 0 || long === 0) {
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -618,10 +626,11 @@ export class NEMTLocation extends React.Component {
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
}
return p;
var listItem = (<ListItem primaryText={p.providerName} secondaryText={clickResult.address} key={p.mukId} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handlePlaceChanged(clickResult)} />)
return listItem;
});
this.setState(Object.assign(this.state, { providers: providers }));
dtSource = self.state.providers;
this.setState(Object.assign(this.state, { providerList: providers }));
}
});
} else {
@@ -670,7 +679,7 @@ export class NEMTLocation extends React.Component {
long = geo.long;
}
if (lat === 0 || long === 0) {
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -1045,7 +1054,7 @@ export class NEMTLocation extends React.Component {
long = geo.long;
}
if (lat === 0 || long === 0) {
if ((lat === undefined || long === undefined) || (lat === 0 || long === 0)) {
lat = 41.886406;
long = -87.624225;
}
@@ -1331,14 +1340,16 @@ export class NEMTLocation extends React.Component {
{customAddresses}
<ListItem primaryText="Add Custom Shortcut" rightIcon={<ArrowDropRight />} leftIcon={<MapsLocalHospital />} onClick={(e) => this.handleAddAddress(e, 'custom')} />
</List>)
autosuggest = (<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.providers} filter={this.filterResults} maxSearchResults={5} onUpdateInput={this.updateTextSearch} fullWidth={true} floatingLabelText="Enter the Provider's name or address" onNewRequest={this.handleAutocomplete} searchText={this.state.inputValue} />)
autosuggest = (<TextField fullWidth={true} onChange={this.updateTextSearch} floatingLabelText={"Enter the Provider's name or address"} value={this.state.inputValue} />)
//autosuggest = (<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.providers} filter={this.filterResults} maxSearchResults={50} onUpdateInput={this.updateTextSearch} fullWidth={true} floatingLabelText="Enter the Provider's name or address" onNewRequest={this.handleAutocomplete} searchText={this.state.inputValue} />)
} else {
autosuggest = (<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.providers} filter={this.filterResults} maxSearchResults={5} onUpdateInput={this.updateTextSearch} fullWidth={true} floatingLabelText="Enter the Member's address or a nearby intersection or public place" onNewRequest={this.handleAutocomplete} searchText={this.state.inputValue} />)
autosuggest = (<TextField fullWidth={true} onChange={this.updateTextSearch} floatingLabelText={"Enter the Member's address or a nearby intersection or public place"} value={this.state.inputValue} />)
//autosuggest = (<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.providers} filter={this.filterResults} maxSearchResults={50} onUpdateInput={this.updateTextSearch} fullWidth={true} floatingLabelText="Enter the Member's address or a nearby intersection or public place" onNewRequest={this.handleAutocomplete} searchText={this.state.inputValue} />)
}
let listItem = (
<div className="" id="container">
<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.locations} filter={this.filterResults} maxSearchResults={5} onUpdateInput={this.updateLocationValue} fullWidth={true} floatingLabelText="Center Location" onNewRequest={this.handleAutoCompleteLocation} searchText={this.state.locationValue} />
<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.locations} filter={this.filterResults} maxSearchResults={50} onUpdateInput={this.updateLocationValue} fullWidth={true} floatingLabelText="Center Location" onNewRequest={this.handleAutoCompleteLocation} searchText={this.state.locationValue} />
{autosuggest}
<List>
{this.state.currentLocation}
@@ -1352,8 +1363,21 @@ export class NEMTLocation extends React.Component {
<List style={customListStyle}>
{this.state.nearbyPlaces}
</List>
</div >
</div>
)
if (this.state.searchingProvider) {
listItem = (
<div className="" id="container">
<AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.locations} filter={this.filterResults} maxSearchResults={50} onUpdateInput={this.updateLocationValue} fullWidth={true} floatingLabelText="Center Location" onNewRequest={this.handleAutoCompleteLocation} searchText={this.state.locationValue} />
{autosuggest}
<List style={customListStyle}>
{this.state.providerList}
</List>
</div>
)
}
if (this.state.addLocation) {
listItem = (
<div className="" id="container">

20
src/routes/app/routes/forms/routes/steppers/components/VerticalNonLinear.js
View File

@@ -405,8 +405,8 @@ class VerticalNonLinear extends React.Component {
},
return_time: new Date(),
pickupTimeHide: false,
showValidationErrors:false,
validationErrors:[]
showValidationErrors: false,
validationErrors: []
};
}
@@ -502,6 +502,7 @@ class VerticalNonLinear extends React.Component {
eta: 0,
trip_type: state.state.trip_type,
return_time: state.state.return_time,
raw_provider: state.state.destination.raw,
};
if (self.state.eta.distance_miles) requestRide.distance = self.state.eta.distance_miles;
@@ -517,6 +518,9 @@ class VerticalNonLinear extends React.Component {
}
}
console.log(JSON.stringify(requestRide));
return false;
Instance.getRawConn().post('/v1/nemt/rides', requestRide).then(function (res) {
self.handleRequestClose(self);
window.location.href = '/#/app/page/map/' + res.data.ride_uuid;
@@ -524,8 +528,8 @@ class VerticalNonLinear extends React.Component {
if (error.response.status === 422) {
//Unprocessable Entity (validation failed)
self.setState(Object.assign(self.state, {
showValidationErrors:true,
validationErrors:error.response.data.data
showValidationErrors: true,
validationErrors: error.response.data.data
}));
}
});
@@ -715,8 +719,10 @@ class VerticalNonLinear extends React.Component {
name: res.name,
lat: res.lat,
lng: res.lng,
address: res.address
address: res.address,
raw: res.raw,
}
const name = res.name;
if (self.state.origin && self.state.origin.lat && self.state.origin.lng) {
@@ -896,8 +902,8 @@ class VerticalNonLinear extends React.Component {
<div className="box-body padding-xs">
<div style={{ maxWidth: 380, margin: 'auto' }}>
<ValidationErrorsInfoDialog title={'Errors'} open = {this.state.showValidationErrors} draggable={true} modal={false} errorMessages = {this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>
<ValidationErrorsInfoDialog title={'Errors'} open={this.state.showValidationErrors} draggable={true} modal={false} errorMessages={this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)} />
<Stepper
activeStep={this.state.stepIndex}
linear={false}

312
src/routes/app/routes/forms/routes/visit/components/VerticalNonLinear.js
View File

@@ -33,6 +33,7 @@ import Instance from '../../../../../../../components/Connection';
import Checkbox from 'material-ui/Checkbox';
import Popover from 'material-ui/Popover';
import ValidationErrorsInfoDialog from '../../../../../../../components/Shared/ValidationErrorsInfoDialog';
import InputMask from 'react-input-mask';
let DateTimeFormat;
const roundingTime = 1000 * 60 * 5; //5 minutes
@@ -44,6 +45,10 @@ class SignUp extends React.Component {
constructor(props) {
super(props);
this.props = props;
this.state = {
birthdate: null,
}
}
componentWillReceiveProps = (nextProps) => {
@@ -102,6 +107,8 @@ class SignUp extends React.Component {
handleDate = (event, date) => {
const user = this.props.user;
user.birthdate = date;
this.setState(Object.assign(this.state, { birthdate: date }));
if (this.props.onUserChanged) {
this.props.onUserChanged(user);
}
@@ -157,7 +164,7 @@ class SignUp extends React.Component {
handlePhone = (event) => {
const user = this.props.user;
user.phonenumber = event.target.value;;
user.phonenumber = event.target.value;
if (this.props.onUserChanged) {
this.props.onUserChanged(user);
}
@@ -219,16 +226,19 @@ class SignUp extends React.Component {
onChange={this.handleMember}
/>
<DatePicker width="115" hintText="Birth Date" container="inline" style={{ width: 115 }}
value={this.props.user.birthdate} onChange={this.handleDate} />
<DatePicker width="115" hintText="Member Birth Date" container="inline" style={{ width: 115 }}
value={this.state.birthdate} onChange={this.handleDate} />
<TextField
style={{ maxWidth: 115 }}
floatingLabelText="Mobile Phone"
ref="phone"
type="telephone"
value={this.props.user.phonenumber}
onChange={this.handlePhone}
/>
floatingLabelText="Mobile Phone"
>
<InputMask mask="(999) 999-9999" maskChar={null} value={this.props.user.phonenumber} />
</TextField>
<Checkbox
label="Member has consented to terms"
@@ -594,6 +604,7 @@ class VerticalNonLinear extends React.Component {
email: "",
phonenumber: "",
type: "",
agreedTerms: false,
},
showUserSelection: true,
userSelectionText: '',
@@ -615,44 +626,17 @@ class VerticalNonLinear extends React.Component {
pickupTimeHide: false,
validationErrors: [],
showValidationErrors: false,
userValidated: false,
};
this.handleUser = this.handleUser.bind(this);
this.validateUser = this.validateUser.bind(this);
this.lastStep = this.lastStep.bind(this);
this.handleReset = this.handleReset.bind(this);
}
componentDidMount() {
const loggedUser = JSON.parse(localStorage.getItem("loggedUser"));
let state = this;
let user = {
useruuid: this.props.params.uuid
}
if (user.useruuid !== loggedUser.useruuid) {
Instance.getRawConn().get(`/v1/nemt/users/member/${user.useruuid}`)
.then(function (res) {
state.setState(Object.assign(state.state, { user: res.data, showUserSelection: true, userSelectionText: `${res.data.member} - ${res.data.name}` }));
})
.catch(err => {
if (err.response.status !== 422) {
console.error(err);
}
});
}
let date = new Date();
let visitTime = new Date(Math.round((date.getTime() + (1 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
let visitDate = date;
let pickupTime = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
let pickupTimeReturn = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
this.setState(Object.assign(this.state, {
visitDate: visitDate,
visitTime: visitTime,
pickupTime: pickupTime,
pickupTimeReturn: pickupTimeReturn,
}));
this.handleReset()
}
//for snackbar
handleTouchTap() {
@@ -672,9 +656,13 @@ class VerticalNonLinear extends React.Component {
let self = state;
const { stepIndex } = self.state;
//console.log('Step Index: ', stepIndex)
switch (stepIndex) {
case 1:
self.setState(Object.assign(self.state, {
message: ('Verifying Member\'s Eligibility'),
open: true,
}));
const eligibility = {
"provider": {
"provider_npi": self.state.destination.raw.fivePartKeyGroups[0].providerNum,
@@ -690,22 +678,50 @@ class VerticalNonLinear extends React.Component {
"demographic_info": {
"date_of_birth": self.state.user.birthdate,
"gender": self.state.user.gender
},
"user": self.state.user,
}
}
},
"user": {
"name": `${self.state.user.first} ${self.state.user.last}`,
"first": self.state.user.first,
"last": self.state.user.last,
"gender": self.state.user.gender,
"member": self.state.user.member,
"birthdate": self.state.user.birthdate,
"type": self.state.user.type,
"email": self.state.user.email,
"phonenumber": self.state.user.phonenumber,
"consent": self.state.user.agreedTerms,
},
};
console.log(JSON.stringify(eligibility));
if(self.state.user.phonenumber && self.state.user.phonenumber.length > 0) {
eligibility.user.phonenumber = eligibility.user.phonenumber.replace('(','').replace(')','').replace('-','').replace(' ','').trim()
}
Instance.getRawConn().post('/v1/nemt/eligibility', eligibility).then(function (res) {
self.setState(Object.assign(self.state, { stepIndex: stepIndex + 1, user: res.data }));
}).catch(err => {
if (err.response.status === 403) {
res.data.agreedTerms = true;
self.setState(Object.assign(self.state, { stepIndex: stepIndex + 1, user: res.data, message: '', open: false }));
}).catch(error => {
self.setState(Object.assign(self.state, {
message: '',
open: false,
}));
if (error.response.status === 422 && error.response.data.data) {
self.setState(Object.assign(self.state, {
showValidationErrors: true,
validationErrors: [err.response.data],
validationErrors: error.response.data.data,
message: '',
open: false
}));
} else {
console.error(err);
self.setState(Object.assign(self.state, {
showValidationErrors: true,
validationErrors: [error.response.data],
message: '',
open: false
}));
}
});
break;
@@ -721,17 +737,59 @@ class VerticalNonLinear extends React.Component {
"birthdate": self.state.user.birthdate,
"type": self.state.user.type,
"email": self.state.user.email,
"phonenumber": self.state.user.phonenumber
"phonenumber": self.state.user.phonenumber,
"consent": self.state.user.agreedTerms,
},
"visit_datetime": self.state.visitTime,
"pickup_datetime": self.state.pickupTime,
"external_id": self.state.visit_external_id,
"provider": self.state.destination.raw
"raw_provider": self.state.destination.raw
};
if(self.state.user.phonenumber && self.state.user.phonenumber.length > 0) {
visit.user.phonenumber = visit.user.phonenumber.replace('(','').replace(')','').replace('-','').replace(' ','').trim()
}
Instance.getRawConn().post('/v1/nemt/visits/', visit).then(function (res) {
window.location.href = '/#/app/table/visits';
}).catch(console.error);
const returnMessage = [
{
message: `Member: ${res.data.user.name} (${res.data.user.member})`
},
{
message: `Gender: ${res.data.user.gender}`
},
{
message: `Birth date: ${visit.user.type}`
},
{
message: `Member Type: ${res.data.user.birthdate}`
},
{
message: `Provider: ${res.data.provider.name}`
},
{
message: `Date: ${res.data.visit_datetime}`
}]
self.setState(Object.assign(self.state, {
showValidationErrors: true,
validationErrors: returnMessage,
errorTitle: "Visit Added"
}));
self.handleReset();
}).catch(error => {
if (error.response.status === 422 && error.response.data.data) {
self.setState(Object.assign(self.state, {
showValidationErrors: true,
validationErrors: error.response.data.data
}));
} else {
self.setState(Object.assign(self.state, {
showValidationErrors: true,
validationErrors: [error.response.data]
}));
}
});
break;
default:
if (stepIndex < 3) {
@@ -840,19 +898,75 @@ class VerticalNonLinear extends React.Component {
let trip_type = {
key: value.selectField,
}
// console.log(event, index, value, state);
// console.log(trip_type);
self.setState(Object.assign(self.state, { pickupTimeReturnDisplayMode: value.pickupTimeReturnDisplayMode, trip_type: trip_type, pickupTimeHide: value.pickupTimeHide }));
}
handleReset() {
const loggedUser = JSON.parse(localStorage.getItem("loggedUser"));
let state = this;
let user = {
useruuid: this.props.params.uuid
}
if (user.useruuid !== loggedUser.useruuid) {
Instance.getRawConn().get(`/v1/nemt/users/member/${user.useruuid}`)
.then(function (res) {
res.data.agreedTerms = false;
state.setState(Object.assign(state.state, { user: res.data, showUserSelection: true, userSelectionText: `${res.data.member} - ${res.data.name}` }));
})
.catch(err => {
if (err.response.status !== 422) {
console.error(err);
}
});
}
let date = new Date();
let visitTime = new Date(Math.round((date.getTime() + (1 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
let visitDate = date;
let pickupTime = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
let pickupTimeReturn = new Date(Math.round((visitTime.getTime() - (0.5 * 60 * 60 * 1000)) / roundingTime) * roundingTime);
this.setState(Object.assign(this.state, {
visitDate: visitDate,
visitTime: visitTime,
pickupTime: pickupTime,
pickupTimeReturn: pickupTimeReturn,
stepIndex: 0,
providerID: '',
providerName: '',
visit_external_id: '',
buttonProviderText: 'Choose Provider',
destination: {
id: '',
name: '',
lat: 0,
lng: 0,
address: '',
raw: null
},
user: {
name: "",
first: "",
last: "",
gender: "",
member: "",
birthdate: new Date(),
email: "",
phonenumber: "",
type: "",
agreedTerms: false,
},
}));
}
renderStepActions(step, state) {
let self = state;
return (
<div style={{ margin: '12px 0' }}>
{step !== 2 && (
{step === 1 && (
<RaisedButton
label="Next"
disableTouchRipple
@@ -862,23 +976,43 @@ class VerticalNonLinear extends React.Component {
style={{ marginRight: 12 }}
/>
)}
{step === 0 && (
<RaisedButton
label="Next"
disableTouchRipple
disableFocusRipple
primary
onTouchTap={() => self.handleNext(self)}
style={{ marginRight: 12 }}
disabled={!this.state.userValidated}
/>
)}
{step !== 1 && (
<FlatButton
label="Back"
disableTouchRipple
disableFocusRipple
onTouchTap={() => self.handlePrev(self)}
/>
)}
{step === 2 && (
<RaisedButton
label="Confirm"
label="Add Visit"
disableTouchRipple
disableFocusRipple
primary
onTouchTap={() => self.handleNext(self)}
style={{ marginRight: 12 }}
href=""
disabled={!this.state.userValidated}
/>
)}
{step > 0 && (
{step === 2 && (
<FlatButton
label="Back"
label="Reset"
disableTouchRipple
disableFocusRipple
onTouchTap={() => self.handlePrev(self)}
onTouchTap={() => self.handleReset()}
/>
)}
</div>
@@ -1026,6 +1160,52 @@ class VerticalNonLinear extends React.Component {
handleUser(user) {
this.setState(Object.assign(this.state, { user: user }));
this.validateUser();
}
validateUser() {
let userValidated = true;
const genderList = ["M", "F", "U"]
const memberTypeList = ["S", "D", "U"]
userValidated = !(!this.state.user.first || this.state.user.first.trim().length === 0);
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.last || this.state.user.last.trim().length === 0);
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.member || this.state.user.member.trim().length === 0);
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.gender || genderList.indexOf(this.state.user.gender) === -1);
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.type || memberTypeList.indexOf(this.state.user.type) === -1);
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.birthdate || this.state.user.birthdate === null || isNaN(this.state.user.birthdate.getTime()))
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
userValidated = !(!this.state.user.agreedTerms)
if (!userValidated) {
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
this.setState(Object.assign(this.state, { userValidated: userValidated }));
return userValidated
}
handleValidationErrosDialogDismiss() {
@@ -1034,6 +1214,10 @@ class VerticalNonLinear extends React.Component {
}));
}
lastStep = () => {
if (this.state.userValidated) this.setState({ stepIndex: 2 });
}
render() {
// const { stepIndex } = this.state;
this.getLocation();
@@ -1130,7 +1314,7 @@ class VerticalNonLinear extends React.Component {
</StepContent>
</Step>
<Step>
<StepButton onClick={() => this.setState({ stepIndex: 2 })}>
<StepButton onClick={() => this.lastStep()}>
Visit Details
</StepButton>
<StepContent>
@@ -1160,7 +1344,7 @@ class VerticalNonLinear extends React.Component {
{/* <TabsSection /> */}
{this.renderStepActions(1, this)}
{this.renderStepActions(2, this)}
</StepContent>
</Step>
@@ -1187,7 +1371,7 @@ class VerticalNonLinear extends React.Component {
/>
</div>
</article>
</article >
);
}
}

53
src/routes/app/routes/forms/routes/visitRide/components/VerticalNonLinear.js
View File

@@ -33,6 +33,7 @@ import Instance from '../../../../../../../components/Connection';
import ValidationErrorsInfoDialog from '../../../../../../../components/Shared/ValidationErrorsInfoDialog';
import Checkbox from 'material-ui/Checkbox';
import Popover from 'material-ui/Popover';
import InputMask from 'react-input-mask';
let DateTimeFormat;
const roundingTime = 1000 * 60 * 5; //5 minutes
@@ -70,6 +71,7 @@ class SignUp extends React.Component {
if (this.props.onUserChanged) {
const user = this.props.user;
user.phonenumber = event.target.value;
user.phonenumber = user.phonenumber.replace('(','').replace(')','').replace('-','').replace(' ','').trim();
this.props.onUserChanged(user);
}
};
@@ -134,11 +136,14 @@ class SignUp extends React.Component {
<TextField
style={{ maxWidth: 115 }}
floatingLabelText="Mobile Phone"
ref="phone"
type="telephone"
floatingLabelText="Mobile Phone"
value={this.props.user.phonenumber}
onChange={this.handlePhone}
/>
>
<InputMask mask="(999) 999-9999" maskChar={null} value={this.props.user.phonenumber} />
</TextField>
</fieldset>
</form>
);
@@ -505,6 +510,7 @@ class VerticalNonLinear extends React.Component {
};
this.handleUser = this.handleUser.bind(this);
this.handlePickupChanged = this.handlePickupChanged.bind(this);
}
componentDidMount() {
@@ -518,7 +524,28 @@ class VerticalNonLinear extends React.Component {
const visit = res.data;
visit.user.birthdate = new Date(visit.user.birthdate);
visit.visit_datetime = new Date(visit.visit_datetime);
self.setState(Object.assign(self.state, { visit: visit }));
if(visit.user.phonenumber && visit.user.phonenumber.length > 9) {
visit.user.phonenumber = visit.user.phonenumber.replace('+1', '').replace(' ', '').trim();
}
if (visit.user.addresses) {
visit.user.addresses.forEach(a => {
if (a.address_type === 'home') {
const origin = {
id: a.address_uuid,
name: a.address_type_name,
lat: a.lat,
lng: a.lng,
address: a.address
};
self.setState(Object.assign(self.state, { origin: origin, buttonPickupText: a.address_type_name }));
}
});
}
self.setState(Object.assign(self.state, { visit: visit, user: visit.user }));
})
.catch(err => {
if (err.response.status !== 422) {
@@ -555,6 +582,8 @@ class VerticalNonLinear extends React.Component {
pickup_time: self.state.pickupTime,
return_time: self.state.return_time,
notes: self.state.notes,
origin: self.state.origin,
user: self.state.visit.user,
};
if (self.diffMinutes(self.state.pickupTime, new Date()) > 10) {
@@ -713,8 +742,22 @@ class VerticalNonLinear extends React.Component {
const visit = this.state.visit;
visit.user = user;
this.setState(Object.assign(this.state, { visit: visit }));
}
console.log(user);
handlePickupChanged = (res) => {
let origin = {
id: res.address_uuid ? res.address_uuid : res.id,
name: res.name,
lat: res.lat,
lng: res.lng,
address: res.address
}
const name = res.name;
this.setState(Object.assign(this.state, {
buttonPickupText: name,
origin: origin
}));
}
render() {
@@ -801,6 +844,8 @@ class VerticalNonLinear extends React.Component {
<StepContent>
<form role="form">
<SignUp user={this.state.visit.user} onUserChanged={this.handleUser} />
<div className="divider" />
<NEMTLocation type="flat" floatingLabelText='Choose Member Location' hintText="Choose Member Location" data={this.state} title={"Member Address"} value={""} buttonvalue={this.state.buttonPickupText} onPlaceChanged={(provider) => this.handlePickupChanged(provider, this)} fontSize={12} loadSuggestion={true} address={this.state.origin} />
</form>
{this.renderStepActions(0, this)}
</StepContent>

11
src/routes/login/components/Login.js
View File

@@ -79,18 +79,15 @@ class Login extends React.Component {
}).then(function (res) {
let auth = res.data;
state.setCookie('token', auth.token, auth.valid_time);
Instance.setToken(auth.token);
localStorage.setItem('loggedUser', JSON.stringify(auth.user));
loggedUser.update();
console.log("....");
console.log(loggedUser.anyOf(visitReporter));
if (loggedUser.anyOf(visitReporter)){
if (loggedUser.anyOf(visitReporter)) {
location.href = '/#/app/form/visit/' + auth.user.useruuid;
}else{
} else {
location.href = '/#/app/table/rides';
}
}).catch(function (err) {
state.setState(Object.assign(state.state, {
message: (err.response.data.message),

23
src/utils/authorization/loggedUser.js
View File

@@ -3,11 +3,11 @@ import { contains } from 'ramda';
import normalizeRoles from './normalizeRoles';
const loggedUser = JSON.parse(window.localStorage.getItem('loggedUser'));
const loggedUser = () => {
let user = JSON.parse(window.localStorage.getItem('loggedUser'));
if (loggedUser) {
loggedUser.anyOf = (...profiles) => {
const userRole = loggedUser.profiles[0];
const anyOf = (...profiles) => {
const userRole = user.profiles[0];
const userOrgType = userRole.organization.type.key;
const roles = normalizeRoles(profiles);
@@ -22,7 +22,18 @@ if (loggedUser) {
}
return false;
};
}
const update = () => {
user = JSON.parse(window.localStorage.getItem('loggedUser'));
return user;
}
return {
user,
anyOf: anyOf,
update: update,
}
}
export default loggedUser;
export default loggedUser();