|
|
@@ -6,9 +6,10 @@ import {
|
|
|
Modal, ModalHeader, ModalBody, ModalFooter,
|
|
|
} from 'reactstrap';
|
|
|
|
|
|
+import AdminUsersContainer from '~/client/services/AdminUsersContainer';
|
|
|
import { apiv3Put } from '~/client/util/apiv3-client';
|
|
|
import { toastError } from '~/client/util/toastr';
|
|
|
-
|
|
|
+import { useIsMailerSetup } from '~/stores/context';
|
|
|
|
|
|
class PasswordResetModal extends React.Component {
|
|
|
|
|
|
@@ -21,6 +22,7 @@ class PasswordResetModal extends React.Component {
|
|
|
};
|
|
|
|
|
|
this.resetPassword = this.resetPassword.bind(this);
|
|
|
+ this.onClickSendNewPasswordButton = this.onClickSendNewPasswordButton.bind(this);
|
|
|
}
|
|
|
|
|
|
// Reset Password
|
|
|
@@ -36,6 +38,21 @@ class PasswordResetModal extends React.Component {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ renderButtons() {
|
|
|
+ const { t, isMailerSetup } = this.props;
|
|
|
+
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <button type="submit" className="btn btn-primary" onClick={this.onClickSendNewPasswordButton} disabled={!isMailerSetup}>
|
|
|
+ {t('Send')}
|
|
|
+ </button>
|
|
|
+ <button type="submit" className="btn btn-danger" onClick={this.props.onClose}>
|
|
|
+ {t('Close')}
|
|
|
+ </button>
|
|
|
+ </>
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
renderModalBodyBeforeReset() {
|
|
|
const { t, userForPasswordResetModal } = this.props;
|
|
|
|
|
|
@@ -87,15 +104,45 @@ class PasswordResetModal extends React.Component {
|
|
|
}
|
|
|
|
|
|
returnModalFooterAfterReset() {
|
|
|
- const { t } = this.props;
|
|
|
-
|
|
|
+ const { t, isMailerSetup, userForPasswordResetModal } = this.props;
|
|
|
+
|
|
|
+ if (!isMailerSetup) {
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <div>
|
|
|
+ <label className="form-text text-muted" dangerouslySetInnerHTML={{ __html: t('admin:mailer_setup_required') }} />
|
|
|
+ </div>
|
|
|
+ {this.renderButtons()}
|
|
|
+ </>
|
|
|
+ );
|
|
|
+ }
|
|
|
return (
|
|
|
- <button type="submit" className="btn btn-primary" onClick={this.props.onClose}>
|
|
|
- {t('Close')}
|
|
|
- </button>
|
|
|
+ <>
|
|
|
+ <p className="mb-4 mt-1">To:</p>
|
|
|
+ <div className="mr-3">
|
|
|
+ <p className="mb-0">{userForPasswordResetModal.username}</p>
|
|
|
+ <p className="mb-0">{userForPasswordResetModal.email}</p>
|
|
|
+ </div>
|
|
|
+ {this.renderButtons()}
|
|
|
+ </>
|
|
|
);
|
|
|
}
|
|
|
|
|
|
+ async onClickSendNewPasswordButton() {
|
|
|
+
|
|
|
+ const {
|
|
|
+ userForPasswordResetModal,
|
|
|
+ } = this.props;
|
|
|
+
|
|
|
+
|
|
|
+ try {
|
|
|
+ await apiv3Put('/users/reset-password-email', { id: userForPasswordResetModal._id, newPassword: this.state.temporaryPassword });
|
|
|
+ }
|
|
|
+ catch (err) {
|
|
|
+ toastError(err);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
render() {
|
|
|
const { t } = this.props;
|
|
|
@@ -119,7 +166,8 @@ class PasswordResetModal extends React.Component {
|
|
|
|
|
|
const PasswordResetModalWrapperFC = (props) => {
|
|
|
const { t } = useTranslation('admin');
|
|
|
- return <PasswordResetModal t={t} {...props} />;
|
|
|
+ const { data: isMailerSetup } = useIsMailerSetup();
|
|
|
+ return <PasswordResetModal t={t} isMailerSetup={isMailerSetup ?? false} {...props} />;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
@@ -132,6 +180,8 @@ PasswordResetModal.propTypes = {
|
|
|
isOpen: PropTypes.bool.isRequired,
|
|
|
onClose: PropTypes.func.isRequired,
|
|
|
userForPasswordResetModal: PropTypes.object,
|
|
|
+ onSuccessfullySentNewPasswordEmail: PropTypes.func.isRequired,
|
|
|
+ adminUsersContainer: PropTypes.instanceOf(AdminUsersContainer).isRequired,
|
|
|
|
|
|
};
|
|
|
|