Compare commits
2 Commits
self-regis
...
hide-menu-
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
3be4486677 | ||
|
|
ef904e4e38 |
@@ -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(
|
||||
@@ -29,8 +33,8 @@ const isFunction = (functionToCheck) => {
|
||||
};
|
||||
|
||||
const requireAuth = (nextState, replace, next) => {
|
||||
if (nextState.location.pathname === '/login' || nextState.location.pathname === '/sign-up' || (nextState.location.pathname.indexOf('/ride') > -1 && nextState.params.ride_uuid !== undefined && nextState.params.user_uuid !== undefined)
|
||||
|| (!isFunction(replace) && (replace.location.pathname === '/login' || replace.location.pathname === '/sign-up' || (replace.location.pathname.indexOf('/ride') > -1 && replace.params.ride_uuid !== undefined && replace.params.user_uuid !== undefined)))) {
|
||||
if (nextState.location.pathname === '/login' || nextState.location.pathname === '/sign-up' || nextState.location.pathname === '/selfRegister' || (nextState.location.pathname.indexOf('/ride') > -1 && nextState.params.ride_uuid !== undefined && nextState.params.user_uuid !== undefined)
|
||||
|| (!isFunction(replace) && (replace.location.pathname === '/login' || replace.location.pathname === '/sign-up' || nextState.location.pathname === '/selfRegister' || (replace.location.pathname.indexOf('/ride') > -1 && replace.params.ride_uuid !== undefined && replace.params.user_uuid !== undefined)))) {
|
||||
next();
|
||||
}
|
||||
|
||||
@@ -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'),
|
||||
|
||||
@@ -4,6 +4,13 @@ import MenuItem from 'material-ui/MenuItem';
|
||||
import IconButton from 'material-ui/IconButton/IconButton';
|
||||
import { hashHistory } from 'react-router';
|
||||
|
||||
import {
|
||||
loggedUser,
|
||||
planScheduler,
|
||||
providerScheduler,
|
||||
visitReporter,
|
||||
} from 'utils/authorization';
|
||||
|
||||
const ImgIconButtonStyle = {
|
||||
width: '60px',
|
||||
height: '60px'
|
||||
@@ -28,6 +35,7 @@ class NavRightList extends React.Component {
|
||||
handleChange = (event, value) => {
|
||||
hashHistory.push(value);
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
const user = JSON.parse(localStorage.getItem('loggedUser'));
|
||||
if (user) {
|
||||
@@ -40,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>}
|
||||
@@ -48,33 +58,48 @@ class NavRightList extends React.Component {
|
||||
targetOrigin={{ horizontal: 'right', vertical: 'top' }}
|
||||
menuStyle={{ minWidth: '150px' }}
|
||||
>
|
||||
<MenuItem
|
||||
onTouchTap={(e) => this.handleChange(e, `/app/authorizedusers/${this.state.useruuid}`)}
|
||||
primaryText="Profile"
|
||||
style={{ fontSize: '14px', lineHeight: '48px' }}
|
||||
innerDivStyle={listItemStyle}
|
||||
leftIcon={<i className="material-icons">account_circle</i>}
|
||||
/>
|
||||
<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"
|
||||
innerDivStyle={listItemStyle}
|
||||
style={{ fontSize: '14px', lineHeight: '48px' }}
|
||||
leftIcon={<i className="material-icons">forward</i>}
|
||||
/>
|
||||
{!loggedUser.anyOf(visitReporter) &&
|
||||
<MenuItem
|
||||
onTouchTap={(e) => this.handleChange(e, `/app/authorizedusers/${this.state.useruuid}`)}
|
||||
primaryText="Profile"
|
||||
style={{ fontSize: '14px', lineHeight: '48px' }}
|
||||
innerDivStyle={listItemStyle}
|
||||
leftIcon={<i className="material-icons">account_circle</i>}
|
||||
/>
|
||||
}
|
||||
{loggedUser.anyOf(visitReporter) &&
|
||||
<MenuItem
|
||||
onTouchTap={(e) => this.handleChange(e, `/app/form/visit/${this.state.useruuid}`)}
|
||||
primaryText="Create Visit"
|
||||
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/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"
|
||||
innerDivStyle={listItemStyle}
|
||||
style={{ fontSize: '14px', lineHeight: '48px' }}
|
||||
leftIcon={<i className="material-icons">forward</i>}
|
||||
/>
|
||||
</IconMenu>
|
||||
</li>
|
||||
<li style={{ marginRight: '10px' }}><h6>{this.state.name}</h6></li>
|
||||
<li style={{ marginRight: '10px' }}><h6>{this.state.name}</h6></li>
|
||||
</ul>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = NavRightList;
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = NavRightList;
|
||||
|
||||
@@ -8,11 +8,17 @@ export class ValidationErrorsInfoDialog extends React.Component {
|
||||
this.props = props;
|
||||
this.state = {
|
||||
open: this.props.open,
|
||||
title: "Errors",
|
||||
}
|
||||
}
|
||||
|
||||
componentWillReceiveProps(newProps) {
|
||||
this.setState({ open: newProps.open });
|
||||
let title = this.state.title;
|
||||
if (newProps.errorTitle) {
|
||||
title = newProps.errorTitle;
|
||||
}
|
||||
|
||||
this.setState({ open: newProps.open, title: title });
|
||||
}
|
||||
|
||||
handleOpen = () => {
|
||||
@@ -38,7 +44,7 @@ export class ValidationErrorsInfoDialog extends React.Component {
|
||||
return (
|
||||
<div>
|
||||
<Dialog
|
||||
title="Errors"
|
||||
title={this.state.title}
|
||||
actions={actions}
|
||||
modal={this.props.modal ? this.props.modal : false}
|
||||
open={this.state.open}
|
||||
|
||||
@@ -101,10 +101,18 @@ class SidebarContent extends React.Component {
|
||||
|
||||
return (
|
||||
<ul className="nav" ref={(c) => { this.nav = c; }}>
|
||||
{loggedUser.anyOf(planScheduler, visitReporter) &&
|
||||
<li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Create Visit</span></FlatButton></li>
|
||||
{loggedUser.anyOf(visitReporter) &&
|
||||
<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(planScheduler, visitReporter) &&
|
||||
|
||||
|
||||
{!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>
|
||||
@@ -113,7 +121,7 @@ class SidebarContent extends React.Component {
|
||||
</ul>
|
||||
</li>
|
||||
}
|
||||
{!loggedUser.anyOf(planScheduler, visitReporter) &&
|
||||
{!loggedUser.anyOf(visitReporter) &&
|
||||
<li>
|
||||
<FlatButton href="#/app/chart"><i className="nav-icon material-icons">people_outline</i><span className="nav-text">Members</span></FlatButton>
|
||||
<ul>
|
||||
@@ -122,38 +130,44 @@ class SidebarContent extends React.Component {
|
||||
</ul>
|
||||
</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>Create Visit</span></FlatButton></li>
|
||||
<li> <FlatButton className="prepend-icon" href="#/app/table/visits"><span className="nav-text">Manage Visits</span></FlatButton></li>
|
||||
</ul>
|
||||
</li>
|
||||
{!loggedUser.anyOf(visitReporter) &&
|
||||
<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>Create Visit</span></FlatButton></li>
|
||||
<li> <FlatButton className="prepend-icon" href="#/app/table/visits"><span className="nav-text">Manage Visits</span></FlatButton></li>
|
||||
</ul>
|
||||
</li>
|
||||
}
|
||||
|
||||
<li>
|
||||
<FlatButton href="#/app/chart"><i className="nav-icon material-icons">settings</i><span className="nav-text">Manage</span></FlatButton>
|
||||
<ul>
|
||||
{!loggedUser.anyOf(planScheduler, providerScheduler) &&
|
||||
{!loggedUser.anyOf(visitReporter) &&
|
||||
<li>
|
||||
<FlatButton href="#/app/chart"><i className="nav-icon material-icons">settings</i><span className="nav-text">Manage</span></FlatButton>
|
||||
<ul>
|
||||
{!loggedUser.anyOf(planScheduler, providerScheduler) &&
|
||||
<li>
|
||||
<FlatButton href="#/app/table/authorizedusers"><i className="nav-icon material-icons">people</i><span className="nav-text">Authorized Users</span></FlatButton>
|
||||
</li>
|
||||
}
|
||||
<li>
|
||||
<FlatButton href="#/app/table/authorizedusers"><i className="nav-icon material-icons">people</i><span className="nav-text">Authorized Users</span></FlatButton>
|
||||
<FlatButton href="#/app/table/organizations"><i className="nav-icon material-icons">assignment</i><span className="nav-text">Organizations</span></FlatButton>
|
||||
</li>
|
||||
}
|
||||
<li>
|
||||
<FlatButton href="#/app/table/organizations"><i className="nav-icon material-icons">assignment</i><span className="nav-text">Organizations</span></FlatButton>
|
||||
</li>
|
||||
<li>
|
||||
<FlatButton href="#/app/table/provider"><i className="nav-icon material-icons">local_hospital</i><span className="nav-text">Participating Providers</span></FlatButton>
|
||||
</li>
|
||||
<li>
|
||||
<FlatButton href={"#/app/authorizedusers/" + this.state.user.useruuid}><i className="nav-icon material-icons">account_circle</i><span className="nav-text">Profile</span></FlatButton>
|
||||
</li>
|
||||
{/* <li>
|
||||
<FlatButton href="#/app/dashboard"><i className="nav-icon material-icons">equalizer</i><span className="nav-text">Reports</span></FlatButton>
|
||||
</li> */}
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<FlatButton href="#/app/table/provider"><i className="nav-icon material-icons">local_hospital</i><span className="nav-text">Participating Providers</span></FlatButton>
|
||||
</li>
|
||||
<li>
|
||||
<FlatButton href={"#/app/authorizedusers/" + this.state.user.useruuid}><i className="nav-icon material-icons">account_circle</i><span className="nav-text">Profile</span></FlatButton>
|
||||
</li>
|
||||
{/* <li>
|
||||
<FlatButton href="#/app/dashboard"><i className="nav-icon material-icons">equalizer</i><span className="nav-text">Reports</span></FlatButton>
|
||||
</li> */}
|
||||
</ul>
|
||||
</li>
|
||||
}
|
||||
|
||||
<li className="nav-divider" />
|
||||
<li><FlatButton className="prepend-icon" href={"#/login"}><span>Log Out</span></FlatButton></li>
|
||||
|
||||
</ul>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -115,6 +115,7 @@ export class NEMTLocation extends React.Component {
|
||||
long: 0
|
||||
},
|
||||
providers: [],
|
||||
locations: [],
|
||||
currentSelection: {
|
||||
id: 0,
|
||||
name: "",
|
||||
@@ -125,6 +126,7 @@ export class NEMTLocation extends React.Component {
|
||||
saved: false,
|
||||
},
|
||||
inputValue: "",
|
||||
locationValue: "",
|
||||
addLocation: false,
|
||||
searchAddresses: [],
|
||||
addLocationText: '',
|
||||
@@ -143,7 +145,15 @@ export class NEMTLocation extends React.Component {
|
||||
id: '',
|
||||
name: '',
|
||||
address: '',
|
||||
}
|
||||
},
|
||||
centerLocation: {
|
||||
lat: 0,
|
||||
long: 0,
|
||||
name: '',
|
||||
address: '',
|
||||
},
|
||||
searchingProvider: false,
|
||||
providerList: [],
|
||||
}
|
||||
|
||||
this.addCustomLabel = this.addCustomLabel.bind(this);
|
||||
@@ -164,6 +174,8 @@ export class NEMTLocation extends React.Component {
|
||||
this.updateLocation = this.updateLocation.bind(this);
|
||||
this.handleGetClosestPlace = this.handleGetClosestPlace.bind(this);
|
||||
|
||||
this.updateLocationValue = this.updateLocationValue.bind(this);
|
||||
this.handleAutoCompleteLocation = this.handleAutoCompleteLocation.bind(this);
|
||||
// this.updateLocation().then(console.log);
|
||||
|
||||
|
||||
@@ -184,52 +196,71 @@ export class NEMTLocation extends React.Component {
|
||||
}
|
||||
|
||||
geoSuccess = (position) => {
|
||||
let lat = 0;
|
||||
let long = 0;
|
||||
if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
|
||||
lat = this.state.centerLocation.lat;
|
||||
long = this.state.centerLocation.long;
|
||||
} else {
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
lat = geo.lat;
|
||||
long = geo.long;
|
||||
}
|
||||
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
// self.updateLocation().then(p => {
|
||||
let lat = geo.lat;
|
||||
let long = geo.long;
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
this.locateNearby(lat, long)
|
||||
}
|
||||
|
||||
locateNearby = (lat, long) => {
|
||||
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
if (this.state.locationType === 'provider') {
|
||||
Instance.getRawConn().get(`/v1/nemt/provider/participating?sort=distance&lat=${lat}&long=${long}`).then(res => {
|
||||
let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&sortby=distance`
|
||||
Instance.getRawConn().get(url).then(res => {
|
||||
let nearByPlaces = [];
|
||||
let providers = res.data.map(p => {
|
||||
if (p.address.street_address_1) {
|
||||
const streetNumber = p.address.street_address_1.split(' ')[0]
|
||||
if (res.data.resultStatus === 'SUCCESS') {
|
||||
let providers = res.data.providers.map(p => {
|
||||
const streetNumber = p.streetName_1.split(' ')[0]
|
||||
let clickResult = {
|
||||
id: p.muk_id,
|
||||
address: `${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode})`,
|
||||
lat: p.address.lat,
|
||||
lng: p.address.long,
|
||||
name: p.name,
|
||||
type: "provider",
|
||||
id: p.mukId,
|
||||
muk_id: p.mukId,
|
||||
address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
|
||||
lat: parseFloat(p.latitude),
|
||||
lng: parseFloat(p.longitude),
|
||||
name: p.providerName,
|
||||
type: 'provider',
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: p.address.street_address_1.replace(streetNumber, '').trim(),
|
||||
city: p.address.city,
|
||||
state: p.address.state,
|
||||
zipcode: p.address.zipcode.substring(0, 5),
|
||||
country: p.address.country,
|
||||
street: p.streetName_1.replace(streetNumber, '').trim(),
|
||||
city: p.cityName,
|
||||
state: p.state,
|
||||
zipcode: p.zipCode.substr(0, 5),
|
||||
country: p.country,
|
||||
saved: false,
|
||||
}
|
||||
clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
|
||||
|
||||
var listItem = (<ListItem primaryText={p.name} secondaryText={clickResult.address} key={p.muk_id} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handlePlaceChanged(clickResult)} />)
|
||||
if (p.fivePartKeyGroups.length > 0) {
|
||||
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
|
||||
}
|
||||
|
||||
var listItem = (<ListItem primaryText={p.providerName} secondaryText={clickResult.address} key={p.mukId} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handlePlaceChanged(clickResult)} />)
|
||||
nearByPlaces.push(listItem);
|
||||
p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
|
||||
}
|
||||
return p;
|
||||
});
|
||||
p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
|
||||
p.muk_id = p.mukId
|
||||
|
||||
this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers }));
|
||||
return p;
|
||||
});
|
||||
|
||||
this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers, providerList: nearByPlaces }));
|
||||
}
|
||||
});
|
||||
} else {
|
||||
var pyrmont = new google.maps.LatLng(lat, long);
|
||||
@@ -314,7 +345,7 @@ export class NEMTLocation extends React.Component {
|
||||
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.address, searchingProvider: false, providerList: [] }));
|
||||
}).catch(console.error);
|
||||
}
|
||||
|
||||
@@ -495,28 +526,105 @@ export class NEMTLocation extends React.Component {
|
||||
this.locateNearby(41.886406, -87.624225);
|
||||
}
|
||||
|
||||
updateLocationValue(searchText, dtSource, params) {
|
||||
let self = this;
|
||||
self.setState(Object.assign(self.state, { locationValue: searchText }));
|
||||
|
||||
if (searchText.length >= 3) {
|
||||
let lat = 0;
|
||||
let long = 0;
|
||||
if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
|
||||
lat = this.state.centerLocation.lat;
|
||||
long = this.state.centerLocation.long;
|
||||
} else {
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
lat = geo.lat;
|
||||
long = geo.long;
|
||||
}
|
||||
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
var location = new google.maps.LatLng(lat, long);
|
||||
var request = {
|
||||
location: location,
|
||||
radius: '500',
|
||||
input: searchText,
|
||||
componentRestrictions: { country: 'us' },
|
||||
};
|
||||
const callback = (results, status) => {
|
||||
if (status == google.maps.places.PlacesServiceStatus.OK) {
|
||||
var googlePlaces = results.map(place => {
|
||||
place.providerText = place.description;
|
||||
place.muk_id = place.id;
|
||||
place.saved = false;
|
||||
return place;
|
||||
});
|
||||
self.setState(Object.assign(self.state, { locations: googlePlaces }));
|
||||
}
|
||||
}
|
||||
service.getPlacePredictions(request, callback);
|
||||
}
|
||||
}
|
||||
|
||||
updateTextSearch(searchText, dtSource, params) {
|
||||
let self = this;
|
||||
self.setState(Object.assign(self.state, { inputValue: searchText }));
|
||||
self.setState(Object.assign(self.state, { inputValue: searchText, searchingProvider: true }));
|
||||
if (searchText.length >= 3) {
|
||||
let lat = self.state.geolocation.lat;
|
||||
let long = self.state.geolocation.long;
|
||||
let lat = 0;
|
||||
let long = 0;
|
||||
if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
|
||||
lat = this.state.centerLocation.lat;
|
||||
long = this.state.centerLocation.long;
|
||||
} else {
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
lat = geo.lat;
|
||||
long = geo.long;
|
||||
}
|
||||
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
if (self.state.locationType === 'provider') {
|
||||
//let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=20&name=${searchText}&sortby=distance`
|
||||
let url = `/v1/nemt/provider/participating?lat=${lat}&long=${long}&query=${searchText}&sortby=distance`
|
||||
let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&name=${searchText}&sortby=distance`
|
||||
Instance.getRawConn().get(encodeURI(url)).then(res => {
|
||||
if (res.data.length > 0) {
|
||||
let places = res.data.map(p => {
|
||||
p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
|
||||
p.saved = false
|
||||
return p;
|
||||
})
|
||||
self.setState(Object.assign(self.state, { providers: places }));
|
||||
if (res.data.resultStatus === 'SUCCESS') {
|
||||
let providers = res.data.providers.map(p => {
|
||||
const streetNumber = p.streetName_1.split(' ')[0]
|
||||
p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
|
||||
p.muk_id = p.mukId
|
||||
|
||||
let clickResult = {
|
||||
id: p.mukId,
|
||||
muk_id: p.mukId,
|
||||
address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
|
||||
lat: parseFloat(p.latitude),
|
||||
lng: parseFloat(p.longitude),
|
||||
name: p.providerName,
|
||||
type: 'provider',
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: p.streetName_1.replace(streetNumber, '').trim(),
|
||||
city: p.cityName,
|
||||
state: p.state,
|
||||
zipcode: p.zipCode.substr(0, 5),
|
||||
country: p.country,
|
||||
saved: false,
|
||||
}
|
||||
|
||||
if (p.fivePartKeyGroups.length > 0) {
|
||||
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
|
||||
}
|
||||
|
||||
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, { providerList: providers }));
|
||||
dtSource = self.state.providers;
|
||||
}
|
||||
});
|
||||
@@ -554,42 +662,59 @@ export class NEMTLocation extends React.Component {
|
||||
this.setState(Object.assign(this.state, { addLocationTextValue: providerSearch }));
|
||||
if (providerSearch.length >= 3) {
|
||||
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
let lat = geo.lat;
|
||||
let long = geo.long;
|
||||
|
||||
let lat = 0;
|
||||
let long = 0;
|
||||
if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
|
||||
lat = this.state.centerLocation.lat;
|
||||
long = this.state.centerLocation.long;
|
||||
} else {
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
lat = geo.lat;
|
||||
long = geo.long;
|
||||
}
|
||||
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
if (this.state.locationType === 'provider') {
|
||||
let url = `/v1/nemt/provider/participating?lat=${lat}&long=${long}&query=${providerSearch}&sortby=distance`
|
||||
let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&name=${providerSearch}&sortby=distance`
|
||||
Instance.getRawConn().get(encodeURI(url)).then(res => {
|
||||
let places = res.data.map(p => {
|
||||
const streetNumber = p.address.street_address_1.split(' ')[0]
|
||||
p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
|
||||
let clickResult = {
|
||||
id: p.muk_id,
|
||||
address: `${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode})`,
|
||||
lat: p.address.lat,
|
||||
lng: p.address.long,
|
||||
name: p.name,
|
||||
type: "provider",
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: p.address.street_address_1.replace(streetNumber, '').trim(),
|
||||
city: p.address.city,
|
||||
state: p.address.state,
|
||||
zipcode: p.address.zipcode.substring(0, 5),
|
||||
country: p.address.country,
|
||||
saved: false,
|
||||
}
|
||||
clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
|
||||
if (res.data.resultStatus === 'SUCCESS') {
|
||||
let providers = res.data.providers.map(p => {
|
||||
const streetNumber = p.streetName_1.split(' ')[0]
|
||||
p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
|
||||
p.muk_id = p.mukId
|
||||
|
||||
var listItem = (<ListItem value={p.muk_id} primaryText={p.name} secondaryText={clickResult.address} key={p.muk_id} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handleSaveAddress(clickResult, this)} />)
|
||||
return listItem;
|
||||
});
|
||||
let clickResult = {
|
||||
id: p.mukId,
|
||||
muk_id: p.mukId,
|
||||
address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
|
||||
lat: parseFloat(p.latitude),
|
||||
lng: parseFloat(p.longitude),
|
||||
name: p.providerName,
|
||||
type: 'provider',
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: p.streetName_1.replace(streetNumber, '').trim(),
|
||||
city: p.cityName,
|
||||
state: p.state,
|
||||
zipcode: p.zipCode.substr(0, 5),
|
||||
country: p.country,
|
||||
saved: false,
|
||||
}
|
||||
|
||||
this.setState(Object.assign(this.state, { searchAddresses: places }));
|
||||
if (p.fivePartKeyGroups.length > 0) {
|
||||
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
|
||||
}
|
||||
|
||||
var listItem = (<ListItem primaryText={p.providerName} secondaryText={clickResult.address} key={p.mukId} value={p.mukId} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handleSaveAddress(clickResult)} />)
|
||||
return listItem;
|
||||
});
|
||||
this.setState(Object.assign(this.state, { searchAddresses: providers }));
|
||||
}
|
||||
});
|
||||
} else {
|
||||
var location = new google.maps.LatLng(lat, long);
|
||||
@@ -716,6 +841,68 @@ export class NEMTLocation extends React.Component {
|
||||
}
|
||||
}
|
||||
|
||||
handleAutoCompleteLocation = (location) => {
|
||||
const self = this;
|
||||
placeService.getDetails(location, (result, status) => {
|
||||
if (status == google.maps.places.PlacesServiceStatus.OK) {
|
||||
let clickResult = {
|
||||
id: result.place_id,
|
||||
placeId: result.place_id,
|
||||
address: result.formatted_address ? result.formatted_address : result.vicinity,
|
||||
lat: result.geometry.location.lat(),
|
||||
lng: result.geometry.location.lng(),
|
||||
name: result.name,
|
||||
type: "google",
|
||||
raw: result,
|
||||
street_number: '',
|
||||
street: '',
|
||||
city: '',
|
||||
state: '',
|
||||
zipcode: '',
|
||||
country: '',
|
||||
saved: false,
|
||||
}
|
||||
|
||||
result.address_components.forEach(a => {
|
||||
a.types.forEach(c => {
|
||||
switch (c) {
|
||||
case "street_number":
|
||||
clickResult.street_number = a.short_name;
|
||||
break;
|
||||
case "route":
|
||||
clickResult.street = a.short_name;
|
||||
break;
|
||||
case "locality":
|
||||
clickResult.city = a.short_name;
|
||||
break;
|
||||
case "administrative_area_level_1":
|
||||
clickResult.state = a.short_name;
|
||||
break;
|
||||
case "country":
|
||||
clickResult.country = a.short_name;
|
||||
break;
|
||||
case "postal_code":
|
||||
clickResult.zipcode = a.short_name;
|
||||
break;
|
||||
}
|
||||
}, this)
|
||||
}, this);
|
||||
clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
|
||||
|
||||
|
||||
const centerLocation = {
|
||||
lat: clickResult.lat,
|
||||
long: clickResult.lng,
|
||||
name: clickResult.name,
|
||||
address: clickResult.address
|
||||
}
|
||||
|
||||
self.setState(Object.assign(self.state, { centerLocation: centerLocation }));
|
||||
self.locateNearby(clickResult.lat, clickResult.lng);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
handleAutocomplete = (provider) => {
|
||||
const sendInfo = (clickResult) => {
|
||||
this.setState(Object.assign(this.state, { currentSelection: clickResult }));
|
||||
@@ -735,24 +922,32 @@ export class NEMTLocation extends React.Component {
|
||||
}
|
||||
|
||||
if (this.state.locationType === "provider") {
|
||||
const streetNumber = provider.address.street_address_1.split(' ')[0]
|
||||
const p = provider;
|
||||
const streetNumber = p.streetName_1.split(' ')[0]
|
||||
p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
|
||||
p.muk_id = p.mukId
|
||||
|
||||
let clickResult = {
|
||||
id: provider.muk_id,
|
||||
address: `${provider.address.street_address_1}, ${provider.address.city}, ${provider.address.state} (${provider.address.zipcode})`,
|
||||
lat: provider.address.lat,
|
||||
lng: provider.address.long,
|
||||
name: provider.name,
|
||||
type: "provider",
|
||||
raw: provider,
|
||||
id: p.mukId,
|
||||
muk_id: p.mukId,
|
||||
address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
|
||||
lat: parseFloat(p.latitude),
|
||||
lng: parseFloat(p.longitude),
|
||||
name: p.providerName,
|
||||
type: 'provider',
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: provider.address.street_address_1.replace(streetNumber, '').trim(),
|
||||
city: provider.address.city,
|
||||
state: provider.address.state,
|
||||
zipcode: provider.address.zipcode.substring(0, 5),
|
||||
country: provider.address.country,
|
||||
street: p.streetName_1.replace(streetNumber, '').trim(),
|
||||
city: p.cityName,
|
||||
state: p.state,
|
||||
zipcode: p.zipCode.substr(0, 5),
|
||||
country: p.country,
|
||||
saved: false,
|
||||
}
|
||||
clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
|
||||
|
||||
if (p.fivePartKeyGroups.length > 0) {
|
||||
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
|
||||
}
|
||||
|
||||
sendInfo(clickResult);
|
||||
} else {
|
||||
@@ -842,42 +1037,51 @@ export class NEMTLocation extends React.Component {
|
||||
|
||||
handleCurrentLocation(e) {
|
||||
const self = this;
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
// self.updateLocation().then(p => {
|
||||
let lat = geo.lat;
|
||||
let long = geo.long;
|
||||
|
||||
let lat = 0;
|
||||
let long = 0;
|
||||
if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
|
||||
lat = this.state.centerLocation.lat;
|
||||
long = this.state.centerLocation.long;
|
||||
} else {
|
||||
const geo = GeolocationService.GetCoordinates();
|
||||
lat = geo.lat;
|
||||
long = geo.long;
|
||||
}
|
||||
|
||||
if (lat === 0 || long === 0) {
|
||||
lat = 41.886406;
|
||||
long = -87.624225;
|
||||
}
|
||||
|
||||
if (self.state.locationType === 'provider') {
|
||||
Instance.getRawConn().get(`/v1/nemt/provider/participating?sort=distance&lat=${lat}&long=${long}`).then(res => {
|
||||
let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&sortby=distance`
|
||||
Instance.getRawConn().get(url).then(res => {
|
||||
let listItem = (<ListItem primaryText="No location found" key="-1" leftIcon={<MapsNearMe />} onClick={self.handleCurrentLocation} />)
|
||||
if (res.data.length > 0) {
|
||||
const result = res.data[0];
|
||||
const streetNumber = result.address.street_address_1.split(' ')[0]
|
||||
if (res.data.resultStatus === 'SUCCESS') {
|
||||
const p = res.data.providers[0];
|
||||
const streetNumber = p.streetName_1.split(' ')[0]
|
||||
let clickResult = {
|
||||
id: result.muk_id,
|
||||
address: `${result.address.street_address_1}, ${result.address.city}, ${result.address.state} (${result.address.zipcode})`,
|
||||
lat: result.address.lat,
|
||||
lng: result.address.long,
|
||||
name: result.name,
|
||||
type: "provider",
|
||||
raw: result,
|
||||
id: p.mukId,
|
||||
address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
|
||||
lat: parseFloat(p.latitude),
|
||||
lng: parseFloat(p.longitude),
|
||||
name: p.providerName,
|
||||
type: 'provider',
|
||||
raw: p,
|
||||
street_number: streetNumber,
|
||||
street: result.address.street_address_1.replace(streetNumber, '').trim(),
|
||||
city: result.address.city,
|
||||
state: result.address.state,
|
||||
zipcode: result.address.zipcode.substring(0, 5),
|
||||
country: result.address.country,
|
||||
street: p.streetName_1.replace(streetNumber, '').trim(),
|
||||
city: p.cityName,
|
||||
state: p.state,
|
||||
zipcode: p.zipCode.substr(0, 5),
|
||||
country: p.country,
|
||||
saved: false,
|
||||
}
|
||||
clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
|
||||
if (p.fivePartKeyGroups.length > 0) {
|
||||
clickResult.npi = p.fivePartKeyGroups[0].providerNum;
|
||||
}
|
||||
self.handlePlaceChanged(clickResult)
|
||||
//listItem = (<ListItem primaryText={clickResult.name} secondaryText={clickResult.address} key={clickResult.muk_id} leftIcon={<MapsNearMe />} onClick={(event) => self.handlePlaceChanged(clickResult)} />)
|
||||
}
|
||||
//self.setState(Object.assign(self.state, { currentLocation: listItem }));
|
||||
}).catch(console.error);
|
||||
} else {
|
||||
var location = new google.maps.LatLng(lat, long);
|
||||
@@ -1131,13 +1335,14 @@ 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 = (<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 = (<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={50} onUpdateInput={this.updateLocationValue} fullWidth={true} floatingLabelText="Center Location" onNewRequest={this.handleAutoCompleteLocation} searchText={this.state.locationValue} />
|
||||
{autosuggest}
|
||||
<List>
|
||||
{this.state.currentLocation}
|
||||
@@ -1151,8 +1356,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">
|
||||
@@ -1195,4 +1413,4 @@ export class NEMTLocation extends React.Component {
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -156,14 +156,8 @@ class SignUp extends React.Component {
|
||||
};
|
||||
|
||||
handlePhone = (event) => {
|
||||
let phone = event.target.value;
|
||||
if (phone.indexOf("+1") < 0 && phone.length == 10) {
|
||||
phone = "+1" + phone;
|
||||
phone = phone.substring(0, 12);
|
||||
}
|
||||
|
||||
const user = this.props.user;
|
||||
user.phonenumber = phone;
|
||||
user.phonenumber = event.target.value;;
|
||||
if (this.props.onUserChanged) {
|
||||
this.props.onUserChanged(user);
|
||||
}
|
||||
@@ -674,10 +668,14 @@ class VerticalNonLinear extends React.Component {
|
||||
let self = state;
|
||||
const { stepIndex } = self.state;
|
||||
|
||||
console.log('Step Index: ', stepIndex)
|
||||
//console.log('Step Index: ', stepIndex)
|
||||
switch (stepIndex) {
|
||||
case 0:
|
||||
case 1:
|
||||
const eligibility = {
|
||||
"provider": {
|
||||
"provider_npi": self.state.destination.raw.fivePartKeyGroups[0].providerNum,
|
||||
"provider_name": self.state.destination.raw.providerName
|
||||
},
|
||||
"subscriber": {
|
||||
"patient_type": self.state.user.type,
|
||||
"subscriber_id": self.state.user.member,
|
||||
@@ -688,10 +686,12 @@ class VerticalNonLinear extends React.Component {
|
||||
"demographic_info": {
|
||||
"date_of_birth": self.state.user.birthdate,
|
||||
"gender": self.state.user.gender
|
||||
}
|
||||
},
|
||||
"user": self.state.user,
|
||||
}
|
||||
};
|
||||
|
||||
console.log(JSON.stringify(eligibility));
|
||||
Instance.getRawConn().post('/v1/nemt/eligibility', eligibility).then(function (res) {
|
||||
self.setState(Object.assign(self.state, { stepIndex: stepIndex + 1, user: res.data }));
|
||||
}).catch(err => {
|
||||
@@ -715,18 +715,42 @@ class VerticalNonLinear extends React.Component {
|
||||
"gender": self.state.user.gender,
|
||||
"member": self.state.user.member,
|
||||
"birthdate": self.state.user.birthdate,
|
||||
"type": self.state.user.type,
|
||||
"type": "S",
|
||||
"email": self.state.user.email,
|
||||
"phonenumber": self.state.user.phonenumber
|
||||
},
|
||||
"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
|
||||
};
|
||||
|
||||
Instance.getRawConn().post('/v1/nemt/visits/', visit).then(function (res) {
|
||||
window.location.href = '/#/app/table/visits';
|
||||
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"
|
||||
}));
|
||||
}).catch(console.error);
|
||||
break;
|
||||
default:
|
||||
@@ -860,7 +884,7 @@ class VerticalNonLinear extends React.Component {
|
||||
)}
|
||||
{step === 2 && (
|
||||
<RaisedButton
|
||||
label="Confirm"
|
||||
label="Add Visit"
|
||||
disableTouchRipple
|
||||
disableFocusRipple
|
||||
primary
|
||||
@@ -1093,7 +1117,7 @@ class VerticalNonLinear extends React.Component {
|
||||
<div className="box-body padding-xs">
|
||||
|
||||
<div style={{ maxWidth: 380, margin: 'auto' }}>
|
||||
<ValidationErrorsInfoDialog open={this.state.showValidationErrors} errorMessages={this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)} />
|
||||
<ValidationErrorsInfoDialog open={this.state.showValidationErrors} errorMessages={this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)} errorTitle={this.state.errorTitle} />
|
||||
<Stepper
|
||||
activeStep={this.state.stepIndex}
|
||||
linear={false}
|
||||
@@ -1101,6 +1125,18 @@ class VerticalNonLinear extends React.Component {
|
||||
>
|
||||
<Step>
|
||||
<StepButton onClick={() => this.setState({ stepIndex: 0 })}>
|
||||
Provider
|
||||
</StepButton>
|
||||
<StepContent>
|
||||
<form role="form">
|
||||
<NEMTLocation type="flat" data={this.state} title={"Provider"} value={""} buttonvalue={this.state.buttonProviderText} onPlaceChanged={(provider) => this.handleProviderChanged(provider, this)} fontSize={12} locationType="provider" loadSuggestion={true} address={this.state.destination} />
|
||||
{/* <div className="divider" /> */}
|
||||
</form>
|
||||
{this.renderStepActions(1, this)}
|
||||
</StepContent>
|
||||
</Step>
|
||||
<Step>
|
||||
<StepButton onClick={() => this.setState({ stepIndex: 1 })}>
|
||||
Member
|
||||
</StepButton>
|
||||
<StepContent>
|
||||
@@ -1113,21 +1149,6 @@ class VerticalNonLinear extends React.Component {
|
||||
{this.renderStepActions(0, this)}
|
||||
</StepContent>
|
||||
</Step>
|
||||
|
||||
<Step>
|
||||
<StepButton onClick={() => this.setState({ stepIndex: 1 })}>
|
||||
Provider
|
||||
</StepButton>
|
||||
<StepContent>
|
||||
<form role="form">
|
||||
<NEMTLocation type="flat" data={this.state} title={"Provider"} value={""} buttonvalue={this.state.buttonProviderText} onPlaceChanged={(provider) => this.handleProviderChanged(provider, this)} fontSize={12} locationType="provider" loadSuggestion={true} address={this.state.destination} />
|
||||
{/* <div className="divider" /> */}
|
||||
</form>
|
||||
{this.renderStepActions(1, this)}
|
||||
</StepContent>
|
||||
</Step>
|
||||
|
||||
|
||||
<Step>
|
||||
<StepButton onClick={() => this.setState({ stepIndex: 2 })}>
|
||||
Visit Details
|
||||
@@ -1159,7 +1180,7 @@ class VerticalNonLinear extends React.Component {
|
||||
|
||||
|
||||
{/* <TabsSection /> */}
|
||||
{this.renderStepActions(1, this)}
|
||||
{this.renderStepActions(2, this)}
|
||||
</StepContent>
|
||||
</Step>
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@ const getDTList = function (member) {
|
||||
member.forEach((r, i) => {
|
||||
let bookRide = '';
|
||||
if (r.trip_type.key === 'no_trip') {
|
||||
bookRide = (<a href={`/#/app/form/visitride/${r.visit_uuid}`}>Book Ride</a>)
|
||||
bookRide = (<a href={`/#/app/form/visitride/${r.visit_uuid}`}>Book Ride </a>)
|
||||
}
|
||||
|
||||
list.push(
|
||||
@@ -48,8 +48,8 @@ const getDTList = function (member) {
|
||||
<td>{moment(r.visit_datetime).format('MM/DD/YYYY - h:mm a')}</td>
|
||||
<td><a href={""}>{r.provider.name}</a></td>
|
||||
<td><a href={"/#/app/member/" + r.user.useruuid}>{r.user.name}</a></td>
|
||||
<td>{bookRide}</td>
|
||||
<td><RoadTripLink rides={r.rides} isOpened={false} currentRide={null} visit={r} onRideClick={handleRide} /></td>
|
||||
|
||||
<td> <RoadTripLink rides={r.rides} isOpened={false} currentRide={null} visit={r} onRideClick={handleRide} /> {bookRide} </td>
|
||||
<td><a href={"/#/app/member/" + r.user.useruuid}>{r.user.member}</a></td>
|
||||
<td>{r.provider.provider_uuid}</td>
|
||||
<td>{r.visit_uuid}</td>
|
||||
@@ -236,7 +236,7 @@ class DatatableComponent extends React.Component {
|
||||
<th>Visit Time</th>
|
||||
<th>Provider</th>
|
||||
<th>Member </th>
|
||||
<th>Ride</th>
|
||||
{/* <th>Ride</th> */}
|
||||
<th>Rides </th>
|
||||
<th>Subscriber ID</th>
|
||||
<th>Provider ID</th>
|
||||
|
||||
@@ -8,6 +8,10 @@ import Dialog from 'material-ui/Dialog';
|
||||
|
||||
import Instance from '../../../components/Connection';
|
||||
|
||||
import {
|
||||
loggedUser
|
||||
} from 'utils/authorization';
|
||||
|
||||
class Login extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
@@ -75,9 +79,10 @@ class Login extends React.Component {
|
||||
let auth = res.data;
|
||||
state.setCookie('token', auth.token, auth.valid_time);
|
||||
localStorage.setItem('loggedUser', JSON.stringify(auth.user));
|
||||
|
||||
Instance.setToken(auth.token);
|
||||
|
||||
loggedUser.update();
|
||||
|
||||
location.href = '/#/';
|
||||
}).catch(function (err) {
|
||||
state.setState(Object.assign(state.state, {
|
||||
|
||||
@@ -54,8 +54,7 @@ class SignUp extends React.Component {
|
||||
this.clickEvent = this.clickEvent.bind(this);
|
||||
}
|
||||
|
||||
componentDidMount = () => {
|
||||
}
|
||||
componentDidMount = () => { }
|
||||
|
||||
buttonValidated = () => {
|
||||
let validated = true;
|
||||
@@ -128,7 +127,7 @@ class SignUp extends React.Component {
|
||||
"pass": this.state.pass,
|
||||
};
|
||||
|
||||
Instance.getRawConn().post('/v1/selfregister/', user).then(function (res) {
|
||||
Instance.setToken(null).post('/v1/selfregister/', user).then(function (res) {
|
||||
localStorage.removeItem('loggedUser');
|
||||
location.href = '/#/login';
|
||||
}).catch(function (err) {
|
||||
|
||||
@@ -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();
|
||||
|
||||
@@ -11,7 +11,7 @@ const normalizeRoles = (profiles) => {
|
||||
}
|
||||
|
||||
if (roleKeys.length === 1) {
|
||||
return profiles[roleKeys[0]].authorize;
|
||||
return profiles[roleKeys[0]].roles;
|
||||
}
|
||||
|
||||
const roles = profiles.reduce((result, profile) => {
|
||||
|
||||
Reference in New Issue
Block a user