summaryrefslogtreecommitdiffstats
path: root/webapp/components/webrtc/components/webrtc_sidebar.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/webrtc/components/webrtc_sidebar.jsx')
-rw-r--r--webapp/components/webrtc/components/webrtc_sidebar.jsx136
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>
- );
- }
-}