diff options
Diffstat (limited to 'webapp/components/select_team/select_team.jsx')
| -rw-r--r-- | webapp/components/select_team/select_team.jsx | 242 |
1 files changed, 0 insertions, 242 deletions
diff --git a/webapp/components/select_team/select_team.jsx b/webapp/components/select_team/select_team.jsx deleted file mode 100644 index 7dded9891..000000000 --- a/webapp/components/select_team/select_team.jsx +++ /dev/null @@ -1,242 +0,0 @@ -// Copyright (c) 2015-present 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 UserAgent from 'utils/user_agent.jsx'; -import * as Utils from 'utils/utils.jsx'; -import AnnouncementBar from 'components/announcement_bar'; -import LoadingScreen from 'components/loading_screen.jsx'; -import * as GlobalActions from 'actions/global_actions.jsx'; -import SelectTeamItem from './components/select_team_item.jsx'; - -import {Link} from 'react-router/es6'; - -import {FormattedMessage} from 'react-intl'; - -import PropTypes from 'prop-types'; - -import React from 'react'; -import logoImage from 'images/logo.png'; - -export default class SelectTeam extends React.Component { - static propTypes = { - actions: PropTypes.shape({ - getTeams: PropTypes.func.isRequired - }).isRequired - } - - constructor(props) { - super(props); - this.onTeamChange = this.onTeamChange.bind(this); - this.handleTeamClick = this.handleTeamClick.bind(this); - this.teamContentsCompare = this.teamContentsCompare.bind(this); - - const state = this.getStateFromStores(false); - state.loadingTeamId = ''; - this.state = state; - } - - componentDidMount() { - TeamStore.addChangeListener(this.onTeamChange); - this.props.actions.getTeams(0, 200); - } - - componentWillUnmount() { - TeamStore.removeChangeListener(this.onTeamChange); - } - - onTeamChange() { - this.setState(this.getStateFromStores(true)); - } - - getStateFromStores(loaded) { - return { - teams: TeamStore.getAll(), - teamMembers: TeamStore.getMyTeamMembers(), - teamListings: TeamStore.getTeamListings(), - loaded - }; - } - - handleTeamClick(team) { - this.setState({loadingTeamId: team.id}); - } - - teamContentsCompare(teamItemA, teamItemB) { - return teamItemA.props.team.display_name.localeCompare(teamItemB.props.team.display_name); - } - - render() { - let openTeamContents = []; - const isAlreadyMember = new Map(); - const isSystemAdmin = Utils.isSystemAdmin(UserStore.getCurrentUser().roles); - - for (const teamMember of this.state.teamMembers) { - const teamId = teamMember.team_id; - isAlreadyMember[teamId] = true; - } - - for (const id in this.state.teamListings) { - if (this.state.teamListings.hasOwnProperty(id) && !isAlreadyMember[id]) { - const openTeam = this.state.teamListings[id]; - openTeamContents.push( - <SelectTeamItem - key={'team_' + openTeam.name} - team={openTeam} - onTeamClick={this.handleTeamClick} - loading={this.state.loadingTeamId === openTeam.id} - /> - ); - } - } - - if (openTeamContents.length === 0 && (global.window.mm_config.EnableTeamCreation === 'true' || isSystemAdmin)) { - openTeamContents = ( - <div className='signup-team-dir-err'> - <div> - <FormattedMessage - id='signup_team.no_open_teams_canCreate' - defaultMessage='No teams are available to join. Please create a new team or ask your administrator for an invite.' - /> - </div> - </div> - ); - } else if (openTeamContents.length === 0) { - openTeamContents = ( - <div className='signup-team-dir-err'> - <div> - <FormattedMessage - id='signup_team.no_open_teams' - defaultMessage='No teams are available to join. Please ask your administrator for an invite.' - /> - </div> - </div> - ); - } - - if (Array.isArray(openTeamContents)) { - openTeamContents = openTeamContents.sort(this.teamContentsCompare); - } - - let openContent = ( - <div className='signup__content'> - <h4> - <FormattedMessage - id='signup_team.join_open' - defaultMessage='Teams you can join: ' - /> - </h4> - <div className='signup-team-all'> - {openTeamContents} - </div> - </div> - ); - - if (!this.state.loaded || this.state.loadingTeamId !== '') { - openContent = <LoadingScreen/>; - } - - let teamHelp = null; - if (isSystemAdmin && (global.window.mm_config.EnableTeamCreation === 'false')) { - teamHelp = ( - <FormattedMessage - id='login.createTeamAdminOnly' - defaultMessage='This option is only available for System Administrators, and does not show up for other users.' - /> - ); - } - - let teamSignUp; - if (isSystemAdmin || global.window.mm_config.EnableTeamCreation === 'true') { - teamSignUp = ( - <div className='margin--extra'> - <Link - to='/create_team' - className='signup-team-login' - > - <FormattedMessage - id='login.createTeam' - defaultMessage='Create a new team' - /> - </Link> - <div> - {teamHelp} - </div> - </div> - ); - } - - let adminConsoleLink; - if (isSystemAdmin && !UserAgent.isMobileApp()) { - adminConsoleLink = ( - <div className='margin--extra hidden-xs'> - <Link - to='/admin_console' - className='signup-team-login' - > - <FormattedMessage - id='signup_team_system_console' - defaultMessage='Go to System Console' - /> - </Link> - </div> - ); - } - - let description = null; - if (global.window.mm_license.IsLicensed === 'true' && global.window.mm_license.CustomBrand === 'true' && global.window.mm_config.EnableCustomBrand === 'true') { - description = global.window.mm_config.CustomDescriptionText; - } else { - description = ( - <FormattedMessage - id='web.root.signup_info' - defaultMessage='All team communication in one place, searchable and accessible anywhere' - /> - ); - } - - let headerButton; - if (this.state.teamMembers.length) { - headerButton = ( - <Link to='/'> - <span className='fa fa-chevron-left'/> - <FormattedMessage id='web.header.back'/> - </Link> - ); - } else { - headerButton = ( - <a - href='#' - onClick={() => GlobalActions.emitUserLoggedOutEvent()} - > - <span className='fa fa-chevron-left'/> - <FormattedMessage id='web.header.logout'/> - </a> - ); - } - return ( - <div> - <AnnouncementBar/> - <div className='signup-header'> - {headerButton} - </div> - <div className='col-sm-12'> - <div className={'signup-team__container'}> - <img - className='signup-team-logo' - src={logoImage} - /> - <h1>{global.window.mm_config.SiteName}</h1> - <h4 className='color--light'> - {description} - </h4> - {openContent} - {teamSignUp} - {adminConsoleLink} - </div> - </div> - </div> - ); - } -} |