// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import * as Utils from '../utils/utils.jsx'; import * as client from '../utils/client.jsx'; import UserStore from '../stores/user_store.jsx'; import TeamStore from '../stores/team_store.jsx'; import * as EventHelpers from '../dispatcher/event_helpers.jsx'; import AboutBuildModal from './about_build_modal.jsx'; import TeamMembersModal from './team_members_modal.jsx'; import ToggleModalButton from './toggle_modal_button.jsx'; import UserSettingsModal from './user_settings/user_settings_modal.jsx'; import Constants from '../utils/constants.jsx'; import {FormattedMessage} from 'mm-intl'; function getStateFromStores() { const teams = []; const teamsObject = UserStore.getTeams(); for (const teamId in teamsObject) { if (teamsObject.hasOwnProperty(teamId)) { teams.push(teamsObject[teamId]); } } teams.sort(Utils.sortByDisplayName); return {teams}; } export default class NavbarDropdown extends React.Component { constructor(props) { super(props); this.blockToggle = false; this.handleLogoutClick = this.handleLogoutClick.bind(this); this.handleAboutModal = this.handleAboutModal.bind(this); this.onListenerChange = this.onListenerChange.bind(this); this.aboutModalDismissed = this.aboutModalDismissed.bind(this); const state = getStateFromStores(); state.showUserSettingsModal = false; state.showAboutModal = false; this.state = state; } handleLogoutClick(e) { e.preventDefault(); client.logout(); } handleAboutModal() { this.setState({showAboutModal: true}); } aboutModalDismissed() { this.setState({showAboutModal: false}); } componentDidMount() { UserStore.addTeamsChangeListener(this.onListenerChange); TeamStore.addChangeListener(this.onListenerChange); $(ReactDOM.findDOMNode(this.refs.dropdown)).on('hide.bs.dropdown', () => { $('.sidebar--left .dropdown-menu').scrollTop(0); this.blockToggle = true; setTimeout(() => { this.blockToggle = false; }, 100); }); } componentWillUnmount() { UserStore.removeTeamsChangeListener(this.onListenerChange); TeamStore.removeChangeListener(this.onListenerChange); $(ReactDOM.findDOMNode(this.refs.dropdown)).off('hide.bs.dropdown'); } onListenerChange() { var newState = getStateFromStores(); if (!Utils.areObjectsEqual(newState, this.state)) { this.setState(newState); } } render() { var teamLink = ''; var inviteLink = ''; var manageLink = ''; var sysAdminLink = ''; var adminDivider = ''; var currentUser = UserStore.getCurrentUser(); var isAdmin = false; var isSystemAdmin = false; var teamSettings = null; if (currentUser != null) { isAdmin = Utils.isAdmin(currentUser.roles); isSystemAdmin = Utils.isSystemAdmin(currentUser.roles); inviteLink = (
  • ); if (this.props.teamType === Constants.OPEN_TEAM && global.window.mm_config.EnableUserCreation === 'true') { teamLink = (
  • ); } } if (isAdmin) { manageLink = (
  • ); adminDivider = (
  • ); teamSettings = (
  • ); } if (isSystemAdmin) { sysAdminLink = (
  • ); } var teams = []; if (this.state.teams.length > 1) { teams.push(
  • ); this.state.teams.forEach((team) => { if (team.name !== this.props.teamName) { teams.push(
  • ); } }); } if (global.window.mm_config.EnableTeamCreation === 'true') { teams.push(
  • ); } let helpLink = null; if (global.window.mm_config.HelpLink) { helpLink = (
  • ); } let reportLink = null; if (global.window.mm_config.ReportAProblemLink) { reportLink = (
  • ); } return ( ); } } NavbarDropdown.defaultProps = { teamType: '' }; NavbarDropdown.propTypes = { teamType: React.PropTypes.string, teamDisplayName: React.PropTypes.string, teamName: React.PropTypes.string };