All about user login

Not runnable at the moment

client/src/account/Login.js

@@ -0,0 +1,107 @@
+'use strict';
+
+import React, { Component } from 'react';
+import { translate } from 'react-i18next';
+import { withPageHelpers, Title } from '../lib/page'
+import { Link } from 'react-router-dom'
+import {
+    withForm, Form, FormSendMethod, InputField, CheckBox, ButtonRow, Button, AlignedRow
+} from '../lib/form';
+import { withErrorHandling } from '../lib/error-handling';
+import URL from 'url-parse';
+import mailtrainConfig from 'mailtrainConfig';
+
+@translate()
+@withForm
+@withPageHelpers
+@withErrorHandling
+export default class Login extends Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {};
+
+        this.initForm();
+    }
+
+    componentDidMount() {
+        this.populateFormValues({
+            username: '',
+            password: '',
+            remember: false
+        });
+    }
+
+    localValidateFormValues(state) {
+        const t = this.props.t;
+
+        const username = state.getIn(['username', 'value']);
+        if (!username) {
+            state.setIn(['username', 'error'], t('User name must not be empty'));
+        } else {
+            state.setIn(['username', 'error'], null);
+        }
+
+        const password = state.getIn(['password', 'value']);
+        if (!username) {
+            state.setIn(['password', 'error'], t('Password must not be empty'));
+        } else {
+            state.setIn(['password', 'error'], null);
+        }
+    }
+
+    async submitHandler() {
+        const t = this.props.t;
+
+        try {
+            this.disableForm();
+            this.setFormStatusMessage('info', t('Verifying credentials ...'));
+
+            const submitSuccessful = await this.validateAndSendFormValuesToURL(FormSendMethod.POST, '/rest/login');
+
+            if (submitSuccessful) {
+                const query = new URL(this.props.location.search, true).query;
+
+                /* FIXME, once we turn Mailtrain to single-page application, this should become navigateTo */
+                window.location = query.next;
+            } else {
+                this.setFormStatusMessage('warning', t('Please enter your credentials and try again.'));
+            }
+        } catch (error) {
+            if (error instanceof interoperableErrors.IncorrectPasswordError) {
+                this.enableForm();
+
+                this.setFormStatusMessage('danger',
+                    <span>
+                        <strong>{t('Invalid username or password.')}</strong>
+                    </span>
+                );
+
+                return;
+            }
+
+            throw error;
+        }
+    }
+
+    render() {
+        const t = this.props.t;
+
+        return (
+            <div>
+                <Title>{t('Sign in')}</Title>
+
+                <Form stateOwner={this} onSubmitAsync={::this.submitHandler}>
+                    <InputField id="username" label={t('Username')}/>
+                    <InputField id="password" label={t('Password')} type="password" />
+                    <CheckBox id="remember" label={t('Remember me')}/>
+
+                    <ButtonRow>
+                        <Button type="submit" className="btn-primary" icon="ok" label={t('Sign in')}/>
+                        {mailtrainConfig.isAuthMethodLocal && <Link to={`/account/forgot/${this.getFormValue('username')}`}>{t('Forgot your password?')}</Link>}
+                    </ButtonRow>
+                </Form>
+            </div>
+        );
+    }
+}