|
|
@@ -9,7 +9,7 @@ import {
|
|
|
|
|
|
import { apiv3Put } from '~/client/util/apiv3-client';
|
|
|
import { toastSuccess, toastError } from '~/client/util/toastr';
|
|
|
-
|
|
|
+import { useIsMailerSetup } from '~/stores/context';
|
|
|
|
|
|
class PasswordResetModal extends React.Component {
|
|
|
|
|
|
@@ -22,6 +22,7 @@ class PasswordResetModal extends React.Component {
|
|
|
};
|
|
|
|
|
|
this.resetPassword = this.resetPassword.bind(this);
|
|
|
+ this.onClickSendNewPasswordButton = this.onClickSendNewPasswordButton.bind(this);
|
|
|
}
|
|
|
|
|
|
async resetPassword() {
|
|
|
@@ -40,6 +41,21 @@ class PasswordResetModal extends React.Component {
|
|
|
toastSuccess('Copied Password');
|
|
|
}
|
|
|
|
|
|
+ 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;
|
|
|
|
|
|
@@ -102,13 +118,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;
|
|
|
@@ -132,7 +180,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} />;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
@@ -145,6 +194,8 @@ PasswordResetModal.propTypes = {
|
|
|
isOpen: PropTypes.bool.isRequired,
|
|
|
onClose: PropTypes.func.isRequired,
|
|
|
userForPasswordResetModal: PropTypes.object,
|
|
|
+ onSuccessfullySentNewPasswordEmail: PropTypes.func.isRequired,
|
|
|
+ adminUsersContainer: PropTypes.instanceOf(AdminUsersContainer).isRequired,
|
|
|
|
|
|
};
|
|
|
|