|
|
|
@ -38,7 +38,7 @@ function VideoInReviewItem (props) {
|
|
|
|
|
}
|
|
|
|
|
}, [])
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const username = props.match.params.username
|
|
|
|
|
function toList() {
|
|
|
|
@ -48,15 +48,16 @@ function VideoInReviewItem (props) {
|
|
|
|
|
history.push(`/users/${username}/videos/upload`)
|
|
|
|
|
}
|
|
|
|
|
const imgUrl = (!transcoded && !link) ? defaultImg : (cover_url || defaultImg);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={`${isReview ? 'videoInReviewItem' : 'nItem'} videoItem`}>
|
|
|
|
|
<Spin tip="正在转码,请稍等..." spinning={!transcoded && !link}>
|
|
|
|
|
<img className="cover" src={imgUrl} alt=""></img>
|
|
|
|
|
{ link ?
|
|
|
|
|
{ link ?
|
|
|
|
|
<a href={link} target='_blank' className="otherLinkPanel">
|
|
|
|
|
<span className="otherLink">外链</span>
|
|
|
|
|
</a>
|
|
|
|
|
: ""
|
|
|
|
|
</a>
|
|
|
|
|
: ""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{!isReview && <div className="mask" onClick={() => onMaskClick(props)}></div>}
|
|
|
|
@ -76,7 +77,7 @@ function VideoInReviewItem (props) {
|
|
|
|
|
{/* <span className="time">{moment(published_at || created_at).format('YYYY-MM-DD HH:mm:ss')}{people_num}</span> */}
|
|
|
|
|
|
|
|
|
|
{link||total_time===undefined?<span className="time"> </span>:<span className="time">累计学习时长:{
|
|
|
|
|
formatSeconds(total_time)}
|
|
|
|
|
formatSeconds(total_time)}
|
|
|
|
|
{/* total_time<60?total_time+' s':total_time/60<60?(total_time/60).toFixed(0)+' min':(total_time/3600).toFixed(1)+ ' h' */}
|
|
|
|
|
</span>}
|
|
|
|
|
</div>
|
|
|
|
@ -85,28 +86,38 @@ function VideoInReviewItem (props) {
|
|
|
|
|
<span className={"dianjilianicon"}>
|
|
|
|
|
{total_time===undefined?'':!people_num || (people_num && people_num)===0 ? "" : <Tooltip title="观看人数" placement="bottom">
|
|
|
|
|
<i className={`icon-dianjiliang iconfont dianjilianicon font-12`}> {!people_num || (people_num && people_num)===0?"":people_num}</i>
|
|
|
|
|
</Tooltip> }
|
|
|
|
|
</Tooltip> }
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
props&&props.mykt!=undefined?isReview !== true && moveVideo &&
|
|
|
|
|
<Tooltip title="统计" placement="bottom">
|
|
|
|
|
<i className="icon-tongji1 iconfont font-15" onClick={() => moveVideo(props)}
|
|
|
|
|
style={{ marginTop: '1px', display: 'inline-block'}}
|
|
|
|
|
></i>
|
|
|
|
|
</Tooltip>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
isReview !== true && moveVideo &&
|
|
|
|
|
<Tooltip title="移动到" placement="bottom">
|
|
|
|
|
isReview !== true && moveVideo &&
|
|
|
|
|
<Tooltip title="移动" placement="bottom">
|
|
|
|
|
<i className="icon-yidong iconfont font-15" onClick={() => moveVideo(props)}
|
|
|
|
|
style={{ marginTop: '1px', display: 'inline-block'}}
|
|
|
|
|
></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
deleteVideo &&
|
|
|
|
|
deleteVideo &&
|
|
|
|
|
<Tooltip title="删除" placement="bottom">
|
|
|
|
|
<i className="icon-shanchu iconfont" onClick={() => deleteVideo(props)}
|
|
|
|
|
style={{ marginTop: '1px', display: 'inline-block'}}
|
|
|
|
|
></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
isReview !== true && operation &&
|
|
|
|
|
<Tooltip title="编辑" placement="bottom">
|
|
|
|
@ -117,12 +128,12 @@ function VideoInReviewItem (props) {
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
isReview !== true && !link ?
|
|
|
|
|
<Tooltip title="复制视频地址" placement="bottom">
|
|
|
|
|
<Tooltip title="复制" placement="bottom">
|
|
|
|
|
<i className={`icon-fuzhi iconfont copybtn_item_${id}`} data-clipboard-text={getCopyText((play_url || file_url), cover_url)}></i>
|
|
|
|
|
</Tooltip>:""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|