diff options
Diffstat (limited to 'webapp/components/webrtc/components/webrtc_sidebar.jsx')
-rw-r--r-- | webapp/components/webrtc/components/webrtc_sidebar.jsx | 136 |
1 files changed, 0 insertions, 136 deletions
diff --git a/webapp/components/webrtc/components/webrtc_sidebar.jsx b/webapp/components/webrtc/components/webrtc_sidebar.jsx deleted file mode 100644 index 82ac2d98a..000000000 --- a/webapp/components/webrtc/components/webrtc_sidebar.jsx +++ /dev/null @@ -1,136 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import $ from 'jquery'; - -import WebrtcController from '../webrtc_controller.jsx'; -import UserStore from 'stores/user_store.jsx'; -import WebrtcStore from 'stores/webrtc_store.jsx'; -import * as Utils from 'utils/utils.jsx'; - -import React from 'react'; - -export default class SidebarRight extends React.Component { - constructor(props) { - super(props); - - this.plScrolledToBottom = true; - - this.onShrink = this.onShrink.bind(this); - this.toggleSize = this.toggleSize.bind(this); - this.onInitializeVideoCall = this.onInitializeVideoCall.bind(this); - - this.doStrangeThings = this.doStrangeThings.bind(this); - - this.state = { - expanded: false, - currentUser: UserStore.getCurrentUser(), - videoCallVisible: false, - isCaller: false, - videoCallWithUserId: null - }; - } - - componentDidMount() { - WebrtcStore.addInitListener(this.onInitializeVideoCall); - this.doStrangeThings(); - } - - componentWillUnmount() { - WebrtcStore.removeInitListener(this.onInitializeVideoCall); - } - - shouldComponentUpdate(nextProps, nextState) { - return !Utils.areObjectsEqual(nextState, this.state); - } - - doStrangeThings() { - // We should have a better way to do this stuff - // Hence the function name. - $('.app__body .inner-wrap').removeClass('move--right'); - $('.app__body .inner-wrap').addClass('webrtc--show'); - $('.app__body .sidebar--left').removeClass('move--right'); - $('.multi-teams .team-sidebar').removeClass('move--right'); - $('.app__body .webrtc').addClass('webrtc--show'); - - //$('.sidebar--right').prepend('<div class="sidebar__overlay"></div>'); - if (!this.state.videoCallVisible) { - $('.app__body .inner-wrap').removeClass('webrtc--show').removeClass('move--right'); - $('.app__body .webrtc').removeClass('webrtc--show'); - return ( - <div/> - ); - } - return null; - } - - componentDidUpdate() { - this.doStrangeThings(); - } - - onShrink() { - this.setState({expanded: false}); - } - - toggleSize(e) { - if (e) { - e.preventDefault(); - } - this.setState((prevState) => { - return {expanded: !prevState.expanded}; - }); - } - - onInitializeVideoCall(userId, isCaller) { - let expanded = this.state.expanded; - if (userId === null) { - expanded = false; - } - this.setState({ - videoCallVisible: (userId !== null), - isCaller, - videoCallWithUserId: userId, - expanded - }); - - if (userId !== null) { - this.forceUpdate(); - } - } - - render() { - let content = null; - let expandedClass = ''; - - if (this.state.expanded) { - expandedClass = 'sidebar--right--expanded'; - } - - if (this.state.videoCallVisible) { - content = ( - <WebrtcController - currentUser={this.state.currentUser} - userId={this.state.videoCallWithUserId} - isCaller={this.state.isCaller} - expanded={this.state.expanded} - toggleSize={this.toggleSize} - /> - ); - } - - return ( - <div - className={'sidebar--right webrtc ' + expandedClass} - id='sidebar-webrtc' - > - <div - onClick={this.onShrink} - className='sidebar--right__bg' - /> - <div className='sidebar-right-container'> - {content} - </div> - </div> - ); - } -} |