diff options
Diffstat (limited to 'webapp/components/admin_console/admin_navbar_dropdown.jsx')
| -rw-r--r-- | webapp/components/admin_console/admin_navbar_dropdown.jsx | 223 |
1 files changed, 0 insertions, 223 deletions
diff --git a/webapp/components/admin_console/admin_navbar_dropdown.jsx b/webapp/components/admin_console/admin_navbar_dropdown.jsx deleted file mode 100644 index 6ef4906f5..000000000 --- a/webapp/components/admin_console/admin_navbar_dropdown.jsx +++ /dev/null @@ -1,223 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import $ from 'jquery'; -import ReactDOM from 'react-dom'; - -import TeamStore from 'stores/team_store.jsx'; -import Constants from 'utils/constants.jsx'; -import AboutBuildModal from 'components/about_build_modal.jsx'; -import {sortTeamsByDisplayName} from 'utils/team_utils.jsx'; -import * as GlobalActions from 'actions/global_actions.jsx'; - -import {FormattedMessage} from 'react-intl'; - -import {Link} from 'react-router/es6'; - -import React from 'react'; - -import * as Utils from 'utils/utils.jsx'; - -export default class AdminNavbarDropdown extends React.Component { - constructor(props) { - super(props); - this.blockToggle = false; - this.onTeamChange = this.onTeamChange.bind(this); - this.handleAboutModal = this.handleAboutModal.bind(this); - this.aboutModalDismissed = this.aboutModalDismissed.bind(this); - - this.state = { - teams: TeamStore.getAll(), - teamMembers: TeamStore.getMyTeamMembers(), - showAboutModal: false - }; - } - - componentDidMount() { - $(ReactDOM.findDOMNode(this.refs.dropdown)).on('hide.bs.dropdown', () => { - this.blockToggle = true; - setTimeout(() => { - this.blockToggle = false; - }, 100); - }); - - TeamStore.addChangeListener(this.onTeamChange); - } - - componentWillUnmount() { - $(ReactDOM.findDOMNode(this.refs.dropdown)).off('hide.bs.dropdown'); - TeamStore.removeChangeListener(this.onTeamChange); - } - - handleAboutModal(e) { - e.preventDefault(); - - this.setState({showAboutModal: true}); - } - - aboutModalDismissed() { - this.setState({showAboutModal: false}); - } - - onTeamChange() { - this.setState({ - teams: TeamStore.getAll(), - teamMembers: TeamStore.getMyTeamMembers() - }); - } - - render() { - var teamsArray = []; // Array of team objects - var teams = []; // Array of team components - let switchTeams; - - if (this.state.teamMembers && this.state.teamMembers.length > 0) { - for (const index in this.state.teamMembers) { - if (this.state.teamMembers.hasOwnProperty(index)) { - const teamMember = this.state.teamMembers[index]; - const team = this.state.teams[teamMember.team_id]; - teamsArray.push(team); - } - } - - // Sort teams alphabetically with display_name - teamsArray = teamsArray.sort(sortTeamsByDisplayName); - - for (const team of teamsArray) { - teams.push( - <li key={'team_' + team.name}> - <Link - id={'swithTo' + Utils.createSafeId(team.name)} - to={'/' + team.name + '/channels/town-square'} - > - <FormattedMessage - id='navbar_dropdown.switchTo' - defaultMessage='Switch to ' - /> - {team.display_name} - </Link> - </li> - ); - } - - teams.push( - <li - key='teamDiv' - className='divider' - /> - ); - } else { - switchTeams = ( - <li> - <Link - to={'/select_team'} - > - <i className='fa fa-exchange'/> - <FormattedMessage - id='admin.nav.switch' - defaultMessage='Team Selection' - /> - </Link> - </li> - ); - } - - return ( - <ul className='nav navbar-nav navbar-right admin-navbar-dropdown'> - <li - ref='dropdown' - className='dropdown' - > - <a - href='#' - id='adminNavbarDropdownButton' - className='dropdown-toggle admin-navbar-dropdown__toggle' - data-toggle='dropdown' - role='button' - aria-expanded='false' - > - <span - className='dropdown__icon admin-navbar-dropdown__icon' - dangerouslySetInnerHTML={{__html: Constants.MENU_ICON}} - /> - </a> - <ul - className='dropdown-menu' - role='menu' - > - {teams} - {switchTeams} - <li - key='teamDiv' - className='divider' - /> - <li> - <Link - to='https://about.mattermost.com/administrators-guide/' - rel='noopener noreferrer' - target='_blank' - > - <FormattedMessage - id='admin.nav.administratorsGuide' - defaultMessage='Administrator Guide' - /> - </Link> - </li> - <li> - <Link - to='https://about.mattermost.com/troubleshooting-forum/' - rel='noopener noreferrer' - target='_blank' - > - <FormattedMessage - id='admin.nav.troubleshootingForum' - defaultMessage='Troubleshooting Forum' - /> - </Link> - </li> - <li> - <Link - to='https://about.mattermost.com/commercial-support/' - rel='noopener noreferrer' - target='_blank' - > - <FormattedMessage - id='admin.nav.commercialSupport' - defaultMessage='Commercial Support' - /> - </Link> - </li> - <li> - <a - href='#' - onClick={this.handleAboutModal} - > - <FormattedMessage - id='navbar_dropdown.about' - defaultMessage='About Mattermost' - /> - </a> - </li> - <li className='divider'/> - <li> - <a - href='#' - id='logout' - onClick={() => GlobalActions.emitUserLoggedOutEvent()} - > - <FormattedMessage - id='admin.nav.logout' - defaultMessage='Logout' - /> - </a> - </li> - <AboutBuildModal - show={this.state.showAboutModal} - onModalDismissed={this.aboutModalDismissed} - /> - </ul> - </li> - </ul> - ); - } -} |