2016-06-05 17:46:41 +05:30
|
|
|
import React, { PropTypes } from 'react';
|
2016-05-14 16:56:17 +05:30
|
|
|
|
|
|
|
import { FormattedMessage as Message } from 'react-intl';
|
|
|
|
|
|
|
|
import { Input } from 'components/ui/form';
|
|
|
|
|
|
|
|
import BaseAuthBody from 'components/auth/BaseAuthBody';
|
|
|
|
import styles from './activation.scss';
|
|
|
|
import messages from './Activation.intl.json';
|
|
|
|
|
|
|
|
export default class ActivationBody extends BaseAuthBody {
|
|
|
|
static displayName = 'ActivationBody';
|
|
|
|
static panelId = 'activation';
|
|
|
|
|
2016-06-05 17:46:41 +05:30
|
|
|
static propTypes = {
|
|
|
|
params: PropTypes.shape({
|
|
|
|
key: PropTypes.string
|
|
|
|
})
|
|
|
|
};
|
|
|
|
|
|
|
|
autoFocusField = this.props.params && this.props.params.key ? null : 'key';
|
2016-05-14 16:56:17 +05:30
|
|
|
|
|
|
|
render() {
|
2016-06-05 17:46:41 +05:30
|
|
|
const {key} = this.props.params;
|
2016-07-24 14:02:54 +05:30
|
|
|
const email = this.context.user.email;
|
2016-06-05 17:46:41 +05:30
|
|
|
|
2016-05-14 16:56:17 +05:30
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
{this.renderErrors()}
|
|
|
|
|
|
|
|
<div className={styles.description}>
|
|
|
|
<div className={styles.descriptionImage} />
|
|
|
|
|
|
|
|
<div className={styles.descriptionText}>
|
2016-07-24 14:02:54 +05:30
|
|
|
{email
|
|
|
|
? (
|
|
|
|
<Message {...messages.activationMailWasSent} values={{
|
|
|
|
email: (<b>{email}</b>)
|
|
|
|
}} />
|
|
|
|
)
|
|
|
|
: (
|
|
|
|
<Message {...messages.activationMailWasSentNoEmail} />
|
|
|
|
)
|
|
|
|
}
|
2016-05-14 16:56:17 +05:30
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className={styles.formRow}>
|
|
|
|
<Input {...this.bindField('key')}
|
|
|
|
color="blue"
|
2016-06-16 18:41:55 +05:30
|
|
|
center
|
2016-05-14 16:56:17 +05:30
|
|
|
required
|
2016-06-05 17:46:41 +05:30
|
|
|
value={key}
|
|
|
|
readOnly={!!key}
|
|
|
|
autoComplete="off"
|
2016-05-14 16:56:17 +05:30
|
|
|
placeholder={messages.enterTheCode}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|