Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Wire up fullscreen button. Requires react-sdk with sync flag to dispatcher.

Browse Source
This commit is contained in:
David Baker 2015-10-20 11:03:32 +01:00
parent 078134d481
commit 34ad48a5d3
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/skins/vector/views/molecules/RoomHeader.js
View File

@ -18,6 +18,7 @@ limitations under the License.
var React = require('react');
var sdk = require('matrix-react-sdk')
var dis = require('matrix-react-sdk/lib/dispatcher')
var CallHandler = require('matrix-react-sdk/lib/CallHandler');
var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg');
@ -37,6 +38,10 @@ module.exports = React.createClass({
return this.refs.name_edit.getDOMNode().value;
},
onFullscreenClick: function() {
dis.dispatch({action: 'video_fullscreen'}, true);
},
render: function() {
var EditableText = sdk.getComponent("atoms.EditableText");
var RoomAvatar = sdk.getComponent('atoms.RoomAvatar');

17
src/skins/vector/views/molecules/voip/VideoView.js
View File

@ -19,12 +19,17 @@ limitations under the License.
var React = require('react');
var sdk = require('matrix-react-sdk')
var dis = require('matrix-react-sdk/lib/dispatcher')
var VideoViewController = require('matrix-react-sdk/lib/controllers/molecules/voip/VideoView')
module.exports = React.createClass({
displayName: 'VideoView',
mixins: [VideoViewController],
componentWillMount: function() {
dis.register(this.onAction);
},
getRemoteVideoElement: function() {
return this.refs.remote.getDOMNode();
},
@ -33,10 +38,20 @@ module.exports = React.createClass({
return this.refs.local.getDOMNode();
},
onAction: function(payload) {
switch (payload.action) {
case 'video_fullscreen':
var element = this.refs.container.getDOMNode();
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;
requestMethod.call(element);
break;
}
},
render: function() {
var VideoFeed = sdk.getComponent('atoms.voip.VideoFeed');
return (
<div className="mx_VideoView">
<div className="mx_VideoView" ref="container">
<div className="mx_VideoView_remoteVideoFeed">
<VideoFeed ref="remote"/>
</div>