From 6c4c706313eb765eb00c639f381646be74f27b69 Mon Sep 17 00:00:00 2001
From: Joram Wilander <jwawilander@gmail.com>
Date: Tue, 25 Apr 2017 11:46:02 -0400
Subject: Start moving webapp to Redux (#6140)

* Start moving webapp to Redux

* Fix localforage import

* Updates per feedback

* Feedback udpates and a few fixes

* Minor updates

* Fix statuses, config not loading properly, getMe sanitizing too much

* Fix preferences

* Fix user autocomplete

* Fix sessions and audits

* Fix error handling for all redux actions

* Use new directory structure for components and containers

* Refresh immediately on logout instead of after timeout

* Add fetch polyfill
---
 webapp/components/add_users_to_team.jsx | 278 --------------------------------
 1 file changed, 278 deletions(-)
 delete mode 100644 webapp/components/add_users_to_team.jsx

(limited to 'webapp/components/add_users_to_team.jsx')

diff --git a/webapp/components/add_users_to_team.jsx b/webapp/components/add_users_to_team.jsx
deleted file mode 100644
index f0936c0d7..000000000
--- a/webapp/components/add_users_to_team.jsx
+++ /dev/null
@@ -1,278 +0,0 @@
-// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import MultiSelect from 'components/multiselect/multiselect.jsx';
-import ProfilePicture from 'components/profile_picture.jsx';
-
-import {addUsersToTeam} from 'actions/team_actions.jsx';
-import {searchUsersNotInTeam} from 'actions/user_actions.jsx';
-
-import UserStore from 'stores/user_store.jsx';
-import TeamStore from 'stores/team_store.jsx';
-
-import * as AsyncClient from 'utils/async_client.jsx';
-import Constants from 'utils/constants.jsx';
-import {displayUsernameForUser} from 'utils/utils.jsx';
-import Client from 'client/web_client.jsx';
-
-import React from 'react';
-import {Modal} from 'react-bootstrap';
-import {FormattedMessage} from 'react-intl';
-import {browserHistory} from 'react-router/es6';
-
-const USERS_PER_PAGE = 50;
-const MAX_SELECTABLE_VALUES = 20;
-
-export default class AddUsersToTeam extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.handleHide = this.handleHide.bind(this);
-        this.handleExit = this.handleExit.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-        this.handleDelete = this.handleDelete.bind(this);
-        this.onChange = this.onChange.bind(this);
-        this.search = this.search.bind(this);
-        this.addValue = this.addValue.bind(this);
-
-        this.searchTimeoutId = 0;
-
-        this.state = {
-            users: null,
-            values: [],
-            show: true,
-            search: false
-        };
-    }
-
-    componentDidMount() {
-        UserStore.addChangeListener(this.onChange);
-        UserStore.addNotInTeamChangeListener(this.onChange);
-        UserStore.addStatusesChangeListener(this.onChange);
-
-        AsyncClient.getProfilesNotInTeam(TeamStore.getCurrentId(), 0, USERS_PER_PAGE * 2);
-    }
-
-    componentWillUnmount() {
-        UserStore.removeChangeListener(this.onChange);
-        UserStore.removeNotInTeamChangeListener(this.onChange);
-        UserStore.removeStatusesChangeListener(this.onChange);
-    }
-
-    handleHide() {
-        this.setState({show: false});
-    }
-
-    handleExit() {
-        if (this.exitToChannel) {
-            browserHistory.push(this.exitToChannel);
-        }
-
-        if (this.props.onModalDismissed) {
-            this.props.onModalDismissed();
-        }
-    }
-
-    handleSubmit(e) {
-        if (e) {
-            e.preventDefault();
-        }
-
-        const userIds = this.state.values.map((v) => v.id);
-        if (userIds.length === 0) {
-            return;
-        }
-
-        addUsersToTeam(TeamStore.getCurrentId(), userIds);
-
-        this.handleHide();
-    }
-
-    addValue(value) {
-        const values = Object.assign([], this.state.values);
-        if (values.indexOf(value) === -1) {
-            values.push(value);
-        }
-
-        this.setState({values});
-    }
-
-    onChange(force) {
-        if (this.state.search && !force) {
-            return;
-        }
-
-        const users = Object.assign([], UserStore.getProfileListNotInTeam(TeamStore.getCurrentId(), true));
-
-        for (let i = 0; i < users.length; i++) {
-            const user = Object.assign({}, users[i]);
-            user.value = user.id;
-            user.label = '@' + user.username;
-            users[i] = user;
-        }
-
-        this.setState({
-            users
-        });
-    }
-
-    handlePageChange(page, prevPage) {
-        if (page > prevPage) {
-            AsyncClient.getProfilesNotInTeam((page + 1) * USERS_PER_PAGE, USERS_PER_PAGE);
-        }
-    }
-
-    search(term) {
-        clearTimeout(this.searchTimeoutId);
-
-        if (term === '') {
-            this.onChange(true);
-            this.setState({search: false});
-            this.searchTimeoutId = '';
-            return;
-        }
-
-        const teamId = TeamStore.getCurrentId();
-
-        const searchTimeoutId = setTimeout(
-            () => {
-                searchUsersNotInTeam(
-                    term,
-                    teamId,
-                    {},
-                    (users) => {
-                        if (searchTimeoutId !== this.searchTimeoutId) {
-                            return;
-                        }
-
-                        let indexToDelete = -1;
-                        for (let i = 0; i < users.length; i++) {
-                            if (users[i].id === UserStore.getCurrentId()) {
-                                indexToDelete = i;
-                            }
-                            users[i].value = users[i].id;
-                            users[i].label = '@' + users[i].username;
-                        }
-
-                        if (indexToDelete !== -1) {
-                            users.splice(indexToDelete, 1);
-                        }
-                        this.setState({search: true, users});
-                    }
-                );
-            },
-            Constants.SEARCH_TIMEOUT_MILLISECONDS
-        );
-
-        this.searchTimeoutId = searchTimeoutId;
-    }
-
-    handleDelete(values) {
-        this.setState({values});
-    }
-
-    renderOption(option, isSelected, onAdd) {
-        var rowSelected = '';
-        if (isSelected) {
-            rowSelected = 'more-modal__row--selected';
-        }
-
-        return (
-            <div
-                key={option.id}
-                ref={isSelected ? 'selected' : option.id}
-                className={'more-modal__row clickable ' + rowSelected}
-                onClick={() => onAdd(option)}
-            >
-                <ProfilePicture
-                    src={`${Client.getUsersRoute()}/${option.id}/image?time=${option.last_picture_update}`}
-                    width='32'
-                    height='32'
-                />
-                <div
-                    className='more-modal__details'
-                >
-                    <div className='more-modal__name'>
-                        {displayUsernameForUser(option)}
-                    </div>
-                    <div className='more-modal__description'>
-                        {option.email}
-                    </div>
-                </div>
-                <div className='more-modal__actions'>
-                    <div className='more-modal__actions--round'>
-                        <i className='fa fa-plus'/>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-
-    renderValue(user) {
-        return user.username;
-    }
-
-    render() {
-        const numRemainingText = (
-            <FormattedMessage
-                id='multiselect.numPeopleRemaining'
-                defaultMessage='You can add {num, number} more {num, plural, =0 {people} one {person} other {people}}. '
-                values={{
-                    num: MAX_SELECTABLE_VALUES - this.state.values.length
-                }}
-            />
-        );
-
-        const buttonSubmitText = (
-            <FormattedMessage
-                id='multiselect.add'
-                defaultMessage='Add'
-            />
-        );
-
-        return (
-            <Modal
-                dialogClassName={'more-modal more-direct-channels'}
-                show={this.state.show}
-                onHide={this.handleHide}
-                onExited={this.handleExit}
-            >
-                <Modal.Header closeButton={true}>
-                    <Modal.Title>
-                        <FormattedMessage
-                            id='add_users_to_team.title'
-                            defaultMessage='Add New Members To {teamName} Team'
-                            values={{
-                                teamName: (
-                                    <strong>{TeamStore.getCurrent().display_name}</strong>
-                                )
-                            }}
-                        />
-                    </Modal.Title>
-                </Modal.Header>
-                <Modal.Body>
-                    <MultiSelect
-                        key='addUsersToTeamKey'
-                        options={this.state.users}
-                        optionRenderer={this.renderOption}
-                        values={this.state.values}
-                        valueRenderer={this.renderValue}
-                        perPage={USERS_PER_PAGE}
-                        handlePageChange={this.handlePageChange}
-                        handleInput={this.search}
-                        handleDelete={this.handleDelete}
-                        handleAdd={this.addValue}
-                        handleSubmit={this.handleSubmit}
-                        maxValues={MAX_SELECTABLE_VALUES}
-                        numRemainingText={numRemainingText}
-                        buttonSubmitText={buttonSubmitText}
-                    />
-                </Modal.Body>
-            </Modal>
-        );
-    }
-}
-
-AddUsersToTeam.propTypes = {
-    onModalDismissed: React.PropTypes.func
-};
-- 
cgit v1.2.3-1-g7c22