"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "bigbluebutton-html5/imports/ui/components/media/webcam-draggable-overlay/component.jsx" between
bigbluebutton-2.3.6.tar.gz and bigbluebutton-2.3.7.tar.gz

About: BigBlueButton is a complete web conferencing system (mainly designed for online learning).

component.jsx  (bigbluebutton-2.3.6):component.jsx  (bigbluebutton-2.3.7)
skipping to change at line 24 skipping to change at line 24
const propTypes = { const propTypes = {
swapLayout: PropTypes.bool, swapLayout: PropTypes.bool,
hideOverlay: PropTypes.bool, hideOverlay: PropTypes.bool,
disableVideo: PropTypes.bool, disableVideo: PropTypes.bool,
audioModalIsOpen: PropTypes.bool, audioModalIsOpen: PropTypes.bool,
webcamDraggableState: PropTypes.objectOf(Object).isRequired, webcamDraggableState: PropTypes.objectOf(Object).isRequired,
webcamDraggableDispatch: PropTypes.func.isRequired, webcamDraggableDispatch: PropTypes.func.isRequired,
refMediaContainer: PropTypes.shape({ current: PropTypes.instanceOf(Element) }) , refMediaContainer: PropTypes.shape({ current: PropTypes.instanceOf(Element) }) ,
layoutContextState: PropTypes.objectOf(Object).isRequired, layoutContextState: PropTypes.objectOf(Object).isRequired,
layoutContextDispatch: PropTypes.func.isRequired, layoutContextDispatch: PropTypes.func.isRequired,
isRTL: PropTypes.bool.isRequired,
}; };
const defaultProps = { const defaultProps = {
swapLayout: false, swapLayout: false,
hideOverlay: false, hideOverlay: false,
disableVideo: false, disableVideo: false,
audioModalIsOpen: false, audioModalIsOpen: false,
refMediaContainer: null, refMediaContainer: null,
}; };
skipping to change at line 201 skipping to change at line 202
top, top,
left, left,
width, width,
height, height,
}; };
} }
return false; return false;
} }
calculatePosition() { calculatePosition() {
const { layoutContextState } = this.props; const { layoutContextState, isRTL } = this.props;
const { mediaBounds } = layoutContextState; const { mediaBounds } = layoutContextState;
const { top: mediaTop, left: mediaLeft } = mediaBounds; const { top: mediaTop, left: mediaLeft } = mediaBounds;
const { top: webcamsListTop, left: webcamsListLeft } = this.getWebcamsListBo unds(); const { top: webcamsListTop, left: webcamsListLeft } = this.getWebcamsListBo unds();
const x = webcamsListLeft - mediaLeft; const x = !isRTL ? (webcamsListLeft - mediaLeft) : webcamsListLeft;
const y = webcamsListTop - mediaTop; const y = webcamsListTop - mediaTop;
return { return {
x, x,
y, y,
}; };
} }
handleLayoutSizesSets() { handleLayoutSizesSets() {
const { layoutContextState } = this.props; const { layoutContextState } = this.props;
const { webcamsAreaSize } = layoutContextState; const { webcamsAreaSize } = layoutContextState;
skipping to change at line 285 skipping to change at line 286
} }
render() { render() {
const { const {
layoutContextState, layoutContextState,
webcamDraggableState, webcamDraggableState,
swapLayout, swapLayout,
hideOverlay, hideOverlay,
disableVideo, disableVideo,
audioModalIsOpen, audioModalIsOpen,
isRTL,
} = this.props; } = this.props;
const { isMobile } = deviceInfo; const { isMobile } = deviceInfo;
const { resizing, webcamsAreaResizable, hideWebcams } = this.state; const { resizing, webcamsAreaResizable, hideWebcams } = this.state;
const { const {
mediaBounds, mediaBounds,
webcamsAreaSize, webcamsAreaSize,
} = layoutContextState; } = layoutContextState;
skipping to change at line 432 skipping to change at line 434
<Fragment> <Fragment>
<div <div
className={dropZoneTopClassName} className={dropZoneTopClassName}
style={{ height: '15vh' }} style={{ height: '15vh' }}
> >
<div <div
className={dropZoneBgTopClassName} className={dropZoneBgTopClassName}
/> />
</div> </div>
<div <div
className={dropZoneLeftClassName} className={!isRTL ? dropZoneLeftClassName : dropZoneRightClassName}
style={{ style={{
width: '15vh', width: '15vh',
height: `calc(${mediaHeight}px - (15vh * 2))`, height: `calc(${mediaHeight}px - (15vh * 2))`,
}} }}
> >
<div <div
className={dropZoneBgLeftClassName} className={dropZoneBgLeftClassName}
/> />
</div> </div>
<Draggable <Draggable
skipping to change at line 517 skipping to change at line 519
</Draggable> </Draggable>
<div <div
className={dropZoneBottomClassName} className={dropZoneBottomClassName}
style={{ height: '15vh' }} style={{ height: '15vh' }}
> >
<div <div
className={dropZoneBgBottomClassName} className={dropZoneBgBottomClassName}
/> />
</div> </div>
<div <div
className={dropZoneRightClassName} className={!isRTL ? dropZoneRightClassName : dropZoneLeftClassName}
style={{ style={{
width: '15vh', width: '15vh',
height: `calc(${mediaHeight}px - (15vh * 2))`, height: `calc(${mediaHeight}px - (15vh * 2))`,
}} }}
> >
<div <div
className={dropZoneBgRightClassName} className={dropZoneBgRightClassName}
/> />
</div> </div>
</Fragment> </Fragment>
 End of changes. 6 change blocks. 
4 lines changed or deleted 6 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)