All files / nexshop-web-contents/src/component/preview/contents contents-preview-detail-view.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
1x
 
 
 
 
5x
 
 
 
9x
9x
 
9x
 
5x
 
 
 
3x
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
9x
9x
 
 
 
 
 
 
 
 
import React, {Component} from 'react';
 
class ContentsPreviewDetailView extends Component {
 
    constructor(props) {
        super(props);
    }
 
    drawContents(contents) {
        const {metaData, type} = contents;
        const {contentUrl, mimeType} = metaData;
 
        switch(type) {
            case 'image':
                return (
                    <div className="contents-preview-detail--image" style={{backgroundImage: `url(${contentUrl})`}}/>
                );
            case 'video':
                return (
                    <div className="contents-preview-detail--video">
                        <video autoPlay controls
                               src={contentUrl} type={mimeType}
                        />
                    </div>
                );
            default:
                return (
                    <div className="contents-preview-detail" />
                );
        }
    }
 
    render() {
        const {contents} = this.props;
        return (
            <div>
            { this.drawContents(contents) }
            </div>
        )
    }
}
 
export default ContentsPreviewDetailView;