//demo的git git clone https://github.com/easemob/webim.git
const Login = ({
I18N,
login,
doLogin,
doLoginByToken,
jumpRegister,
form: { getFieldDecorator, validateFieldsAndScroll }
}) => {
const { loginLoading } = login
const handleOk = () => {
validateFieldsAndScroll((errors, values) => {
if (errors) {
return
}
console.log(values)
if (values.type) {
doLoginByToken(values.username, values.password)
} else {
doLogin(values.username, values.password)
console.log(doLogin(values.username, values.password));
}
})
}
const logo = WebIM.config.i18n == 'cn' ? <i className='font'>V</i> : <i className="iconfont icon-hyphenate"/>
return (
<div className="form x-login" style={{display:'none'}}>
<div className="logo">
{logo}
<span>{config.name}</span>
</div>
<form>
<FormItem hasFeedback>
{getFieldDecorator('username', {
rules: [
{
required: true
}
]
})(<Input size="large" onPressEnter={handleOk} id='ddcx_name' placeholder={I18N.username}/>)}
</FormItem>
<FormItem hasFeedback>
{getFieldDecorator('password', {
rules: [
{
required: true
}
]
})(<Input size="large" type="password" onPressEnter={handleOk} id='ddcx_pass' placeholder={I18N.password}/>)}
</FormItem>
<FormItem hasFeedback>{getFieldDecorator('type')(<Checkbox>{I18N.tokenSignin}</Checkbox>)}</FormItem>
<Row>
<Button type="primary" size="large" id='ddcx_btn' onClick={handleOk} loading={loginLoading}>
{I18N.signIn}
</Button>
</Row>
</form>
<div className="extra">
<p>
{I18N.noaccount}
<span onClick={jumpRegister}>{I18N.signUp}</span>
</p>
</div>
</div>
)
}
Login.propTypes = {
form: PropTypes.object,
login: PropTypes.object,
dispatch: PropTypes.func
}
export default connect(
({ login, i18n }) => ({
I18N: (i18n.locale && i18n.translations && i18n.translations[i18n.locale]) || {},
login: {
loginLoading: false
}
}),
dispatch => ({
doLogin: (username, password) => dispatch(LoginActions.login(username, password)),
doLoginByToken: (username, token) => dispatch(LoginActions.loginByToken(username, token)),
jumpRegister: () => dispatch(LoginActions.jumpRegister())
})
)(Form.create()(Login))