PLT-3633 EE: Add Google and Office365 SSO through OAuth2 (#3660)

* EE: Add Google and Office365 SSO through OAuth2

* Add localization strings

* Text tweaks for PLT-3633

* Added sign-up button for Office 365

* Updated some error messages and a bit of licensing

* Updated sign-in method section in user settings to include Google and Office365

* Added more localization strings

1 files changed, 23 insertions, 4 deletions

diff --git a/webapp/components/login/login_controller.jsx b/webapp/components/login/login_controller.jsx
index bcd362f13..4a4c5cb0a 100644
--- a/webapp/components/login/login_controller.jsx
+++ b/webapp/components/login/login_controller.jsx
@@ -328,6 +328,7 @@ export default class LoginController extends React.Component {
         const ldapEnabled = this.state.ldapEnabled;
         const gitlabSigninEnabled = global.window.mm_config.EnableSignUpWithGitLab === 'true';
         const googleSigninEnabled = global.window.mm_config.EnableSignUpWithGoogle === 'true';
+        const office365SigninEnabled = global.window.mm_config.EnableSignUpWithOffice365 === 'true';
         const samlSigninEnabled = this.state.samlEnabled;
         const usernameSigninEnabled = this.state.usernameSigninEnabled;
         const emailSigninEnabled = this.state.emailSigninEnabled;
@@ -429,7 +430,7 @@ export default class LoginController extends React.Component {
             );
         }
 
-        if ((emailSigninEnabled || usernameSigninEnabled || ldapEnabled) && (gitlabSigninEnabled || googleSigninEnabled || samlSigninEnabled)) {
+        if ((emailSigninEnabled || usernameSigninEnabled || ldapEnabled) && (gitlabSigninEnabled || googleSigninEnabled || samlSigninEnabled || office365SigninEnabled)) {
             loginControls.push(
                 <div
                     key='divider'
@@ -472,10 +473,10 @@ export default class LoginController extends React.Component {
 
         if (googleSigninEnabled) {
             loginControls.push(
-                <Link
+                <a
                     className='btn btn-custom-login google'
                     key='google'
-                    to={Client.getOAuthRoute() + '/google/login'}
+                    href={Client.getOAuthRoute() + '/google/login' + this.props.location.search}
                 >
                     <span className='icon'/>
                     <span>
@@ -484,7 +485,25 @@ export default class LoginController extends React.Component {
                             defaultMessage='Google Apps'
                         />
                     </span>
-                </Link>
+                </a>
+            );
+        }
+
+        if (office365SigninEnabled) {
+            loginControls.push(
+                <a
+                    className='btn btn-custom-login office365'
+                    key='office365'
+                    href={Client.getOAuthRoute() + '/office365/login' + this.props.location.search}
+                >
+                    <span className='icon'/>
+                    <span>
+                        <FormattedMessage
+                            id='login.office365'
+                            defaultMessage='Office 365'
+                        />
+                    </span>
+                </a>
             );
         }