PLT-4767 Implement MFA Enforcement (#4662)

* Create MFA setup page and remove MFA setup from account settings modal

* Add enforce MFA to system console and force redirect

* Lockdown mfa required API routes, add localization, other changes

* Minor fixes

* Fix typo

* Fix some unit tests

* Fix more unit tests

* Minor fix

* Updating UI for MFA screen (#4670)

* Updating UI for MFA screen

* Updating styles for MFA page

* Add the ability to switch between email/sso with MFA enabled

* Added mfa change email

* Minor UI updates for MFA enforcement

* Fix unit test

* Fix client unit test

* Allow switching email to ldap and back when MFA is enabled

* Fix unit test

* Revert config.json

1 files changed, 75 insertions, 0 deletions

diff --git a/webapp/components/mfa/components/confirm.jsx b/webapp/components/mfa/components/confirm.jsx
new file mode 100644
index 000000000..026d12c6e
--- /dev/null
+++ b/webapp/components/mfa/components/confirm.jsx
@@ -0,0 +1,75 @@
+// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import Constants from 'utils/constants.jsx';
+const KeyCodes = Constants.KeyCodes;
+
+import React from 'react';
+import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
+import {browserHistory} from 'react-router/es6';
+
+export default class Confirm extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.onKeyPress = this.onKeyPress.bind(this);
+    }
+
+    componentDidMount() {
+        document.body.addEventListener('keydown', this.onKeyPress);
+    }
+
+    componentWillUnmount() {
+        document.body.removeEventListener('keydown', this.onKeyPress);
+    }
+
+    submit(e) {
+        e.preventDefault();
+        browserHistory.push('/');
+    }
+
+    onKeyPress(e) {
+        if (e.which === KeyCodes.ENTER) {
+            this.submit(e);
+        }
+    }
+
+    render() {
+        return (
+            <div>
+                <form
+                    onSubmit={this.submit}
+                    onKeyPress={this.onKeyPress}
+                    className='form-group'
+                >
+                    <p>
+                        <FormattedHTMLMessage
+                            id='mfa.confirm.complete'
+                            defaultMessage='<strong>Set up complete!</strong>'
+                        />
+                    </p>
+                    <p>
+                        <FormattedMessage
+                            id='mfa.confirm.secure'
+                            defaultMessage='Your account is now secure. Next time you sign in, you will be asked to enter a code from the Google Authenticator app on your phone.'
+                        />
+                    </p>
+                    <button
+                        type='submit'
+                        className='btn btn-primary'
+                    >
+                        <FormattedMessage
+                            id='mfa.confirm.okay'
+                            defaultMessage='Okay'
+                        />
+                    </button>
+                </form>
+            </div>
+        );
+    }
+}
+
+Confirm.defaultProps = {
+};
+Confirm.propTypes = {
+};