From 6ce9d01ffbf786083c45d08a5fd0078378b32ba2 Mon Sep 17 00:00:00 2001
From: tangjiang <465264938@qq.com>
Date: Thu, 14 Nov 2019 17:40:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A8=E8=AE=BA=E6=A8=A1=E5=9D=97=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=89=80=E5=B1=9E=E7=9B=AE=E5=BD=95=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/courses/boards/BoardsListItem.js  | 41 ++++++++++++-------
 .../modules/courses/boards/boardsListItem.css |  9 ++++
 .../react/src/modules/courses/boards/index.js |  6 +--
 3 files changed, 38 insertions(+), 18 deletions(-)
 create mode 100644 public/react/src/modules/courses/boards/boardsListItem.css

diff --git a/public/react/src/modules/courses/boards/BoardsListItem.js b/public/react/src/modules/courses/boards/BoardsListItem.js
index 2b9c05126..0df7675a3 100644
--- a/public/react/src/modules/courses/boards/BoardsListItem.js
+++ b/public/react/src/modules/courses/boards/BoardsListItem.js
@@ -1,7 +1,8 @@
 import React,{ Component } from "react";
 import {Tooltip} from 'antd'
 import moment from 'moment'
-import { getUrl, WordsBtn } from 'educoder'
+import { getUrl, WordsBtn, ConditionToolTip } from 'educoder'
+import './boardsListItem.css';
 class BoardsListItem extends Component{
   constructor(props){
     super(props);
@@ -75,6 +76,16 @@ class BoardsListItem extends Component{
                  </Tooltip>) : ""
               }
             </h6>
+
+            <div className="fr">
+              {(isAdmin || discussMessage.author.login == current_user.login) &&  
+                <WordsBtn style="blue" className="fl font-16 ml28" 
+                    onClick={(e) => { this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} }>编辑</WordsBtn> }
+
+                { isAdmin && <WordsBtn style="blue" className="fl font-16 ml28" 
+                    onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();}}>
+                    { discussMessage.sticky ? '取消置顶' : '置顶' }</WordsBtn> }
+            </div>
               
             <div className="cl"></div>
             <p className="color-grey panel-lightgrey mt18 fl">
@@ -88,20 +99,20 @@ class BoardsListItem extends Component{
                 <span className="mr15 color-light-grey-C font-14">{moment(discussMessage.created_on).fromNow()} </span>
               </span>
             </p>
-            <div className="fr mt15">
-              {(isAdmin || discussMessage.author.login == current_user.login) &&  
-                <WordsBtn style="blue" className="fl font-16 ml28" 
-                    onClick={(e) => { this.props.toEditPage(this.props.match.params.coursesId, this.props.match.params.boardId, discussMessage.id )} }>编辑</WordsBtn> }
-
-                { isAdmin && <WordsBtn style="blue" className="fl font-16 ml28" 
-                    onClick={(e) => { debugger; onSticky(discussMessage); e.cancelBubble = true; e.stopPropagation();}}>
-                    { discussMessage.sticky ? '取消置顶' : '置顶' }</WordsBtn> }
-            </div>
-
-
-
-
-
+            {
+              discussMessage.category_name && 
+              <div className={'directory_style'}>
+                <ConditionToolTip title={discussMessage.category_name} condition={discussMessage.category_name}>
+                  { <div className=" color-grey9 task-hide fr"
+                      style={{"maxWidth":"216px"}} 
+                      title={discussMessage.category_name}>
+                        所属目录：{discussMessage.category_name}
+                    </div>
+                  }
+                </ConditionToolTip>
+              </div>
+            }
+            
             {/* { (isAdmin || discussMessage.author.login == current_user.login) && 
             <div className="homepagePostSetting" style={{"right":"4px","top":"5px","display":"block"}}>
               <ul>
diff --git a/public/react/src/modules/courses/boards/boardsListItem.css b/public/react/src/modules/courses/boards/boardsListItem.css
new file mode 100644
index 000000000..3a1771349
--- /dev/null
+++ b/public/react/src/modules/courses/boards/boardsListItem.css
@@ -0,0 +1,9 @@
+.directory_style {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  maxSize: 20px;
+  overflow: hidden;
+  whiteSpace: nowrap;
+  textOverflow: ellipsis
+}
\ No newline at end of file
diff --git a/public/react/src/modules/courses/boards/index.js b/public/react/src/modules/courses/boards/index.js
index 3879bbd64..5cfbbeba3 100644
--- a/public/react/src/modules/courses/boards/index.js
+++ b/public/react/src/modules/courses/boards/index.js
@@ -386,8 +386,8 @@ class Boards extends Component{
                     {
                       boards && boards.filter((item)=> {
                         return item.id != bid && (!this.state.dirSearchValue || item.name.indexOf(this.state.dirSearchValue) != -1)
-                      }).map( (item) => {
-                        return <li onClick={() => this.moveTo(item)} title={item.name}>{item.name}</li>
+                      }).map( (item, index) => {
+                        return <li key={`i_${index}`} onClick={() => this.moveTo(item)} title={item.name}>{item.name}</li>
                       })
                     }
                     { isAdmin && !isCourseEnd &&
@@ -427,7 +427,7 @@ class Boards extends Component{
             <Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={checkBoxValues}>
               { messages.map((item, index) => {
                   return (
-                    <div className="mt20 edu-back-white padding02010">
+                    <div className="mt20 edu-back-white padding02010" key={`d_${index}`}>
                       <BoardsListItem 
                         {...this.props}
                         discussMessage={item}