|
|
@@ -1,107 +0,0 @@
|
|
|
-import React from 'react';
|
|
|
-import PropTypes from 'prop-types';
|
|
|
-import { withTranslation } from 'react-i18next';
|
|
|
-
|
|
|
-import { CopyToClipboard } from 'react-copy-to-clipboard';
|
|
|
-
|
|
|
-import Modal from 'react-bootstrap/es/Modal';
|
|
|
-import Button from 'react-bootstrap/es/Button';
|
|
|
-
|
|
|
-import { toastSuccess } from '../../../util/apiNotification';
|
|
|
-import { createSubscribedElement } from '../../UnstatedUtils';
|
|
|
-import AppContainer from '../../../services/AppContainer';
|
|
|
-
|
|
|
-class ConfirmPasswordModal extends React.Component {
|
|
|
-
|
|
|
- showToaster() {
|
|
|
- toastSuccess('Copied Mail and Password');
|
|
|
- }
|
|
|
-
|
|
|
- renderCreatedEmail(userList) {
|
|
|
- return (
|
|
|
- <ul>
|
|
|
- {userList.map((user) => {
|
|
|
- const copyText = `Email:${user.email} Password:${user.password} `;
|
|
|
- return (
|
|
|
- <CopyToClipboard text={copyText} onCopy={this.showToaster}>
|
|
|
- <li key={user.email} className="btn">Email: <strong className="mr-3">{user.email}</strong> Password: <strong>{user.password}</strong></li>
|
|
|
- </CopyToClipboard>
|
|
|
- );
|
|
|
- })}
|
|
|
- </ul>
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
- renderExistingEmail(emailList) {
|
|
|
- const { t } = this.props;
|
|
|
-
|
|
|
- return (
|
|
|
- <>
|
|
|
- <p className="text-warning">{ t('user_management.existing_email') }</p>
|
|
|
- <ul>
|
|
|
- {emailList.map((user) => {
|
|
|
- return (
|
|
|
- <li key={user}><strong>{user}</strong></li>
|
|
|
- );
|
|
|
- })}
|
|
|
- </ul>
|
|
|
- </>
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
- render() {
|
|
|
- const { t } = this.props;
|
|
|
- const { invitedEmailList } = this.props;
|
|
|
-
|
|
|
- return (
|
|
|
- <>
|
|
|
- {invitedEmailList != null
|
|
|
- && (
|
|
|
- <Modal show={this.props.show}>
|
|
|
- <Modal.Header className="modal-header">
|
|
|
- <Modal.Title>
|
|
|
- {t('user_management.invited')}
|
|
|
- </Modal.Title>
|
|
|
- </Modal.Header>
|
|
|
- <Modal.Body>
|
|
|
- <p>{t('user_management.temporary_password')}</p>
|
|
|
- <p>{t('user_management.send_new_password')}</p>
|
|
|
- <p className="text-danger">{t('user_management.send_temporary_password')}</p>
|
|
|
- {invitedEmailList.createdUserList.length > 0 && this.renderCreatedEmail(invitedEmailList.createdUserList)}
|
|
|
- {invitedEmailList.existingEmailList.length > 0 && this.renderExistingEmail(invitedEmailList.existingEmailList)}
|
|
|
- </Modal.Body>
|
|
|
- <Modal.Footer>
|
|
|
- <Button
|
|
|
- bsStyle="primary"
|
|
|
- className="fcbtn btn btn-primary btn-outline btn-rounded btn-1b"
|
|
|
- onClick={this.props.onCloseConfirmPasswordModal}
|
|
|
- >
|
|
|
- Close
|
|
|
- </Button>
|
|
|
- </Modal.Footer>
|
|
|
- </Modal>
|
|
|
- )}
|
|
|
- </>
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-/**
|
|
|
- * Wrapper component for using unstated
|
|
|
- */
|
|
|
-const ConfirmPasswordModalWrapper = (props) => {
|
|
|
- return createSubscribedElement(ConfirmPasswordModal, props, [AppContainer]);
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-ConfirmPasswordModal.propTypes = {
|
|
|
- t: PropTypes.func.isRequired, // i18next
|
|
|
- appContainer: PropTypes.instanceOf(AppContainer).isRequired,
|
|
|
-
|
|
|
- show: PropTypes.bool.isRequired,
|
|
|
- onCloseConfirmPasswordModal: PropTypes.func.isRequired,
|
|
|
- invitedEmailList: PropTypes.object,
|
|
|
-};
|
|
|
-
|
|
|
-export default withTranslation()(ConfirmPasswordModalWrapper);
|