diff options
Diffstat (limited to 'webapp/components/profile_popover/profile_popover.jsx')
-rw-r--r-- | webapp/components/profile_popover/profile_popover.jsx | 296 |
1 files changed, 0 insertions, 296 deletions
diff --git a/webapp/components/profile_popover/profile_popover.jsx b/webapp/components/profile_popover/profile_popover.jsx deleted file mode 100644 index a32b7904b..000000000 --- a/webapp/components/profile_popover/profile_popover.jsx +++ /dev/null @@ -1,296 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import * as Utils from 'utils/utils.jsx'; -import UserStore from 'stores/user_store.jsx'; -import WebrtcStore from 'stores/webrtc_store.jsx'; -import TeamStore from 'stores/team_store.jsx'; -import * as GlobalActions from 'actions/global_actions.jsx'; -import * as WebrtcActions from 'actions/webrtc_actions.jsx'; -import {openDirectChannelToUser} from 'actions/channel_actions.jsx'; -import Constants from 'utils/constants.jsx'; -const UserStatuses = Constants.UserStatuses; -const PreReleaseFeatures = Constants.PRE_RELEASE_FEATURES; - -import {Popover, OverlayTrigger, Tooltip} from 'react-bootstrap'; -import {FormattedMessage} from 'react-intl'; -import {browserHistory} from 'react-router/es6'; -import React from 'react'; - -export default class ProfilePopover extends React.Component { - constructor(props) { - super(props); - - this.initWebrtc = this.initWebrtc.bind(this); - this.handleShowDirectChannel = this.handleShowDirectChannel.bind(this); - this.generateImage = this.generateImage.bind(this); - this.generateFullname = this.generateFullname.bind(this); - this.generatePosition = this.generatePosition.bind(this); - this.generateWebrtc = this.generateWebrtc.bind(this); - this.generateEmail = this.generateEmail.bind(this); - this.generateDirectMessage = this.generateDirectMessage.bind(this); - - this.state = { - currentUserId: UserStore.getCurrentId(), - loadingDMChannel: -1 - }; - } - - shouldComponentUpdate(nextProps) { - if (!Utils.areObjectsEqual(nextProps.user, this.props.user)) { - return true; - } - - if (nextProps.src !== this.props.src) { - return true; - } - - if (nextProps.status !== this.props.status) { - return true; - } - - if (nextProps.isBusy !== this.props.isBusy) { - return true; - } - - // React-Bootstrap Forwarded Props from OverlayTrigger to Popover - if (nextProps.arrowOffsetLeft !== this.props.arrowOffsetLeft) { - return true; - } - - if (nextProps.arrowOffsetTop !== this.props.arrowOffsetTop) { - return true; - } - - if (nextProps.positionLeft !== this.props.positionLeft) { - return true; - } - - if (nextProps.positionTop !== this.props.positionTop) { - return true; - } - - return false; - } - - handleShowDirectChannel(e) { - e.preventDefault(); - - if (!this.props.user) { - return; - } - - const user = this.props.user; - - if (this.state.loadingDMChannel !== -1) { - return; - } - - this.setState({loadingDMChannel: user.id}); - - openDirectChannelToUser( - user.id, - (channel) => { - if (Utils.isMobile()) { - GlobalActions.emitCloseRightHandSide(); - } - this.setState({loadingDMChannel: -1}); - if (this.props.hide) { - this.props.hide(); - } - browserHistory.push(TeamStore.getCurrentTeamRelativeUrl() + '/channels/' + channel.name); - } - ); - } - - initWebrtc() { - if (this.props.status !== UserStatuses.OFFLINE && !WebrtcStore.isBusy()) { - GlobalActions.emitCloseRightHandSide(); - WebrtcActions.initWebrtc(this.props.user.id, true); - } - } - - generateImage(src) { - return ( - <img - className='user-popover__image' - src={src} - height='128' - width='128' - key='user-popover-image' - /> - ); - } - - generateFullname() { - const fullname = Utils.getFullName(this.props.user); - if (fullname) { - return ( - <OverlayTrigger - delayShow={Constants.WEBRTC_TIME_DELAY} - placement='top' - overlay={<Tooltip id='fullNameTooltip'>{fullname}</Tooltip>} - > - <div - className='overflow--ellipsis text-nowrap padding-bottom' - > - {fullname} - </div> - </OverlayTrigger> - ); - } - - return ''; - } - - generatePosition() { - if (this.props.user.hasOwnProperty('position')) { - const position = this.props.user.position.substring(0, Constants.MAX_POSITION_LENGTH); - return ( - <OverlayTrigger - delayShow={Constants.WEBRTC_TIME_DELAY} - placement='top' - overlay={<Tooltip id='positionTooltip'>{position}</Tooltip>} - > - <div - className='overflow--ellipsis text-nowrap padding-bottom' - > - {position} - </div> - </OverlayTrigger> - ); - } - - return ''; - } - - generateWebrtc() { - const userMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; - const webrtcEnabled = global.mm_config.EnableWebrtc === 'true' && userMedia && Utils.isFeatureEnabled(PreReleaseFeatures.WEBRTC_PREVIEW); - if (webrtcEnabled && this.props.user.id !== this.state.currentUserId) { - const isOnline = this.props.status !== UserStatuses.OFFLINE; - let webrtcMessage; - if (isOnline && !this.props.isBusy) { - webrtcMessage = ( - <FormattedMessage - id='user_profile.webrtc.call' - defaultMessage='Start Video Call' - /> - ); - } else if (this.props.isBusy) { - webrtcMessage = ( - <FormattedMessage - id='user_profile.webrtc.unavailable' - defaultMessage='New call unavailable until your existing call ends' - /> - ); - } else { - webrtcMessage = ( - <FormattedMessage - id='user_profile.webrtc.offline' - defaultMessage='The user is offline' - /> - ); - } - - return ( - <div - data-toggle='tooltip' - key='makeCall' - className='popover__row' - > - <a - href='#' - className='text-nowrap user-popover__email' - onClick={() => this.initWebrtc()} - disabled={!isOnline} - > - <i className='fa fa-video-camera'/> - {webrtcMessage} - </a> - </div> - ); - } - - return ''; - } - - generateEmail() { - const email = this.props.user.hasOwnProperty('email') ? this.props.user.email : ''; - const showEmail = (global.window.mm_config.ShowEmailAddress === 'true' || UserStore.isSystemAdminForCurrentUser() || this.props.user === UserStore.getCurrentUser()); - - if (email !== '' && showEmail) { - return ( - <div - data-toggle='tooltip' - title={email} - key='user-popover-email' - > - <a - href={'mailto:' + email} - className='text-nowrap text-lowercase user-popover__email' - > - {email} - </a> - </div> - ); - } - - return ''; - } - - generateDirectMessage() { - if (this.props.user.id !== UserStore.getCurrentId()) { - return ( - <div - data-toggle='tooltip' - key='user-popover-dm' - className='popover__row first' - > - <a - href='#' - className='text-nowrap text-lowercase user-popover__email' - onClick={this.handleShowDirectChannel} - > - <i className='fa fa-paper-plane'/> - <FormattedMessage - id='user_profile.send.dm' - defaultMessage='Send Message' - /> - </a> - </div> - ); - } - - return ''; - } - - render() { - return ( - <Popover - arrowOffsetLeft={this.props.arrowOffsetLeft} - arrowOffsetTop={this.props.arrowOffsetTop} - positionLeft={this.props.positionLeft} - positionTop={this.props.positionTop} - title={'@' + this.props.user.username} - id='user-profile-popover' - > - {this.generateImage(this.props.src)} - {this.generateFullname()} - {this.generatePosition()} - {this.generateEmail()} - {this.generateDirectMessage()} - {this.generateWebrtc()} - </Popover> - ); - } -} - -ProfilePopover.propTypes = Object.assign({ - src: React.PropTypes.string.isRequired, - user: React.PropTypes.object.isRequired, - status: React.PropTypes.string, - isBusy: React.PropTypes.bool, - hide: React.PropTypes.func -}, Popover.propTypes); -delete ProfilePopover.propTypes.id; |