diff options
author | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-06-14 23:53:32 -0800 |
commit | 56e74239d6b34df8f30ef046f0b0ff4ff0866a71 (patch) | |
tree | 044da29848cf0f5c8607eac34de69065171669cf /web/react/components/sidebar_right_menu.jsx | |
download | chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.tar.gz chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.tar.bz2 chat-56e74239d6b34df8f30ef046f0b0ff4ff0866a71.zip |
first commit
Diffstat (limited to 'web/react/components/sidebar_right_menu.jsx')
-rw-r--r-- | web/react/components/sidebar_right_menu.jsx | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/web/react/components/sidebar_right_menu.jsx b/web/react/components/sidebar_right_menu.jsx new file mode 100644 index 000000000..d0c139d1a --- /dev/null +++ b/web/react/components/sidebar_right_menu.jsx @@ -0,0 +1,76 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +var UserStore = require('../stores/user_store.jsx'); +var client = require('../utils/client.jsx'); + +module.exports = React.createClass({ + handleLogoutClick: function(e) { + e.preventDefault(); + client.logout(); + }, + render: function() { + var team_link = ""; + var invite_link = ""; + var manage_link = ""; + var rename_link = ""; + var currentUser = UserStore.getCurrentUser() + var isAdmin = false; + + if (currentUser != null) { + isAdmin = currentUser.roles.indexOf("admin") > -1; + + invite_link = ( + <li> + <a href="#" data-toggle="modal" data-target="#invite_member"><i className="glyphicon glyphicon-user"></i>Invite New Member</a> + </li> + ); + + if (this.props.teamType == "O") { + team_link = ( + <li> + <a href="#" data-toggle="modal" data-target="#get_link" data-title="Team Invite" data-value={location.origin+"/signup_user_complete/?id="+currentUser.team_id}><i className="glyphicon glyphicon-link"></i>Get Team Invite Link</a> + </li> + ); + } + } + + if (isAdmin) { + manage_link = ( + <li> + <a href="#" data-toggle="modal" data-target="#team_members"><i className="glyphicon glyphicon-wrench"></i>Manage Team</a> + </li> + ); + rename_link = ( + <li> + <a href="#" data-toggle="modal" data-target="#rename_team_link"><i className="glyphicon glyphicon-pencil"></i>Rename</a> + </li> + ); + } + + var siteName = config.SiteName != null ? config.SiteName : ""; + var teamName = this.props.teamName ? this.props.teamName : siteName; + + return ( + <div> + <div className="team__header theme"> + <a className="team__name" href="/channels/town-square">{ teamName }</a> + </div> + + <div className="nav-pills__container"> + <ul className="nav nav-pills nav-stacked"> + <li><a href="#" data-toggle="modal" data-target="#settings_modal"><i className="glyphicon glyphicon-cog"></i>Account Settings</a></li> + { invite_link } + { team_link } + { manage_link } + { rename_link } + <li><a href="#" onClick={this.handleLogoutClick}><i className="glyphicon glyphicon-log-out"></i>Logout</a></li> + <li className="divider"></li> + <li><a target="_blank" href="/static/help/configure_links.html"><i className="glyphicon glyphicon-question-sign"></i>Help</a></li> + <li><a target="_blank" href="/static/help/configure_links.html"><i className="glyphicon glyphicon-earphone"></i>Report a Problem</a></li> + </ul> + </div> + </div> + ); + } +}); |