commit
e70b84b1dc
@ -0,0 +1,46 @@ |
||||
import LoadingIndicator from '../../../components/loading_indicator'; |
||||
import PureRenderMixin from 'react-addons-pure-render-mixin'; |
||||
import ImmutablePropTypes from 'react-immutable-proptypes'; |
||||
import ExtendedVideoPlayer from '../../../components/extended_video_player'; |
||||
import { defineMessages, injectIntl } from 'react-intl'; |
||||
import IconButton from '../../../components/icon_button'; |
||||
|
||||
const messages = defineMessages({ |
||||
close: { id: 'lightbox.close', defaultMessage: 'Close' } |
||||
}); |
||||
|
||||
const closeStyle = { |
||||
position: 'absolute', |
||||
zIndex: '100', |
||||
top: '4px', |
||||
right: '4px' |
||||
}; |
||||
|
||||
const VideoModal = React.createClass({ |
||||
|
||||
propTypes: { |
||||
media: ImmutablePropTypes.map.isRequired, |
||||
onClose: React.PropTypes.func.isRequired, |
||||
intl: React.PropTypes.object.isRequired |
||||
}, |
||||
|
||||
mixins: [PureRenderMixin], |
||||
|
||||
render () { |
||||
const { media, intl, onClose } = this.props; |
||||
|
||||
const url = media.get('url'); |
||||
|
||||
return ( |
||||
<div className='modal-root__modal media-modal'> |
||||
<div> |
||||
<IconButton title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} style={closeStyle} /> |
||||
<ExtendedVideoPlayer src={url} muted={false} controls={true} /> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
}); |
||||
|
||||
export default injectIntl(VideoModal); |
Loading…
Reference in new issue