courseware
杨树明 5 years ago
parent fe0cc42442
commit 32d22e1047

@ -269,6 +269,7 @@ class Video extends Component {
operation={operation || item.user_id === user_id} operation={operation || item.user_id === user_id}
deleteVideo={(admin || item.user_id === user_id) ? this.deleteVideo : undefined} deleteVideo={(admin || item.user_id === user_id) ? this.deleteVideo : undefined}
moveVideo={videoData && videoData.has_category && flagMove ? () => this.moveVideo(item.id, (course_identity > 2 && item.user_id !== user_id)) : undefined} moveVideo={videoData && videoData.has_category && flagMove ? () => this.moveVideo(item.id, (course_identity > 2 && item.user_id !== user_id)) : undefined}
> >
</VideoInReviewItem> </VideoInReviewItem>
) )

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

Loading…
Cancel
Save