haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Coding style

This commit is contained in:
Lyubo Marinov 2017-08-16 16:36:46 -05:00
parent c1fbbc4571
commit f54e87d975
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
modules/UI/videolayout/VideoContainer.js
View File

@ -1,13 +1,12 @@
/* global $, interfaceConfig */ /* global $, interfaceConfig */
/* jshint -W101 */
import Filmstrip from './Filmstrip'; import Filmstrip from './Filmstrip';
import LargeContainer from './LargeContainer'; import LargeContainer from './LargeContainer';
import UIEvents from "../../../service/UI/UIEvents"; import UIEvents from '../../../service/UI/UIEvents';
import UIUtil from "../util/UIUtil"; import UIUtil from '../util/UIUtil';
// FIXME should be 'video' // FIXME should be 'video'
export const VIDEO_CONTAINER_TYPE = "camera"; export const VIDEO_CONTAINER_TYPE = 'camera';
const FADE_DURATION_MS = 300; const FADE_DURATION_MS = 300;
@ -208,7 +207,7 @@ export class VideoContainer extends LargeContainer {
*/ */
this.$wrapperParent = this.$wrapper.parent(); this.$wrapperParent = this.$wrapper.parent();
this.avatarHeight = $("#dominantSpeakerAvatar").height(); this.avatarHeight = $('#dominantSpeakerAvatar').height();
var onPlayingCallback = function (event) { var onPlayingCallback = function (event) {
if (typeof resizeContainer === 'function') { if (typeof resizeContainer === 'function') {
@ -252,8 +251,8 @@ export class VideoContainer extends LargeContainer {
* <tt>false</tt> otherwise. * <tt>false</tt> otherwise.
*/ */
enableLocalConnectionProblemFilter (enable) { enableLocalConnectionProblemFilter (enable) {
this.$video.toggleClass("videoProblemFilter", enable); this.$video.toggleClass('videoProblemFilter', enable);
this.$videoBackground.toggleClass("videoProblemFilter", enable); this.$videoBackground.toggleClass('videoProblemFilter', enable);
} }
/** /**
@ -343,7 +342,7 @@ export class VideoContainer extends LargeContainer {
*/ */
_positionParticipantStatus($element) { _positionParticipantStatus($element) {
if (this.avatarDisplayed) { if (this.avatarDisplayed) {
let $avatarImage = $("#dominantSpeakerAvatar"); let $avatarImage = $('#dominantSpeakerAvatar');
$element.css( $element.css(
'top', 'top',
$avatarImage.offset().top + $avatarImage.height() + 10); $avatarImage.offset().top + $avatarImage.height() + 10);
@ -368,8 +367,10 @@ export class VideoContainer extends LargeContainer {
if ((containerWidth > width) || (containerHeight > height)) { if ((containerWidth > width) || (containerHeight > height)) {
this._showVideoBackground(); this._showVideoBackground();
const css = containerWidth > width const css
? {width: '100%', height: 'auto'} : {width: 'auto', height: '100%'}; = containerWidth > width
? { width: '100%', height: 'auto' }
: { width: 'auto', height: '100%' };
this.$videoBackground.css(css); this.$videoBackground.css(css);
} }
@ -503,7 +504,7 @@ export class VideoContainer extends LargeContainer {
// find a workaround for the video flickering. // find a workaround for the video flickering.
this.setLargeVideoBackground(show); this.setLargeVideoBackground(show);
this.$avatar.css("visibility", show ? "visible" : "hidden"); this.$avatar.css('visibility', show ? 'visible' : 'hidden');
this.avatarDisplayed = show; this.avatarDisplayed = show;
this.emitter.emit(UIEvents.LARGE_VIDEO_AVATAR_VISIBLE, show); this.emitter.emit(UIEvents.LARGE_VIDEO_AVATAR_VISIBLE, show);
@ -517,10 +518,10 @@ export class VideoContainer extends LargeContainer {
* the indication. * the indication.
*/ */
showRemoteConnectionProblemIndicator (show) { showRemoteConnectionProblemIndicator (show) {
this.$video.toggleClass("remoteVideoProblemFilter", show); this.$video.toggleClass('remoteVideoProblemFilter', show);
this.$videoBackground.toggleClass("remoteVideoProblemFilter", show); this.$videoBackground.toggleClass('remoteVideoProblemFilter', show);
this.$avatar.toggleClass("remoteVideoProblemFilter", show); this.$avatar.toggleClass('remoteVideoProblemFilter', show);
} }
// We are doing fadeOut/fadeIn animations on parent div which wraps // We are doing fadeOut/fadeIn animations on parent div which wraps
@ -582,9 +583,9 @@ export class VideoContainer extends LargeContainer {
* @returns {void} * @returns {void}
*/ */
setLargeVideoBackground (isAvatar) { setLargeVideoBackground (isAvatar) {
$("#largeVideoContainer").css("background", $('#largeVideoContainer').css('background',
(this.videoType === VIDEO_CONTAINER_TYPE && !isAvatar) (this.videoType === VIDEO_CONTAINER_TYPE && !isAvatar)
? "#000" : interfaceConfig.DEFAULT_BACKGROUND); ? '#000' : interfaceConfig.DEFAULT_BACKGROUND);
} }
/** /**