Vulcan/packages/nova-base-components/lib/users/UsersProfileCheck.jsx

56 lines
2 KiB
React
Raw Normal View History

2016-08-08 11:18:21 +09:00
import Telescope from 'meteor/nova:lib';
import React, { PropTypes, Component } from 'react';
2016-06-10 10:25:38 +09:00
import { FormattedMessage } from 'react-intl';
2016-04-17 10:29:52 +09:00
import { Modal } from 'react-bootstrap';
import NovaForm from "meteor/nova:forms";
2016-06-14 10:01:44 +09:00
import { withRouter } from 'react-router'
2016-06-23 15:00:58 +09:00
import Users from 'meteor/nova:users';
import { Accounts } from 'meteor/std:accounts-ui';
const UsersProfileCheckModal = ({show, router}, {currentUser}) => {
2016-04-17 10:48:02 +09:00
// return fields that are required by the schema but haven't been filled out yet
const schema = Users.simpleSchema()._schema;
const requiredFields = _.filter(_.keys(schema), (fieldName) => {
2016-04-17 10:48:02 +09:00
var field = schema[fieldName];
return !!field.required && !Telescope.getNestedProperty(currentUser, fieldName);
2016-04-17 10:48:02 +09:00
});
2016-04-17 10:29:52 +09:00
return (
<Modal bsSize='small' show={ show }>
<Modal.Header>
2016-06-10 10:25:38 +09:00
<Modal.Title><FormattedMessage id="users.complete_profile"/></Modal.Title>
2016-04-17 10:29:52 +09:00
</Modal.Header>
<Modal.Body>
<NovaForm
collection={ Users }
2016-04-17 10:29:52 +09:00
document={ currentUser }
2016-11-09 11:55:12 +09:00
mutationName="usersEdit"
resultQuery={Users.graphQLQueries.single}
successCallback={ (user) => Telescope.callbacks.runAsync("users.profileCompleted.async", user) }
2016-04-17 10:48:02 +09:00
fields={ requiredFields }
2016-04-17 10:29:52 +09:00
/>
</Modal.Body>
<Modal.Footer>
<FormattedMessage id="app.or"/> <a className="complete-profile-logout" onClick={ () => Meteor.logout(Accounts.ui._options.onSignedOutHook()) }><FormattedMessage id="users.log_out"/></a>
2016-04-17 10:29:52 +09:00
</Modal.Footer>
</Modal>
)
};
const UsersProfileCheck = (props, {currentUser}) => {
return currentUser ? <UsersProfileCheckModal show={!Users.hasCompletedProfile(currentUser)}/> : null;
};
2016-04-17 10:29:52 +09:00
2016-04-19 15:54:53 +09:00
UsersProfileCheck.contextTypes = {
2016-04-17 10:29:52 +09:00
currentUser: React.PropTypes.object
};
UsersProfileCheckModal.contextTypes = {
currentUser: React.PropTypes.object
};
UsersProfileCheck.displayName = "UsersProfileCheck";
2016-06-14 10:01:44 +09:00
module.exports = withRouter(UsersProfileCheck);
export default withRouter(UsersProfileCheck);