You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
322 lines
11 KiB
322 lines
11 KiB
import React,{ Component } from "react";
|
|
import { WordsBtn } from 'educoder';
|
|
import {Tooltip,message} from 'antd';
|
|
import {Link} from 'react-router-dom';
|
|
import {getImageUrl} from 'educoder';
|
|
import axios from 'axios'
|
|
import {getUrl} from 'educoder';
|
|
import moment from 'moment'
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
import Showoldfiles from "../coursesPublic/Showoldfiles";
|
|
import Modals from '../../modals/Modals';
|
|
|
|
class Fileslistitem extends Component{
|
|
constructor(props){
|
|
super(props);
|
|
this.state = {
|
|
|
|
}
|
|
}
|
|
|
|
settingList=()=>{
|
|
let {discussMessage}=this.props
|
|
|
|
this.setState({
|
|
discussMessageid:discussMessage.id
|
|
})
|
|
this.props.Settingtypes(discussMessage.id)
|
|
}
|
|
|
|
showfiles=(value)=>{
|
|
let {discussMessage,coursesId}=this.props
|
|
let file_id=discussMessage.id
|
|
let url="/files/"+file_id+"/histories.json"
|
|
axios.get(url,{
|
|
params:{
|
|
course_id:coursesId
|
|
},
|
|
}).then((result)=>{
|
|
if(result.data.attachment_histories.length===0){
|
|
let link = document.createElement('a');
|
|
document.body.appendChild(link);
|
|
link.href = result.data.url;
|
|
link.download = result.data.title;
|
|
//兼容火狐浏览器
|
|
let evt = document.createEvent("MouseEvents");
|
|
evt.initEvent("click", false, false);
|
|
link.dispatchEvent(evt);
|
|
document.body.removeChild(link);
|
|
}else{
|
|
this.setState({
|
|
Showoldfiles:true,
|
|
allfiles:result.data
|
|
})
|
|
}
|
|
}).catch((error)=>{
|
|
console.log(error)
|
|
})
|
|
}
|
|
|
|
closaoldfilesprops=()=>{
|
|
this.setState({
|
|
Showoldfiles:false,
|
|
})
|
|
}
|
|
|
|
onDelete = (id) => {
|
|
|
|
this.setState({
|
|
Modalstype:true,
|
|
Modalstopval:"是否确认删除?",
|
|
ModalCancel:this.cancelmodel,
|
|
ModalSave:()=>this.savedelete(id),
|
|
})
|
|
|
|
}
|
|
|
|
cancelmodel=()=>{
|
|
|
|
this.setState({
|
|
Modalstype:false,
|
|
Loadtype:false,
|
|
Modalstopval:"",
|
|
ModalCancel:"",
|
|
ModalSave:"",
|
|
checkBoxValues:[],
|
|
})
|
|
|
|
}
|
|
|
|
savedelete=(id)=>{
|
|
|
|
this.setState({
|
|
Modalstype:false,
|
|
})
|
|
|
|
|
|
const cid = this.props.match.params.coursesId
|
|
const url = `/files/bulk_delete.json`;
|
|
axios.delete(url, { data: {
|
|
course_id:cid,
|
|
ids: [id],
|
|
}})
|
|
.then((response) => {
|
|
if (response.data.status == 0) {
|
|
//Modalstopval:response.data.message,
|
|
|
|
this.props.updatafiledfun()
|
|
this.setState({
|
|
// Modalstype:true,
|
|
// Modalstopval:"删除成功",
|
|
ModalsBottomval:"",
|
|
// ModalSave:this.cancelmodel,
|
|
// Loadtype:true,
|
|
checkBoxValues:[],
|
|
checkAllValue:false
|
|
})
|
|
|
|
this.props.showNotification("删除成功");
|
|
}
|
|
})
|
|
.catch(function (error) {
|
|
console.log(error);
|
|
});
|
|
}
|
|
|
|
render(){
|
|
|
|
const { checkBox,
|
|
discussMessage,
|
|
} = this.props;
|
|
|
|
|
|
|
|
return(
|
|
<div className="graduateTopicList boardsList">
|
|
|
|
{/*提示*/}
|
|
{this.state.Modalstype&&this.state.Modalstype===true?<Modals
|
|
modalsType={this.state.Modalstype}
|
|
modalsTopval={this.state.Modalstopval}
|
|
modalCancel={this.state.ModalCancel}
|
|
modalSave={this.state.ModalSave}
|
|
modalsBottomval={this.state.ModalsBottomval}
|
|
loadtype={this.state.Loadtype}
|
|
/>:""}
|
|
<Showoldfiles
|
|
visible={this.state.Showoldfiles}
|
|
allfiles={this.state.allfiles}
|
|
closaoldfilesprops={this.closaoldfilesprops}
|
|
/>
|
|
<style>{`
|
|
.graduateTopicList .ant-checkbox-input {
|
|
margin-right: 15px;
|
|
}
|
|
.graduateTopicList .ant-checkbox-wrapper {
|
|
margin-top: 0px;
|
|
}
|
|
`}</style>
|
|
|
|
|
|
<style>{`
|
|
.boardsList .panel-list-img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
`}</style>
|
|
{/*<a href={"/users/"+this.props.user.login} alt="用户"*/}
|
|
{/*style={{"width": "50px", "height": "50px", "display": "block", margin: "0 10px"}}>*/}
|
|
{/*<img*/}
|
|
{/*alt="1?1529221779" className="panel-list-img mr15" height="50"*/}
|
|
{/*src={getImageUrl("images/"+discussMessage.author.image_url)} width="50"*/}
|
|
{/*></img>*/}
|
|
{/*</a>*/}
|
|
|
|
<style>{`
|
|
.boardsList .contentSection{
|
|
margin-left:0px;
|
|
}
|
|
.maxwidth580{
|
|
max-width: 580px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
`}</style>
|
|
<div className="clearfix ds pr contentSection">
|
|
<h6>
|
|
<span className="fl mr12 mt3">
|
|
{checkBox}
|
|
</span>
|
|
{
|
|
this.props.isAdmin ? <a
|
|
// href={"/courses/" + coursesId + "/graduation/graduation_tasks/" + categoryid + "/" + taskid + "/list"}
|
|
onClick={()=>this.showfiles(discussMessage.title)}
|
|
title={discussMessage.title}
|
|
className="fl mt3 font-16 font-bd color-dark maxwidth580">{discussMessage.title}</a> : ""
|
|
}
|
|
{
|
|
this.props.isStudent? <a
|
|
onClick={()=>this.showfiles(discussMessage.title)}
|
|
title={discussMessage.title}
|
|
className="fl mt3 font-16 font-bd color-dark maxwidth580">{discussMessage.title}</a> :""
|
|
}
|
|
|
|
{
|
|
this.props.isNotMember===true?
|
|
discussMessage.is_lock === true ?
|
|
<span className="fl mt3 font-16 font-bd color-dark maxwidth580">{discussMessage.title}</span>
|
|
:<a
|
|
onClick={()=>this.showfiles(discussMessage.title)}
|
|
title={discussMessage.title}
|
|
className="fl mt3 font-16 font-bd color-dark maxwidth580">{discussMessage.title}</a>:""
|
|
}
|
|
|
|
|
|
{
|
|
discussMessage.is_lock === true ?
|
|
<Tooltip title={ this.props.isNotMember===true?"私有属性，非课堂成员不能访问":"私有属性"} placement="bottom">
|
|
<i className="iconfont icon-guansuo color-grey-c ml10 font-16 fl mt4"></i>
|
|
</Tooltip>
|
|
:""
|
|
}
|
|
{discussMessage.is_publish===false?<CoursesListType typelist={["未发布"]} typesylename={""}/>:""}
|
|
</h6>
|
|
<style>
|
|
{
|
|
`
|
|
.sttingbox{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 20px;
|
|
}
|
|
`
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
<style>
|
|
{
|
|
`
|
|
.lightgreybox{
|
|
min-width: 260px;
|
|
}
|
|
.mrf2{
|
|
margin-top: -2px;
|
|
}
|
|
`
|
|
}
|
|
</style>
|
|
{discussMessage.course_groups.length===0?"":
|
|
<p className="color-grey panel-lightgrey mt8 fl lightgreybox ml30" style={{width:'100%'}}>
|
|
{discussMessage.course_groups.map((item,key)=>{
|
|
return(
|
|
<div className="mr50">
|
|
<span className="mr15 color-dark">{item.course_group_name}</span>
|
|
<span className="mr15 color-grey9 ">将发布于 { moment(item.course_group_publish_time).format('YYYY-MM-DD HH:mm')}</span>
|
|
</div>
|
|
)
|
|
})}
|
|
|
|
</p>}
|
|
|
|
<p className="color-grey panel-lightgrey mt8 fl ml30" style={{width:'100%'}}>
|
|
<span className="mr50">
|
|
<span className="mr15 color-dark">{discussMessage.author.login}</span>
|
|
<span className="mr15 color-grey9">大小 {discussMessage.filesize}</span>
|
|
<span className="mr15 color-grey9">下载 {discussMessage.downloads_count}</span>
|
|
<span className="mr15 color-grey9">引用 {discussMessage.quotes}</span>
|
|
<span className="mr15 color-grey-c">
|
|
{/*{moment(discussMessage.publish_time).format('YYYY-MM-DD HH:mm:ss')}*/}
|
|
{/*{moment(discussMessage.publish_time).fromNow()}*/}
|
|
{ discussMessage.publish_time===null?"":
|
|
discussMessage.is_publish===true?"":"发布于"}
|
|
{ discussMessage.publish_time===null?"":discussMessage.is_publish===true?moment(discussMessage.publish_time).fromNow():moment(discussMessage.publish_time).format('YYYY-MM-DD HH:mm')}
|
|
</span>
|
|
</span>
|
|
{this.props.isAdmin?
|
|
<span className={"fr mrf2 mr10"}>
|
|
|
|
<WordsBtn style="blue" className="colorblue font-16 mr20 fr">
|
|
<a className="btn colorblue"
|
|
onClick={()=>this.settingList()}>设置</a>
|
|
</WordsBtn>
|
|
</span>:""}
|
|
|
|
{this.props.isStudent===true&&this.props.current_user.login===discussMessage.author.login?
|
|
<span className={"fr mrf2 mr10"}>
|
|
|
|
<WordsBtn style="blue" className="colorblue font-16 mr20 fr">
|
|
<a className="btn colorblue"
|
|
onClick={()=>this.settingList()}>设置</a>
|
|
</WordsBtn>
|
|
|
|
<WordsBtn style="blue" className="colorblue font-16 mr20 fr">
|
|
<a className="btn colorblue"
|
|
onClick={()=>this.onDelete(discussMessage.id)}>删除</a>
|
|
</WordsBtn>
|
|
|
|
</span>:""}
|
|
</p>
|
|
|
|
|
|
|
|
<p className="color-grey panel-lightgrey mt8 fl ml30" style={{width:'100%'}}>
|
|
<pre className="color-dark">资源描述 :{discussMessage.description===null?"暂无描述":discussMessage.description}</pre>
|
|
{/*<span className="mr50">*/}
|
|
{/*/!*<span className="mr15 color-dark"></span>*!/*/}
|
|
{/*<span className="mr15 color-dark">*/}
|
|
|
|
{/*</span>*/}
|
|
{/*/!*{this.props.isAdmin ?<span><i className="iconfont icon-bianjidaibeijing font-22 color-green" onClick={()=>this.settingList()}></i></span>:""}*!/*/}
|
|
{/*</span>*/}
|
|
</p>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
export default Fileslistitem; |