From e51192ed5f41f206ffdec4f469467970ec91808c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com>
Date: Sat, 20 Jul 2019 22:38:19 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modules/user/usersInfo/InfosCourse.js | 406 +++++++++---------
 1 file changed, 204 insertions(+), 202 deletions(-)

diff --git a/public/react/src/modules/user/usersInfo/InfosCourse.js b/public/react/src/modules/user/usersInfo/InfosCourse.js
index 109a4d7b9..e27513963 100644
--- a/public/react/src/modules/user/usersInfo/InfosCourse.js
+++ b/public/react/src/modules/user/usersInfo/InfosCourse.js
@@ -1,203 +1,205 @@
-import React, { Component } from 'react';
-import { SnackbarHOC } from 'educoder';
-import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
-import {Tooltip,Menu,Pagination,Spin} from 'antd';
-import Loadable from 'react-loadable';
-import Loading from '../../../Loading';
-import axios from 'axios';
-import NoneData from '../../courses/coursesPublic/NoneData'
-import {getImageUrl} from 'educoder';
-import { TPMIndexHOC } from '../../tpm/TPMIndexHOC';
-import { CNotificationHOC } from '../../courses/common/CNotificationHOC'
-import "./usersInfo.css"
-import Create from './publicCreatNew'
-
-class InfosCourse extends Component{
-  constructor(props){
-    super(props);
-    this.state={
-      category:undefined,
-      status:undefined,
-      page:1,
-      per_page:16,
-
-      totalCount:undefined,
-      data:undefined,
-      isSpin:false
-    }
-  }
-
-  componentDidMount=()=>{
-    this.setState({
-      isSpin:true
-    })
-    let{category,status,page}=this.state;
-    this.getCourses(category,status,page);
-  }
-
-  getCourses=(category,status,page)=>{
-    let url=`/users/${this.props.match.params.username}/courses.json`;
-    axios.get((url),{params:{
-      category,
-      status,
-      page,
-      per_page: this.props.is_current && category && page ==1?17:16
-    }}).then((result)=>{
-      if(result){
-        this.setState({
-          totalCount:result.data.count,
-          data:result.data,
-          isSpin:false
-        })
-      }
-    }).catch((error)=>{
-      console.log(error);
-    })
-  }
-
-  //切换种类
-  changeCategory=(cate)=>{
-    this.setState({
-      category:cate,
-      page:1,
-      isSpin:true
-    })
-    let{status}=this.state;
-    this.getCourses(cate,status,1);
-  }
-  //切换状态
-  changeStatus=(status)=>{
-    this.setState({
-      status:status,
-      page:1,
-      isSpin:true
-    })
-    let{category}=this.state;
-    this.getCourses(category,status,1);
-  }
-  //切换页数
-  changePage=(page)=>{
-    this.setState({
-      page,
-      isSpin:true
-    })
-    let{category,status}=this.state;
-    this.getCourses(category,status,page);
-  }
-
-  // 进入课堂
-  turnToCourses=(url,flag)=>{
-    if(flag){
-      this.props.history.push(url);
-    }
-  }
-
-  render(){
-    let{
-      category,
-      status,
-      page,
-      data,
-      totalCount,
-      isSpin
-    } = this.state;
-    let isStudent = this.props.isStudent();
-    let  is_current=this.props.is_current;
-    return(
-      <div className="educontent">
-        <Spin size="large" spinning={isSpin}>
-        <div className="white-panel edu-back-white pt25 pb25 clearfix ">
-          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
-          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
-        </div>
-        {
-          is_current && 
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="processing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("processing")}>正在进行</a></li>
-            <li className={status=="end" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("end")}>已结束</a></li>
-          </div>
-        }
-        <p className="pl25 pr25 clearfix font-12 mb20 mt20">
-          <span className="fl color-grey-9">共参与{totalCount}个{category?category=="manage"?"发布":"学习":"课堂"}</span>
-          <span className="fr color-grey-9">时间最新</span>
-        </p>
-        <div className="square-list clearfix">
-          {
-            !isStudent && page == 1 && !category && is_current &&
-            <Create href={"/courses/new"} name={"新建课堂"} index="1"></Create>
-          }
-          {
-            (!data || data.courses.length==0) && (isStudent || category) && <NoneData></NoneData>
-          }
-          {
-            data && data.courses && data.courses.map((item,key)=>{
-              return(
-                <div className="square-Item" onClick={()=>this.turnToCourses(`${item.first_category_url}`,item.can_visited)} style={{"cursor": "pointer"}}>
-                  {
-                    item.is_public == 1 && 
-                    <React.Fragment>
-                      <div className={key == 0 ?"publicpart orangeBlack":"publicpart"}></div>
-                      <span className="smalltrangle"></span>
-                      <span className="publicword">公开</span>
-                    </React.Fragment>
-                  }
-                  {
-                    item.can_visited ==false?
-                    <div className="closeSquare">
-                      <img src={getImageUrl("/images/educoder/icon/lockclose.svg")} className="mt80 mb25"/>
-                      <p className="font-14 color-white">非成员不能访问</p>
-                    </div>:""
-                  }
-                  
-                  <div className="substance">
-                    <p className="subName font-16">
-                      <span>{item.name}</span>
-                    </p>
-                    <span><img alt="用户" className="radius mt15" height="60" src={getImageUrl('images/'+`${item.teacher && item.teacher.avatar_url}`)} width="60"/></span>
-                    <p className="font-14 mt10"><span>{item.teacher && item.teacher.real_name}</span></p>
-                    <p className="font-16 mb15 task-hide mt10"><span className="color-grey-98">{item.teacher && item.teacher.school_name}</span></p>
-                  </div>
-                  <div className="edu-txt-center course-bottom">
-                    <div className="inline color-grey-6">
-                      {
-                        item.members_count > 0 && 
-                        <Tooltip placement="bottom" title="成员">
-                          <span className="fl ml10 mr10 squareIconSpan">
-                          <i className="iconfont icon-chengyuan fl mr3" data-tip-down="成员"></i>{item.members_count}</span>
-                        </Tooltip>
-                      }
-                      {
-                        item.homework_commons_count > 0 && 
-                        <Tooltip placement="bottom" title="作业">
-                          <span className="fl ml10 mr10 squareIconSpan">
-                          <i className="iconfont icon-zuoye fl mr3" data-tip-down="作业"></i>{item.homework_commons_count}</span>
-                        </Tooltip>
-                      }
-                      {
-                        item.attachments_count > 0 && 
-                        <Tooltip placement="bottom" title="资源">
-                          <span className="fl ml10 mr10 squareIconSpan">
-                          <i className="iconfont icon-ziyuan fl mr3" data-tip-down="资源"></i>{item.attachments_count}</span>
-                        </Tooltip>
-                      }
-                    </div>
-                  </div>
-                </div>
-              )
-            })
-          }
-        </div>
-        {
-          totalCount > 15 && 
-          <div className="mt30 mb50 edu-txt-center">
-            <Pagination showQuickJumper total={totalCount} onChange={this.changePage} pageSize={16} current={page}/>
-          </div>
-        }
-        </Spin>
-      </div>
-    )
-  }
-}
+import React, { Component } from 'react';
+import { SnackbarHOC } from 'educoder';
+import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
+import {Tooltip,Menu,Pagination,Spin} from 'antd';
+import Loadable from 'react-loadable';
+import Loading from '../../../Loading';
+import axios from 'axios';
+import NoneData from '../../courses/coursesPublic/NoneData'
+import {getImageUrl} from 'educoder';
+import { TPMIndexHOC } from '../../tpm/TPMIndexHOC';
+import { CNotificationHOC } from '../../courses/common/CNotificationHOC'
+import "./usersInfo.css"
+import Create from './publicCreatNew'
+
+class InfosCourse extends Component{
+  constructor(props){
+    super(props);
+    this.state={
+      category:undefined,
+      status:undefined,
+      page:1,
+      per_page:16,
+
+      totalCount:undefined,
+      data:undefined,
+      isSpin:false
+    }
+  }
+
+  componentDidMount=()=>{
+    this.setState({
+      isSpin:true
+    })
+    let{category,status,page}=this.state;
+    this.getCourses(category,status,page);
+  }
+
+  getCourses=(category,status,page)=>{
+    let url=`/users/${this.props.match.params.username}/courses.json`;
+    axios.get((url),{params:{
+      category,
+      status,
+      page,
+      per_page: this.props.is_current && category && page ==1?17:16
+    }}).then((result)=>{
+      if(result){
+        this.setState({
+          totalCount:result.data.count,
+          data:result.data,
+          isSpin:false
+        })
+      }
+    }).catch((error)=>{
+      console.log(error);
+    })
+  }
+
+  //切换种类
+  changeCategory=(cate)=>{
+    this.setState({
+      category:cate,
+      page:1,
+      isSpin:true
+    })
+    let{status}=this.state;
+    this.getCourses(cate,status,1);
+  }
+  //切换状态
+  changeStatus=(status)=>{
+    this.setState({
+      status:status,
+      page:1,
+      isSpin:true
+    })
+    let{category}=this.state;
+    this.getCourses(category,status,1);
+  }
+  //切换页数
+  changePage=(page)=>{
+    this.setState({
+      page,
+      isSpin:true
+    })
+    let{category,status}=this.state;
+    this.getCourses(category,status,page);
+  }
+
+  // 进入课堂
+  turnToCourses=(url,flag)=>{
+    if(flag){
+      this.props.history.push(url);
+    }
+  }
+
+  render(){
+    let{
+      category,
+      status,
+      page,
+      data,
+      totalCount,
+      isSpin
+    } = this.state;
+    let isStudent = this.props.isStudent();
+    let  is_current=this.props.is_current;
+
+    console.log(this.props.current_user&&this.props.current_user.user_identity==="学生")
+    return(
+      <div className="educontent">
+        <Spin size="large" spinning={isSpin}>
+        <div className="white-panel edu-back-white pt25 pb25 clearfix ">
+          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
+          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
+          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
+        </div>
+        {
+          is_current && 
+          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
+            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
+            <li className={status=="processing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("processing")}>正在进行</a></li>
+            <li className={status=="end" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("end")}>已结束</a></li>
+          </div>
+        }
+        <p className="pl25 pr25 clearfix font-12 mb20 mt20">
+          <span className="fl color-grey-9">共参与{totalCount}个{category?category=="manage"?"发布":"学习":"课堂"}</span>
+          <span className="fr color-grey-9">时间最新</span>
+        </p>
+        <div className="square-list clearfix">
+          {
+            !isStudent && page == 1 && !category && is_current &&
+						this.props.current_user&&this.props.current_user.user_identity==="学生"?"":<Create href={"/courses/new"} name={"新建课堂"} index="1"></Create>
+          }
+          {
+            (!data || data.courses.length==0) && (isStudent || category) && <NoneData></NoneData>
+          }
+          {
+            data && data.courses && data.courses.map((item,key)=>{
+              return(
+                <div className="square-Item" onClick={()=>this.turnToCourses(`${item.first_category_url}`,item.can_visited)} style={{"cursor": "pointer"}}>
+                  {
+                    item.is_public == 1 && 
+                    <React.Fragment>
+                      <div className={key == 0 ?"publicpart orangeBlack":"publicpart"}></div>
+                      <span className="smalltrangle"></span>
+                      <span className="publicword">公开</span>
+                    </React.Fragment>
+                  }
+                  {
+                    item.can_visited ==false?
+                    <div className="closeSquare">
+                      <img src={getImageUrl("/images/educoder/icon/lockclose.svg")} className="mt80 mb25"/>
+                      <p className="font-14 color-white">非成员不能访问</p>
+                    </div>:""
+                  }
+                  
+                  <div className="substance">
+                    <p className="subName font-16">
+                      <span>{item.name}</span>
+                    </p>
+                    <span><img alt="用户" className="radius mt15" height="60" src={getImageUrl('images/'+`${item.teacher && item.teacher.avatar_url}`)} width="60"/></span>
+                    <p className="font-14 mt10"><span>{item.teacher && item.teacher.real_name}</span></p>
+                    <p className="font-16 mb15 task-hide mt10"><span className="color-grey-98">{item.teacher && item.teacher.school_name}</span></p>
+                  </div>
+                  <div className="edu-txt-center course-bottom">
+                    <div className="inline color-grey-6">
+                      {
+                        item.members_count > 0 && 
+                        <Tooltip placement="bottom" title="成员">
+                          <span className="fl ml10 mr10 squareIconSpan">
+                          <i className="iconfont icon-chengyuan fl mr3" data-tip-down="成员"></i>{item.members_count}</span>
+                        </Tooltip>
+                      }
+                      {
+                        item.homework_commons_count > 0 && 
+                        <Tooltip placement="bottom" title="作业">
+                          <span className="fl ml10 mr10 squareIconSpan">
+                          <i className="iconfont icon-zuoye fl mr3" data-tip-down="作业"></i>{item.homework_commons_count}</span>
+                        </Tooltip>
+                      }
+                      {
+                        item.attachments_count > 0 && 
+                        <Tooltip placement="bottom" title="资源">
+                          <span className="fl ml10 mr10 squareIconSpan">
+                          <i className="iconfont icon-ziyuan fl mr3" data-tip-down="资源"></i>{item.attachments_count}</span>
+                        </Tooltip>
+                      }
+                    </div>
+                  </div>
+                </div>
+              )
+            })
+          }
+        </div>
+        {
+          totalCount > 15 && 
+          <div className="mt30 mb50 edu-txt-center">
+            <Pagination showQuickJumper total={totalCount} onChange={this.changePage} pageSize={16} current={page}/>
+          </div>
+        }
+        </Spin>
+      </div>
+    )
+  }
+}
 export default InfosCourse;
\ No newline at end of file