forked from Gitlink/forgeplus-react
812 lines
28 KiB
JavaScript
812 lines
28 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { Link } from "react-router-dom";
|
|
import axios from 'axios';
|
|
import { getImageUrl, trigger, on, off } from 'educoder';
|
|
import { Tooltip, message, Popover, Breadcrumb } from 'antd';
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
import AccountProfile from "../../user/AccountProfile";
|
|
import Addcourses from '../coursesPublic/Addcourses';
|
|
import '../css/Courses.css';
|
|
import Modals from "../../modals/Modals";
|
|
import AddStudentModal from '../members/modal/AddStudentModal'
|
|
import AddTeacherModal from '../members/modal/AddTeacherModal'
|
|
import Jointheclass from '../../modals/Jointheclass'
|
|
import Certifiedprofessional from "../../modals/Certifiedprofessional";
|
|
import './course-banner.css'
|
|
|
|
// 点击按钮复制功能
|
|
function jsCopy() {
|
|
var e = document.getElementById("copy_invite_code");
|
|
e.select();
|
|
document.execCommand("Copy");
|
|
codesuccess()
|
|
}
|
|
|
|
function codesuccess() {
|
|
message.success('复制成功');
|
|
};
|
|
|
|
class CoursesBanner extends Component {
|
|
constructor(props) {
|
|
super(props)
|
|
this.state = {
|
|
show: false,
|
|
Addcoursestypes: false,
|
|
modalsType: false,
|
|
modalsTopval: "",
|
|
loadtype: false,
|
|
metype: 0,
|
|
modalsBottomval: "",
|
|
antIcon: false,
|
|
coursedata: undefined,
|
|
is_guide: false,
|
|
excellent: false,//是否是精品课堂
|
|
yslJointhe: false,
|
|
mydisplay: false,
|
|
yslJointhes: false,
|
|
|
|
}
|
|
}
|
|
componentDidMount() {
|
|
|
|
this.onloadupdatabanner()
|
|
on('updatabanner', this.updatabanner)
|
|
if (this.props.match.path === "/classrooms/:coursesId") {
|
|
if (this.props.user != undefined) {
|
|
this.props.history.push(this.props.user.first_category_url)
|
|
}
|
|
}
|
|
axios.interceptors.response.use((response) => {
|
|
if (response != undefined)
|
|
if (response && response.data.status === 410) {
|
|
this.setState({
|
|
yslJointhe: true,
|
|
yslJointhes: true
|
|
})
|
|
|
|
}
|
|
return response;
|
|
}, (error) => {
|
|
});
|
|
}
|
|
componentDidUpdate(prevProps) {
|
|
if (prevProps.user != this.props.user) {
|
|
if (this.props.match.path === "/classrooms/:coursesId") {
|
|
if (this.props.user != undefined) {
|
|
this.props.history.push(this.props.user.first_category_url)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
componentWillUnmount() {
|
|
off('updatabanner', this.updatabanner)
|
|
}
|
|
|
|
HideAddcoursestypess = (i) => {
|
|
this.setState({
|
|
Addcoursestypes: false,
|
|
mydisplay: true,
|
|
occupation: i,
|
|
})
|
|
};
|
|
ModalCancelsy = () => {
|
|
this.setState({
|
|
mydisplay: false,
|
|
})
|
|
};
|
|
|
|
onloadupdatabanner = () => {
|
|
this.updatabanner()
|
|
}
|
|
updatabanner = () => {
|
|
const query = this.props.location.search;
|
|
var dataqueryss = {}
|
|
try {
|
|
var foqus = this.foo(query);
|
|
if (JSON.stringify(foqus) === "{}") {
|
|
this.setState({
|
|
dataquerys: {},
|
|
});
|
|
} else {
|
|
this.setState({
|
|
dataquerys: foqus,
|
|
});
|
|
dataqueryss = foqus;
|
|
}
|
|
} catch (e) {
|
|
this.setState({
|
|
dataquerys: {},
|
|
})
|
|
}
|
|
let courseId = this.props.match.params.coursesId;
|
|
let url = "/courses/" + courseId + "/top_banner.json"
|
|
axios.get(url, {
|
|
params:
|
|
dataqueryss
|
|
}).then((result) => {
|
|
try {
|
|
if (result.data.status === -2) {
|
|
} else {
|
|
if (result != undefined) {
|
|
let data = result.data;
|
|
this.setState({
|
|
coursedata: data,
|
|
excellent: data.excellent,
|
|
})
|
|
this.props.ispostexcellenttype(data.excellent)
|
|
} else {
|
|
this.onloadupdatabanner()
|
|
}
|
|
}
|
|
} catch (e) {
|
|
|
|
}
|
|
|
|
|
|
})
|
|
};
|
|
foo = (url) => {
|
|
var json = {};
|
|
var regExp = /[\?\&](\w+)(=?)(\w*)/g;
|
|
var arr;
|
|
do {
|
|
arr = regExp.exec(url);
|
|
|
|
if (arr) {
|
|
var key = arr[1];
|
|
var value = arr[3];
|
|
if (!arr[2])
|
|
value = undefined;
|
|
|
|
json[key] = value;
|
|
}
|
|
} while (arr);
|
|
|
|
return json;
|
|
};
|
|
|
|
|
|
tojoinclass = (val) => {
|
|
if (this.props.current_user && this.props.current_user.profile_completed === false) {
|
|
this.setState({
|
|
AccountProfiletype: true
|
|
})
|
|
return
|
|
}
|
|
|
|
if (val === 1) {
|
|
this.setState({
|
|
Addcoursestypes: true,
|
|
})
|
|
} else {
|
|
this.setState({
|
|
Addcoursestypes: false,
|
|
})
|
|
}
|
|
|
|
|
|
};
|
|
|
|
//精品课堂的弹框
|
|
myyslgradin = () => {
|
|
this.setState({
|
|
yslJointhe: true
|
|
})
|
|
}
|
|
showActionPoll = (i, s, ss, trs) => {
|
|
this.setState({
|
|
modalsType: true,
|
|
modalsTopval: s,
|
|
loadtype: false,
|
|
metype: i,
|
|
modalsBottomval: ss,
|
|
modalstrsvalue: trs,
|
|
})
|
|
}
|
|
ActionPoll = (i) => {
|
|
let { coursedata } = this.state;
|
|
var s = "";
|
|
var ss = "";
|
|
if (i === 1) {
|
|
s = "课堂删除后数据将无法恢复，是否确定删除？";
|
|
this.showActionPoll(i, s)
|
|
}
|
|
if (i === 2) {
|
|
s = "您确定要设置为私有?";
|
|
this.showActionPoll(i, s)
|
|
}
|
|
if (i === 3) {
|
|
s = "设为公开后，非课堂成员也可以访问查看";
|
|
ss = "是否确认设为公开？";
|
|
this.showActionPoll(i, s, ss)
|
|
}
|
|
|
|
if (i === 4) {
|
|
if (coursedata.code_halt === true) {
|
|
var url = `/courses/${this.props.match.params.coursesId}/set_invite_code_halt.json`
|
|
axios.post(url, {}).then((result) => {
|
|
try {
|
|
if (result.data.status === 0) {
|
|
this.updatabanner()
|
|
}
|
|
} catch (e) {
|
|
|
|
}
|
|
|
|
})
|
|
} else {
|
|
s = "课堂邀请码停用后，用户不能主动加入该课堂了";
|
|
ss = "您是否确认停用?";
|
|
this.showActionPoll(i, s, ss)
|
|
}
|
|
}
|
|
if (i === 5) {
|
|
s = `“复制”功能将会为您创建一个新的课堂`;
|
|
ss = "请问是否继续？";
|
|
let mid = "旧课堂的作业、资源、试卷等都将被复制到新的课堂里面";
|
|
this.showActionPoll(i, s, ss, mid)
|
|
}
|
|
|
|
}
|
|
//取消
|
|
modalCancel = () => {
|
|
this.setState({
|
|
modalsType: false,
|
|
modalsTopval: "",
|
|
modalsBottomval: "",
|
|
loadtype: false,
|
|
antIcon: false,
|
|
modalstrsvalue: undefined
|
|
})
|
|
|
|
}
|
|
// 确定
|
|
ModalAction = () => {
|
|
let { coursedata } = this.state;
|
|
let that = this;
|
|
var push = this.props.history;
|
|
let id = this.props.match.params.coursesId;
|
|
//删除
|
|
if (this.state.metype === 1) {
|
|
that.setState({
|
|
antIcon: true
|
|
})
|
|
|
|
var url = `/courses/${id}.json`
|
|
axios
|
|
.delete(url, {})
|
|
.then(function (response) {
|
|
console.log(response.data.status)
|
|
if (response.data.status === 0) {
|
|
that.setState({
|
|
antIcon: false
|
|
})
|
|
that.modalCancel();
|
|
message.success("删除成功", 1)
|
|
push.push(`/classrooms`)
|
|
|
|
}
|
|
})
|
|
}
|
|
//设为私有的
|
|
if (this.state.metype === 2) {
|
|
this.modalCancel();
|
|
var state = this.state;
|
|
var url = `/courses/${id}/set_public_or_private.json`
|
|
axios.post(url, {}).then((result) => {
|
|
if (result.data.status === 0) {
|
|
message.success("设为私有的成功", 1);
|
|
state.coursedata.is_public = false;
|
|
this.setState({
|
|
coursedata: state.coursedata,
|
|
})
|
|
}
|
|
})
|
|
}
|
|
//设为公有的
|
|
if (this.state.metype === 3) {
|
|
this.modalCancel();
|
|
var state = this.state;
|
|
var url = `/courses/${id}/set_public_or_private.json`
|
|
axios.post(url, {}).then((result) => {
|
|
if (result.data.status === 0) {
|
|
message.success("设为公有的成功", 1);
|
|
state.coursedata.is_public = true;
|
|
this.setState({
|
|
coursedata: state.coursedata,
|
|
})
|
|
}
|
|
})
|
|
}
|
|
//停用邀请码
|
|
if (this.state.metype === 4) {
|
|
this.modalCancel();
|
|
var url = `/courses/${id}/set_invite_code_halt.json`
|
|
axios.post(url, {}).then((result) => {
|
|
try {
|
|
if (result.data.status === 0) {
|
|
message.success(coursedata.code_halt === true ? "启用用邀请码成功" : "停用邀请码成功", 1);
|
|
this.updatabanner()
|
|
}
|
|
} catch (e) {
|
|
|
|
}
|
|
|
|
})
|
|
}
|
|
if (this.state.metype === 5) {
|
|
this.setState({
|
|
antIcon: true,
|
|
})
|
|
var url = `/courses/${id}/duplicate_course.json`
|
|
axios.post(url).then((response) => {
|
|
if (response !== undefined) {
|
|
window.location.href = "/classrooms/" + response.data.new_course_id + "/students";
|
|
return
|
|
}
|
|
this.modalCancel();
|
|
|
|
}).catch((error) => {
|
|
this.modalCancel();
|
|
console.log(252);
|
|
console.log(error);
|
|
});
|
|
}
|
|
|
|
if (this.state.metype === 6) {
|
|
this.setState({
|
|
antIcon: true,
|
|
})
|
|
var url = `/courses/${id}/exit_course.json`;
|
|
axios.post(url).then((response) => {
|
|
if (response.data.status === 0) {
|
|
window.location.href = "/" + this.props.current_user.login;
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
}
|
|
addTeacher = (isTeacher) => {
|
|
this.setState({ isTeacher }, () => {
|
|
this.refs.addTeacherModal.setVisible(true)
|
|
})
|
|
|
|
}
|
|
addStudent = () => {
|
|
this.refs.addStudentModal.setVisible(true)
|
|
}
|
|
addTeacherSuccess = (params) => {
|
|
trigger('addTeacherSuccess', JSON.stringify(params))
|
|
this.updatabanner()
|
|
}
|
|
addStudentSuccess = (params) => {
|
|
trigger('addStudentSuccess', JSON.stringify(params))
|
|
this.updatabanner()
|
|
}
|
|
//退出课堂按钮
|
|
exitclassName = () => {
|
|
this.setState({
|
|
modalsType: true,
|
|
modalsTopval: "退出后您将不再是本课题的成员,作品将全部被删除，",
|
|
modalsBottomval: "确定要退出该课堂吗？",
|
|
metype: 6
|
|
})
|
|
}
|
|
//切换身份
|
|
switchidentity = (sum) => {
|
|
let newurl = this.props.match.url;
|
|
let id = this.props.match.params.coursesId;
|
|
if (sum === 1) {
|
|
let url = `/courses/${id}/switch_to_student.json`;
|
|
axios.post(url).then((response) => {
|
|
if (response != undefined) {
|
|
if (response.data.status === 0) {
|
|
window.location.href = newurl
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
if (sum === 2) {
|
|
let url = `/courses/${id}/switch_to_teacher.json`;
|
|
axios.post(url).then((response) => {
|
|
if (response != undefined) {
|
|
if (response.data.status === 0) {
|
|
window.location.href = newurl
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
if (sum === 3) {
|
|
let url = `/courses/${id}/switch_to_assistant.json`;
|
|
axios.post(url).then((response) => {
|
|
if (response.data.status === 0) {
|
|
window.location.href = newurl
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
}
|
|
postsettings = () => {
|
|
window.location.href = "/classrooms/" + this.props.match.params.coursesId + "/settings";
|
|
};
|
|
postsettingstwo = () => {
|
|
window.location.href = `/classrooms/${this.props.match.params.coursesId}/newgolds/settings`;
|
|
};
|
|
|
|
|
|
|
|
hideAccountProfile = () => {
|
|
this.setState({
|
|
AccountProfiletype: false,
|
|
content: undefined,
|
|
okText: undefined,
|
|
okHref: undefined,
|
|
cannelText: undefined,
|
|
Accounturltype: undefined
|
|
})
|
|
};
|
|
ysljoinmodalCancel = () => {
|
|
this.setState({
|
|
yslJointhe: false
|
|
})
|
|
if (this.state.yslJointhes === true) {
|
|
window.location.href = "/";
|
|
}
|
|
};
|
|
ysljoinmodalCanceltwo = () => {
|
|
this.setState({
|
|
yslJointhe: false
|
|
})
|
|
window.location.reload();
|
|
};
|
|
|
|
|
|
setHistoryFun = (url) => {
|
|
this.updatabanner();
|
|
this.props.history.replace(url);
|
|
}
|
|
|
|
|
|
render() {
|
|
let { Addcoursestypes, coursedata, excellent, modalsType, modalsTopval, loadtype, modalsBottomval, antIcon, is_guide, AccountProfiletype, modalstrsvalue } = this.state;
|
|
|
|
const isCourseEnd = this.props.isCourseEnd();
|
|
document.title = coursedata === undefined || coursedata.status === 401 || coursedata.status === 407 ? "" : coursedata.name;
|
|
return (
|
|
<div>
|
|
|
|
{AccountProfiletype === true ? <AccountProfile
|
|
hideAccountProfile={() => this.hideAccountProfile()}
|
|
{...this.props}
|
|
{...this.state}
|
|
/> : ""}
|
|
|
|
|
|
{
|
|
coursedata === undefined || coursedata.status === 401 ? <div id="course_info_1309" className="courseHead" style={{ height: '206px' }}></div> : <div id="course_info_1309" className="courseHead" style={{ height: '206px' }}>
|
|
|
|
{Addcoursestypes === true ? <Addcourses
|
|
Addcoursestype={Addcoursestypes}
|
|
hideAddcoursestype={() => this.tojoinclass(2)}
|
|
HideAddcoursestypess={(i) => this.HideAddcoursestypess(i)}
|
|
/> : ""}
|
|
<Certifiedprofessional {...this.props} {...this.state} ModalCancelsy={this.ModalCancelsy} />
|
|
<Modals
|
|
modalsType={modalsType}
|
|
modalsTopval={modalsTopval}
|
|
loadtype={loadtype}
|
|
modalsBottomval={modalsBottomval}
|
|
modalsMidval={modalstrsvalue}
|
|
modalCancel={this.modalCancel}
|
|
modalSave={this.ModalAction}
|
|
antIcon={antIcon}
|
|
></Modals>
|
|
<Jointheclass {...this.props} {...this.state} ysljoinmodalCancel={() => this.ysljoinmodalCancel()} ysljoinmodalCanceltwo={() => this.ysljoinmodalCanceltwo()}></Jointheclass>
|
|
<AddTeacherModal ref="addTeacherModal"
|
|
{...this.props}
|
|
isTeacher={this.state.isTeacher}
|
|
moduleName={this.state.isTeacher ? "教师" : "助教"}
|
|
addTeacherSuccess={this.addTeacherSuccess}
|
|
></AddTeacherModal>
|
|
<AddStudentModal ref="addStudentModal"
|
|
{...this.props}
|
|
moduleName="学生"
|
|
addStudentSuccess={this.addStudentSuccess}
|
|
></AddStudentModal>
|
|
<div className="educontent clearfix educontentTop">
|
|
<div className="course-banner-title">
|
|
|
|
{
|
|
coursedata === undefined || coursedata.status === 401 || coursedata.status === 407 ? "" :
|
|
<Tooltip placement="bottom" title={coursedata && coursedata.name && coursedata.name.length < 38 ? "" : coursedata.name}>
|
|
<span className="font-24 fl bannername">{coursedata.name}</span>
|
|
</Tooltip>
|
|
|
|
}
|
|
{excellent === true ?
|
|
|
|
<CoursesListType
|
|
typelist={["开放课程"]}
|
|
/>
|
|
|
|
: ""}
|
|
<CoursesListType
|
|
typelist={coursedata.course_end === true ? ["已结束"] : coursedata.is_public === true ? ["公开"] : ["私有"]}
|
|
tipval={coursedata.is_public === true ? "" : "私有课堂，非课堂成员不能访问"} />
|
|
</div>
|
|
|
|
|
|
<div className="clearfix ">
|
|
<div className="flex-container mr40 mb20" >
|
|
<a href={"/" + coursedata.teacher_login} >
|
|
<img alt="头像" className="radius mt3 bannerimgname"
|
|
src={getImageUrl(`images/` + coursedata.teacher_img)} />
|
|
</a>
|
|
<a href={"/" + coursedata.teacher_login} className="mt13 color-white bannnerusername mt13">{coursedata.teacher_name}</a>
|
|
<p className="mt13 color-white bannnerusernames">{coursedata.teacher_school}</p>
|
|
</div>
|
|
|
|
<div>
|
|
{this.props.isStudent() ? this.props.current_user && this.props.current_user.course_is_end === true ? "" : <a className="fr user_default_btn user_blue_btn mr20 font-18"
|
|
onClick={() => this.exitclass()}
|
|
> 永久退出课堂 </a> : ""}
|
|
|
|
{coursedata.switch_to_student === true ?
|
|
<Tooltip placement="bottom" title={
|
|
<pre>由教师/助教身份切换至学生<br />可进行提交作品、答题等操作</pre>
|
|
}>
|
|
<a className="fr user_default_btn user_blue_btn mr20 font-18"
|
|
onClick={() => this.switchidentity(1)}
|
|
> 切换为学生 </a>
|
|
</Tooltip>
|
|
: ""}
|
|
|
|
{coursedata.switch_to_teacher === true ?
|
|
<Tooltip placement="bottom" title={
|
|
<pre>由学生身份切换至教师<br />拥有添加成员、发布作业等管理权限</pre>
|
|
}>
|
|
<a className="fr user_default_btn user_blue_btn mr20 font-18"
|
|
onClick={() => this.switchidentity(2)}
|
|
> 切换为老师 </a>
|
|
</Tooltip> : ""}
|
|
|
|
|
|
{coursedata.switch_to_assistant === true ?
|
|
<Tooltip placement="bottom" title={
|
|
<pre>由学生身份切换至助教<br />拥有添加成员、发布作业等管理权限</pre>
|
|
}>
|
|
<a className="fr user_default_btn user_blue_btn mr20 font-18"
|
|
onClick={() => this.switchidentity(3)}
|
|
> 切换为助教 </a>
|
|
</Tooltip> : ""}
|
|
|
|
|
|
{coursedata.course_identity === 6 && coursedata.educoder_teacher === false ?
|
|
(
|
|
excellent === false ?
|
|
<a className="fr user_default_btn task-btn-orange font-18 mr20" id="shixun_operation"
|
|
onClick={() => this.tojoinclass(1)}>加入课堂</a>
|
|
:
|
|
<a className="fr user_default_btn task-btn-orange font-18 mr20" id="shixun_operation"
|
|
onClick={() => this.myyslgradin(1)}>立即加入</a>
|
|
)
|
|
: ""}
|
|
|
|
{coursedata.course_identity === 6 && coursedata.educoder_teacher === true ?
|
|
excellent === false ?
|
|
<a className="fr user_default_btn task-btn-orange font-18 mr20" id="shixun_operation"
|
|
onClick={() => this.tojoinclass(1)}>加入课堂</a>
|
|
:
|
|
<a className="fr user_default_btn task-btn-orange font-18 mr20" id="shixun_operation"
|
|
onClick={() => this.myyslgradin(1)}>立即加入</a>
|
|
: ""}
|
|
|
|
{coursedata.course_identity === 6 && coursedata.educoder_teacher === true ?
|
|
(
|
|
excellent === false ?
|
|
<a className="fr user_default_btn user_blue_btn mr20 font-18" onClick={() => this.ActionPoll(5)}> 复制课堂 </a>
|
|
: ""
|
|
)
|
|
: ""}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<style>
|
|
{
|
|
`
|
|
.teachersbox{
|
|
margin-right:22px !important;
|
|
}
|
|
`
|
|
}
|
|
</style>
|
|
|
|
<div className="clearfix clearfixborder">
|
|
<ul className="fl color-grey-eb pathInfo pathInfobox mt10">
|
|
<style>
|
|
{`
|
|
.ant-breadcrumb-separator{
|
|
color: rgba(255,255,255,0.3) !important;
|
|
}
|
|
.pointer .ant-tooltip-inner{
|
|
|
|
background:rgba(204,204,204,0.2) !important;
|
|
}
|
|
.pointer .ant-tooltip-arrow::before{
|
|
|
|
background:rgba(204,204,204,0.2) !important;
|
|
}
|
|
.pointer .antsoancss{
|
|
color: #fff;
|
|
}
|
|
`}
|
|
</style>
|
|
<Breadcrumb separator="|" className={"mt5"}>
|
|
<Breadcrumb.Item className={excellent === true && this.props.isAdminOrStudent() === false ? "" : "pointer"}>
|
|
<Tooltip getPopupContainer={trigger => trigger.parentNode} visible={excellent === true && this.props.isAdminOrStudent() === false ? false : coursedata.teacher_applies_count === undefined ? false : coursedata.teacher_applies_count > 0 ? true : false}
|
|
placement="topLeft"
|
|
title={<pre className="antsoancss">
|
|
{coursedata.teacher_applies_count === undefined ? "" : coursedata.teacher_applies_count > 0 ?
|
|
<span >您有{coursedata.teacher_applies_count}条新的加入申请
|
|
<a className={"daishenp"} onClick={excellent === true && this.props.isAdminOrStudent() === false ? "" : () => this.setHistoryFun("/classrooms/" + this.props.match.params.coursesId + "/teachers?tab=2")}>
|
|
<span style={{
|
|
color: "#FFA804"
|
|
}}>
|
|
待审批
|
|
</span></a></span> : ""}</pre>}>
|
|
<span className="color-grey-c font-16" onClick={excellent === true && this.props.isAdminOrStudent() === false ? "" : () => this.setHistoryFun("/classrooms/" + this.props.match.params.coursesId + "/teachers")}>
|
|
<span className={"mr10"}>教师</span>
|
|
<span className={"mr10"}>{coursedata.teacher_count}</span>
|
|
</span>
|
|
</Tooltip>
|
|
</Breadcrumb.Item>
|
|
|
|
<Breadcrumb.Item
|
|
className={excellent === true && this.props.isAdminOrStudent() === false ? "" : excellent === true && coursedata.course_end === true ? this.props.isAdminOrTeacher() === true ? "pointer" : "" : "pointer"}
|
|
onClick={excellent === true && this.props.isAdminOrStudent() === false ? "" : excellent === true && coursedata.course_end === true ? this.props.isAdminOrTeacher() === true ? () => this.setHistoryFun("/classrooms/" + this.props.match.params.coursesId + "/students") : "" : () => this.setHistoryFun("/classrooms/" + this.props.match.params.coursesId + "/students")}
|
|
>
|
|
<span className="color-grey-c font-16"><span className={"mr10 ml10"}>学生</span> <span className={"mr10"}>{coursedata.student_count}</span></span>
|
|
</Breadcrumb.Item>
|
|
|
|
<Breadcrumb.Item>{coursedata.credit === null ? "" :
|
|
<span className="color-grey-c font-16"><span className={"mr10 ml10"}>学分</span> <span className={"mr10"}>{coursedata.credit}</span></span>
|
|
}</Breadcrumb.Item>
|
|
|
|
</Breadcrumb>
|
|
|
|
</ul>
|
|
|
|
|
|
{this.props.isAdmin() ? <ul className="fr color-grey-eb pathInfo pathInfobox mt10"
|
|
style={{
|
|
position: "relative"
|
|
}}
|
|
>
|
|
{!isCourseEnd && <li className={"mt7 mr10im"}>
|
|
<a onClick={() => this.addTeacher(true)}>
|
|
<span className="color-white fl font-16 bannerurli width100f">添加老师</span>
|
|
</a>
|
|
</li>}
|
|
|
|
{!isCourseEnd && <li className={"mt7 mr10im"}>
|
|
<a onClick={() => this.addTeacher(false)}>
|
|
<span className="color-white fl font-16 bannerurli width100f">添加助教</span>
|
|
</a>
|
|
|
|
</li>}
|
|
|
|
{!isCourseEnd && <li className={"mt7 mr10im"}>
|
|
<a onClick={() => this.addStudent()}>
|
|
<span className={"color-white fl font-16 bannerurli width100f"}>添加学生</span>
|
|
</a>
|
|
</li>}
|
|
{excellent === false ?
|
|
<li className={"mt7 mr10im ml10"} style={{ overflow: "hidden" }}>
|
|
<a>
|
|
<span className="color-grey-c fl font-16" style={{ marginRight: "10px" }}>邀请码</span>
|
|
<span
|
|
className={coursedata.code_halt === true ? "color-white fl font-16 bannerurli width75f" : "color-white fl font-16 bannerurli width107f marleftf10 color-orange-tip"}>
|
|
{coursedata.code_halt === true ? "已停用" : coursedata.invite_code}
|
|
{coursedata.code_halt === true ? "" :
|
|
<Tooltip placement="bottom" title={
|
|
coursedata.code_halt === true ? <pre>
|
|
邀请码已停用<br />
|
|
成员不能主动加入课堂
|
|
</pre> : <pre>
|
|
成员可以通过邀请码主动加入课堂<br />
|
|
点击立刻复制邀请码
|
|
</pre>
|
|
}>
|
|
<i className="iconfont icon-fuzhi color-white font-14 ml10"
|
|
onClick={() => {
|
|
jsCopy()
|
|
}}></i>
|
|
</Tooltip>
|
|
}
|
|
<input id="copy_invite_code" value={coursedata.invite_code} />
|
|
</span>
|
|
</a>
|
|
</li> : ""}
|
|
|
|
<li className={"mt7 ml10 mr0 "}>
|
|
<style>
|
|
{
|
|
`
|
|
.defaults{cursor:default}
|
|
|
|
.defaults a{
|
|
display:block;
|
|
color:rgba(0, 0, 0, 0.65);
|
|
}
|
|
.ant-popover-inner-content{
|
|
padding:12px 16px;
|
|
}
|
|
`
|
|
}
|
|
</style>
|
|
<Popover placement="bottom" className="settingBtns" content={
|
|
excellent === false ?
|
|
<ul className="sandianbox" style={{
|
|
display: 'block',
|
|
right: "-113px",
|
|
top: "20px"
|
|
}}>
|
|
{coursedata.is_public === true ? coursedata.course_identity < 3 ?
|
|
<div className={"defaults"} onClick={() => this.ActionPoll(2)}>设为私有</div> : "" : ""}
|
|
|
|
{coursedata.is_public === false ? coursedata.course_identity < 3 ?
|
|
<div className={"defaults"} onClick={() => this.ActionPoll(3)}>设为公开</div> : "" : ""}
|
|
|
|
{coursedata.course_identity < 3 ? <div className={"defaults"} onClick={() => this.ActionPoll(4)}>
|
|
{coursedata.code_halt === true ? "启用邀请码" : "停用邀请码"}
|
|
</div> : ""}
|
|
|
|
<div className={"defaults"}><Link to={`/classrooms/${this.props.match.params.coursesId}/settings`}>设置</Link></div>
|
|
|
|
<div className={"defaults"} onClick={() => this.ActionPoll(5)}>复制 </div>
|
|
|
|
{coursedata.is_admin === true ? coursedata.course_identity < 3 ? <div className={"defaults"} onClick={() => this.ActionPoll(1)}>删除</div>
|
|
: "" : ""}
|
|
</ul>
|
|
:
|
|
<ul className="sandianbox" style={{
|
|
display: 'block',
|
|
right: "-113px",
|
|
top: "20px"
|
|
}}>
|
|
<div className={"defaults"} onClick={this.postsettingstwo}>设置</div>
|
|
{coursedata.is_admin === true ? coursedata.course_identity < 3 ? <div className={"defaults"} onClick={() => this.ActionPoll(1)}>删除</div>
|
|
: "" : ""}
|
|
</ul>
|
|
} trigger="hover">
|
|
<i className="iconfont icon-weibiaoti12 color-white font-14 relative"></i>
|
|
</Popover>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul> : ""}
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
)
|
|
}
|
|
}
|
|
|
|
export default CoursesBanner; |