m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

根目录无数据的显示页

Browse Source
forge
caicai8 5 years ago
parent 63346d79ba
commit 26b29a06cb
6 changed files with 126 additions and 100 deletions
Show Stats Download Patch File Download Diff File

14
public/react/src/forge/Main/CoderRootBranch.js
Unescape View File

@ -4,6 +4,7 @@ import { Dropdown , Menu , Icon , Tooltip } from 'antd';
import './list.css'
import { branch } from 'recompose';
import Top from './DetailTop';
class CoderRootBranch extends Component {
constructor(porps){
@ -19,6 +20,9 @@ class CoderRootBranch extends Component {
const list =()=>{
if(branchList && branchList.length>0){
return(
<React.Fragment>
<ul className="branchUl">
{
branchList.map((item,key)=>{
@ -48,6 +52,7 @@ class CoderRootBranch extends Component {
})
}
</ul>
</React.Fragment>
)
}
}
@ -58,9 +63,12 @@ class CoderRootBranch extends Component {
</Menu>
)
return(
<div className="branchTable">
<p className="branchTitle">分支列表</p>
{list()}
<div>
<Top { ...this.props } {...this.state} />
<div className="branchTable">
<p className="branchTitle">分支列表</p>
{list()}
</div>
</div>
)
}

2
public/react/src/forge/Main/CoderRootCommit.js
Unescape View File

@ -2,6 +2,7 @@ import React , { Component } from 'react';
import { Table , Spin } from 'antd';
import { getImageUrl } from 'educoder';
import SelectBranch from '../Branch/SelectBranch';
import Top from './DetailTop';
import axios from 'axios';
@ -135,6 +136,7 @@ class CoderRootCommit extends Component{
}
return(
<div>
<Top { ...this.props } {...this.state} />
<div className="f-wrap-between mt20">
<SelectBranch branch={branch} branchs={branchs} changeBranch={this.changeBranch}></SelectBranch>
</div>

145
public/react/src/forge/Main/CoderRootDirectory.js
Unescape View File

@ -2,6 +2,7 @@ import React , { Component } from 'react';
import {Menu, Spin} from 'antd';
import { getImageUrl , markdownToHTML } from 'educoder';
import { Router , Route , Link } from 'react-router-dom';
import Top from './DetailTop';
import './list.css';
@ -9,6 +10,7 @@ import SelectBranch from '../Branch/SelectBranch';
import CloneAddress from '../Branch/CloneAddress';
import RootTable from './RootTable';
import CoderRootFileDetail from './CoderRootFileDetail';
import NullData from './NullData';
import axios from 'axios';
/**
@ -29,13 +31,14 @@ class CoderRootDirectory extends Component{
subFileType:"",
readMeContent:undefined,
isSpin:false,
isSpin:true,
branchList:undefined,
fileDetail:undefined,
branchLastCommit:undefined,
current_user:undefined,
rootData:undefined
}
}
changeAddress=(address)=>{
@ -44,22 +47,7 @@ class CoderRootDirectory extends Component{
})
}
// getUserInfo=()=>{
// const url = `/users/me.json`;
// axios.get(url).then(result=>{
// if(result && result.data.login){
// this.setState({
// current_user:result.data
// })
// this.getProjectRoot();
// }
// }).catch(error=>{
// console.log(error)
// })
// }
componentDidMount=()=>{
// this.getUserInfo();
let { search } = this.props.history.location;
let branchName = undefined;
if(search && search.indexOf("branch")>-1){
@ -74,10 +62,9 @@ class CoderRootDirectory extends Component{
// 获取根目录
getProjectRoot=(branch)=>{
console.log("root",this.props);
const { current_user } = this.props;
const { projectsId } = this.props.match.params;
const url = `/${current_user && current_user.login}/${projectsId}/entries.json`;
const url = `/${current_user && current_user.login}/${projectsId}/entries.json`;
axios.get((url),{
params:{
branch
@ -89,7 +76,10 @@ class CoderRootDirectory extends Component{
fileDetail:undefined,
isSpin: false
})
this.renderData(result.data)
this.renderData(result.data);
this.setState({
rootData:result.data
})
}
}).catch((error)=>{})
}
@ -215,7 +205,7 @@ class CoderRootDirectory extends Component{
}
render(){
const { rootList , branch ,filePath , fileDetail , subFileType , readMeContent, isSpin } = this.state;
const { rootList , branch ,filePath , fileDetail , subFileType , readMeContent, isSpin , rootData } = this.state;
const { branchLastCommit , http_url , isManager , isDeveloper } = this.props;
const { projectsId } = this.props.match.params;
@ -266,61 +256,74 @@ class CoderRootDirectory extends Component{
const urlRoot = filePath && filePath.length > 0 ? `/${filePath[filePath.length - 1].path}` : "";
return(
<div>
<div className="f-wrap-between mt20">
<div className="f-wrap-alignCenter">
<SelectBranch branch={branch} changeBranch={this.changeBranch} {...this.props} {...this.state}></SelectBranch>
{
filePath && filePath.length > 0 &&
<span className="ml20 font-16">
<a onClick={()=>this.getProjectRoot(branch)} className="color-blue">{projectsId}</a>
<React.Fragment>
{
rootData &&
<React.Fragment>
{
rootData.length > 0 ?
<div>
<Top { ...this.props } {...this.state} />
<div className="f-wrap-between mt20">
<div className="f-wrap-alignCenter">
<SelectBranch branch={branch} changeBranch={this.changeBranch} {...this.props} {...this.state}></SelectBranch>
{
filePath && filePath.length > 0 &&
<span className="ml20 font-16">
<a onClick={()=>this.getProjectRoot(branch)} className="color-blue">{projectsId}</a>
{
filePath.map((item,key)=>{
return(
<React.Fragment>
{
key === filePath.length-1 ?
<span className="color-grey-6 subFileName" key={key}>{item.name}</span>
:
<a onClick={()=>this.ChangeFile(item,key)} className="color-blue subFileName" key={key}>{item.name}</a>
}
</React.Fragment>
)
})
}
</span>
}
</div>
<div className="f-wrap-alignCenter">
{
subFileType !== "file" && isManager && isDeveloper &&
<p className="addFile">
<Link to={`/projects/${projectsId}/coder/${branch}/newfile${urlRoot}`} >新建文件</Link>
<Link to={``}>上传文件</Link>
</p>
}
{
filePath && filePath.length === 0 && <CloneAddress http_url={http_url} downloadUrl={downloadUrl} showNotification={this.props.showNotification}></CloneAddress>
}
</div>
</div>
<Spin spinning={isSpin}>
{/* 文件夹-子目录列表 */}
{
filePath.map((item,key)=>{
return(
<React.Fragment>
{
key === filePath.length-1 ?
<span className="color-grey-6 subFileName" key={key}>{item.name}</span>
:
<a onClick={()=>this.ChangeFile(item,key)} className="color-blue subFileName" key={key}>{item.name}</a>
}
</React.Fragment>
)
})
rootList && <RootTable columns = {columns} data={rootList} title={() => title()}></RootTable>
}
</span>
}
</div>
<div className="f-wrap-alignCenter">
{
subFileType !== "file" && isManager && isDeveloper &&
<p className="addFile">
<Link to={`/projects/${projectsId}/coder/${branch}/newfile${urlRoot}`} >新建文件</Link>
<Link to={``}>上传文件</Link>
</p>
}
{
filePath && filePath.length === 0 && <CloneAddress http_url={http_url} downloadUrl={downloadUrl} showNotification={this.props.showNotification}></CloneAddress>
}
</div>
</div>
<Spin spinning={isSpin}>
{/* 文件夹-子目录列表 */}
{
rootList && <RootTable columns = {columns} data={rootList} title={() => title()}></RootTable>
}
{
fileDetail &&
<CoderRootFileDetail detail = {fileDetail} {...this.props} {...this.state}></CoderRootFileDetail>
}
{
fileDetail &&
<CoderRootFileDetail detail = {fileDetail} {...this.props} {...this.state}></CoderRootFileDetail>
}
{/* readme.txt */}
{ this.renderReadMeContent(readMeContent) }
</Spin>
</div>
{/* readme.txt */}
{ this.renderReadMeContent(readMeContent) }
</Spin>
</div>
:
<NullData {...this.props} {...this.state} http_url={http_url} ></NullData>
}
</React.Fragment>
}
</React.Fragment>
)
}
}

27
public/react/src/forge/Main/CoderRootIndex.js
Unescape View File

@ -3,9 +3,6 @@ import { Route , Switch , Link} from 'react-router-dom';
import Loadable from 'react-loadable';
import Loading from '../../Loading';
/*空数据页面 */
import NullData from './NullData';
import axios from 'axios';
const CoderRootDirectory = Loadable({
@ -27,42 +24,28 @@ const CoderRootBranch = Loadable({
class CoderRootIndex extends Component{
render(){
console.log("index",this.props)
const { projectDetail } = this.props;
const { projectsId } = this.props.match.params;
const { pathname } = this.props.location;
return(
<div className="main">
<p className="branch-wrapper">
<Link to={`/projects/${projectsId}/coder/commit`} className={ pathname.indexOf("/coder/commit") > 0 ? "active" : ""}>
<i className="iconfont icon-tijiaojilu font-18 mr3"></i>
<span className="mr3">{projectDetail && projectDetail.commits_count}</span>提交
</Link>
<Link to={`/projects/${projectsId}/coder/branch`} className={ pathname.indexOf("/coder/branch") > 0 ? "active" : ""}>
<i className="iconfont icon-fenzhi font-18 mr3"></i>
<span className="mr3">{projectDetail && projectDetail.branches_count}</span>分支
</Link>
</p>
<Switch {...this.props}>
<Route path="/projects/:projectsId/coder/commit"
render={
(props) => (<CoderRootCommit {...this.props} {...props} {...this.state}/>)
(props) => (<CoderRootCommit {...this.props} {...props} {...this.state} />)
}
></Route>
<Route path="/projects/:projectsId/coder/branch"
render={
(props) => (<CoderRootBranch {...this.props} {...props} {...this.state}/>)
(props) => (<CoderRootBranch {...this.props} {...props} {...this.state} />)
}
></Route>
<Route path="/projects/:projectsId/coder"
render={
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state}/>)
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state} />)
}
></Route>
<Route path="/projects/:projectsId"
render={
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state}/>)
(props) => (<CoderRootDirectory {...this.props} {...props} {...this.state} />)
}
></Route>
</Switch>

23
public/react/src/forge/Main/DetailTop.js
Unescape View File

@ -0,0 +1,23 @@
import React , { Component } from 'react';
import { Link} from 'react-router-dom';
class DetailTop extends Component{
render(){
const { projectDetail } = this.props;
const { projectsId } = this.props.match.params;
const { pathname } = this.props.location;
return(
<p className="branch-wrapper">
<Link to={`/projects/${projectsId}/coder/commit`} className={ pathname.indexOf("/coder/commit") > 0 ? "active" : ""}>
<i className="iconfont icon-tijiaojilu font-18 mr3"></i>
<span className="mr3">{projectDetail && projectDetail.commits_count}</span>提交
</Link>
<Link to={`/projects/${projectsId}/coder/branch`} className={ pathname.indexOf("/coder/branch") > 0 ? "active" : ""}>
<i className="iconfont icon-fenzhi font-18 mr3"></i>
<span className="mr3">{projectDetail && projectDetail.branches_count}</span>分支
</Link>
</p>
)
}
}
export default DetailTop;

15
public/react/src/forge/Main/NullData.js
Unescape View File

@ -5,18 +5,25 @@ import "../Branch/branch.css"
class NullData extends Component {
// 点击按钮复制功能
jsCopy=()=>{
var e = document.getElementById("copy_rep_content_1");
e.select();
document.execCommand("Copy");
this.props.showNotification('复制成功');
}
render() {
const { http_url } = this.props;
return (
<div className="null_data_box">
<h4 className="title">快速帮助</h4>
<div className="bottom">
<div className="item">
<h3 className="item_title">克隆当前仓库<small>不知道如何克隆？查看<a href="https://git-scm.com/book/en/v2/Git-Basics-Getting-a-Git-Repository">帮助</a></small></h3>
<h3 className="item_title">克隆当前仓库<small>不知道如何克隆？查看<a href="https://git-scm.com/book/en/v2/Git-Basics-Getting-a-Git-Repository" target="_blank">帮助</a></small></h3>
<div className="gitAddressClone">
<span >HTTP</span>
<input type="text" id="copy_rep_content" />
<span><i className="iconfont icon-fuzhi"></i></span>
<input type="text" value={http_url} readOnly id="copy_rep_content_1" />
<span onClick={()=>this.jsCopy()}><i className="iconfont icon-fuzhi"></i></span>
</div>
</div>

Write Preview
Loading…
Cancel
Save