summaryrefslogtreecommitdiffstats
path: root/webapp/components/admin_console/admin_navbar_dropdown.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/admin_console/admin_navbar_dropdown.jsx')
-rw-r--r--webapp/components/admin_console/admin_navbar_dropdown.jsx114
1 files changed, 114 insertions, 0 deletions
diff --git a/webapp/components/admin_console/admin_navbar_dropdown.jsx b/webapp/components/admin_console/admin_navbar_dropdown.jsx
new file mode 100644
index 000000000..56b78448a
--- /dev/null
+++ b/webapp/components/admin_console/admin_navbar_dropdown.jsx
@@ -0,0 +1,114 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import $ from 'jquery';
+import ReactDOM from 'react-dom';
+import * as Utils from 'utils/utils.jsx';
+import TeamStore from 'stores/team_store.jsx';
+
+import Constants from 'utils/constants.jsx';
+
+import {FormattedMessage} from 'react-intl';
+
+import {Link} from 'react-router';
+
+function getStateFromStores() {
+ return {currentTeam: TeamStore.getCurrent()};
+}
+
+import React from 'react';
+
+export default class AdminNavbarDropdown extends React.Component {
+ constructor(props) {
+ super(props);
+ this.blockToggle = false;
+
+ this.state = getStateFromStores();
+ }
+
+ componentDidMount() {
+ $(ReactDOM.findDOMNode(this.refs.dropdown)).on('hide.bs.dropdown', () => {
+ this.blockToggle = true;
+ setTimeout(() => {
+ this.blockToggle = false;
+ }, 100);
+ });
+ }
+
+ componentWillUnmount() {
+ $(ReactDOM.findDOMNode(this.refs.dropdown)).off('hide.bs.dropdown');
+ }
+
+ render() {
+ return (
+ <ul className='nav navbar-nav navbar-right'>
+ <li
+ ref='dropdown'
+ className='dropdown'
+ >
+ <a
+ href='#'
+ className='dropdown-toggle'
+ data-toggle='dropdown'
+ role='button'
+ aria-expanded='false'
+ >
+ <span
+ className='dropdown__icon'
+ dangerouslySetInnerHTML={{__html: Constants.MENU_ICON}}
+ />
+ </a>
+ <ul
+ className='dropdown-menu'
+ role='menu'
+ >
+ <li>
+ <a
+ href={Utils.getWindowLocationOrigin() + '/' + this.state.currentTeam.name}
+ >
+ <FormattedMessage
+ id='admin.nav.switch'
+ defaultMessage='Switch to {display_name}'
+ values={{
+ display_name: this.state.currentTeam.display_name
+ }}
+ />
+ </a>
+ </li>
+ <li>
+ <Link to={Utils.getTeamURLFromAddressBar() + '/logout'}>
+ <FormattedMessage
+ id='admin.nav.logout'
+ defaultMessage='Logout'
+ />
+ </Link>
+ </li>
+ <li className='divider'></li>
+ <li>
+ <a
+ target='_blank'
+ href='/static/help/help.html'
+ >
+ <FormattedMessage
+ id='admin.nav.help'
+ defaultMessage='Help'
+ />
+ </a>
+ </li>
+ <li>
+ <a
+ target='_blank'
+ href='/static/help/report_problem.html'
+ >
+ <FormattedMessage
+ id='admin.nav.report'
+ defaultMessage='Report a Problem'
+ />
+ </a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ );
+ }
+}