diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-10-12 18:58:09 +0500 |
---|---|---|
committer | Harrison Healey <harrisonmhealey@gmail.com> | 2016-10-12 09:58:09 -0400 |
commit | 39eee5e4ec5274186cdcb0cbff0155b63dde4e5a (patch) | |
tree | e4377f9926aa5404c3506f3015fb7ee2c96bc808 /webapp/components/webrtc/webrtc_controller.jsx | |
parent | d4268cf0d86cee4d51fa1877ccf47b2a69b65cd4 (diff) | |
download | chat-39eee5e4ec5274186cdcb0cbff0155b63dde4e5a.tar.gz chat-39eee5e4ec5274186cdcb0cbff0155b63dde4e5a.tar.bz2 chat-39eee5e4ec5274186cdcb0cbff0155b63dde4e5a.zip |
Multiple UI Improvements (#4200)
* Multiple UI Improvements
* Adjusting return to call position on mobile
Diffstat (limited to 'webapp/components/webrtc/webrtc_controller.jsx')
-rw-r--r-- | webapp/components/webrtc/webrtc_controller.jsx | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/webapp/components/webrtc/webrtc_controller.jsx b/webapp/components/webrtc/webrtc_controller.jsx index e609e4fdb..40b5dc9c2 100644 --- a/webapp/components/webrtc/webrtc_controller.jsx +++ b/webapp/components/webrtc/webrtc_controller.jsx @@ -97,6 +97,7 @@ export default class WebrtcController extends React.Component { isAnswering: false, callInProgress: false, error: null, + errorType: '', ended: null }; } @@ -155,7 +156,7 @@ export default class WebrtcController extends React.Component { clearError() { setTimeout(() => { - this.setState({error: null, ended: null}); + this.setState({error: null, ended: null, errorType: ''}); }, Constants.WEBRTC_CLEAR_ERROR_DELAY); } @@ -296,7 +297,8 @@ export default class WebrtcController extends React.Component { id='webrtc.inProgress' defaultMessage='You have a call in progress. Please hangup first.' /> - ) + ), + errorType: ' warning' }); this.clearError(); break; @@ -381,7 +383,8 @@ export default class WebrtcController extends React.Component { id='webrtc.inProgress' defaultMessage='You have a call in progress. Please hangup first.' /> - ) + ), + errorType: ' warning' }); } else if (this.state.isCalling) { this.handleCancelOffer(); @@ -1054,6 +1057,7 @@ export default class WebrtcController extends React.Component { let localImage; let localVideoHidden; let remoteVideoHidden = 'hidden'; + let remoteVideoHiddenLocal = 'full'; let error; let remoteMute; let videoClass = ''; @@ -1064,7 +1068,7 @@ export default class WebrtcController extends React.Component { error = ( <div className='webrtc__error'> <div className='form-group has-error'> - <label className='control-label'>{this.state.error}</label> + <label className={'control-label' + this.state.errorType}>{this.state.error}</label> </div> </div> ); @@ -1144,9 +1148,11 @@ export default class WebrtcController extends React.Component { if (this.state.isRemotePaused) { remoteVideoHidden = 'hidden'; + remoteVideoHiddenLocal = 'full'; remoteImageHidden = 'webrtc__remote-image'; } else { remoteVideoHidden = ''; + remoteVideoHiddenLocal = ''; remoteImageHidden = 'webrtc__remote-image hidden'; } } else { @@ -1180,7 +1186,7 @@ export default class WebrtcController extends React.Component { </div> <div id='local-video' - className={localVideoHidden} + className={localVideoHidden + ' ' + remoteVideoHiddenLocal} > <video ref='local-video' |