Send Password Reset Request

src/client/js/components/Admin/Users/PasswordResetDoneModal.jsx

@@ -5,19 +5,22 @@ import { withTranslation } from 'react-i18next';
 import Modal from 'react-bootstrap/es/Modal';
 
 import { createSubscribedElement } from '../../UnstatedUtils';
+import toastError from '../../../util/apiNotification';
 import AppContainer from '../../../services/AppContainer';
 
 class PasswordResetDoneModal extends React.Component {
 
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
 
     this.state = {
       isOpenThisModal: false,
+      temporaryPassword: [],
     };
 
     this.isShow = this.isShow.bind(this);
     this.onHideDoneModal = this.onHideDoneModal.bind(this);
+    this.resetPassword = this.resetPassword.bind(this);
   }
 
   isShow() {
@@ -28,15 +31,29 @@ class PasswordResetDoneModal extends React.Component {
     this.setState({ isOpenThisModal: false });
   }
 
+  async resetPassword() {
+    const { appContainer, user } = this.props;
+
+    const res = await appContainer.apiPost('/admin/users.resetPassword', { user_id: user._id });
+    if (res.ok) {
+      this.setState({ temporaryPassword: res.newPassword });
+      this.setState({ isOpenThisModal: true });
+    }
+    else {
+      toastError('Failed to reset password');
+    }
+  }
+
+
   render() {
-    const { t, user, onHide } = this.props;
+    const { t, user } = this.props;
 
     return (
       <div>
-        <button type="submit" className="btn btn-primary" onClick={this.isShow}>
+        <button type="submit" className="btn btn-primary" onClick={this.isShow && this.resetPassword}>
           { t('user_management.reset_password')}
         </button>
-        <Modal show={this.state.isOpenThisModal} onHide={this.onHideDoneModal && onHide}>
+        <Modal show={this.state.isOpenThisModal} onHide={this.onHideDoneModal && this.props.onHideModal}>
           <Modal.Header className="modal-header" closeButton>
             <Modal.Title>
               { t('user_management.reset_password') }
@@ -49,13 +66,13 @@ class PasswordResetDoneModal extends React.Component {
                 { t('user_management.target_user') }: <code>{ user.email }</code>
               </p>
               <p>
-                { t('user_management.new_password') }: <code>newPassword</code>
+                { t('user_management.new_password') }: <code>{ this.state.temporaryPassword }</code>
               </p>
             </div>
           </Modal.Body>
           <Modal.Footer>
             <div>
-              <button type="submit" className="btn btn-primary" onClick={this.onHideDoneModal && onHide}>OK</button>
+              <button type="submit" className="btn btn-primary" onClick={this.onHideDoneModal && this.props.onHideModal}>OK</button>
             </div>
           </Modal.Footer>
         </Modal>
@@ -77,7 +94,7 @@ PasswordResetDoneModal.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
 
   user: PropTypes.object.isRequired,
-  onHide: PropTypes.func.isRequired,
+  onHideModal: PropTypes.func.isRequired,
 };
 
 export default withTranslation()(PasswordResetDoneModalWrapper);

src/client/js/components/Admin/Users/PasswordResetModal.jsx

@@ -55,7 +55,7 @@ class PasswordResetModal extends React.Component {
               </p>
               <PasswordResetDoneModal
                 user={user}
-                onHide={this.onHide}
+                onHideModal={this.onHide}
               />
             </div>
           </Modal.Body>

src/server/routes/admin.js

@@ -585,6 +585,7 @@ module.exports = function(crowi, app) {
   actions.user.resetPassword = async function(req, res) {
     const id = req.body.user_id;
     const User = crowi.model('User');
+    debug(User);
 
     try {
       const newPassword = await User.resetPasswordByRandomString(id);