PLT-2057 User as a first class object (#2648)

* Adding TeamMember to system

* Fixing all unit tests on the backend

* Fixing merge conflicts

* Fixing merge conflict

* Adding javascript unit tests

* Adding TeamMember to system

* Fixing all unit tests on the backend

* Fixing merge conflicts

* Fixing merge conflict

* Adding javascript unit tests

* Adding client side unit test

* Cleaning up the clint side tests

* Fixing msg

* Adding more client side unit tests

* Adding more using tests

* Adding last bit of client side unit tests and adding make cmd

* Fixing bad merge

* Fixing libraries

* Updating to new client side API

* Fixing borken unit test

* Fixing unit tests

* ugg...trying to beat gofmt

* ugg...trying to beat gofmt

* Cleaning up remainder of the server side routes

* Adding inital load api

* Increased coverage of webhook unit tests (#2660)

* Adding loading ... to root html

* Fixing bad merge

* Removing explicit content type so superagent will guess corectly (#2685)

* Fixing merge and unit tests

* Adding create team UI

* Fixing signup flows

* Adding LDAP unit tests and enterprise unit test helper (#2702)

* Add the ability to reset MFA from the commandline (#2706)

* Fixing compliance unit tests

* Fixing client side tests

* Adding open server to system console

* Moving websocket connection

* Fixing unit test

* Fixing unit tests

* Fixing unit tests

* Adding nickname and more LDAP unit tests (#2717)

* Adding join open teams

* Cleaning up all TODOs in the code

* Fixing web sockets

* Removing unused webockets file

* PLT-2533 Add the ability to reset a user's MFA from the system console (#2715)

* Add the ability to reset a user's MFA from the system console

* Add client side unit test for adminResetMfa

* Reorganizing authentication to fix LDAP error message (#2723)

* Fixing failing unit test

* Initial upgrade db code

* Adding upgrade script

* Fixing upgrade script after running on core

* Update OAuth and Claim routes to work with user model changes (#2739)

* Fixing perminant deletion. Adding ability to delete all user and the entire database (#2740)

* Fixing team invite ldap login call (#2741)

* Fixing bluebar and some img stuff

* Fix all the different file upload web utils (#2743)

* Fixing invalid session redirect (#2744)

* Redirect on bad channel name (#2746)

* Fixing a bunch of issue and removing dead code

* Patch to fix error message on leave channel (#2747)

* Setting EnableOpenServer to false by default

* Fixing config

* Fixing upgrade

* Fixing reported bugs

* Bug fixes for PLT-2057

* PLT-2563 Redo password recovery to use a database table (#2745)

* Redo password recovery to use a database table

* Update reset password audits

* Split out admin and user reset password APIs to be separate

* Delete password recovery when user is permanently deleted

* Consolidate password resetting into a single function

* Removed private channels as an option for outgoing webhooks (#2752)

* PLT-2577/PLT-2552 Fixes for backstage (#2753)

* Added URL to incoming webhook list

* Fixed client functions for adding/removing integrations

* Disallowed slash commands without trigger words

* Fixed clientside handling of errors on AddCommand page

* Minor auth cleanup (#2758)

* Changed EditPostModal to just close if you save without making any changes (#2759)

* Renamed client -> Client in async_client.jsx and fixed eslint warnings (#2756)

* Fixed url in channel info modal (#2755)

* Fixing reported issues

* Moving to version 3 of the apis

* Fixing command unit tests (#2760)

* Adding team admins

* Fixing DM issue

* Fixing eslint error

* Properly set EditPostModal's originalText state in all cases (#2762)

* Update client config check to assume features is defined if server is licensed (#2772)

* Fixing url link

* Fixing issue with websocket crashing when sending messages to different teams

1 files changed, 257 insertions, 0 deletions

diff --git a/webapp/components/select_team/select_team.jsx b/webapp/components/select_team/select_team.jsx
new file mode 100644
index 000000000..5804a641e
--- /dev/null
+++ b/webapp/components/select_team/select_team.jsx
@@ -0,0 +1,257 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import UserStore from 'stores/user_store.jsx';
+import TeamStore from 'stores/team_store.jsx';
+import * as Utils from 'utils/utils.jsx';
+import ErrorBar from 'components/error_bar.jsx';
+import LoadingScreen from 'components/loading_screen.jsx';
+import Client from 'utils/web_client.jsx';
+import * as AsyncClient from 'utils/async_client.jsx';
+import * as GlobalActions from 'action_creators/global_actions.jsx';
+
+import * as TextFormatting from 'utils/text_formatting.jsx';
+
+import {Link} from 'react-router';
+
+import {FormattedMessage} from 'react-intl';
+
+//import {browserHistory, Link} from 'react-router';
+
+import React from 'react';
+import logoImage from 'images/logo.png';
+
+export default class Login extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.onTeamChange = this.onTeamChange.bind(this);
+
+        const state = this.getStateFromStores(false);
+        this.state = state;
+    }
+
+    componentDidMount() {
+        TeamStore.addChangeListener(this.onTeamChange);
+        AsyncClient.getAllTeamListings();
+    }
+
+    componentWillUnmount() {
+        TeamStore.removeChangeListener(this.onTeamChange);
+    }
+
+    onTeamChange() {
+        this.setState(this.getStateFromStores(true));
+    }
+
+    getStateFromStores(loaded) {
+        return {
+            teams: TeamStore.getAll(),
+            teamMembers: TeamStore.getTeamMembers(),
+            teamListings: TeamStore.getTeamListings(),
+            loaded
+        };
+    }
+
+    createCustomLogin() {
+        if (global.window.mm_license.IsLicensed === 'true' &&
+                global.window.mm_license.CustomBrand === 'true' &&
+                global.window.mm_config.EnableCustomBrand === 'true') {
+            const text = global.window.mm_config.CustomBrandText || '';
+
+            return (
+                <div>
+                    <img
+                        src={Client.getAdminRoute() + '/get_brand_image'}
+                    />
+                    <p dangerouslySetInnerHTML={{__html: TextFormatting.formatText(text)}}/>
+                </div>
+            );
+        }
+
+        return null;
+    }
+
+    render() {
+        var content;
+
+        let customClass;
+        const customContent = this.createCustomLogin();
+        if (customContent) {
+            customClass = 'branded';
+        }
+
+        var teamContents = [];
+        var isAlreadyMember = new Map();
+
+        for (var index in this.state.teamMembers) {
+            if (this.state.teamMembers.hasOwnProperty(index)) {
+                var teamMember = this.state.teamMembers[index];
+                var team = this.state.teams[teamMember.team_id];
+                isAlreadyMember[teamMember.team_id] = true;
+                teamContents.push(
+                    <div
+                        key={'team_' + team.name}
+                        className='signup-team-dir'
+                    >
+                        <Link
+                            to={'/' + team.name + '/channels/town-square'}
+                        >
+                            <span className='signup-team-dir__name'>{team.display_name}</span>
+                            <span
+                                className='glyphicon glyphicon-menu-right right signup-team-dir__arrow'
+                                aria-hidden='true'
+                            />
+                        </Link>
+                    </div>
+                );
+            }
+        }
+
+        if (!teamContents || teamContents.length === 0) {
+            teamContents = (
+                <div className='signup-team-dir-err'>
+                    <div>
+                        <FormattedMessage
+                            id='signup_team.no_teams'
+                            defaultMessage='You do not appear to be a member of any team.  Please ask your administrator for an invite, join an open team if one exists or possibly create a new team.'
+                        />
+                    </div>
+                </div>
+            );
+        }
+
+        content = (
+            <div className='signup__content'>
+                <h4>
+                    <FormattedMessage
+                        id='signup_team.choose'
+                        defaultMessage='Teams you are a member of:'
+                    />
+                </h4>
+                <div className='signup-team-all'>
+                    {teamContents}
+                </div>
+            </div>
+        );
+
+        var openTeamContents = [];
+
+        for (var id in this.state.teamListings) {
+            if (this.state.teamListings.hasOwnProperty(id) && !isAlreadyMember[id]) {
+                var openTeam = this.state.teamListings[id];
+                openTeamContents.push(
+                    <div
+                        key={'team_' + openTeam.name}
+                        className='signup-team-dir'
+                    >
+                        <Link
+                            to={`/signup_user_complete/?id=${openTeam.invite_id}`}
+                        >
+                            <span className='signup-team-dir__name'>{openTeam.display_name}</span>
+                            <span
+                                className='glyphicon glyphicon-menu-right right signup-team-dir__arrow'
+                                aria-hidden='true'
+                            />
+                        </Link>
+                    </div>
+                );
+            }
+        }
+
+        var openContent;
+        if (openTeamContents.length > 0) {
+            openContent = (
+                <div className='signup__content'>
+                    <h4>
+                        <FormattedMessage
+                            id='signup_team.join_open'
+                            defaultMessage='Open teams you can join: '
+                        />
+                    </h4>
+                    <div className='signup-team-all'>
+                        {openTeamContents}
+                    </div>
+                </div>
+            );
+        }
+
+        if (!this.state.loaded) {
+            openContent = <LoadingScreen/>;
+        }
+
+        var isSystemAdmin = Utils.isSystemAdmin(UserStore.getCurrentUser().roles);
+
+        let teamSignUp;
+        if (isSystemAdmin || (global.window.mm_config.EnableTeamCreation === 'true' && !Utils.isMobileApp())) {
+            teamSignUp = (
+                <div className='margin--extra'>
+                    <Link
+                        to='/create_team'
+                        className='signup-team-login'
+                    >
+                        <FormattedMessage
+                            id='login.createTeam'
+                            defaultMessage='Create a new team'
+                        />
+                    </Link>
+                </div>
+            );
+        }
+
+        let adminConsoleLink;
+        if (isSystemAdmin) {
+            adminConsoleLink = (
+                <div className='margin--extra'>
+                    <Link
+                        to='/admin_console'
+                        className='signup-team-login'
+                    >
+                        <FormattedMessage
+                            id='navbar_dropdown.console'
+                            defaultMessage='System Console'
+                        />
+                    </Link>
+                </div>
+            );
+        }
+
+        return (
+            <div>
+                <ErrorBar/>
+                <div className='signup-header'>
+                    <a
+                        href='#'
+                        onClick={GlobalActions.emitUserLoggedOutEvent}
+                    >
+                        <span className='fa fa-chevron-left'/>
+                        <FormattedMessage
+                            id='navbar_dropdown.logout'
+                        />
+                    </a>
+                </div>
+                <div className='col-sm-12'>
+                    <div className={'signup-team__container ' + customClass}>
+                        <div className='signup__markdown'>
+                            {customContent}
+                        </div>
+                        <img
+                            className='signup-team-logo'
+                            src={logoImage}
+                        />
+                        <h1>{global.window.mm_config.SiteName}</h1>
+                        <h4 className='color--light'>
+                            <FormattedMessage
+                                id='web.root.singup_info'
+                            />
+                        </h4>
+                        {content}
+                        {openContent}
+                        {teamSignUp}
+                        {adminConsoleLink}
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}