Compare commits

...

83 Commits

Author SHA1 Message Date
caishi 85bd0ffb62 merge develop 2021-05-08 17:22:18 +08:00
caishi 0f59544d10 编辑合并请求-url地址错误 2021-05-08 14:35:32 +08:00
caishi 57c8f256fa detail+同步镜像type=2的才不需要合并请求 2021-05-07 17:40:44 +08:00
caishi 0470da643f 导航-字体颜色 2021-05-07 16:33:32 +08:00
caishi 878ff76b00 merge 2021-05-07 16:29:32 +08:00
caishi d6e7666607 统一项目简介、项目概览 2021-05-07 16:27:33 +08:00
caishi 138db0b0cb merge 2021-05-06 17:24:24 +08:00
caishi ba81f51e76 设置所有标签的marginbottom为0 2021-05-06 17:23:15 +08:00
caishi 3ca1ce6c1b merge 2021-05-06 17:23:10 +08:00
caishi d4550d44e9 04-28休假期修改issue --需合并至其它分支(合并请求相关) 2021-04-28 20:24:14 +08:00
caishi 0138eb2f1e 头部不设置默认logo 2021-04-28 13:50:14 +08:00
caishi e1aef30b9d 组织团队-无数据显示错误 2021-04-27 09:46:49 +08:00
caishi 277ba72f91 代码库编辑文件-切换到其它目录后要重新将编辑状态改为显示状态 2021-04-25 17:51:43 +08:00
caishi 6a58a468f9 样式覆盖 2021-04-23 18:04:23 +08:00
caishi 14486724fa +上 关注后不需要提示 2021-04-23 16:14:32 +08:00
caishi 3201b7265b +上 贡献者悬浮框里增加的跳转链接不要新开页 2021-04-23 16:14:22 +08:00
caishi f774ce974d 贡献者-悬浮内容增加跳转链接 2021-04-23 16:14:06 +08:00
caishi fdca717eeb imageUrl + / 2021-04-23 16:13:55 +08:00
caishi 4b304ead34 个人中心关注-关注或者取消关注未更新状态 2021-04-23 16:13:45 +08:00
caishi 67d914ddb6 贡献者-悬浮卡片-测试版1 2021-04-23 16:13:35 +08:00
caishi e6020c3e13 发布评论者头像路径错误 2021-04-23 16:13:18 +08:00
caishi af2feeb34f 新建组织-组织账号正则 2021-04-23 16:12:58 +08:00
caishi 40918bf1d7 merge develop 2021-04-23 16:12:35 +08:00
caishi 8a5a7a0647 md文件要用Markdown渲染 2021-04-20 15:36:40 +08:00
caishi 93ba9c6a98 合并请求-提出申请者头像显示问题 2021-04-20 11:18:24 +08:00
caishi 12322f8785 合并--组织团队设置、团队项目列表的跳转login和显示的name 2021-04-20 11:03:41 +08:00
caishi 8c1bebcfdc 切换左侧目录,选择不同的文件时,文件详情没有更新 2021-04-20 10:31:19 +08:00
caishi 04bdbd7c30 all-默认头像(首字母加背景颜色) 2021-04-20 09:46:19 +08:00
caishi f57ee7fd99 个人主页头像url 2021-04-20 09:46:07 +08:00
caishi 1e0f522f4a 上线后的getImageURL也不用在前面加/ + 一些小样式修改 2021-04-20 09:45:56 +08:00
caishi 798d919447 imageurl接口统一返回带iamges的字段 2021-04-20 09:44:58 +08:00
caishi 1f6a4bda6c readme-文件增加一个目录下拉icon 2021-04-20 09:42:47 +08:00
caishi 0d546f4789 资源库数量显示错误 2021-04-20 09:40:57 +08:00
caishi 44996b5dea 组织团队-新增一个团队标识 2021-04-20 09:40:45 +08:00
caishi 134d79faa3 新建团队板块无边框 2021-04-20 09:40:32 +08:00
caishi 2677efec83 合并冲突 2021-04-20 09:40:13 +08:00
caishi 7482d1184c 资源库不需要按引用次数排序 2021-04-20 09:39:09 +08:00
caishi 58fb71b324 组织-项目-切换协作者管理和团队管理时会重复调用增加成员接口 2021-04-13 17:14:32 +08:00
caishi 5517b28062 去掉右侧悬浮手册按钮 2021-04-09 14:00:57 +08:00
caishi 0bd7f7d900 项目详情右侧增加实践课程链接的显示 2021-04-08 15:38:41 +08:00
caishi 9cfe2c186e entries接口传的branch值为undefined 2021-04-07 18:47:26 +08:00
caishi e4c54622b8 账号同步框提示文字错误 2021-04-07 15:00:09 +08:00
caishi 21902543f4 新增组织账号,组织名称增加新的check条件 2021-04-06 18:40:59 +08:00
caishi e541e91a06 仓库设置页面增加资源库配置项 2021-04-06 17:35:13 +08:00
caishi b6dc01b0be 资源库模块测试版第一次上线 2021-04-06 17:17:40 +08:00
caishi f0858e7ecc 列表的type字段为头像跳转到个人中心或者组织的判断依据 2021-04-06 11:45:37 +08:00
caishi f9f79e0365 资源库部分接口调试 2021-04-06 11:37:17 +08:00
caishi 8903363695 合并请求分页 2021-04-02 18:57:10 +08:00
caishi b9a8becec3 合并资源库 2021-04-02 17:32:20 +08:00
caishi 2fcd2fd066 冲突 2021-04-02 14:10:32 +08:00
caishi 898ad15343 构建列表 2021-04-02 12:01:37 +08:00
caishi 1cf7655e63 tips(易修、复刻) 2021-04-02 10:00:48 +08:00
caishi 2383710c54 通知、消息的地址,trustie改为educoder 2021-04-01 15:46:51 +08:00
caishi 3b3d6dc8b1 工作流author 2021-03-31 17:13:10 +08:00
caishi c74c40b73e 冲突 2021-03-31 14:06:13 +08:00
caishi c5bbcd9c1d color 2021-03-31 11:40:19 +08:00
caishi 74deb640a9 合并 2021-03-31 11:37:05 +08:00
caishi 534da2115a 头部 active 2021-03-30 13:49:38 +08:00
caishi f2ef3183ea toubu 2021-03-30 13:46:52 +08:00
caishi 1182a45cdc Merge branch 'develop' into develop_educoder 2021-03-30 11:51:06 +08:00
caishi 29f37b9760 代码冲突 2021-03-26 10:04:01 +08:00
caishi f5fa45e1ce 新建项目 2021-03-25 22:05:27 +08:00
caishi 97bf4a5a46 readme 2021-03-25 14:41:08 +08:00
caishi 5e4d3a92a1 header 2021-03-24 14:14:00 +08:00
caishi 29f25a585d Merge branch 'develop_new' into develop_educoder
# Conflicts:
#	src/forge/Head/Header.js
#	src/modules/tpm/TPMIndex.css
#	src/modules/tpm/TPMIndexHOC.js
2021-03-24 14:11:12 +08:00
caishi 6bd57d8877 style 2021-03-23 17:57:51 +08:00
caishi e7aa871b53 condition 2021-03-23 17:42:57 +08:00
caishi 9c22457249 delete 2021-03-23 17:00:09 +08:00
caishi 68b1296652 Merge branch 'develop_new' into develop_educoder
# Conflicts:
#	src/modules/tpm/NewHeader.js
2021-03-23 16:13:36 +08:00
caishi 0f7c8a4b5d style 2021-03-22 16:54:41 +08:00
caishi 98289b05aa 未登录不弹框 2021-03-22 14:19:50 +08:00
caishi 83086e7d61 导航栏和底部 2021-03-22 13:51:02 +08:00
caishi 76c88a659a Merge branch 'develop_new' into develop_educoder 2021-03-22 11:24:23 +08:00
caishi ae8ece2695 Merge branch 'develop_new' into develop_educoder 2021-03-22 09:45:46 +08:00
caishi 93994cb785 Merge branch 'develop_new' into develop_educoder 2021-03-19 17:22:14 +08:00
caishi 917958c880 Merge branch 'develop_new' into develop_educoder 2021-03-19 16:31:51 +08:00
caishi 65b906f49f update 2021-03-19 16:31:46 +08:00
caishi 90be5ad793 Merge branch 'develop_new' into develop_educoder 2021-03-19 15:54:10 +08:00
caishi eeaefc5810 隐藏操作手册 2021-03-19 15:48:00 +08:00
caishi 284bf67f82 educoder和forge用户的密码是否一致 2021-03-19 13:44:02 +08:00
caishi fbdde52651 弹框修改接口 2021-03-19 11:52:04 +08:00
caishi 64dcdce51b Merge branch 'develop_new' into develop_educoder 2021-03-19 11:35:20 +08:00
caishi 741a461f7e 邮箱绑定 2021-03-19 09:33:22 +08:00
118 changed files with 1956 additions and 826 deletions

File diff suppressed because one or more lines are too long

View File

@ -48,55 +48,6 @@
font-size: 16px font-size: 16px
} }
.head-nav ul#header-nav li a {
display: block;
height: 100%;
width: 100%;
color: #fff
}
.head-nav ul#header-nav li a:hover {
color: #cccccc;
}
.head-nav ul#header-nav li:last-child {
margin-right: 0px
}
.head-nav ul#header-nav li.active a {
color: #459be5 !important;
}
.head-nav ul#header-nav li.active p {
color: #459be5 !important;
}
.head-nav ul#header-nav li p:hover {
color: #cccccc;
}
.head-nav ul#header-nav li p {
display: block;
height: 100%;
width: 100%;
color: #fff
}
.head-nav ul#header-nav li.active div ul li a {
color: #000 !important;
}
.head-nav ul#header-nav li.active div ul li a:hover {
color: #FFF !important;
}
.head-nav ul#header-nav li.active ul li a {
color: #000 !important;
}
.head-nav ul#header-nav li.active ul li a:hover {
color: #FFF !important;
}
.head-nav ul#header-nav li.active:after { .head-nav ul#header-nav li.active:after {
content: ''; content: '';
@ -341,10 +292,6 @@ em.vertical-line {
overflow: hidden; overflow: hidden;
} }
/*底部*/
.newFooter {
max-height: 110px;
}
.newFooter { .newFooter {
position: absolute; position: absolute;

View File

@ -25,9 +25,6 @@ html {
min-width: 1200px min-width: 1200px
} }
.newFooter {
max-height: 110px;
}
.newFooter { .newFooter {
position: absolute; position: absolute;

View File

@ -1307,6 +1307,7 @@ td,
span { span {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-bottom: 0px!important;
} }
table, table,
@ -2346,7 +2347,6 @@ input::-ms-clear {
/*中间部分宽度固定为1200*/ /*中间部分宽度固定为1200*/
.newMain { .newMain {
margin: 0 auto; margin: 0 auto;
padding-bottom: 110px;
min-width: 1200px; min-width: 1200px;
} }
@ -3978,7 +3978,7 @@ html>body #ajax-indicator {
display: block; display: block;
height: 100%; height: 100%;
width: 100%; width: 100%;
color: #333; color: #fff;
font-size: 16px; font-size: 16px;
} }
@ -4108,21 +4108,6 @@ em.vertical-line {
/* 右侧内容宽度变化的话需要调整posi-search right的值*/ /* 右侧内容宽度变化的话需要调整posi-search right的值*/
/*底部*/
.newFooter {
max-height: 110px;
}
.newFooter {
position: absolute;
bottom: 0;
width: 100%;
background: #323232;
clear: both;
min-width: 1200px;
z-index: 8;
left: 0px;
}
.footercon { .footercon {
border-bottom: 1px solid #47494d; border-bottom: 1px solid #47494d;
@ -6718,4 +6703,13 @@ ul.count_ul li:not(:last-child):after {
} }
input.ant-input-lg::placeholder{ input.ant-input-lg::placeholder{
font-size: 14px !important; font-size: 14px !important;
}
p{
margin-bottom: 0px!important;
}
.toprightNum{
position: absolute;
right: 0px;
top:4px;
color: #999;
} }

View File

@ -56,7 +56,7 @@ window._debugType = debugType;
export function initAxiosInterceptors(props) { export function initAxiosInterceptors(props) {
initOnlineOfflineListener(); initOnlineOfflineListener();
var proxy = "http://localhost:3000"; var proxy = "http://localhost:3000";
proxy = "https://testforgeplus.trustie.net"; proxy = "https://testforgeplus.educoder.net";
const requestMap = {}; const requestMap = {};
window.setfalseInRequestMap = function (keyName) { window.setfalseInRequestMap = function (keyName) {
@ -97,7 +97,7 @@ export function initAxiosInterceptors(props) {
}, },
err => { err => {
return Promise.reject(err); return Promise.reject(err);
}); });
axios.interceptors.response.use(function (response) { axios.interceptors.response.use(function (response) {
if (response === undefined) { if (response === undefined) {

View File

@ -15,7 +15,7 @@ export function getImageUrl(path) {
if (isDev) { if (isDev) {
return `${local}/${path}` return `${local}/${path}`
} }
return `/${path}`; return `${path}`;
} }
export function getImage(path) { export function getImage(path) {
@ -162,7 +162,7 @@ export function getmyUrl(geturl) {
} }
export function getUploadActionUrl(path, goTest) { export function getUploadActionUrl(path, goTest) {
return `${getUrl()}/api/attachments.json?debug=${window._debugType || 'admin'}`; return `${getUrl()}/api/attachments.json`;
} }
export function getUploadLogoActionUrl() { export function getUploadLogoActionUrl() {

View File

@ -64,7 +64,7 @@ function CommentItem({
const commentAvatar = (author) => ( const commentAvatar = (author) => (
<img <img
className="item-flex flex-image" className="item-flex flex-image"
src={author.image_url ? getImageUrl(`images/${author.image_url}`) : 'https://b-ssl.duitang.com/uploads/item/201511/13/20151113110434_kyReJ.jpeg'} src={author.image_url ? getImageUrl(`/${author.image_url}`) : 'https://b-ssl.duitang.com/uploads/item/201511/13/20151113110434_kyReJ.jpeg'}
alt="" alt=""
/> />
); );

View File

@ -69,7 +69,7 @@ function Index(props){
<div className="aboutPanels"> <div className="aboutPanels">
<div className="aboutContent"> <div className="aboutContent">
<AlignCenterBetween style={{padding:"14px 20px"}}> <AlignCenterBetween style={{padding:"14px 20px"}}>
<span className="font-16"><i className="iconfont icon-xiangmujianjie mr5 font-16 color-blue"></i>项目简介</span> <span className="font-16"><i className="iconfont icon-xiangmujianjie mr5 font-16 color-blue"></i>项目概览</span>
{ editOpration && !edit && <a onClick={editContent} className="color-blue">编辑</a> } { editOpration && !edit && <a onClick={editContent} className="color-blue">编辑</a> }
</AlignCenterBetween> </AlignCenterBetween>
{ {
@ -117,7 +117,7 @@ function Index(props){
{content ? {content ?
<RenderHtml className="break_word_comments imageLayerParent" value={content} url={props.history.location}/> <RenderHtml className="break_word_comments imageLayerParent" value={content} url={props.history.location}/>
: :
<div>暂无简介~</div> <div>暂无概览~</div>
} }
{attachments && attachments.length > 0 && {attachments && attachments.length > 0 &&
<Attachments <Attachments

View File

@ -33,7 +33,7 @@ class ActivityItem extends Component {
} }
<p className="itemLine mt10"> <p className="itemLine mt10">
<Link to={`/users/${item && item.user_login}`} className="show-user-link"> <Link to={`/users/${item && item.user_login}`} className="show-user-link">
<img alt="" src={getImageUrl(`images/${item.user_avatar}`)} className="createImage" /> <img alt="" src={getImageUrl(`/${item.user_avatar}`)} className="createImage" />
<span className="mr20">{item.user_name}</span> <span className="mr20">{item.user_name}</span>
</Link> </Link>
{item.created_at && <span className="color-grey-9">创建于<span className="ml2 color-grey-6">{item.created_at}</span></span>} {item.created_at && <span className="color-grey-9">创建于<span className="ml2 color-grey-6">{item.created_at}</span></span>}

View File

@ -42,7 +42,7 @@ function AddMember({getID,login}){
className="user_img radius" className="user_img radius"
width="28" width="28"
height="28" height="28"
src={getImageUrl(`images/${item && item.image_url}`)} src={getImageUrl(`/${item && item.image_url}`)}
alt="" alt=""
/> />
<span className="ml10" style={{ "vertical-align": "middle" }}> <span className="ml10" style={{ "vertical-align": "middle" }}>

View File

@ -6,7 +6,7 @@ import './Component.scss';
function Cards({img , title, desc , rightBtn , src}){ function Cards({img , title, desc , rightBtn , src}){
return( return(
<div className="cards"> <div className="cards">
{img &&<div className="img"><img src={getImageUrl(`images/${img}`)} alt=""/></div>} {img &&<div className="img"><img src={getImageUrl(`/${img}`)} alt=""/></div>}
<div className="content"> <div className="content">
<p className="titles"> <p className="titles">
<Link to={src}>{title}</Link> <Link to={src}>{title}</Link>

View File

@ -151,4 +151,42 @@ li.ant-menu-item{
.ant-tree{ .ant-tree{
margin:0px 20px!important; margin:0px 20px!important;
} }
}
.menuPanels{
width: 240px;
height: 180px;
.ant-popover-content,.ant-popover-inner{
height: 100%;
width: 100%;
}
}
.halfs{
margin-top: 24px;
padding:24px 0px 0px 0px;
border-top: 1px solid #e8e8e8;
.attrPerson{
padding-bottom: 24px;
}
}
.menuinfos{
padding:15px 0px;
&>a{
display: flex;
flex-direction: column;
align-items: center;
border-right: 1px solid #eee;
flex: 1;
& >span:first-child{
font-size: 18px;
font-weight: 400;
color: #333;
}
& >span:last-child{
color: #666;
}
&:last-child{
border-right: none;
}
}
} }

View File

@ -1,21 +1,154 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import { AlignCenter , FlexAJ } from '../Component/layout'; import { AlignCenter , FlexAJ } from '../Component/layout';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Popover , Spin } from 'antd';
import { getImageUrl } from 'educoder'; import { getImageUrl } from 'educoder';
import './Component.scss';
import { getUser } from '../GetData/getData';
import axios from 'axios';
function Contributors({contributors,owner,projectsId}){ function Contributors({contributors,owner,projectsId}){
const [ menuList ,setMenuList ]= useState([]);
const [ list , setList ]= useState(undefined);
const [ total , setTotal ]= useState(0);
const [ menu , setMenu ] = useState("");
const [ login , setLogin ] = useState(undefined);
const [ isSpin , setIsSpin ] = useState(false);
useEffect(()=>{
if(contributors && contributors.total_count>0){
setTotal(contributors.total_count);
setList(contributors.list);
}
},[contributors])
useEffect(()=>{
if(login){
getUsers(login);
}else{
setMenu(undefined);
}
},[login])
async function getUsers(login){
setIsSpin(true);
let a = menuList && menuList.filter(i=>i.login === login);
if(a.length === 0){
let result = await getUser(login);
let arr = menuList;
arr.push({...result});
setMenuList(arr);
setMenusFunc(result);
setIsSpin(false);
}else{
setMenusFunc(a[0]);
setIsSpin(false);
}
}
function setMenusFunc(data){
if(data){
let ele = (
<Spin spinning={isSpin}>
<FlexAJ>
<AlignCenter>
<Link to={`/users/${data.login}`}><img src={getImageUrl(`/${data.image_url}`)} alt="" className="radius" width="38px" height="38px"/></Link>
<Link to={`/users/${data.login}`} className="ml10">{data.name}</Link>
</AlignCenter>
{
data.is_watch ? <a className="color-grey-9" onClick={()=>FocusFunc(false,data.login)}>取消关注</a>:<a className="color-blue" onClick={()=>FocusFunc(true,data.login)}>关注</a>
}
</FlexAJ>
<AlignCenter className="menuinfos">
<a href={data.projects_url}>
<span>{data.projects_count}</span>
<span>项目数</span>
</a>
<a href={data.followers_url}>
<span>{data.followers_count}</span>
<span>粉丝数</span>
</a>
<a href={data.following_url}>
<span>{data.following_count}</span>
<span>关注数</span>
</a>
</AlignCenter>
{
data.organizations && data.organizations.length > 0 ?
<AlignCenter className="font-12 pt4 pb4">
<span>所属组织</span>
<div className="task-hide flex1">
{renderArray(data.organizations)}
</div>
</AlignCenter>
:""
}
{
data.location && <AlignCenter className="font-12 pt4 pb4"><span>所在地址:</span><span className="ml5">{data.location}</span></AlignCenter>
}
</Spin>
)
setMenu(ele);
}
}
function FocusFunc(flag,login){
axios({
method: flag ? 'post' : 'delete',
url: `/watchers/${flag ? 'follow' : 'unfollow'}.json`,
params: {target_type: "user",id:login}
}).then(result => {
if (result && (result.data.status === 0 || result.data.status === 2)) {
let a = menuList && menuList.filter(i=>i.login === login);
if(a){
a[0].is_watch = flag;
}
setMenusFunc(a[0]);
}
})
.catch(error => {
console.log(error);
});
}
function renderArray(array){
let str = "";
for(var i = 0;i<array.length;i++){
str += array[i].name +"、";
}
let substr = str.substr(0,str.length-1);
return (<span title={substr}>{substr}</span>)
}
function setVisibleFunc(flag,l,index){
if(l !== login){
setLogin(l);
}
var lx = list.concat();
lx.map(i=>i.visible =false);
if(flag){
lx[index].visible = flag;
}
lx.splice();
setList(lx);
}
return( return(
<div> <div className="halfs">
<FlexAJ> <FlexAJ>
<AlignCenter><span className="font-16 color-grey-6">贡献者</span>{ contributors && contributors.total_count > 0 && <span className="infoCount">{contributors.total_count}</span>}</AlignCenter> <AlignCenter><span className="font-16 color-grey-6">贡献者</span>{ contributors && contributors.total_count > 0 && <span className="infoCount">{contributors.total_count}</span>}</AlignCenter>
<Link className="font-12 color-grey-9" to={`/projects/${owner}/${projectsId}/contribute`}>全部</Link> <Link className="font-12 color-grey-9" to={`/projects/${owner}/${projectsId}/contribute`}>全部</Link>
</FlexAJ> </FlexAJ>
<div className="attrPerson"> <div className="attrPerson" onMouseLeave={()=>setVisibleFunc(false)}>
{ {
contributors && contributors.total_count > 0 ? total > 0 ?
contributors.list.map((item,key)=>{ list.map((item,key)=>{
return( return(
<Link key={key} to={`/users/${item.login}`}><img src={getImageUrl(`images/${item.image_url}`)} alt=""/></Link> <Popover content={menu} visible={item.visible} overlayClassName="menuPanels" placement="top">
<Link key={key} to={`/users/${item.login}`}>
<img src={getImageUrl(`/${item.image_url}`)} alt="" onMouseOver={()=>setVisibleFunc(true,item.login,key)}/>
</Link>
</Popover>
) )
}) })
:"" :""

View File

@ -0,0 +1,9 @@
.ant-modal-mask{
z-index: 10000;
}
.ant-modal-wrap{
z-index: 10001;
.ant-form-explain{
position: absolute;
}
}

View File

@ -0,0 +1,65 @@
import React , {forwardRef, useEffect} from 'react';
import { Modal , Form , Input , Button } from 'antd';
import './EAccount.scss';
function EducoderAccount({form , visible , onOk , email}){
const { getFieldDecorator, validateFields , setFieldsValue } = form;
useEffect(()=>{
if(email){
setFieldsValue({email})
}
},[email])
function onSure(){
validateFields((error,values)=>{
if(!error){
onOk(values);
}
})
}
const layout = {
labelCol: { span: 5 },
wrapperCol: { span: 18 },
};
return(
<Modal
visible={visible}
title="提示"
width="500px"
closable={false}
footer={
<Button type="primary" onClick={onSure}>确定</Button>
}
centered
>
<div>
<p className="mb15 edu-txt-center" style={{maxWidth:"350px",margin:"0px auto"}}>
{
email ?
`平台已检测到您已绑定邮箱${email},请您确认如下操作`
:
"平台已检测到您未绑定邮箱,为不影响使用协同开发功能,请先绑定邮箱"
}
</p>
<Form {...layout}>
<Form.Item label="邮箱">
{getFieldDecorator("email",{
rules:[{required:true,message:"请输入邮箱账号"}]
})(
<Input placeholder="请输入您的邮箱账号" width="220px" disabled={email}/>
)}
</Form.Item>
<Form.Item label="密码">
{getFieldDecorator("password",{
rules:[{required:true,message:"请输入您的平台密码"}]
})(
<Input.Password placeholder="请输入您的平台密码" width="220px"/>
)}
</Form.Item>
</Form>
</div>
</Modal>
)
}
export default Form.create()(forwardRef(EducoderAccount));

View File

@ -45,7 +45,7 @@ const Div = styled.div`{
export default (({ user , img, name, time, focusStatus, is_current_user, login , successFunc }) => { export default (({ user , img, name, time, focusStatus, is_current_user, login , successFunc }) => {
return ( return (
<Div> <Div>
<Link to={`/users/${user && user.login}`}><Img src={getImageUrl(`images/${img}`)} /></Link> <Link to={`/users/${user && user.login}`}><Img src={getImageUrl(`/${img}`)} /></Link>
<div className="m-infos"> <div className="m-infos">
<Link to={`/users/${user && user.login}`}><Name>{name}</Name></Link> <Link to={`/users/${user && user.login}`}><Name>{name}</Name></Link>
<Time><I className="iconfont icon-shijian"></I>加入时间:{time}</Time> <Time><I className="iconfont icon-shijian"></I>加入时间:{time}</Time>

View File

@ -23,7 +23,10 @@ function Releases({owner,projectsId,releaseVersions}){
<AlignTop className="mt10"> <AlignTop className="mt10">
<i className="iconfont icon-biaoqian3 color-grey-6 font-18 mr10"></i> <i className="iconfont icon-biaoqian3 color-grey-6 font-18 mr10"></i>
<div> <div>
<p className="font-16 color-grey-6"><Link to={`/projects/${owner}/${projectsId}/releases/8/update`}>{item.name}</Link></p> <p className="font-16 color-grey-6">
<Link to={`/projects/${owner}/${projectsId}/releases`}>{item.name}</Link>
<span className="font-12 laterest ml5">最新</span>
</p>
<p className="color-grey-9 font-13">{item.created_at}</p> <p className="color-grey-9 font-13">{item.created_at}</p>
</div> </div>
</AlignTop> </AlignTop>

View File

@ -44,7 +44,7 @@ export default ({ getUser })=>{
className="user_img radius" className="user_img radius"
width="28" width="28"
height="28" height="28"
src={getImageUrl(`images/${item && item.image_url}`)} src={getImageUrl(`/${item && item.image_url}`)}
alt="" alt=""
/> />
<span className="ml10" style={{ "vertical-align": "middle" }}> <span className="ml10" style={{ "vertical-align": "middle" }}>

View File

@ -37,7 +37,7 @@ function About(props, ref) {
const [ typeFlag, setTypeFlag] = useState(false); const [ typeFlag, setTypeFlag] = useState(false);
const AuthorLogin = props.author && props.author.login; const AuthorLogin = props.projectDetail && props.projectDetail.author && props.projectDetail.author.login;
const CurrentLogin = props.current_user && props.current_user.login; const CurrentLogin = props.current_user && props.current_user.login;
useEffect(()=>{ useEffect(()=>{
if(CurrentLogin === AuthorLogin){ if(CurrentLogin === AuthorLogin){

View File

@ -12,7 +12,7 @@ function ServiceModal({sureModal}){
<div className="mt30" style={{textAlign:"center"}}> <div className="mt30" style={{textAlign:"center"}}>
<Radio.Group value={type} onChange={changeType}> <Radio.Group value={type} onChange={changeType}>
<Radio value={1}>自有服务器</Radio> <Radio value={1}>自有服务器</Radio>
<Radio value={2}>Trustie服务器</Radio> <Radio value={2}>EduCoder服务器</Radio>
</Radio.Group> </Radio.Group>
<p className="mt30"><Button type="primary" onClick={()=>sureModal(type)}>下一步</Button></p> <p className="mt30"><Button type="primary" onClick={()=>sureModal(type)}>下一步</Button></p>
</div> </div>

View File

@ -58,6 +58,7 @@ function Structure(props,ref){
return { return {
...item, ...item,
author:item.author && item.author.name, author:item.author && item.author.name,
image_url:item.author && item.author.image_url,
message: { message: {
branch: item.branch_target, branch: item.branch_target,
message: item.message, message: item.message,
@ -244,7 +245,7 @@ function Structure(props,ref){
{meg.sha && <span className="color-orange">{meg.sha}</span>} {meg.sha && <span className="color-orange">{meg.sha}</span>}
</div> </div>
<AlignCenter> <AlignCenter>
<img style={{borderRadius:"50%",marginRight:"10px",width:"25px",height:"25px"}} src={`${current_user && getUrl(`/images/${current_user.image_url}`)}`} /> <img style={{borderRadius:"50%",marginRight:"10px",width:"25px",height:"25px"}} alt="" src={`${item.image_url && getUrl(`/images/${item.image_url}`)}`} />
<div className="task-hide ml5" style={{ maxWidth: "300px" }}> <div className="task-hide ml5" style={{ maxWidth: "300px" }}>
{meg.message} {meg.message}
</div> </div>

View File

@ -0,0 +1,174 @@
import React ,{ forwardRef, useEffect, useState } from 'react';
import { Modal , Form , Input , Radio , Select } from 'antd';
import SearchUser from '../Component/SearchUser';
import './Index.scss';
import Axios from 'axios';
const { Option } = Select;
function DivertModal({form , visible , onSuccess , onCancel,owner,repo}){
const { getFieldDecorator, validateFields , setFieldsValue } = form;
const [ cate , setCate ] = useState(0);
const [ value , setValue ] = useState(undefined);
const [ organizations , setOrganizations ] = useState(undefined);
useEffect(()=>{
setFieldsValue({goal:cate})
},[])
useEffect(()=>{
if(owner && repo && visible===true){
getTeam();
}
if(!visible){
setFieldsValue({
owner_name:undefined,
identifier:undefined
})
setValue(undefined)
}
},[repo,owner,visible])
function getTeam(){
const url = `/${owner}/${repo}/applied_transfer_projects/organizations.json`;
Axios.get(url).then(result=>{
if(result){
setOrganizations(result.data.organizations);
}
}).catch(error=>{})
}
//
function onOk(){
validateFields((error,values)=>{
console.log(...values);
if(!error){
const url = `/${owner}/${repo}/applied_transfer_projects.json`;
Axios.post(url,{
...values
}).then(result=>{
if(result){
onSuccess(result.data && result.data.owner);
}
}).catch(error=>{})
}
})
}
function changeType(e){
setCate(e.target.value);
setFieldsValue({
owner_name:undefined
})
}
function checkIdentifier(rule, value, callback){
if(!value){
callback();
}
if (repo && value !== repo) {
callback("请输入当前项目的标识!");
}
callback();
}
const layout = {
labelCol: { span: 5 },
wrapperCol: { span: 18 },
};
function getUser(id){
setValue(id);
setFieldsValue({
owner_name:id
})
}
return(
<Modal
width="620px"
visible={visible}
title="转移仓库"
onCancel={onCancel}
onOk={onOk}
okText="确认转移"
cancelText={"取消"}
centered
>
<div className="diverModal">
{
cate === 0 ?
<ul className="descUl">
<li>转移需对方确认接受转移成功后你将被移出仓库其他已有成员权限不变</li>
<li>转移成功后仓库的地址将变更至目标用户的命名空间下</li>
<li>已有成员如需继续操作仓库需更新本地仓库的remote使之指向新的地址</li>
</ul>
:
<ul className="descUl">
<li>仓库仅可以转移到您已经加入的组织中不可以转移到未加入的组织中</li>
<li>涉及到仓库改名操作请提前做好仓库备份并且在转移后对本地仓库的remote进行修改</li>
<li>转移仓库到组织后你和组织创建者/管理员同时拥有对该仓库的管理操作</li>
</ul>
}
<Form {...layout} colon={false} layout={"horizontal"}>
<Form.Item label="转移给:" style={{marginBottom:"0px"}}>
{getFieldDecorator("goal",{
rules:[]
})(
<Radio.Group onChange={changeType}>
<Radio value={0}>个人</Radio>
<Radio value={1}>组织</Radio>
</Radio.Group>
)}
</Form.Item>
{
cate === 0 &&
<Form.Item label=" ">
{getFieldDecorator("owner_name",{
rules:[{required:true,message:"请输入目标用户名"}]
})(
// <Input placeholder="" autoComplete={"off"}/>
<SearchUser getUser={getUser} width={"100%"} placeholder="请输入目标用户" value={value}/>
)}
</Form.Item>
}
{
cate === 1 &&
<Form.Item label=" ">
{getFieldDecorator("owner_name",
{rules:[{required:true,message:"请选择目标组织"}]}
)(
<Select placeholder="请选择目标组织" getPopupContainer={trigger => trigger.parentNode}>
{
organizations && organizations.length > 0 ?
organizations.map((i,k)=>{
return(
<Option value={i.name}>{i.nickname}</Option>
)
})
:""
}
</Select>
)}
</Form.Item>
}
<Form.Item label="仓库名称:">
{getFieldDecorator("identifier",
{
rules:[
{required:true,message:"请输入仓库名称"},
{
validator:checkIdentifier
}
]
}
)(
<Input placeholder="请输入仓库名称" autoComplete={"off"}/>
)}
</Form.Item>
</Form>
</div>
</Modal>
)
}
export default Form.create()(forwardRef(DivertModal));

View File

@ -14,4 +14,8 @@ export const getHooks = async (id,params)=>{
// //
export const getSubEntries = async (owner,projectsId,params)=>{ export const getSubEntries = async (owner,projectsId,params)=>{
return (await axios.get(`/${owner}/${projectsId}/sub_entries.json`,{params})).data; return (await axios.get(`/${owner}/${projectsId}/sub_entries.json`,{params})).data;
}
//
export const getUser = async (login)=>{
return (await axios.get(`/users/${login}/hovercard.json`)).data;
} }

66
src/forge/Head/Footer.jsx Normal file
View File

@ -0,0 +1,66 @@
import React, { useEffect , useState } from 'react';
import './header.scss';
function Footer(){
const [ value , setValue ] = useState(undefined);
useEffect(()=>{
try {
var chromesettingArray = JSON.parse(localStorage.getItem('chromesetting'));
setValue(chromesettingArray.footer);
} catch (e) {
}
},[])
function showhtml(htmlString){
var html = {__html:htmlString};
return <div dangerouslySetInnerHTML={html}></div> ;
}
return(
<div>
<div style={{height:"483px"}}></div>
<div className="newFooter edu-txt-center">
{value && showhtml(value)}
{/* <div className="footerInfos">
<ul>
<li>社区</li>
<li><a href={`/`} target="_blank">网站首页</a></li>
<li><a href={`https://www.trustie.net/agreement`} target="_blank">服务协议</a></li>
<li><a href={`https://forum.trustie.net/forums/1168/detail`} target="_blank">帮助中心</a></li>
<li><a href={`https://forum.trustie.net/`} target="_blank">问吧交流</a></li>
<li><a href={`https://www.trustie.net/cooperation`} target="_blank">合作伙伴</a></li>
</ul>
<ul>
<li>支持与服务</li>
<li><a href={`https://forgeplus.trustie.net/docs/api`} target="_blank">API文档</a></li>
<li><a href={`https://forum.trustie.net/forums/1168/detail`} target="_blank">帮助中心</a></li>
<li><a href={`https://git-scm.com`} target="_blank">Git常用命令</a></li>
<li><a href={`https://forum.trustie.net/forums/3080/detail`} target="_blank">DevOps使用文档</a></li>
<li><a href={`https://forgeplus.trustie.net/projects/jasder/forgeplus/tree/master/CHANGELOG.md`} target="_blank">日志更新</a></li>
</ul>
<ul>
<li>合作伙伴</li>
<li><a href={`http://www.sei.pku.edu.cn`} target="_blank">北京大学</a></li>
<li><a href={`http://scse.buaa.edu.cn`} target="_blank">北京航空航天大学</a></li>
<li><a href={`https://www.nju.edu.cn`} target="_blank">南京大学</a></li>
<li><a href={`https://www.xtu.edu.cn`} target="_blank">湘潭大学</a></li>
<li><a href={`http://www.iscas.ac.cn`} target="_blank">ISCAS</a></li>
<li><a href={`https://www.ucloud.cn`} target="_blank">UCloud优刻得</a></li>
<li><a href={`http://www.inforbus.com`} target="_blank">中创软件</a></li>
<li><a href={`https://www.inspur.com`} target="_blank">浪潮集团</a></li>
<li><a href={`http://www.copu.org.cn`} target="_blank">中国开源软件推进联盟</a></li>
<li><a href={`https://www.sjtu.edu.cn`} target="_blank">上海交通大学</a></li>
</ul>
<ul>
<li>合作伙伴</li>
<li><span>热线</span></li>
<li><span>QQ群1071514693</span></li>
</ul>
</div>
<p className="footerCopy">© Copyright 2007~2021 国防科技大学Trustie团队 & IntelliDE <a href="https://beian.miit.gov.cn">湘ICP备 17009477</a></p> */}
</div>
</div>
)
}
export default Footer;

View File

@ -2,16 +2,14 @@ import React, { Component } from 'react';
import AccountProfile from "../../modules/user/AccountProfile"; import AccountProfile from "../../modules/user/AccountProfile";
import { getImageUrl } from 'educoder' import { getImageUrl } from 'educoder'
import axios from 'axios'; import axios from 'axios';
import { Modal, Input, message, notification , Dropdown , Menu ,Divider } from 'antd'; import { Modal, Input, message, notification , Dropdown , Menu } from 'antd';
import LoginDialog from '../../modules/login/LoginDialog'; import LoginDialog from '../../modules/login/LoginDialog';
import GotoQQgroup from '../../modal/GotoQQgroup' import GotoQQgroup from '../../modal/GotoQQgroup'
// import 'antd/lib/modal/style/index.css';
// import 'antd/lib/checkbox/style/index.css';
// import 'antd/lib/radio/style/index.css';
// import 'antd/lib/input/style/index.css';
import '../../modules/tpm/TPMIndex.css'; import '../../modules/tpm/TPMIndex.css';
import logo from '../../modules/tpm/images/logo.png'; import logo from '../../modules/tpm/images/logo.png';
import './header.scss'; import './header.scss';
const $ = window.$ const $ = window.$
// TODO 这部分脚本从公共脚本中直接调用 // TODO 这部分脚本从公共脚本中直接调用
@ -104,14 +102,14 @@ class NewHeader extends Component {
</div> </div>
) )
}else{ }else{
return <i className="iconfont icon-sousuo font-18 color-grey-6 ml30" onClick={() => { return <i className="iconfont icon-sousuo font-18 color-white ml30" onClick={() => {
this.setState({openSearch:true}) this.setState({openSearch:true})
}} /> }} />
} }
} }
onGlobalSearch=(value,item)=>{ onGlobalSearch=(value,item)=>{
window.location.href=`${item && item.url}?value=` + value; window.location.href=`${item}?value=` + value;
} }
openNotification = (messge) => { openNotification = (messge) => {
@ -577,8 +575,8 @@ class NewHeader extends Component {
}) })
} }
let search_url = settings && settings.common && settings.common.length> 0 && settings.common.filter(item=>item.name==="搜索"); let search_url = settings && settings.common && settings.common.search;
let notice_url = settings && settings.common && settings.common.length> 0 && settings.common.filter(item=>item.name==="通知"); let notice_url = settings && settings.common && settings.common.notice;
return ( return (
<div className="newHeaders" id="nHeader"> <div className="newHeaders" id="nHeader">
<div className="headerContent"> <div className="headerContent">
@ -600,14 +598,14 @@ class NewHeader extends Component {
<GotoQQgroup {...this.state} {...this.props} setgoshowqqgtounp={(bool) => this.setgoshowqqgtounp(bool)}></GotoQQgroup> <GotoQQgroup {...this.state} {...this.props} setgoshowqqgtounp={(bool) => this.setgoshowqqgtounp(bool)}></GotoQQgroup>
:"" :""
} }
<a href={settings && settings.new_course.default_url} className={"fl mr30"} style={{minWidth:"45px"}}> {
{ settings && settings.nav_logo_url ?
settings && settings.nav_logo_url ? <a href={settings && settings.new_course.default_url} className={"fl mr30"} style={{minWidth:"45px"}}>
<img alt="可控开源社区" className="logoimg" style={{ heigth: "40px" }} src={getImageUrl(settings.nav_logo_url)}></img> <img alt="可控开源社区" className="logoimg" style={{ heigth: "40px" }} src={getImageUrl(`/${settings.nav_logo_url}`)}></img>
: </a>
<img alt="可控开源社区" className="logoimg" style={{ heigth: "40px" }} src={logo}></img> :
} ""
</a> }
<div className="head-nav pr" id={"head-navpre1"}> <div className="head-nav pr" id={"head-navpre1"}>
{ {
settings && settings.navbar && settings.navbar.length > 0 ? settings && settings.navbar && settings.navbar.length > 0 ?
@ -646,19 +644,19 @@ class NewHeader extends Component {
} }
</div> </div>
<div className="head-right"> <div className="head-right">
{search_url && search_url.length>0 ? this.SearchInput(openSearch,search_url[0]):""} {search_url ? this.SearchInput(openSearch,search_url):""}
{ {
current_user && (current_user.main_site || current_user.login) && (settings && settings.add && settings.add.length>0)? current_user && (current_user.main_site || current_user.login) && (settings && settings.add && settings.add.length>0)?
<Dropdown overlay={this.addMenu(settings && settings.add)} placement="bottomRight"> <Dropdown overlay={this.addMenu(settings && settings.add)} placement="bottomRight">
<i className="iconfont icon-tianjiafangda color-grey-6 ml30"></i> <i className="iconfont icon-tianjiafangda color-white ml30"></i>
</Dropdown>:"" </Dropdown>:""
} }
{this.props.user && this.props.user.login && (notice_url && notice_url.length>0) ? {this.props.user && this.props.user.login && notice_url ?
<div className="ml30 edu-menu-panel"> <div className="ml30 edu-menu-panel">
{user && user.login && {user && user.login &&
<a href={`${notice_url[0].url}`} style={{ position: 'relative' }}> <a href={`${notice_url}`} style={{ position: 'relative' }}>
<i className="iconfont icon-xiaoxilingdang color-grey-6"></i> <i className="iconfont icon-xiaoxilingdang color-white"></i>
<span className="newslight" style={{ display: this.props.Headertop === undefined ? "none" : this.props.Headertop.new_message === true ? "block" : "none" }}> <span className="newslight" style={{ display: this.props.Headertop === undefined ? "none" : this.props.Headertop.new_message === true ? "block" : "none" }}>
</span> </span>
</a> </a>
@ -694,17 +692,16 @@ class NewHeader extends Component {
</div> </div>
{!user || (user && !user.login) ? {!user || (user && !user.login) ?
<span className="font-15 ml30"> <span className="font-15 ml30">
<a onClick={() => this.educoderlogin()} className="mr5 color-grey-6">登录</a> <a onClick={() => this.educoderlogin()} className="mr5 color-white">登录</a>
{ {
settings && settings.new_course && settings.new_course.register_url && settings && settings.common && settings.common.register &&
<span><em className="vertical-line"></em><a className="ml5 color-grey-6" href={`${settings.new_course.register_url}`} target="_blank"></a></span> <span><em className="vertical-line"></em><a className="ml5 color-white" href={`${settings.common.register}`} target="_blank"></a></span>
} }
</span> </span>
: :
<div className="ml30 edu-menu-panel" style={{ height: "70px", lineHeight: "70px" }}> <div className="ml30 edu-menu-panel" style={{ height: "70px", lineHeight: "70px" }}>
<a href={`/users/${this.props.current_user === undefined ? "" : this.props.current_user.login}/courses`}> <a href={`/users/${this.props.current_user === undefined ? "" : this.props.current_user.login}/courses`}>
<img alt="头像" className="radius" height="34" id="nh_user_logo" name="avatar_image" <img alt="头像" className="radius" height="34" id="nh_user_logo" name="avatar_image" src={getImageUrl(`/${user.image_url}`)} width="34">
src={getImageUrl(`images/` + user.image_url)} width="34">
</img> </img>
</a> </a>
<ul className="edu-menu-list" style={{ top: '60px', textAlign: 'center' }}> <ul className="edu-menu-list" style={{ top: '60px', textAlign: 'center' }}>

View File

@ -5,6 +5,64 @@
background:#fff; background:#fff;
border-radius: 3px; border-radius: 3px;
.ant-menu-vertical > .ant-menu-item{ .ant-menu-vertical > .ant-menu-item{
border:none border:none;
height: 35px;
line-height: 35px;
margin:0px;
}
.ant-menu-vertical{
border:none;
}
}
.newFooter {
position: absolute;
bottom: 0;
width: 100%;
background: #323232;
clear: both;
min-width: 1200px;
z-index: 8;
left: 0px;
p {
margin-top: 0;
margin-bottom:0px !important;
}
.footerInfos{
display: flex;
max-width: 1200px;
margin:0px auto;
justify-content: space-around;
padding:60px 0px;
& >ul{
padding:0px 40px;
box-sizing: border-box;
max-width: 25%;
text-align: left;
li{
color: #fff;
font-weight: 300;
&:first-child{
font-size: 17px;
}
&>a,&>span{
color: #bbb;
}
&>a:hover{
color: #4cacff;
}
}
}
}
.footerCopy{
color: #bbb;
border-top: 1px solid #4e4e4e;
padding:10px 0px;
a{
color: #bbb;
&:hover{
color: #4cacff;
}
}
} }
} }

View File

@ -6,7 +6,6 @@ import { withRouter } from "react-router";
import { SnackbarHOC } from "educoder"; import { SnackbarHOC } from "educoder";
import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC"; import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC";
import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC"; import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC";
import Handbook from './Component/Handbook';
import "./css/index.scss"; import "./css/index.scss";
import Loadable from "react-loadable"; import Loadable from "react-loadable";
@ -35,7 +34,6 @@ class Index extends Component {
render() { render() {
return ( return (
<div className="newMain clearfix"> <div className="newMain clearfix">
<Handbook />
<Switch {...this.props}> <Switch {...this.props}>
<Route <Route
path="/projects/:projectsType/new/:OIdentifier" path="/projects/:projectsType/new/:OIdentifier"

View File

@ -20,7 +20,9 @@ import DrawerPanel from '../Component/DrawerPanel';
import UpdateDescModal from './sub/UpdateDescModal'; import UpdateDescModal from './sub/UpdateDescModal';
import Nodata from '../Nodata'; import Nodata from '../Nodata';
/**
* projectDetail.type:0是托管项目1是镜像项目2是同步镜像项目(为2时不支持在线创建在线上传在线修改在线删除创建合并请求等功能)
*/
function CoderDepot(props){ function CoderDepot(props){
const [ projectDetail , setProjectDetail ]= useState(undefined); const [ projectDetail , setProjectDetail ]= useState(undefined);
const [ treeValue , setTreeValue ] = useState(undefined); const [ treeValue , setTreeValue ] = useState(undefined);
@ -42,17 +44,18 @@ function CoderDepot(props){
const [ openModal , setOpenModal ] = useState(false); const [ openModal , setOpenModal ] = useState(false);
const [ desc , setDesc ] = useState(undefined); const [ desc , setDesc ] = useState(undefined);
const [ website , setWebsite ] = useState(undefined); const [ website , setWebsite ] = useState(undefined);
const [ lesson_url , setLessonUrl ] = useState(undefined);
const owner = props.match.params.owner; const owner = props.match.params.owner;
const projectsId = props.match.params.projectsId; const projectsId = props.match.params.projectsId;
const branchName = props.match.params.branchName; const branchName = props.match.params.branchName;
let pathname = props.history.location.pathname; let pathname = props.history.location.pathname;
useEffect(()=>{ useEffect(()=>{
if(props.projectDetail){ if(props.projectDetail){
setProjectDetail(props.projectDetail); setProjectDetail(props.projectDetail);
setDesc(props.projectDetail.description); setDesc(props.projectDetail.description);
setWebsite(props.projectDetail.website); setWebsite(props.projectDetail.website);
setLessonUrl(props.projectDetail.lesson_url);
} }
},[props]) },[props])
@ -65,17 +68,17 @@ function CoderDepot(props){
},[treeValue]) },[treeValue])
useEffect(()=>{ useEffect(()=>{
if (pathname){ if (pathname && projectDetail){
if(pathname.indexOf(`/projects/${owner}/${projectsId}`) > -1 && pathname.indexOf(`/tree/${branchName}/`) > -1) { if(pathname.indexOf(`/projects/${owner}/${projectsId}`) > -1 && pathname.indexOf(`/tree/${branchName}/`) > -1) {
let url = pathname.split(`/tree/${branchName}/`)[1]; let url = pathname.split(`/tree/${branchName}/`)[1];
setTreeValue(url); setTreeValue(url);
getFileInfo(url,branchName); getFileInfo(url,branchName);
}else{ }else{
setTreeValue(undefined); setTreeValue(undefined);
getDirInfo(branchName ||(projectDetail && projectDetail.default_branch)); getDirInfo(branchName ||projectDetail.default_branch);
} }
} }
},[pathname]) },[pathname,projectDetail])
// //
function getDirInfo(branch){ function getDirInfo(branch){
@ -92,8 +95,9 @@ function CoderDepot(props){
setZip_url(result.data.zip_url); setZip_url(result.data.zip_url);
let c = result.data.last_commit let c = result.data.last_commit
setLastCommit(c && c.commit); setLastCommit(c && c.commit);
setLastCommitAuthor(c && (c.author || (c.commit && c.commit.author))); setLastCommitAuthor(c && c.committer);
setMainFlag(true); setMainFlag(true);
setReadOnly(true);
} }
setTimeout(function(){setIsSpin(false);},500); setTimeout(function(){setIsSpin(false);},500);
}).catch(error=>{setIsSpin(false);}) }).catch(error=>{setIsSpin(false);})
@ -133,8 +137,9 @@ function CoderDepot(props){
} }
let c = result.data.last_commit let c = result.data.last_commit
setLastCommit(c && c.commit); setLastCommit(c && c.commit);
setLastCommitAuthor(c && (c.author || (c.commit && c.commit.author))); setLastCommitAuthor(c && c.committer);
setMainFlag(false); setMainFlag(false);
setReadOnly(true);
} }
setTimeout(function(){setIsSpin(false);},500) setTimeout(function(){setIsSpin(false);},500)
}).catch(error=>{setIsSpin(false);}) }).catch(error=>{setIsSpin(false);})
@ -214,20 +219,26 @@ function CoderDepot(props){
</Menu> </Menu>
</div> </div>
) )
function okUpdate(d,w){ // website
function okUpdate(d,w,l){
const url = `/${owner}/${projectsId}.json`; const url = `/${owner}/${projectsId}.json`;
axios.put(url,{ axios.put(url,{
description:d,website:w description:d,website:w,lesson_url:l
}).then(result=>{ }).then(result=>{
if(result && result.data && result.data.id){ if(result && result.data && result.data.id){
setDesc(result.data.description); setDesc(result.data.description);
setWebsite(result.data.website); setWebsite(result.data.website);
setLessonUrl(result.data.lesson_url);
} }
}) })
} }
let n = fileInfo && fileInfo.name;
const mdFlag = n && n.substring(n.length-3,n.length) === ".md";
return( return(
<WhiteBack> <WhiteBack>
<UpdateDescModal desc={desc} website={website} visible={openModal} onCancel={()=>setOpenModal(false)} onOk={okUpdate}/> <UpdateDescModal desc={desc} website={website} lesson_url={lesson_url} visible={openModal} onCancel={()=>setOpenModal(false)} onOk={okUpdate}/>
<Spin spinning={isSpin}> <Spin spinning={isSpin}>
{ {
(dirInfo || fileInfo) && (dirInfo || fileInfo) &&
@ -287,15 +298,19 @@ function CoderDepot(props){
</AlignCenter> </AlignCenter>
<AlignCenter> <AlignCenter>
<div className="mr20 addOptionBtn"> <div className="mr20 addOptionBtn">
<a onClick={()=>urlLink(`/projects/${owner}/${projectsId}/pulls/new`)} >+ 合并请求</a> {
projectDetail.type !== 2 &&
<a onClick={()=>urlLink(`/projects/${owner}/${projectsId}/pulls/new`)} >+ 合并请求</a>
}
<a onClick={()=>urlLink(`/projects/${owner}/${projectsId}/issues/new`)} >+ 任务</a> <a onClick={()=>urlLink(`/projects/${owner}/${projectsId}/issues/new`)} >+ 任务</a>
</div> </div>
{ type === "dir" && { type === "dir" && projectDetail.type !== 2 &&
<Dropdown overlay={fileMenu} className="mr20"> <Dropdown overlay={fileMenu} className="mr20" trigger={['click']}>
<Button type="default">文件 <i className="iconfont icon-sanjiaoxing-down ml3 font-14 color-grey-9"></i></Button> <Button type="default">文件 <i className="iconfont icon-sanjiaoxing-down ml3 font-14 color-grey-9"></i></Button>
</Dropdown> </Dropdown>
} }
<Dropdown overlay={downloadMenu} placement="bottomRight">
<Dropdown overlay={downloadMenu} placement="bottomRight" trigger={['click']}>
<Button type={'primary'}>下载 <i className="iconfont icon-sanjiaoxing-down ml3 font-14 color-white"></i></Button> <Button type={'primary'}>下载 <i className="iconfont icon-sanjiaoxing-down ml3 font-14 color-white"></i></Button>
</Dropdown> </Dropdown>
</AlignCenter> </AlignCenter>
@ -306,8 +321,8 @@ function CoderDepot(props){
{ {
lastCommit && lastCommit &&
<div className="listtablehead"> <div className="listtablehead">
<User url={getImageUrl(`images/${lastCommitAuthor && lastCommitAuthor.image_url}`)} name={lastCommitAuthor && lastCommitAuthor.name} /> <User url={getImageUrl(`/${lastCommitAuthor && lastCommitAuthor.image_url}`)} name={lastCommitAuthor && lastCommitAuthor.name} id={lastCommitAuthor && lastCommitAuthor.id} login={lastCommitAuthor && lastCommitAuthor.login}/>
<div className={hideBtn && hide ? "ellipsistxt hide" :"ellipsistxt"}><p id="ptxt">{lastCommit && lastCommit.message}</p></div> <div className={hideBtn && hide ? "ellipsistxt hide" :"ellipsistxt"}><pre id="ptxt">{lastCommit && lastCommit.message}</pre></div>
{ hideBtn && <span className="ellipsis" onClick={()=>changeHide(hide)}><i className="iconfont icon-shenglvehao"></i></span> } { hideBtn && <span className="ellipsis" onClick={()=>changeHide(hide)}><i className="iconfont icon-shenglvehao"></i></span> }
<span className="ml12 color-grey-9 mt3">{lastCommit && lastCommit.time_from_now}</span> <span className="ml12 color-grey-9 mt3">{lastCommit && lastCommit.time_from_now}</span>
@ -344,8 +359,10 @@ function CoderDepot(props){
{...props} {...props}
detail={fileInfo} detail={fileInfo}
readOnly={readOnly} readOnly={readOnly}
md={mdFlag}
onEdit={onEdit} onEdit={onEdit}
currentBranch={branchName || (projectDetail && projectDetail.default_branch)} currentBranch={branchName || (projectDetail && projectDetail.default_branch)}
type={projectDetail.type}
></CoderRootFileDetail> ></CoderRootFileDetail>
} }
</ul> </ul>
@ -356,7 +373,7 @@ function CoderDepot(props){
(dirInfo && dirInfo.length === 0) && (fileInfo && fileInfo.length === 0) ? <Nodata _html="暂未发现文件"/> :"" (dirInfo && dirInfo.length === 0) && (fileInfo && fileInfo.length === 0) ? <Nodata _html="暂未发现文件"/> :""
} }
{/* readme文件显示(显示文件详情时不显示readme文件) */} {/* readme文件显示(显示文件详情时不显示readme文件) */}
{ dirInfo && (projectDetail && projectDetail.readme) ? <ReadMe ChangeFile={ChangeFile} readme={projectDetail && projectDetail.readme} operate={props && (props.isManager || props.isDeveloper)} history={props.history} /> :"" } { dirInfo && (projectDetail && projectDetail.readme) ? <ReadMe ChangeFile={ChangeFile} readme={projectDetail && projectDetail.readme} operate={props && (props.isManager || props.isDeveloper) && projectDetail.type !==2 } history={props.history} /> :"" }
</div> </div>
</LongWidth> </LongWidth>
{ {
@ -372,7 +389,7 @@ function CoderDepot(props){
website && website &&
<p className="color-grey-6 df"> <p className="color-grey-6 df">
<i className="iconfont icon-lianjie2 font-15 mr10 color-grey-9"></i> <i className="iconfont icon-lianjie2 font-15 mr10 color-grey-9"></i>
<span style={{wordBreak:"break-all",lineHeight:"20px",marginTop:"5px"}}>{website}</span> <a href={website} target="_blank" style={{wordBreak:"break-all",lineHeight:"20px",marginTop:"5px",textDecoration:"underline"}}>{website}</a>
</p> </p>
} }
<p> <p>
@ -391,6 +408,14 @@ function CoderDepot(props){
</p> </p>
} }
</div> </div>
{
lesson_url &&
<div>
<Divider />
<p className="font-16 color-grey-6">实践课程</p>
<a href={lesson_url} target="_blank" className="color-grey-6" style={{textDecoration:"underline"}}>{lesson_url}</a>
</div>
}
{/* 发布 */} {/* 发布 */}
{ {
projectDetail && projectDetail.release_versions && projectDetail && projectDetail.release_versions &&
@ -402,10 +427,7 @@ function CoderDepot(props){
{/* 贡献者 */} {/* 贡献者 */}
{ {
projectDetail && projectDetail.contributors && projectDetail && projectDetail.contributors &&
<React.Fragment> <Contributors contributors={projectDetail && projectDetail.contributors} owner={owner} projectsId={projectsId} />
<Divider />
<Contributors contributors={projectDetail && projectDetail.contributors} owner={owner} projectsId={projectsId}/>
</React.Fragment>
} }
{/* 语言 */} {/* 语言 */}
{ projectDetail && projectDetail.languages && { projectDetail && projectDetail.languages &&

View File

@ -1,13 +1,49 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import RenderHtml from '../../components/render-html'; import RenderHtml from '../../components/render-html';
import { Dropdown , Menu , Spin } from 'antd';
import { Link } from 'react-router-dom';
const $ = window.$;
function CoderDepotReadme({ operate , history , readme , ChangeFile }){ function CoderDepotReadme({ operate , history , readme , ChangeFile }){
const [ menuList ,setMenuList ] = useState(undefined);
useEffect(()=>{
if(readme && readme.content){
let path = history.location.pathname;
const items = $.map($("#readme").find("h1,h2,h3,h4,h5,h6"), function (el, _) {
const anchor = el.id;
const level = el.tagName.replace("H", "");
const href = `#${anchor}`;
return { href:`${path}${href}`,text:el.textContent , level:level }
});
setMenuList(items);
}
},[readme])
function menu(){
if(menuList && menuList.length > 0){
let hash = history.location.hash;
return(
<Menu className="menuslist">
{
menuList.map((item,key)=>{
return(
<Menu.Item key={item.id} className={decodeURI(hash).indexOf(item.text)>-1 ?"active":""}><Link to={`${item.href}`} style={{paddingLeft:`${item.level *10}px`}} title={item.text}>{item.text}</Link></Menu.Item>
)
})
}
</Menu>
)
}else{
return <Spin />
}
}
return( return(
<div className="commonBox" id="readme"> <div className="commonBox" id="readme">
<div className="commonBox-title"> <div className="commonBox-title">
<span className="mr10"> <Dropdown overlay={menu()}>
<i className="iconfont icon-wenjian1 font-16 color-grey-9 fl mt3"></i> <i className="iconfont icon-zhangjie1 font-16 color-grey-3 mr10"></i>
</span> </Dropdown>
<span className="commonBox-title-read">README.md</span> <span className="commonBox-title-read">README.md</span>
{ {
operate ? operate ?

View File

@ -74,6 +74,7 @@ class CoderRootCommit extends Component{
array.push({ array.push({
name:item.author && item.author.name, name:item.author && item.author.name,
login: item.author && item.author.login, login: item.author && item.author.login,
id: item.author && item.author.id,
image_url:item.author && item.author.image_url, image_url:item.author && item.author.image_url,
sha:item.sha, sha:item.sha,
time_from_now:item.time_from_now, time_from_now:item.time_from_now,
@ -136,10 +137,18 @@ class CoderRootCommit extends Component{
<Link to={`/projects/${owner}/${projectsId}/commits/${truncateCommitId(`${item.sha}`)}`} className="flex1 ml20 font-16 color-grey-3">{item.message}</Link> <Link to={`/projects/${owner}/${projectsId}/commits/${truncateCommitId(`${item.sha}`)}`} className="flex1 ml20 font-16 color-grey-3">{item.message}</Link>
</p> </p>
<p className="f-wrap-alignCenter mt15"> <p className="f-wrap-alignCenter mt15">
<Link to={`/users/${item.login}`} className="show-user-link"> {
{item.image_url?<img src={getImageUrl(`images/${item.image_url}`)} alt="" width="28px" height="28px" className="mr15 radius"/>:""} item.id ?
<label className="font-14 color-grey-6" style={{verticalAlign:'middle'}}>{item.name ?`${item.name}:`:""}提交于 {item.time_from_now}</label> <Link to={`/users/${item.login}`} className="show-user-link">
</Link> {item.image_url?<img src={getImageUrl(`/${item.image_url}`)} alt="" width="28px" height="28px" className="mr15 radius"/>:""}
<label className="font-14 color-grey-6" style={{verticalAlign:'middle'}}>{item.name ?`${item.name}:`:""}提交于 {item.time_from_now}</label>
</Link>:
<span className="show-user-link">
{item.image_url?<img src={getImageUrl(`/${item.image_url}`)} alt="" width="28px" height="28px" className="mr15 radius"/>:""}
<label className="font-14 color-grey-6" style={{verticalAlign:'middle'}}>{item.name ?`${item.name}:`:""}提交于 {item.time_from_now}</label>
</span>
}
</p> </p>
</div> </div>
) )

View File

@ -31,6 +31,18 @@ class CoderRootFileDetail extends Component {
this.languages_total(); this.languages_total();
}; };
componentDidUpdate=(prevProps)=>{
const { content } = this.props && this.props.detail;
const prevcontent = prevProps.detail && prevProps.detail.content;
if (content && prevcontent) {
if (prevcontent !== content){
this.setState({
description: content
});
}
}
}
languages_total = () => { languages_total = () => {
const { detail } = this.props; const { detail } = this.props;
const file_name = detail.path.split("/").pop().split(".").pop(); const file_name = detail.path.split("/").pop().split(".").pop();
@ -164,9 +176,9 @@ class CoderRootFileDetail extends Component {
current_user, current_user,
isManager, isManager,
isDeveloper, isDeveloper,
md,
currentBranch, currentBranch,
platform platform,
md
} = this.props; } = this.props;
const { language, languages, description } = this.state; const { language, languages, description } = this.state;
let flag = current_user && current_user.login && (isManager || isDeveloper); let flag = current_user && current_user.login && (isManager || isDeveloper);
@ -245,11 +257,7 @@ class CoderRootFileDetail extends Component {
<div> <div>
{detail.image_type ? ( {detail.image_type ? (
<div className="edu-txt-center pt20 pb20"> <div className="edu-txt-center pt20 pb20">
<img <img alt="" src={detail.download_url} style={{ maxWidth: "80%" }} />
alt=""
src={detail.download_url}
style={{ maxWidth: "80%" }}
/>
</div> </div>
) : detail.direct_download ? ( ) : detail.direct_download ? (
<div className="mt20 text-center"> <div className="mt20 text-center">
@ -268,7 +276,7 @@ class CoderRootFileDetail extends Component {
{...this.state} {...this.state}
language={language ? language : "javascript"} language={language ? language : "javascript"}
filepath={`/${detail.path}`} filepath={`/${detail.path}`}
content={detail.content} content={description}
readOnly={readOnly} readOnly={readOnly}
editorType="update" editorType="update"
currentBranch={currentBranch} currentBranch={currentBranch}

View File

@ -496,9 +496,11 @@ class Detail extends Component {
} }
</span> </span>
<span className="detail_tag_btn"> <span className="detail_tag_btn">
<a className="detail_tag_btn_name" style={{cursor:platform?"pointer":"default"}} onClick={this.forkFunc}> <Tooltip title="复刻是fork的中文名即复制代码仓库" placement="bottom">
<i className="iconfont icon-fork color-grey-9 mr3"></i> (Fork) <a className="detail_tag_btn_name" style={{cursor:platform?"pointer":"default"}} onClick={this.forkFunc}>
</a> <i className="iconfont icon-fork color-grey-9 mr3"></i>
</a>
</Tooltip>
{ {
forked_count > 0 ? forked_count > 0 ?
platform ? platform ?
@ -516,6 +518,7 @@ class Detail extends Component {
{ {
firstSync ? "" : firstSync ? "" :
<DetailBanner <DetailBanner
history={this.props.history}
list={bannerList} list={bannerList}
owner={owner} owner={owner}
projectsId={projectsId} projectsId={projectsId}

View File

@ -65,7 +65,7 @@ export default ({ match , history }) => {
<div className="f-wrap-between" style={{ alignItems: "center" }}> <div className="f-wrap-between" style={{ alignItems: "center" }}>
<ul className="df"> <ul className="df">
<User <User
url={(committer && getImageUrl(`images/${committer.image_url}`))|| "https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3025493530,1989042357&fm=26&gp=0.jpg"} url={(committer && getImageUrl(`/${committer.image_url}`))|| "https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3025493530,1989042357&fm=26&gp=0.jpg"}
name={committer && committer.name} name={committer && committer.name}
/> />
{committer && committer.time_from_now && <li className="ml20 mt2">{committer.time_from_now}</li>} {committer && committer.time_from_now && <li className="ml20 mt2">{committer.time_from_now}</li>}

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Menu, Input , Spin, Pagination , Popover , Select } from 'antd'; import { Menu, Input , Spin, Pagination , Popover , Select } from 'antd';
import { getUrl } from 'educoder'; import { getImageUrl } from 'educoder';
import '../css/index.scss' import '../css/index.scss'
import './list.css'; import './list.css';
import './Index.scss'; import './Index.scss';
@ -271,7 +271,7 @@ class Index extends Component {
return( return(
<div onClick={()=>this.getoDetail(item.author && item.author.login,item.identifier)}> <div onClick={()=>this.getoDetail(item.author && item.author.login,item.identifier)}>
<div className="mainInfo"> <div className="mainInfo">
<img src={getUrl(`/images/${item.author && item.author.image_url}`)} alt=""/> <img src={getImageUrl(`/${item.author && item.author.image_url}`)} alt=""/>
<p className="school">{item.name}</p> <p className="school">{item.name}</p>
<p className="name">{item.author && item.author.name}</p> <p className="name">{item.author && item.author.name}</p>
</div> </div>

View File

@ -220,8 +220,11 @@
.listtablebody{ .listtablebody{
li.listtablepath{ li.listtablepath{
a{color: #40a9ff;} a{color: #40a9ff;}
p{
margin-bottom: 0px!important;
}
} }
li{ & > li{
height: 42px; height: 42px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -283,4 +286,27 @@
.downMenu{ .downMenu{
box-shadow: 0px 0px 9px rgba(134, 134, 134,0.4); box-shadow: 0px 0px 9px rgba(134, 134, 134,0.4);
background-color: #fff; background-color: #fff;
.ant-menu-vertical .ant-menu-item:hover{
background-color: #e6f7ff;
}
}
.menuslist{
max-height: 200px;
overflow-y: auto;
padding:10px 15px;
border-radius: 4px;
.ant-dropdown-menu-item{
border-radius: 8px;
text-align: left!important;
a{
width: 350px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.ant-dropdown-menu-item.active{
background-color: #e6f7ff;
}
} }

View File

@ -1,6 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Tooltip } from 'antd'; import { Tooltip } from 'antd';
import { getImageUrl } from 'educoder'; import { getImageUrl } from 'educoder';
import { AlignCenter } from '../Component/layout';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import '../css/index.scss'; import '../css/index.scss';
import Nodata from '../Nodata'; import Nodata from '../Nodata';
@ -27,14 +28,16 @@ class IndexItem extends Component {
<img className="p-r-photo" alt="" src={item.author && item.author.image_url} ></img> <img className="p-r-photo" alt="" src={item.author && item.author.image_url} ></img>
</a> </a>
: :
<Link to={`/users/${item.author.login}`} className="show-user-link"> <Link to={item.author && (item.author.type === "Organization" ? `/organize/${item.author.login}`:`/users/${item.author.login}`)} className="show-user-link">
<img className="p-r-photo" alt="" src={getImageUrl(`${item.author && item.author.image_url}`)} ></img> <img className="p-r-photo" alt="" src={getImageUrl(`/${item.author && item.author.image_url}`)} ></img>
</Link> </Link>
} }
<div className="p-r-Infos"> <div className="p-r-Infos">
<div className="p-r-name"> <div className="p-r-name">
<Link to={`/projects/${item.author.login}/${item.identifier}`} className="hide-1 color-grey-3 font-18 task-hide " style={{ whiteSpace: "wrap", display: 'flex', width: 400 }}> <AlignCenter>
{item.author.name}/{item.name} <Link to={`/projects/${item.author.login}/${item.identifier}`} className="color-grey-3 font-18 task-hide " style={{maxWidth: 490 }}>
{item.author.name}/{item.name}
</Link>
{ {
item.forked_from_project_id ? item.forked_from_project_id ?
<span className="ml5"> <span className="ml5">
@ -52,7 +55,7 @@ class IndexItem extends Component {
<i className="iconfont icon-jingxiang font-18 color-green" /> <i className="iconfont icon-jingxiang font-18 color-green" />
</span>:"" </span>:""
} }
</Link> </AlignCenter>
<span className="p-r-tags"> <span className="p-r-tags">
<span className="pariseTag"><img src={img_parise} alt="" className="pariseImg" /> {item.praises_count}</span> <span className="pariseTag"><img src={img_parise} alt="" className="pariseImg" /> {item.praises_count}</span>
<span><i className="iconfont icon-fork mr3 font-16" style={{ color: "#1B8FFF" }} />fork {item.forked_count}</span> <span><i className="iconfont icon-fork mr3 font-16" style={{ color: "#1B8FFF" }} />fork {item.forked_count}</span>

View File

@ -281,7 +281,6 @@
height:100%; height:100%;
} }
.files-md{ .files-md{
border:1px solid #eee;
padding:20px; padding:20px;
} }
/* 详情-代码 */ /* 详情-代码 */
@ -437,9 +436,6 @@
font-size: 16px; font-size: 16px;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
} }
.branchUl{
padding:0px 30px;
}
.branchUl li{ .branchUl li{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

View File

@ -50,7 +50,7 @@ function Contribute(props){
list.map((item,key)=>{ list.map((item,key)=>{
return( return(
<AlignCenter> <AlignCenter>
<img alt="" style={{borderRadius:"50%",marginRight:"10px"}} src={getImageUrl(`images/${item.image_url}`)} width="50px" height="50px"/> <img alt="" style={{borderRadius:"50%",marginRight:"10px"}} src={getImageUrl(`/${item.image_url}`)} width="50px" height="50px"/>
<div> <div>
<Link to={`/users/${item.login}`} className="font-16">{item.name}</Link> <Link to={`/users/${item.login}`} className="font-16">{item.name}</Link>
<p className="font-12 color-grey-9">提交{item.contributions}</p> <p className="font-12 color-grey-9">提交{item.contributions}</p>

View File

@ -1,11 +1,18 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Skeleton } from 'antd'; import { Skeleton , Tooltip } from 'antd';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
function DetailBanner({ list , owner , projectsId , isManager , url , pathname , state , urlFlag , projectDetail , platform ,open_devops }){ function DetailBanner({ history,list , owner , projectsId , isManager , url , pathname , state , urlFlag , projectDetail , platform ,open_devops }){
const [ menuName , setMenuName ] = useState(undefined); const [ menuName , setMenuName ] = useState(undefined);
useEffect(()=>{ useEffect(()=>{
if(list){ if(list){
// banner
if(pathname && pathname==="source"){
let a = list.filter(item=>item.menu_name === "resources");
if(a && a.length === 0){
history.push(`/projects/${owner}/${projectsId}`);
}
}
setMenuName(list); setMenuName(list);
} }
},[list]); },[list]);
@ -39,11 +46,13 @@ function DetailBanner({ list , owner , projectsId , isManager , url , pathname ,
{ {
item.menu_name === "issues" && item.menu_name === "issues" &&
<li className={pathname==="issues" ? "active" : ""}> <li className={pathname==="issues" ? "active" : ""}>
<Link to={{ pathname: `/projects/${owner}/${projectsId}/issues`, state }}> <Tooltip title="易修是Issue的中文名即问题列表" placement="bottom">
<i className={pathname==="issues" ? "iconfont icon-renwu color-grey-3 mr5 font-14":"iconfont icon-renwu color-grey-6 font-14 mr5"}></i> <Link to={{ pathname: `/projects/${owner}/${projectsId}/issues`, state }}>
<span>易修 (Issue)</span> <i className={pathname==="issues" ? "iconfont icon-renwu color-grey-3 mr5 font-14":"iconfont icon-renwu color-grey-6 font-14 mr5"}></i>
{projectDetail && projectDetail.issues_count ? <span className="num">{projectDetail.issues_count}</span> : ""} <span>易修</span>
</Link> {projectDetail && projectDetail.issues_count ? <span className="num">{projectDetail.issues_count}</span> : ""}
</Link>
</Tooltip>
</li> </li>
} }
{ {
@ -67,7 +76,7 @@ function DetailBanner({ list , owner , projectsId , isManager , url , pathname ,
:"" :""
} }
{ {
item.menu_name === "source" && item.menu_name === "resources" &&
<li className={pathname==="source" ? "active" : ""}> <li className={pathname==="source" ? "active" : ""}>
<Link to={{ pathname: `/projects/${owner}/${projectsId}/source`, state }}> <Link to={{ pathname: `/projects/${owner}/${projectsId}/source`, state }}>
<i className={pathname==="source" ? "iconfont icon-ziyuanpaihanghetuijian color-grey-3 mr5 font-14":"iconfont icon-ziyuanpaihanghetuijian color-grey-6 font-14 mr5"}></i> <i className={pathname==="source" ? "iconfont icon-ziyuanpaihanghetuijian color-grey-3 mr5 font-14":"iconfont icon-ziyuanpaihanghetuijian color-grey-6 font-14 mr5"}></i>
@ -95,19 +104,19 @@ function DetailBanner({ list , owner , projectsId , isManager , url , pathname ,
</Link> </Link>
</li> </li>
} }
{
item.menu_name === "setting" &&
<li className={pathname === "setting" ? "active" : ""}>
<Link to={`/projects/${owner}/${projectsId}/setting`}>
<i className={url && url.indexOf("/setting") > 0 ? "iconfont icon-cangku color-grey-3 mr5 font-14":"iconfont icon-cangku color-grey-6 font-14 mr5"}></i>
<span>仓库设置</span>
</Link>
</li>
}
</React.Fragment> </React.Fragment>
) )
}) })
} }
{
isManager && platform ?
<li className={pathname === "setting" ? "active" : ""}>
<Link to={`/projects/${owner}/${projectsId}/setting`}>
<i className={url && url.indexOf("/setting") > 0 ? "iconfont icon-cangku color-grey-3 mr5 font-14":"iconfont icon-cangku color-grey-6 font-14 mr5"}></i>
<span>仓库设置</span>
</Link>
</li>:""
}
</ul> </ul>
: :
<Skeleton paragraph={false} active={true}/> <Skeleton paragraph={false} active={true}/>

View File

@ -2,13 +2,13 @@ import React , { forwardRef, useEffect } from 'react';
import {Form , Modal , Input } from 'antd'; import {Form , Modal , Input } from 'antd';
import "./sub.scss"; import "./sub.scss";
const { TextArea } = Input; const { TextArea } = Input;
function UpdateDescModal({form , visible , onCancel , onOk,desc,website}){ function UpdateDescModal({form , visible , onCancel , onOk,desc,website,lesson_url}){
const { getFieldDecorator, validateFields , setFieldsValue } = form; const { getFieldDecorator, validateFields , setFieldsValue } = form;
useEffect(()=>{ useEffect(()=>{
if(desc || website){ if(desc || website){
setFieldsValue({ setFieldsValue({
website,desc website,desc,lesson_url
}) })
} }
},[desc,website]) },[desc,website])
@ -17,7 +17,7 @@ function UpdateDescModal({form , visible , onCancel , onOk,desc,website}){
validateFields((err,values)=>{ validateFields((err,values)=>{
if(!err){ if(!err){
onCancel(); onCancel();
onOk(values.desc,values.website) onOk(values.desc,values.website,values.lesson_url)
} }
}) })
} }
@ -35,11 +35,11 @@ function UpdateDescModal({form , visible , onCancel , onOk,desc,website}){
className={"descmodal"} className={"descmodal"}
> >
<Form> <Form>
<Form.Item label="仓库描述"> <Form.Item label="项目简介">
{getFieldDecorator("desc",{ {getFieldDecorator("desc",{
rules:[] rules:[]
})( })(
<TextArea placeholder="仓库描述" rows={4} maxLength={200}/> <TextArea placeholder="请输入项目简介" rows={4} maxLength={200}/>
)} )}
</Form.Item> </Form.Item>
<Form.Item label="website"> <Form.Item label="website">
@ -49,6 +49,13 @@ function UpdateDescModal({form , visible , onCancel , onOk,desc,website}){
<Input placeholder="website链接"/> <Input placeholder="website链接"/>
)} )}
</Form.Item> </Form.Item>
<Form.Item label="实践课程">
{getFieldDecorator("lesson_url",{
rules:[]
})(
<Input placeholder="实践课程链接"/>
)}
</Form.Item>
</Form> </Form>
</Modal> </Modal>
) )

View File

@ -22,7 +22,7 @@ function Commits({ commits , projectsId , owner }){
<Link to={`/projects/${owner}/${projectsId}/commits/${truncateCommitId(item.sha)}`} className="color-blue">浏览代码</Link> <Link to={`/projects/${owner}/${projectsId}/commits/${truncateCommitId(item.sha)}`} className="color-blue">浏览代码</Link>
</FlexAJ> </FlexAJ>
<AlignCenter className="mt15"> <AlignCenter className="mt15">
<User url={getImageUrl(`images/${item.committer && item.committer.image_url}`)} name={`${item.committer && item.committer.name}`}></User><span>提交于{item.time_from_now}</span> <User url={getImageUrl(`/${item.committer && item.committer.image_url}`)} name={`${item.committer && item.committer.name}`}></User><span>提交于{item.time_from_now}</span>
</AlignCenter> </AlignCenter>
</div> </div>
</div> </div>

View File

@ -1,6 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { Popconfirm, Tag } from "antd"; import { Tag } from "antd";
import { AlignCenter } from '../Component/layout';
import { getImageUrl } from "educoder"; import { getImageUrl } from "educoder";
import "./merge.css"; import "./merge.css";
@ -74,13 +75,13 @@ class MergeItem extends Component {
> >
<img <img
className="radius" className="radius"
src={getImageUrl(`images/${item && item.avatar_url}`)} src={getImageUrl(`/${item && item.avatar_url}`)}
alt="" alt=""
width="24" width="24"
height="24" height="24"
/> />
</Link> </Link>
<span> <AlignCenter>
<Link <Link
to={`/users/${item && item.author_login}`} to={`/users/${item && item.author_login}`}
className="show-user-link color-grey-8 ml5" className="show-user-link color-grey-8 ml5"
@ -124,7 +125,7 @@ class MergeItem extends Component {
</Link> </Link>
</Tag> </Tag>
</span> </span>
</span> </AlignCenter>
</p> </p>
</div> </div>
<ul <ul
@ -177,7 +178,7 @@ class MergeItem extends Component {
> >
<div className="grid-item mr15 color-grey-9"> <div className="grid-item mr15 color-grey-9">
<Link <Link
to={`/projects/${owner}/${projectsId}/merge/${item.pull_request_id}/updatemerge`} to={`/projects/${owner}/${projectsId}/pulls/${item.pull_request_id}/updatemerge`}
className="color-grey-9" className="color-grey-9"
> >
<i className="iconfont icon-bianji3 font-14 mr5"></i> <i className="iconfont icon-bianji3 font-14 mr5"></i>

View File

@ -101,7 +101,7 @@ class MergeSubmit extends Component{
render: (text,item) => ( render: (text,item) => (
<span className="f-wrap-alignCenter"> <span className="f-wrap-alignCenter">
<Link to={`/users/${item.login}`} className="show-user-link"> <Link to={`/users/${item.login}`} className="show-user-link">
<img src={getImageUrl(`images/${item.image_url}`)} alt="" width="28px" height="28px" className="mr3 radius"/> <img src={getImageUrl(`/${item.image_url}`)} alt="" width="28px" height="28px" className="mr3 radius"/>
<label className="hide-1" style={{maxWidth:"75px",'vertical-align':'middle'}}>{text}</label> <label className="hide-1" style={{maxWidth:"75px",'vertical-align':'middle'}}>{text}</label>
</Link> </Link>
</span> </span>

View File

@ -331,26 +331,14 @@ class MessageCount extends Component {
} }
<div className="mt15"> <div className="mt15">
<Link <Link to={`/users/${data.issue.author_login}`} className="show-user-link">
to={`/users/${data.issue.author_login}`} <img className="mr5" src={getImageUrl(`/${data.issue.author_picture}`)}
className="show-user-link" alt="" width="24" height="24" style={{borderRadius:"50%"}}
>
<img
className="mr5"
src={getImageUrl(
`images/${data.issue.author_picture}`
)}
alt=""
width="24"
height="24"
/> />
</Link> </Link>
<span className="ver-middle"> <span className="ver-middle">
<span className="color-grey-8 mr5"></span> <span className="color-grey-8 mr5"></span>
<Link <Link to={`/users/${data.issue.author_login}`} className="show-user-link color-blue">
to={`/users/${data.issue.author_login}`}
className="show-user-link color-blue"
>
{data.issue.author_name} {data.issue.author_name}
</Link> </Link>
<span className="ml5 color-grey-8"> <span className="ml5 color-grey-8">

View File

@ -178,7 +178,7 @@ class NewMerge extends Component {
let arr = projects_names && projects_names.filter(item=>item.id===value); let arr = projects_names && projects_names.filter(item=>item.id===value);
let identifier = arr && arr[0].project_id; let identifier = arr && arr[0].project_id;
let login = arr && arr[0].project_user_login; let login = arr && arr[0].project_user_login;
let is_fork_id = parseInt(value) !== parseInt(id) let is_fork_id = parseInt(value) !== parseInt(id);
this.setState({ this.setState({
isSpin: true, isSpin: true,
merge_head: is_fork_id, merge_head: is_fork_id,

View File

@ -168,6 +168,7 @@ form .ant-cascader-picker, form .ant-select {
} }
.linesContent > p{ .linesContent > p{
flex:1; flex:1;
word-break: break-all;
} }
.linesContent .lines{ .linesContent .lines{
display: flex; display: flex;

View File

@ -253,24 +253,6 @@ class merge extends Component {
</Menu.Item> </Menu.Item>
</Menu> </Menu>
); );
const Paginations = (
<React.Fragment>
{search_count > limit ? (
<div className="mt30 mb50 edu-txt-center">
<Pagination
simple
defaultCurrent={page}
total={search_count}
pageSize={limit}
onChange={this.ChangePage}
></Pagination>
</div>
) : (
""
)}
</React.Fragment>
);
return ( return (
<div className="main" style={{padding:"0px"}}> <div className="main" style={{padding:"0px"}}>
<div className="topWrapper" style={{borderBottom:"none",padding:"20px"}}> <div className="topWrapper" style={{borderBottom:"none",padding:"20px"}}>
@ -419,9 +401,21 @@ class merge extends Component {
{...this.props} {...this.props}
{...this.state} {...this.state}
></OrderItem> ></OrderItem>
{Paginations}
</div> </div>
):""} ):""}
{search_count > select_params.limit ? (
<div className="mt30 mb50 edu-txt-center">
<Pagination
simple
current={select_params.page}
total={search_count}
pageSize={select_params.limit}
onChange={this.ChangePage}
></Pagination>
</div>
) : (
""
)}
{ data && data.issues && data.issues.length === 0 ? <NoneData _html="暂时还没有相关数据!" projectsId={projectsId} owner={owner} /> :""} { data && data.issues && data.issues.length === 0 ? <NoneData _html="暂时还没有相关数据!" projectsId={projectsId} owner={owner} /> :""}
</Spin> </Spin>
</div> </div>

View File

@ -34,17 +34,19 @@ class MergeForm extends Component {
this.set_defatul(); this.set_defatul();
}; };
componentDidUpdate=(prevPros)=>{ componentDidUpdate=(prevPros)=>{
const { projectsId ,owner } = this.props.match.params;
const pId = prevPros.match.params.projectsId;
const oId = prevPros.match.params.owner;
if(pId !== projectsId || oId !== owner ){
// console.log("切换了项目分支···········");
this.get_default_selects();
}
if(prevPros && this.props && !this.props.checkIfLogin()){ if(prevPros && this.props && !this.props.checkIfLogin()){
this.props.history.push("/403") this.props.history.push("/403")
return return
} }
} }
// check_is_login =() =>{
// if(!this.props.checkIfLogin()){
// this.props.history.push("/403")
// return
// }
// };
get_default_selects = () => { get_default_selects = () => {
const { projectsId ,owner } = this.props.match.params; const { projectsId ,owner } = this.props.match.params;
this.setState({ isSpin: true }); this.setState({ isSpin: true });

View File

@ -43,7 +43,8 @@ class Index extends Component {
project_language_name: undefined, project_language_name: undefined,
project_category_name: undefined, project_category_name: undefined,
license_name: undefined, license_name: undefined,
ignore_name: undefined ignore_name: undefined,
descNum:0
} }
} }
componentDidMount = () => { componentDidMount = () => {
@ -254,6 +255,13 @@ class Index extends Component {
} }
} }
changeDesc=(e)=>{
let value = e.target.value;
this.setState({
descNum:value ? value.length :0
})
}
render() { render() {
const { getFieldDecorator } = this.props.form; const { getFieldDecorator } = this.props.form;
// 项目类型deposit-托管项目mirror-镜像项目 // 项目类型deposit-托管项目mirror-镜像项目
@ -273,7 +281,9 @@ class Index extends Component {
license_list, license_list,
ignore_list, ignore_list,
mirrorCheck mirrorCheck,
descNum
} = this.state; } = this.state;
return ( return (
<div className="main back-white" style={{padding:"0px",border:"none"}}> <div className="main back-white" style={{padding:"0px",border:"none"}}>
@ -361,21 +371,23 @@ class Index extends Component {
required: true, message: '请填写项目名称' required: true, message: '请填写项目名称'
}], }],
})( })(
<Input placeholder="例如:团队协作方法与研究" /> <Input placeholder="例如:团队协作方法与研究" maxLength={50}/>
)}
</Form.Item>
<Form.Item
label="项目简介"
>
{getFieldDecorator('description', {
rules: [{
required: true, message: '请填写项目简介'
}],
})(
<Input.TextArea placeholder="项目的介绍" autoSize={{ minRows: 2, maxRows: 6 }} />
)} )}
</Form.Item> </Form.Item>
<div className="pr">
<span className="toprightNum">{descNum}/200</span>
<Form.Item
label="项目简介"
>
{getFieldDecorator('description', {
rules: [{
required: true, message: '请填写项目简介'
}],
})(
<Input.TextArea maxLength={200} placeholder="项目的介绍" autoSize={{ minRows: 2, maxRows: 6 }} onChange={this.changeDesc}/>
)}
</Form.Item>
</div>
<Form.Item <Form.Item
label="仓库名称" label="仓库名称"
> >
@ -384,7 +396,7 @@ class Index extends Component {
required: true, message: '请填写仓库名称' required: true, message: '请填写仓库名称'
}], }],
})( })(
<Input placeholder="仓库名称请使用与项目相关的英文关键字" /> <Input placeholder="仓库名称请使用与项目相关的英文关键字" maxLength={100} />
)} )}
</Form.Item> </Form.Item>
<Form.Item <Form.Item

View File

@ -117,7 +117,7 @@ class UserSubmitComponent extends Component {
<span className="df" style={{ alignItems: "center" }}> <span className="df" style={{ alignItems: "center" }}>
<Link to={`/users/${current_user && current_user.login}`} className="show-user-link" > <Link to={`/users/${current_user && current_user.login}`} className="show-user-link" >
<img <img
src={getImageUrl(`images/${current_user && current_user.image_url}`)} src={getImageUrl(`/${current_user && current_user.image_url}`)}
alt="" alt=""
className="screwImg" className="screwImg"
/> />

View File

@ -12,6 +12,13 @@ class m_editor extends Component {
editorValue: this.props.content, editorValue: this.props.content,
}; };
} }
componentDidUpdate=(prevProps)=>{
if(prevProps && this.props && this.props.content !== prevProps.content){
this.setState({
editorValue:this.props.content
})
}
}
changeEditor = (editorValue) => { changeEditor = (editorValue) => {
this.setState({ this.setState({
editorValue, editorValue,
@ -44,7 +51,7 @@ class m_editor extends Component {
return ( return (
<React.Fragment> <React.Fragment>
<div> <div>
<div className="branchTable"> <div className="branchTable" style={{border:"1px solid #eee"}}>
<Editor <Editor
height="400px" height="400px"
language={language ? language : "plaintext"} language={language ? language : "plaintext"}
@ -57,7 +64,7 @@ class m_editor extends Component {
/> />
</div> </div>
{!readOnly && ( {!readOnly && (
<div style={{padding:"20px",marginTop:"20px",borderTop:"1px solid #d9d9d9"}}> <div style={{marginTop:"20px"}}>
<UserSubmitComponent <UserSubmitComponent
{...this.props} {...this.props}
{...this.state} {...this.state}

View File

@ -212,7 +212,7 @@ class Detail extends Component {
> >
<img <img
className="user_img" className="user_img"
src={getImageUrl(`images/${data && data.author_picture}`)} src={getImageUrl(`/${data && data.author_picture}`)}
alt="" alt=""
width="50" width="50"
height="50" height="50"

View File

@ -218,7 +218,7 @@ class MilepostDetail extends Component {
</span> </span>
<div className="milepostdiv"> <div className="milepostdiv">
<Link to={`/projects/${owner}/${projectsId}/milestones/${meilid}/edit`} className="topWrapper_btn" style={{ marginRight: 15 }} >编辑里程碑</Link> <Link to={`/projects/${owner}/${projectsId}/milestones/${meilid}/edit`} className="topWrapper_btn" style={{ marginRight: 15 }} >编辑里程碑</Link>
<Link to={`/projects/${owner}/${projectsId}/issues/${meilid}/new`} className="topWrapper_btn">创建任务</Link> <Link to={`/projects/${owner}/${projectsId}/issues/${meilid}/new`} className="topWrapper_btn">创建易修</Link>
</div> </div>
</FlexAJ> </FlexAJ>
</div> </div>

View File

@ -352,12 +352,12 @@ class order extends Component {
if (this.props.checkIfLogin()) { if (this.props.checkIfLogin()) {
return( return(
<Link className="topWrapper_btn ml10" target="_blank" to={`/projects/${owner}/${projectsId}/issues/new`}> <Link className="topWrapper_btn ml10" target="_blank" to={`/projects/${owner}/${projectsId}/issues/new`}>
+&nbsp;创建任务 +&nbsp;创建易修
</Link> </Link>
) )
}else{ }else{
return( return(
<a className="topWrapper_btn ml10" onClick={this.islogin}>+&nbsp;创建任务</a> <a className="topWrapper_btn ml10" onClick={this.islogin}>+&nbsp;创建易修</a>
) )
} }
} }
@ -834,7 +834,7 @@ class order extends Component {
)} )}
{ {
search_count > select_params.limit ? search_count > select_params.limit ?
<div className="mt30 mb10 edu-txt-center"> <div className="mt30 mb30 edu-txt-center">
<Pagination <Pagination
simple simple
defaultCurrent={select_params.page} defaultCurrent={select_params.page}

View File

@ -310,17 +310,17 @@ class order_form extends Component {
<div className="list-right"> <div className="list-right">
<div className="pd20"> <div className="pd20">
<h3 className="mb15"> <h3 className="mb15">
{form_type === "new" ? "新建" :( form_type === "copy" ? "复制" : "编辑")}任务 {form_type === "new" ? "新建" :( form_type === "copy" ? "复制" : "编辑")}易修
</h3> </h3>
<Form.Item> <Form.Item>
{getFieldDecorator("subject", { {getFieldDecorator("subject", {
rules: [ rules: [
{ {
required: true, required: true,
message: "请填写任务标题", message: "请填写易修标题",
}, },
] ]
})(<Input placeholder="标题" size="large" />)} })(<Input placeholder="标题" size="large" maxLength={80}/>)}
</Form.Item> </Form.Item>
<div className="quillContent"> <div className="quillContent">
<MDEditor <MDEditor

View File

@ -26,8 +26,8 @@ function Collaborator(props){
{ {
author && author.type === "Organization" ? author && author.type === "Organization" ?
<span> <span>
<span style={{cursor:"pointer"}} className={nav === "1" ? "font-18 text-black color-blue":"font-18 text-black"} onClick={()=>setNav("1")}>协作者管理</span> <span style={{cursor:"pointer"}} className={nav === "1" ? "font-18 text-black color-blue":"font-18 text-black"} onClick={()=>{setNav("1");setNewId(undefined)}}>协作者管理</span>
<span style={{cursor:"pointer"}} className={nav === "2" ? "font-18 text-black ml30 color-blue":"font-18 text-black ml30"} onClick={()=>setNav("2")}>团队管理</span> <span style={{cursor:"pointer"}} className={nav === "2" ? "font-18 text-black ml30 color-blue":"font-18 text-black ml30"} onClick={()=>{setNav("2");setNewId(undefined)}}>团队管理</span>
</span> </span>
: :
<span className="font-18 text-black">协作者管理</span> <span className="font-18 text-black">协作者管理</span>
@ -42,7 +42,7 @@ function Collaborator(props){
<div> <div>
{ {
nav === "1" ? nav === "1" ?
<Member newId={newId} projectsId={projectsId} owner={owner} project_id={props.project_id} author={props.author} showNotification={props.showNotification}/> <Member newId={newId} projectsId={projectsId} owner={owner} project_id={props.project_id} author={props.projectDetail && props.projectDetail.author} showNotification={props.showNotification}/>
: :
<Group owner={owner} projectsId={projectsId} newGroupId={newGroupId}/> <Group owner={owner} projectsId={projectsId} newGroupId={newGroupId}/>
} }

View File

@ -20,8 +20,6 @@ function CollaboratorMember({projectsId,owner,project_id,author,showNotification
const [ role , setRole ] = useState(undefined); const [ role , setRole ] = useState(undefined);
const [ listData , setListData ] = useState(undefined); const [ listData , setListData ] = useState(undefined);
const [ total , setTotal ] = useState(0); const [ total , setTotal ] = useState(0);
useEffect(()=>{ useEffect(()=>{
if(newId){ if(newId){
addCollaborator(newId); addCollaborator(newId);
@ -188,7 +186,7 @@ function CollaboratorMember({projectsId,owner,project_id,author,showNotification
className="show-user-link" className="show-user-link"
> >
<img <img
src={getImageUrl(`images/${text}`)} src={getImageUrl(`/${text}`)}
alt="" alt=""
width="32px" width="32px"
height="32px" height="32px"

View File

@ -13,6 +13,7 @@ const menu = [
{name:"易修 (Issue)",index:"issues"}, {name:"易修 (Issue)",index:"issues"},
{name:"合并请求",index:"pulls"}, {name:"合并请求",index:"pulls"},
{name:"工作流(beta版)",index:"devops"}, {name:"工作流(beta版)",index:"devops"},
{name:"资源库",index:"resources"},
{name:"里程碑",index:"versions"}, {name:"里程碑",index:"versions"},
{name:"动态",index:"activity"}, {name:"动态",index:"activity"},
] ]
@ -187,8 +188,11 @@ class Setting extends Component {
render() { render() {
const { getFieldDecorator } = this.props.form; const { getFieldDecorator } = this.props.form;
const { projectDetail } = this.props;
const { CategoryList, LanguageList, private_check ,loading } = this.state; const { CategoryList, LanguageList, private_check ,loading } = this.state;
let mirror = projectDetail && projectDetail.mirror;
let type = projectDetail && projectDetail.type;
return ( return (
<div> <div>
<Spin spinning={loading}> <Spin spinning={loading}>
@ -220,12 +224,12 @@ class Setting extends Component {
)} )}
</Form.Item> </Form.Item>
</div> </div>
<Form.Item label="仓库描述"> <Form.Item label="项目简介">
{getFieldDecorator("project_description", { {getFieldDecorator("project_description", {
rules: [], rules: [],
})( })(
<TextArea <TextArea
placeholder="请输入仓库描述" placeholder="请输入项目简介"
style={{ height: "80px" }} maxLength={200} style={{ height: "80px" }} maxLength={200}
/> />
)} )}
@ -261,7 +265,7 @@ class Setting extends Component {
<Checkbox <Checkbox
key={key} key={key}
value={item.index} value={item.index}
disabled={item.index === "home" || item.index === "activity" || item.index === "code"} disabled={item.index === "home" || item.index === "activity" || item.index === "code" || (mirror && (type && type===2) && item.index === "pulls")}
>{item.name}</Checkbox> >{item.name}</Checkbox>
) )
}) })

View File

@ -0,0 +1,47 @@
import React , { forwardRef, useEffect } from 'react';
import { Modal , Form , Input } from 'antd';
function AddTag({form , visible , onCancel ,onOk}){
const { getFieldDecorator, validateFields , setFieldsValue } = form;
useEffect(()=>{
setFieldsValue({tagName:undefined})
},[visible])
function submit(){
validateFields((error,values)=>{
if(!error){
onOk(values);
}
})
}
const layout = {
labelCol: { span: 5 },
wrapperCol: { span: 18 },
};
return(
<Modal
title={"新增标签"}
closable={false}
visible={visible}
onCancel={onCancel}
onOk={submit}
cancelText="取消"
okText="确定"
width="400px"
centered
>
<Form {...layout}>
<Form.Item label="标签名">
{getFieldDecorator("tagName",{
rules:[{required:true,message:"请输入标签名"}]
})(
<Input placeholder="请输入标签名" width="200px" autoComplete="off" />
)}
</Form.Item>
</Form>
</Modal>
)
}
export default Form.create()(forwardRef(AddTag));

View File

@ -1,16 +1,286 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import './Index.scss'; import './Index.scss';
import { Blueback , FlexAJ } from '../Component/layout'; import { AlignCenter, Blueback , FlexAJ } from '../Component/layout';
import { Dropdown, Input , Menu , Pagination, Spin , Popconfirm, Button } from 'antd';
import { Link } from 'react-router-dom';
import UploadSource from './UploadSource';
import AddTag from './AddTag';
import { getImageUrl } from 'educoder';
import Nodata from '../Nodata';
import axios from 'axios';
const { Search } = Input;
const sort = [
"按上传时间排序",
"按下载次数排序"
]
const limit = 15;
const https = 'https://testfiles.trustie.net';
function Index(props){ function Index(props){
const [ sortValue , setSortValue ] = useState(0);
const [ page , setPage ] = useState(1);
const [ total , setTotal ] = useState(0);
const [ search , setSearch ] = useState(undefined);
const [ data , setData ] = useState(undefined);
const [ isSpin , setIsSpin ] = useState(true);
const [ error , setError ] = useState(false);
const [ attachments , setAttachments ] = useState(undefined);
const [ id , setId ] = useState(undefined);
const [ visible , setVisible ] = useState(false);
const [ addVisible , setAddVisible ] = useState(false);
const repo_id = props.projectDetail && props.projectDetail.repo_id;
const owner = props.match.params.owner;
const current_user = props.current_user;
useEffect(()=>{
if(owner && repo_id){
setIsSpin(true);
getData();
}
},[repo_id,owner,search,sortValue,page])
function getData(){
const url = https +`/api/project/achievement/`;
axios.get(url,{
params:{
projectId:repo_id,
curPage:page,
pageSize:limit,
name:search,
sort:sortValue+1,
}
}).then(result=>{
if(result && result.data){
setData(result.data.data.rows);
setTotal(result.data.data.total);
setIsSpin(false);
setError(false);
}
}).catch(error=>{setIsSpin(false);setError(true);})
}
//
function onSearch(value){
setSearch(value);
}
//
function changeSort(e,index){
setSortValue(index);
}
const menu=(
<Menu>
{
sort && sort.map((item,key)=>{
return(
<Menu.Item onClick={(e)=>changeSort(e,key)} value={key} className={key=== sortValue ?"color-blue":""}>{item}</Menu.Item>
)
})
}
</Menu>
)
function listmenu(id,attachments,isPublic){
return(
<Menu>
<Menu.Item onClick={()=>{setId(id);setVisible(true);setAttachments(attachments)}}>更新版本</Menu.Item>
<Menu.Item onClick={()=>changeStatus(id,isPublic===1?0:1)}>{isPublic === 1 ? "设为私有":"设为公开"}</Menu.Item>
<Menu.Item onClick={()=>deleteSourceFunc(id)}>删除资源</Menu.Item>
</Menu>
)
}
//
function changeStatus(id,isPublic){
const url = https+`/api/project/achievement/updateStatus`;
axios.put(url,{
id,status:isPublic
}).then(result=>{
if(result && result.data){
props.showNotification(`资源${isPublic === 1 ? "设为公开":"设为私有"}成功!`);
setIsSpin(true);
getData();
}
}).catch({})
}
//
function deleteSourceFunc(id){
props.confirm({
content: "是否确认删除所选资源文件?",
onOk: () => {
const url = https + `/api/project/achievement/${id}`;
axios.delete(url).then(result=>{
if(result && result.data && result.data.code === "1"){
props.showNotification("资源删除成功");
setIsSpin(true);
getData();
}
})
}
})
}
//
function onOk(){
setVisible(false);
setIsSpin(true);
getData();
}
//
function removeTagFunc(id,tag){
const url = https + `/api/project/achievement/deleteTag`;
axios.delete(url,{
params:{id,tagName:tag}
}).then(result=>{
if(result && result.data){
props.showNotification("标签删除成功");
setIsSpin(true);
getData();
}
}).then(error=>{})
}
function addPanel(id){
setAddVisible(true);
setId(id);
}
function onCancelAdd(){
setId(undefined);
setAddVisible(false);
}
//
function sureAddTag(values){
const url = https+`/api/project/achievement/addTag?id=`+id+`&tagName=`+values.tagName;
axios.put(url).then(result=>{
if(result){
setId(undefined);
setAddVisible(false);
setIsSpin(true);
getData();
}
})
}
return( return(
<div className="sourcePanel"> <div className="sourcePanel">
<AddTag
visible={addVisible}
onCancel={onCancelAdd}
onOk={sureAddTag}
/>
<UploadSource
visible={visible}
onCancel={()=>setVisible(false)}
onOk={onOk}
showNotification={props.showNotification}
owner={owner}
projectsId={repo_id}
id={id}
attachments={attachments}
/>
<div className="headtitle"> <div className="headtitle">
<FlexAJ> <FlexAJ>
<span className="font-18">资源库</span> <span className="font-18">资源库{total ? <span>({total})</span>:""}</span>
<Blueback>上传资源</Blueback> { current_user && current_user.login && (props.projectDetail && props.projectDetail.permission) ?
<Blueback onClick={()=>{setId(undefined);setVisible(true);}}>上传资源</Blueback>:""
}
</FlexAJ> </FlexAJ>
</div> </div>
<FlexAJ className="subHeadtitle">
<Search
placeholder="在项目内搜索资源"
onSearch={onSearch}
allowClear
enterButton="搜索"
width="220px"
/>
<Dropdown overlay={menu} placement="bottomRight">
<span className="color-grey-9">{sort[sortValue]}<i className="iconfont icon-sanjiaoxing-down font-16 color-grey-9 ml3"></i></span>
</Dropdown>
</FlexAJ>
<Spin spinning={isSpin}>
<div className="bodycontent">
{
data && data.length> 0 &&
<ul className="bodycontentul">
{
data.map((item,key)=>{
return(
<li>
<Link to= {`/users/${item.login}`} className="infoImg"><img src={getImageUrl(`/${item.imageUrl}`)} alt="" /></Link>
<div style={{flex:'1',width:"0"}}>
<FlexAJ>
<AlignCenter>
<a href={https+`/busiAttachments/download/${item.attachId}`} download className="infoname">{item.fileName}</a>
<a href={https + `/busiAttachments/view/${item.attachId}`}><i className="iconfont icon-shenqinggongkai font-15 ml10 color-grey-9"></i></a>
{item.isPublic === 0 && <span className="privateTip">私有</span>}
</AlignCenter>
{ current_user && current_user.login &&
<Dropdown overlay={()=>listmenu(item.id,item.attachments,item.isPublic)} placement={'bottomRight'}>
<i className="iconfont icon-gengduo1 color-grey-6"></i>
</Dropdown>
}
</FlexAJ>
<p className="infos">
<span>上传时间<span>{item.uploadTime}</span></span>
<span>文件大小<span>{item.fileSize}</span></span>
<span>下载<span>{item.download}</span></span>
</p>
<p className="infodesc task-hide-2">{item.remark}</p>
<div className="infotag">
{
item.tags && item.tags.length>0 && item.tags.map((i,k)=>{
return(
<span>{i}
{
current_user && (current_user.login === item.login) ?
<Popconfirm title="确定要删除当前标签?" onConfirm={()=>removeTagFunc(item.id,i)} okText="是" cancelText="否">
<i className="iconfont icon-guanbi font-12 ml2"></i>
</Popconfirm>:""
}
</span>
)
})
}
{
current_user && (current_user.login === item.login) &&
<a className="color-blue font-12" onClick={()=>addPanel(item.id)} style={{height:"20px",lineHeight:"20px"}}>+新增标签</a>
}
</div>
</div>
</li>
)
})
}
</ul>
}
{
((data && data.length === 0) || error) && <Nodata _html="暂无数据"/>
}
{
total > limit &&
<div className="pt20 pb20 edu-txt-center">
<Pagination
simple
current={page}
pageSize={limit}
total={total}
onChange={(p)=>{setPage(p)}}
/>
</div>
}
</div>
</Spin>
</div> </div>
) )
} }

View File

@ -8,4 +8,80 @@
padding:15px 20px; padding:15px 20px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.subHeadtitle{
padding:15px 20px;
border-bottom: 1px solid #eee;
.ant-input-group-wrapper{
width:320px;
.ant-btn.ant-input-search-button{
margin: 0px;
margin-top: -1px;
}
}
}
.bodycontent{
padding:0px 20px;
min-height: 500px;
& > ul.bodycontentul > li{
display: flex;
border-bottom: 1px solid #eee;
padding:20px 0px;
align-items: flex-start;
&:last-child{
border-bottom: none;
}
.infoImg{
img{
width: 50px;
height: 50px;
border-radius: 50%;
}
margin-right: 15px;
}
.infoname{
font-size: 16px;
}
.privateTip{
display: block;
font-size: 12px;
margin-left: 10px;
background-color: orange;
height: 18px;
line-height: 18px;
padding:0px 3px;
color: #fff;
}
.infos{
& > span{
margin-right: 20px;
color: #999;
& >span{
color: #666;
}
}
}
.infodesc{
color: #666;
line-height: 20px;
margin:5px 0px!important;
}
.infotag{
display: flex;
flex-wrap: wrap;
span{
display: block;
padding:0px 4px;
height: 20px;
line-height: 20px;
font-size: 12px;
margin-right: 10px;
border: 1px solid #f8df8c;
background: #fffce6;
color: #0d90c3;
border-radius: 2px;
cursor: pointer;
}
}
}
}
} }

View File

@ -0,0 +1,82 @@
import React, { useEffect, useState } from "react";
import { Upload, Button } from 'antd';
import { appendFileSizeToUploadFileAll } from 'educoder';
import axios from 'axios';
function Uploads({ className , size , actionUrl,fileList,showNotification , load}) {
const [ files , setFiles ] = useState(undefined);
useEffect(()=>{
if(fileList){
init();
}
},[fileList]);
function init(){
let f = appendFileSizeToUploadFileAll(fileList);
setFiles(f);
}
function onAttachmentRemove(file){
if (!file.percent || file.percent === 100) {
deleteAttachment(file);
return false;
}
}
function deleteAttachment(file){
let id = file.response && file.response.data && file.response.data.id;
const url = actionUrl + `/busiAttachments/${id}`;
axios.delete(url).then((response) => {
if (response.data) {
if (response.data.code === "1") {
let nf = files.filter(item=>item.response.data.id !== id);
setFiles(nf);
fileIdList(nf);
} else {
showNotification(response.data.message)
}
}
}).catch(function (error) {
console.log(error);
});
}
function handleChange (info) {
if (info.file.status === 'uploading' || info.file.status === 'done' || info.file.status === 'removed') {
let fileList = info.fileList;
let len = info.fileList && info.fileList.length;
setFiles(appendFileSizeToUploadFileAll([fileList[len-1]]));
fileIdList(fileList[len-1]);
}
}
function fileIdList (fileList) {
let data = fileList.response && fileList.response.data;
fileList && load && load(data && data.id,data && data.fileName);
}
function beforeUpload(file){
const isLt100M = file.size / 1024 / 1024 < size;
if (!isLt100M) {
showNotification(`文件大小必须小于${size}MB!`);
}
return isLt100M;
}
const upload = {
name: 'file',
fileList: files,
action: actionUrl+`/busiAttachments/upload`,
onChange:handleChange,
onRemove:onAttachmentRemove,
beforeUpload:beforeUpload,
maxCount:1
};
return (
<Upload {...upload} className={className}>
<Button type={"default"}>上传文件</Button>
<span className="ml10 color-grey-9">(你可以上传小于<span className="color-red">{size}MB</span>的文件)</span>
</Upload>
)
}
export default Uploads;

View File

@ -0,0 +1,150 @@
import React , { forwardRef, useEffect, useState } from 'react';
import { Modal , Form , Checkbox , Input , Table } from 'antd';
import Upload from './Upload';
import { AlignCenter } from '../Component/layout';
import axios from 'axios';
const { TextArea } = Input;
const https = 'https://testfiles.trustie.net';
function UploadSource({ form , visible , onCancel , onOk , showNotification , attachments , id ,owner,projectsId}){
const [ tableData , setTableData ] = useState(undefined);
const [ fileId , setFilesId ] = useState(undefined);
const [ fileName , setFileName ] = useState(undefined);
const { getFieldDecorator, validateFields , setFieldsValue } = form;
useEffect(()=>{
if(id && attachments){
setTableData(attachments);
}
},[id,attachments])
// id
function UploadFunc(id,name){
setFilesId(id);
setFileName(name);
}
const columns = [
{
dataIndex:"fileName",
key:"fileName",
title:"资源名称",
width:"42%",
ellipsis:true,
render:(value,item,key)=>{
return <AlignCenter>
<div className="task-hide" style={{maxWidth:key===0 ? "240px":"100%"}}>{value}</div>
{ key === 0 && <span className="currentTip">当前版本</span> }
</AlignCenter>
}
},
{
dataIndex:"downloads",
key:"downloads",
title:"下载数",
width:"14%",
className:"edu-txt-center"
},
{
dataIndex:"fileSizeString",
key:"fileSizeString",
title:"文件大小",
width:"16%",
className:"edu-txt-center"
},
{
dataIndex:"createdAt",
key:"createdAt",
title:"上传时间",
}
]
//
function submit(){
if(fileId){
validateFields((error,values)=>{
if(!error){
postInfo(values);
}
})
}else{
showNotification("请先上传文件!");
}
}
function postInfo(values){
const url = https+`/api/project/achievement/`;
if(id){
//
axios.put(url,{
id,fileName,fileId:`${fileId}`,
remark:values.remark
}).then(result=>{
if(result && result.data){
onOk();
}
}).catch(error=>{})
}else{
//
axios.post(url,{
fileId:`${fileId}`,
fileName,
login:owner,
projectId:projectsId,
...values
}).then(result=>{
if(result && result.data){
onOk();
}
}).catch(error=>{})
}
}
return(
<Modal
title={id?"更新资源版本":"上传资源"}
closable={false}
visible={visible}
onCancel={onCancel}
onOk={submit}
cancelText="取消"
okText="确定"
width="600px"
centered
>
<div>
<Form>
{id && <Table className="versionTable mb20" columns={columns} dataSource={tableData} pagination={false} size={"small"}/> }
<Form.Item style={{display:id?"none":"block"}}>
{getFieldDecorator("tagNames",{
rules:[]
})(
<Checkbox.Group>
<Checkbox value="软件版本">软件版本</Checkbox>
<Checkbox value="文档">文档</Checkbox>
<Checkbox value="代码">代码</Checkbox>
<Checkbox value="媒体">媒体</Checkbox>
<Checkbox value="论文">论文</Checkbox>
<Checkbox value="其它">其它</Checkbox>
</Checkbox.Group>
)}
</Form.Item>
<Upload
className="commentStyle"
load={UploadFunc}
size={100}
showNotification={showNotification}
actionUrl= {https}
/>
<Form.Item className="mt20">
{getFieldDecorator("remark",{
rules:[]
})(
<TextArea rows={4} placeholder="请输入资源描述" />
)}
</Form.Item>
</Form>
</div>
</Modal>
)
}
export default Form.create()(forwardRef(UploadSource));;

View File

@ -30,8 +30,8 @@ export default (({projects}) => {
projects.map((item, key) => { projects.map((item, key) => {
return ( return (
<Div> <Div>
<Imgs src={item.project && getImageUrl(`images/${item.project.owner_image_url}`)}/> <Imgs src={item.project && getImageUrl(`/${item.project.owner_image_url}`)}/>
<Link to={`/projects/${item.project.owner_name}/${item.project.identifier}`}>{item.project.name}</Link> <Link to={`/projects/${item.project.owner_login}/${item.project.identifier}`}>{item.project.name}</Link>
</Div> </Div>
) )
}) })

View File

@ -84,11 +84,12 @@ export default ((props) => {
// //
function removeUser(username) { function removeUser(username) {
const url = `/organizations/${OIdentifier}/teams/${groupId}/team_users/${username}.json`;
if (username) { if (username) {
const url = `/organizations/${OIdentifier}/teams/${groupId}/team_users/quit.json`;
axios.delete(url).then((result) => { axios.delete(url).then((result) => {
if (result && result.data) { if (result && result.data) {
props.showNotification(`已成功退出团队!`);
props.history.push(`/organize/${OIdentifier}`);
} }
}).catch((error) => { }); }).catch((error) => { });
} }
@ -101,7 +102,7 @@ export default ((props) => {
group ? group ?
<div> <div>
<AlignCenterBetween> <AlignCenterBetween>
<span className="color-grey-3">{group.name}</span> <span className="color-grey-3 task-hide">{group.nickname}</span>
{group.is_member && !group.is_admin ? {group.is_member && !group.is_admin ?
<Popconfirm <Popconfirm
title="确认离开团队吗?" title="确认离开团队吗?"

View File

@ -24,6 +24,7 @@ export default Form.create()(
const [check_box, setCheckBox] = useState(false); const [check_box, setCheckBox] = useState(false);
const [switch_box, setSwtichBox] = useState([]); const [switch_box, setSwtichBox] = useState([]);
const [onwers, setOnwers] = useState(false); const [onwers, setOnwers] = useState(false);
const [ descNum , setDescNum ] = useState(0);
const [switch_box_code, setSwtichBoxCode] = useState(false); const [switch_box_code, setSwtichBoxCode] = useState(false);
const [switch_box_pull, setSwtichBoxPull] = useState(false); const [switch_box_pull, setSwtichBoxPull] = useState(false);
const [switch_box_issue, setSwtichBoxIssue] = useState(false); const [switch_box_issue, setSwtichBoxIssue] = useState(false);
@ -39,6 +40,7 @@ export default Form.create()(
setFieldsValue({ setFieldsValue({
...GroupDetail ...GroupDetail
}) })
setDescNum(GroupDetail.description ? GroupDetail.description.length : 0);
} }
}, [GroupDetail]) }, [GroupDetail])
@ -137,26 +139,53 @@ export default Form.create()(
history.push(`/organize/${OIdentifier}`); history.push(`/organize/${OIdentifier}`);
} }
} }
function checkname(rule, value, callback){
if(!value){
callback();
}
if(value && !value.match(/^[a-zA-Z][a-zA-Z\d]{3,14}$/)){
callback("只能使用英文字母和数字以字母开头长度为4到15个字符");
}
callback();
}
return ( return (
<Spin spinning={isSpin}> <Spin spinning={isSpin}>
<WhiteBack className="mb30" style={{border:"1px solid #eee"}}> <WhiteBack className="mb30" style={{border:groupId?"none":"1px solid #eee"}}>
<Banner>{groupId ? "基本设置" : "新建团队"}</Banner> <Banner>{groupId ? "基本设置" : "新建团队"}</Banner>
<Div> <Div>
<Form> <Form>
{helper( {helper(
'团队名称:', '团队标识',
"name", "name",
[{ required: true, message: "请输入团队名称" }], [
<Input placeholder="请输入团队名称" disabled={onwers}/>, true { required: true, message: "请输入团队标识" },
{
validator:checkname
}
],
<Input placeholder="请输入团队标识" disabled={onwers}/>, true
)} )}
{helper( {helper(
<span className="mb5">团队描述<span className="color-grey-8">(描述团队的目的或作用)</span></span>, '团队名称:',
"description", "nickname",
[], [{ required: true, message: "请输入团队名称" }],
<TextArea <Input placeholder="请输入团队名称"/>, true
placeholder="请输入团队描述"
/>
)} )}
<div className="pr">
<span className="toprightNum">{descNum}/200</span>
{helper(
<span className="mb5">团队描述<span className="color-grey-8">(描述团队的目的或作用)</span></span>,
"description",
[],
<TextArea
placeholder="请输入团队描述"
maxLength={200}
onChange={(e)=>{setDescNum(e.target.value ? e.target.value.length :0)}}
/>
)}
</div>
{helper( {helper(
'项目权限:', '项目权限:',

View File

@ -76,7 +76,7 @@ export default ((props) => {
width: "7%", width: "7%",
render: (value, item) => { render: (value, item) => {
return ( return (
<Img src={getImageUrl(`images/${item.user.image_url}`)}></Img> <Img src={getImageUrl(`/${item.user.image_url}`)}></Img>
) )
} }
}, },

View File

@ -180,7 +180,7 @@ function GroupProjectSetting(props) {
} }
> >
<List.Item.Meta <List.Item.Meta
title={<a href={`/projects/${item.project.owner_name}/${item.project.name}`}>{item.project.owner_name}/{item.project.name}</a>} title={<a href={`/projects/${item.project.owner_login}/${item.project.identifier}`}>{item.project.owner_name}/{item.project.name}</a>}
/> />
</List.Item> </List.Item>
)} )}

View File

@ -277,6 +277,7 @@
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
.g-sub-left{ .g-sub-left{
width: 0;
&>div{ &>div{
border:1px solid #eee; border:1px solid #eee;
} }

View File

@ -1,15 +1,17 @@
import React,{ forwardRef , useCallback , useEffect, useState } from 'react'; import React,{ forwardRef , useCallback , useEffect, useState } from 'react';
import './Index.scss'; import './Index.scss';
import { Form , Input , Radio , Checkbox , Button, InputNumber } from "antd"; import { Form , Input , Radio , Checkbox , Button } from "antd";
import UploadImage from './Component/UploadImage'; import UploadImage from './Component/UploadImage';
import axios from 'axios'; import axios from 'axios';
const port = window.location.port;
const hostname = window.location.hostname;
export default Form.create()( export default Form.create()(
forwardRef(({ form , showNotification , history })=>{ forwardRef(({ form , showNotification , history })=>{
const [ image , setImage ] = useState(undefined); const [ image , setImage ] = useState(undefined);
const [ imageFlag , setImageFlag] = useState(false); const [ imageFlag , setImageFlag] = useState(false);
const { getFieldDecorator, validateFields , setFieldsValue } = form; const [ descNum ,setDescNum ] = useState(0);
const { getFieldDecorator, validateFields , setFieldsValue } = form;
const radioStyle = { const radioStyle = {
display: 'block', display: 'block',
height: '30px', height: '30px',
@ -60,33 +62,62 @@ export default Form.create()(
}) })
},[]) },[])
function checkname(rule, value, callback){
if(!value){
callback();
}
if(value && !value.match(/^[a-zA-Z][a-zA-Z0-9_-]{3,19}$/)){
callback("只能使用以字母开头包含字母、数字、下划线、横杠等长度4到20个字符");
}
callback();
}
return( return(
<div className="main"> <div className="main" style={{padding:"0px",border:"none"}}>
<div className="teamBox"> <div className="teamBox">
<p className="teamBox-title">新建组织</p> <p className="teamBox-title">新建组织</p>
<Form className="teamBox-form"> <Form className="teamBox-form">
{helper( {helper(
<span>组织名称<span className="color-grey-8">(组织名称应该简单明了)</span></span>, <span>组织账号</span>,
"name", "name",
[{ required: true, message: "请输入组织名称" }], [
{ required: true, message: "请输入组织账号" },
{
validator:checkname
}
],
<Input <Input
placeholder="请输入组织名称" addonBefore={`https://`+ port ? `${hostname}:${port}/organize`:`${hostname}/organize`}
placeholder="组织账号" maxLength={100}
/> />
)} )}
{helper( {helper(
'组织描述', <span>组织名称</span>,
"description", "nickname",
[{ required: true, message: "请输入组织描述" }], [{ required: true, message: "请输入组织名称" }],
<Input.TextArea <Input
autoSize={{ minRows: 3, maxRows: 5 }} placeholder="请输入组织名称" maxLength={100}
placeholder="请输入组织描述"
/> />
)} )}
<div className="pr">
<span className="toprightNum">{descNum}/200</span>
{helper(
'组织描述',
"description",
[{ required: true, message: "请输入组织描述" }],
<Input.TextArea
autoSize={{ minRows: 3, maxRows: 5 }}
placeholder="请输入组织描述" maxLength={200}
onChange={(e)=>{setDescNum(e.target.value ? e.target.value.length :0)}}
/>
)}
</div>
{helper( {helper(
'所在地区', '所在地区',
"location", "location",
[], [],
<Input placeholder="请输入地址"/>,false <Input placeholder="请输入地址" maxLength={50}/>,false
)} )}
{helper( {helper(
'可见性', '可见性',

View File

@ -72,7 +72,7 @@ function RightBox({ OIdentifier , history , admin }) {
memberData.organization_users.map((item,key)=>{ memberData.organization_users.map((item,key)=>{
return( return(
<div className="teammembers" key={key}> <div className="teammembers" key={key}>
<Link to={`/users/${item.user && item.user.login}`}><Img src={getImageUrl(`images/${item.user && item.user.image_url}`)} alt="" className="m-img"/></Link> <Link to={`/users/${item.user && item.user.login}`}><Img src={getImageUrl(`/${item.user && item.user.image_url}`)} alt="" className="m-img"/></Link>
<div> <div>
<Link to={`/users/${item.user && item.user.login}`}><ListName>{item.user && item.user.name}</ListName></Link> <Link to={`/users/${item.user && item.user.login}`}><ListName>{item.user && item.user.name}</ListName></Link>
<Align><i className="iconfont icon-shijian color-green mr3 font-13"></i><Span>加入时间{item.created_at}</Span></Align> <Align><i className="iconfont icon-shijian color-green mr3 font-13"></i><Span>加入时间{item.created_at}</Span></Align>

View File

@ -25,6 +25,7 @@ export default Form.create()(
const [ password , setPassword ] = useState(undefined); const [ password , setPassword ] = useState(undefined);
const [ passwordFlag , setPasswordFlag ] = useState(false); const [ passwordFlag , setPasswordFlag ] = useState(false);
const [ visible , setVisible ] = useState(false); const [ visible , setVisible ] = useState(false);
const [ descNum , setDescNum ] = useState(0);
const { getFieldDecorator , validateFields , setFieldsValue } = form; const { getFieldDecorator , validateFields , setFieldsValue } = form;
useEffect(()=>{ useEffect(()=>{
@ -33,6 +34,7 @@ export default Form.create()(
...organizeDetail ...organizeDetail
}) })
setImage(organizeDetail.avatar_url); setImage(organizeDetail.avatar_url);
setDescNum(organizeDetail.description ? organizeDetail.description.length : 0);
} }
},[organizeDetail]) },[organizeDetail])
@ -95,6 +97,15 @@ export default Form.create()(
}) })
setVisible(false); setVisible(false);
} }
function checkname(rule, value, callback){
if(!value){
callback();
}
if(value && !value.match(/^[a-zA-Z][a-zA-Z0-9_-]{3,19}$/)){
callback("只能使用以字母开头包含字母、数字、下划线、横杠等长度4到20个字符");
}
callback();
}
return( return(
<div> <div>
<WhiteBack> <WhiteBack>
@ -102,17 +113,35 @@ export default Form.create()(
<Div> <Div>
<Form> <Form>
{helper( {helper(
"组织名称", "组织账号",
"name", "name",
[{ required: true, message: "请输入组织名称" }], [
<Input placeholder="请输入组织名称" />,true { required: true, message: "请输入组织账号" },
{
validator:checkname
}
],
<Input placeholder="请输入组织账号" maxLength={100} disabled/>,true
)} )}
{helper( {helper(
"组织描述:", "组织名称",
"description", "nickname",
[], [{ required: true, message: "请输入组织名称" }],
<TextArea placeholder="请输入组织名称" /> <Input placeholder="请输入组织名称" maxLength={100}/>,true
)} )}
<div className="pr">
<span className="toprightNum">{descNum}/200</span>
{helper(
"组织描述:",
"description",
[],
<TextArea
placeholder="请输入组织名称"
maxLength={200}
onChange={(e)=>{setDescNum(e.target.value ? e.target.value.length :0)}}
/>
)}
</div>
{helper( {helper(
"官方网站:", "官方网站:",
"website", "website",
@ -149,7 +178,7 @@ export default Form.create()(
<Input value="-1" style={{width:"350px"}}/> <Input value="-1" style={{width:"350px"}}/>
)} )}
<p>选择头像:</p> <p>选择头像:</p>
<UploadImage url={getImageUrl(`images/${image}`)} getImage={getImage}/> <UploadImage url={getImageUrl(`/${image}`)} getImage={getImage}/>
<Button type={"primary"} onClick={updateDetail}>更新仓库设置</Button> <Button type={"primary"} onClick={updateDetail}>更新仓库设置</Button>
</Form> </Form>
</Div> </Div>

View File

@ -64,7 +64,7 @@ export default (({organizeDetail})=>{
width:"5%", width:"5%",
render:(value)=>{ render:(value)=>{
return( return(
value && <Link to={`/users/${value && value.login}`}><Img src={getImageUrl('images/'+value.image_url)}></Img> </Link> value && <Link to={`/users/${value && value.login}`}><Img src={getImageUrl('/'+value.image_url)}></Img> </Link>
) )
} }
}, },

View File

@ -78,7 +78,7 @@ function Detail(props){
detail && detail &&
<Cards <Cards
src={`/organize/${detail.name}`} src={`/organize/${detail.name}`}
title={detail.name} title={detail.nickname}
desc={!buttonflag && detail.description} desc={!buttonflag && detail.description}
img={detail.avatar_url} img={detail.avatar_url}
rightBtn={ rightBtn={

View File

@ -56,7 +56,7 @@ export default ((props)=>{
detail && detail &&
<Cards <Cards
src={`/organize/${OIdentifier}/group/${groupId}`} src={`/organize/${OIdentifier}/group/${groupId}`}
title={detail.name} title={detail.nickname||detail.name}
rightBtn={ rightBtn={
flag && <span className="subNavs"> flag && <span className="subNavs">
<Link to={`/organize/${OIdentifier}/member`} className={pathname ===`/organize/${OIdentifier}/member` ? "active":""}><span>组织成员</span>{detail.num_users && <lable>{detail.num_users}</lable>}</Link> <Link to={`/organize/${OIdentifier}/member`} className={pathname ===`/organize/${OIdentifier}/member` ? "active":""}><span>组织成员</span>{detail.num_users && <lable>{detail.num_users}</lable>}</Link>

View File

@ -75,7 +75,7 @@ function TeamGroupItems({organizeDetail,limit, count , history}){
return( return(
<div key={key}> <div key={key}>
<p className="g-head"> <p className="g-head">
<Link to={`/organize/${organizeDetail.name}/group/${item.id}`} className="color-grey-3 font-16">{item.name}</Link> <Link to={`/organize/${organizeDetail.name}/group/${item.id}`} className="color-grey-3 font-16">{item.nickname}</Link>
<span> <span>
{ item.is_admin && item.authorize!=="owner" && <Popconfirm title={`确定解散团队${item.name}?`} okText="是" cancelText="否" onConfirm={()=>disMissGroup(item.id)}><a className="color-red">解散团队</a></Popconfirm>} { item.is_admin && item.authorize!=="owner" && <Popconfirm title={`确定解散团队${item.name}?`} okText="是" cancelText="否" onConfirm={()=>disMissGroup(item.id)}><a className="color-red">解散团队</a></Popconfirm>}
{ item.is_member && <LeaveTeam className="ml15" teamID={item.id} onOk={outTeam}/>} { item.is_member && <LeaveTeam className="ml15" teamID={item.id} onOk={outTeam}/>}
@ -86,7 +86,7 @@ function TeamGroupItems({organizeDetail,limit, count , history}){
{ {
item.users && item.users.map((i,k)=>{ item.users && item.users.map((i,k)=>{
return( return(
k < count ? <Link to={`/users/${i.login}`}><ImgContent title={i.name} key={k} src={getImageUrl(`images/${i.image_url}`)}/></Link> k < count ? <Link to={`/users/${i.login}`}><ImgContent title={i.name} key={k} src={getImageUrl(`/${i.image_url}`)}/></Link>
: :
k === count ? k === count ?
<Link to={`/organize/${organizeDetail && organizeDetail.name}/group/${item.id}`} className="moreMember" title="查看更多" ><i className="iconfont icon-zhunbeizhong"></i></Link> <Link to={`/organize/${organizeDetail && organizeDetail.name}/group/${item.id}`} className="moreMember" title="查看更多" ><i className="iconfont icon-zhunbeizhong"></i></Link>
@ -105,7 +105,7 @@ function TeamGroupItems({organizeDetail,limit, count , history}){
} }
</div> </div>
} }
{ list && list.length > 0 && <Nodata _html="暂无数据"/> } { list && list.length === 0 && <Nodata _html="暂无数据"/> }
{ {
total > limit && total > limit &&
<div className="mt20 pb20 edu-txt-center"> <div className="mt20 pb20 edu-txt-center">

View File

@ -1,6 +1,7 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { Upload, Button, Icon } from 'antd'; import { Upload, Icon , Button } from 'antd';
import { getUploadActionUrl, appendFileSizeToUploadFileAll } from 'educoder'; import { getUploadActionUrl, appendFileSizeToUploadFileAll } from 'educoder';
import { AlignCenter } from '../Component/layout';
import axios from 'axios'; import axios from 'axios';
const { Dragger } = Upload; const { Dragger } = Upload;
@ -28,22 +29,12 @@ class Index extends Component {
onAttachmentRemove = (file) => { onAttachmentRemove = (file) => {
if (!file.percent || file.percent === 100) { if (!file.percent || file.percent === 100) {
// this.props.confirm({
// content: '是否确认删除?',
// onOk: () => {
// this.deleteAttachment(file)
// },
// onCancel() {
// console.log('Cancel');
// },
// });
this.deleteAttachment(file) this.deleteAttachment(file)
return false; return false;
} }
} }
deleteAttachment = (file) => { deleteAttachment = (file) => {
const url = `/attachments/${file.response ? file.response.id : file.uid}.json` const url = `/attachments/${file.response ? file.response.id : file.uid}.json`
axios.delete(url, { axios.delete(url, {
}).then((response) => { }).then((response) => {
@ -82,7 +73,7 @@ class Index extends Component {
fileIdList = (fileList) => { fileIdList = (fileList) => {
let array = []; let array = [];
fileList && fileList.length > 0 && fileList.map((item) => { fileList && fileList.length > 0 && fileList.map((item) => {
return array.push(item.response && item.response.id); return array.push(item.response && (item.response.id || (item.response.data && item.response.data.id)));
}) })
array && this.props.load && this.props.load(array); array && this.props.load && this.props.load(array);
} }
@ -98,21 +89,27 @@ class Index extends Component {
render() { render() {
//判断是否已经提交,如已提交评论则上一条评论数据清除 //判断是否已经提交,如已提交评论则上一条评论数据清除
const { isComplete, icon } = this.props; const { isComplete, icon , btn , className , size , actionUrl } = this.props;
const { fileList } = this.state; const { fileList } = this.state;
let list = isComplete === true ? fileList : undefined; let list = isComplete === true ? fileList : undefined;
const upload = { const upload = {
name: 'file', name: 'file',
fileList: list, fileList: list,
action: `${getUploadActionUrl()}`, action: actionUrl || `${getUploadActionUrl()}`,
onChange: this.handleChange, onChange: this.handleChange,
onRemove: this.onAttachmentRemove, onRemove: this.onAttachmentRemove,
beforeUpload: this.beforeUpload beforeUpload: this.beforeUpload
}; };
return ( return (
<Dragger {...upload} className={this.props.className}> btn ?
<Upload {...upload} className={className}>
<Button type={"default"}>上传文件</Button>
<span className="ml10 color-grey-9">(你可以上传小于<span className="color-red">{size}MB</span>)</span>
</Upload>
:
<Dragger {...upload} className={className}>
{icon || <Icon type="inbox" />} {icon || <Icon type="inbox" />}
<p className="ant-upload-text font-14">拖动文件或<span className="color-blue">点击此处上传</span></p> <p className="ant-upload-text font-14">拖动文件或<span className="color-blue">点击此处上传</span></p>
</Dragger> </Dragger>

View File

@ -5,6 +5,7 @@ import "./list.css";
function FocusButton({is_watch , fontClass, starText, is_block , id , successFunc}){ function FocusButton({is_watch , fontClass, starText, is_block , id , successFunc}){
const [ isSpin , setIsSpin ] = useState(false); const [ isSpin , setIsSpin ] = useState(false);
const [ watchFlag , setWatchFlag ] = useState(is_watch);
// 关注和取消关注 // 关注和取消关注
function focusFunc(flag){ function focusFunc(flag){
setIsSpin(true); setIsSpin(true);
@ -18,6 +19,7 @@ function FocusButton({is_watch , fontClass, starText, is_block , id , successFun
}).then((result) => { }).then((result) => {
if (result && result.data.status === 0) { if (result && result.data.status === 0) {
successFunc && successFunc(); successFunc && successFunc();
setWatchFlag(!watchFlag);
} }
setIsSpin(false); setIsSpin(false);
}) })
@ -25,8 +27,8 @@ function FocusButton({is_watch , fontClass, starText, is_block , id , successFun
}; };
return ( return (
<Button type={is_watch ? "default" : "primary"} ghost={!is_watch} block={is_block} loading={isSpin} onClick={() => focusFunc(is_watch)}> <Button type={watchFlag ? "default" : "primary"} ghost={!watchFlag} block={is_block} loading={isSpin} onClick={() => focusFunc(watchFlag)}>
{is_watch ? ( {watchFlag ? (
<span className=""> <span className="">
<i className="iconfont icon-shixing font-15 text-yellow mr-4"></i> <i className="iconfont icon-shixing font-15 text-yellow mr-4"></i>
<span className={fontClass || "font-12"}>已关注</span> <span className={fontClass || "font-12"}>已关注</span>

View File

@ -88,7 +88,7 @@ class ForkUsers extends Component {
> >
<img <img
className="avatar-60" className="avatar-60"
src={getImageUrl(`images/${item.image_url}`)} src={getImageUrl(`/${item.image_url}`)}
alt="" alt=""
/> />
</Link> </Link>

View File

@ -18,7 +18,7 @@ class UserList extends Component {
> >
<img <img
className="avatar-60" className="avatar-60"
src={getImageUrl(`images/${item.image_url}`)} src={getImageUrl(`/${item.image_url}`)}
alt="" alt=""
/> />
</a> </a>

View File

@ -103,8 +103,8 @@ class version extends Component {
const { data , releases , isSpin } = this.state const { data , releases , isSpin } = this.state
return ( return (
<div className="main" style={{paddingTop:"0px"}}> <div className="main" style={{padding:"0px"}}>
<div className="topWrapper"> <div className="topWrapper" style={{padding:"15px 20px"}}>
<span className="font-18 color-grey-3">版本发布</span> <span className="font-18 color-grey-3">版本发布</span>
{ {
data && data.user_permission ? data && data.user_permission ?
@ -113,7 +113,7 @@ class version extends Component {
} }
</div> </div>
<div className="releasesVersion"> <div className="releasesVersion">
<Spin spinning={isSpin}><div style={{minHeight:"300px"}}>{this.renderList(releases)}</div></Spin> <Spin spinning={isSpin}><div>{this.renderList(releases)}</div></Spin>
</div> </div>
</div> </div>
) )

View File

@ -118,7 +118,7 @@ class children_comments extends Component {
> >
<img <img
className="radius" className="radius"
src={getImageUrl(`images/${item && item.user_picture}`)} src={getImageUrl(`/${item && item.user_picture}`)}
alt="" alt=""
width="30" width="30"
height="30" height="30"

View File

@ -82,7 +82,7 @@ class children_journals extends Component {
> >
<img <img
className="radius" className="radius"
src={getImageUrl(`images/${item && item.user_picture}`)} src={getImageUrl(`/${item && item.user_picture}`)}
alt="" alt=""
width="30" width="30"
height="30" height="30"

View File

@ -310,7 +310,7 @@ class comments extends Component {
<img <img
className="radius" className="radius"
src={getImageUrl( src={getImageUrl(
`images/${current_user && current_user.image_url}` `/${current_user && current_user.image_url}`
)} )}
alt="" alt=""
width="30" width="30"
@ -375,7 +375,7 @@ class comments extends Component {
> >
<img <img
className="radius" className="radius"
src={getImageUrl(`images/${item && item.user_picture}`)} src={getImageUrl(`/${item && item.user_picture}`)}
alt="" alt=""
width="30" width="30"
height="30" height="30"
@ -471,7 +471,7 @@ class comments extends Component {
className="radius" className="radius"
src={ src={
current_user && current_user.image_url current_user && current_user.image_url
? getImageUrl(`images/${current_user.image_url}`) ? getImageUrl(`/${current_user.image_url}`)
: "images/avatars/User/b" : "images/avatars/User/b"
} }
alt="" alt=""
@ -528,7 +528,7 @@ class comments extends Component {
className="radius" className="radius"
src={ src={
current_user && current_user.image_url current_user && current_user.image_url
? getImageUrl(`images/${current_user.image_url}`) ? getImageUrl(`/${current_user.image_url}`)
: "images/avatars/User/b" : "images/avatars/User/b"
} }
alt="" alt=""

View File

@ -3,6 +3,7 @@ ul,ol,dl{
} }
.newMain{ .newMain{
background-color: #fff; background-color: #fff;
padding-bottom: 810px;
} }
.color-black{ .color-black{
color: #333; color: #333;

View File

@ -6,7 +6,6 @@ import { withRouter } from "react-router";
import { SnackbarHOC } from "educoder"; import { SnackbarHOC } from "educoder";
import { CNotificationHOC } from "../../modules/courses/common/CNotificationHOC"; import { CNotificationHOC } from "../../modules/courses/common/CNotificationHOC";
import { TPMIndexHOC } from "../../modules/tpm/TPMIndexHOC"; import { TPMIndexHOC } from "../../modules/tpm/TPMIndexHOC";
import Handbook from '../Component/Handbook';
const Infos = Loadable({ const Infos = Loadable({
loader: () => import("./Infos"), loader: () => import("./Infos"),
loading: Loading, loading: Loading,
@ -15,7 +14,6 @@ export default withRouter(
(CNotificationHOC()(SnackbarHOC()(TPMIndexHOC((props)=>{ (CNotificationHOC()(SnackbarHOC()(TPMIndexHOC((props)=>{
return( return(
<div> <div>
<Handbook />
<Switch> <Switch>
<Route <Route
path="/users/:username" path="/users/:username"

View File

@ -29,7 +29,7 @@ $flex:flex;
& > div{ & > div{
margin-bottom: 20px; margin-bottom: 20px;
display: $flex; display: $flex;
align-items: flex-start; align-items: center;
padding:20px 25px; padding:20px 25px;
background-color:rgba(250,250,250,1); background-color:rgba(250,250,250,1);
.imgBox{ .imgBox{
@ -52,6 +52,11 @@ $flex:flex;
font-size: 12px; font-size: 12px;
color: #888; color: #888;
margin-top: 3px; margin-top: 3px;
margin-bottom: 0px;
}
.teamdesc{
word-break: break-all;
line-height: 20px;
} }
} }
.infosType{ .infosType{

View File

@ -150,7 +150,7 @@ class Infos extends Component {
<div className="list-l-Menu text-center pd20 "> <div className="list-l-Menu text-center pd20 ">
<Avatar <Avatar
size={110} size={110}
src={getImageUrl(`images/${user && user.image_url}`)} src={getImageUrl(`/${user && user.image_url}`)}
/> />
{user && user.user_identity && ( {user && user.user_identity && (
<div className="mt-n15 position-relative"> <div className="mt-n15 position-relative">

View File

@ -4,10 +4,10 @@ import { getImageUrl } from 'educoder';
function TeamItem({item,history}){ function TeamItem({item,history}){
return( return(
<div onClick={()=>{history.push(`/organize/${item.name}`)}} style={{cursor:"pointer"}}> <div onClick={()=>{history.push(`/organize/${item.name}`)}} style={{cursor:"pointer"}}>
<div className="imgBox"><img alt="" src={getImageUrl(`images/${item.avatar_url}`)}/></div> <div className="imgBox"><img alt="" src={getImageUrl(`/${item.avatar_url}`)}/></div>
<div style={{flex:'1'}}> <div style={{flex:'1'}}>
<span className="mb5 font-18 color-grey-3 task-hide">{item.name}</span> <span className="mb5 font-18 color-grey-3 task-hide">{item.name}</span>
<div className="task-hide-2"> <div className="task-hide-2 teamdesc">
{item.description} {item.description}
</div> </div>
<p className="item-news"> <p className="item-news">

BIN
src/images/login/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

@ -47,6 +47,12 @@
.markdown-body img{ .markdown-body img{
cursor: pointer; cursor: pointer;
} }
.markdown-body pre ol.linenums,.markdown-body pre ul.linenums{
padding-left: 0px;
}
.markdown-body pre ol>li, .markdown-body pre ol>li{
list-style-type: none;
}
ol, ol,
ul, ul,
@ -67,17 +73,6 @@ li {
font-size: 25px !important; font-size: 25px !important;
} }
.newFooter {
position: absolute;
bottom: 0;
width: 100%;
background: #323232;
clear: both;
min-width: 1200px;
z-index: 8;
left: 0px;
max-height: 110px;
}
.markdown-body { .markdown-body {
text-align: justify; text-align: justify;

View File

@ -16,7 +16,7 @@ class http500 extends Component {
<div className="newMain clearfix"> <div className="newMain clearfix">
<div className=" edu-txt-center mt60 mb60"> <div className=" edu-txt-center mt60 mb60">
{/*mt100 mb100*/} {/*mt100 mb100*/}
<img src={getImageUrl("images/warn/pic_404.jpg")} /> <img src={getImageUrl("/images/warn/pic_404.jpg")} />
<p className="font-18 mt40"> <p className="font-18 mt40">
您可以稍后尝试&nbsp;<a href="/" 您可以稍后尝试&nbsp;<a href="/"
className="color-blue">返回首页</a> className="color-blue">返回首页</a>

View File

@ -78,7 +78,7 @@ class CompetitionsIndex extends Component{
.courses-head{ .courses-head{
width: 100%; width: 100%;
height: 300px; height: 300px;
background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.competition_banner_url === null ?`images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.competition_banner_url)}); background-image: url(${getImageUrl(this.props.mygetHelmetapi && this.props.mygetHelmetapi.competition_banner_url === null ?`/images/educoder/competitions/courses.jpg`:this.props.mygetHelmetapi&&this.props.mygetHelmetapi.competition_banner_url)});
background-color: #081C4B; background-color: #081C4B;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -358,10 +358,10 @@ class CompetitionCommon extends Component{
data && data.permission.editable === true ? "" : data && data.permission.editable === true ? "" :
<div className={"CompetitionsListzhezhao"}>即将发布 敬请期待</div> : ""} <div className={"CompetitionsListzhezhao"}>即将发布 敬请期待</div> : ""}
<img className={"Commonimg"} <img className={"Commonimg"}
src={data.competition_status === "ended" ? getImageUrl(`images/educoder/competitions/groups1.png`) : data.competition_status === "nearly_published" ? getImageUrl(`images/educoder/competitions/groups2.png`) : data.competition_status === "progressing" ? getImageUrl(`images/educoder/competitions/groups3.png`) : ""}/> src={data.competition_status === "ended" ? getImageUrl(`/images/educoder/competitions/groups1.png`) : data.competition_status === "nearly_published" ? getImageUrl(`images/educoder/competitions/groups2.png`) : data.competition_status === "progressing" ? getImageUrl(`images/educoder/competitions/groups3.png`) : ""}/>
<Col span={15} className={"Commonimgbox"}> <Col span={15} className={"Commonimgbox"}>
<img className={"image_urlbox"} <img className={"image_urlbox"}
src={data === undefined ? getImageUrl(`images/educoder/competitions/mainbanner.jpg`) : data.avatar_url === null ? getImageUrl(`images/educoder/competitions/mainbanner.jpg`) : getImageUrl(data.avatar_url)}/> src={data === undefined ? getImageUrl(`/images/educoder/competitions/mainbanner.jpg`) : data.avatar_url === null ? getImageUrl(`/images/educoder/competitions/mainbanner.jpg`) : getImageUrl(data.avatar_url)}/>
</Col> </Col>
<Col className={"CompetitionCommonbannerfont"} span={9}> <Col className={"CompetitionCommonbannerfont"} span={9}>

View File

@ -249,11 +249,11 @@ class CompetitionContents extends Component{
cover={ cover={
<div className={"Competitionfirstbox center"}> <div className={"Competitionfirstbox center"}>
<li className="pr Competitioncenter"> <li className="pr Competitioncenter">
<img src={getImageUrl("images/educoder/huangguan.png")}/> <img src={getImageUrl("/images/educoder/huangguan.png")}/>
<div className={"mt10"}> <div className={"mt10"}>
<a href={`/users/${item.user_login}`} target={"_blank"} className="color-dark"> <a href={`/users/${item.user_login}`} target={"_blank"} className="color-dark">
<div className={"relativef"}> <div className={"relativef"}>
<img className={"rankingimg"} src={getImageUrl(`images/${item.user_image===null?`avatars/User/0?1442652658`:item.user_image}`)} /> <img className={"rankingimg"} src={getImageUrl(`/images/${item.user_image===null?`avatars/User/0?1442652658`:item.user_image}`)} />
<div className={"competimgabsolute"}><Badge count={item.competition_prize} style={{ backgroundColor: '#459BE5' }} title={item.competition_prize}/></div> <div className={"competimgabsolute"}><Badge count={item.competition_prize} style={{ backgroundColor: '#459BE5' }} title={item.competition_prize}/></div>
</div> </div>
<p className="task-hide rankName mt5 jinshaifont">{personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name}</p> <p className="task-hide rankName mt5 jinshaifont">{personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name}</p>

View File

@ -171,7 +171,7 @@ class CoursesHome extends Component {
coursesHomelist={coursesHomelist}></CoursesHomeCard>} coursesHomelist={coursesHomelist}></CoursesHomeCard>}
{coursesHomelist === undefined ? "" : coursesHomelist.courses.length === 0 ? <div className="edu-tab-con-box clearfix edu-txt-center mb50"> {coursesHomelist === undefined ? "" : coursesHomelist.courses.length === 0 ? <div className="edu-tab-con-box clearfix edu-txt-center mb50">
<img className="edu-nodata-img mb20" src={getImageUrl("images/educoder/nodata.png")} /> <img className="edu-nodata-img mb20" src={getImageUrl("/images/educoder/nodata.png")} />
<p className="edu-nodata-p mb20">暂时还没有相关数据哦</p> <p className="edu-nodata-p mb20">暂时还没有相关数据哦</p>
</div> : ""} </div> : ""}

View File

@ -1366,10 +1366,6 @@ samp {
line-height: 40px; line-height: 40px;
} }
.courseForm .ant-input-group>.ant-input:first-child,
.ant-input-group-addon:first-child {
height: 40px;
}
.courseForm .ant-select-selection, .courseForm .ant-select-selection,
.courseForm .ant-select-selection-selected-value { .courseForm .ant-select-selection-selected-value {
@ -1722,12 +1718,6 @@ samp {
background-color: #fff !important; background-color: #fff !important;
} }
.ant-input-group-addon {
color: #666 !important;
font-size: 12px;
border: 1px solid #d9d9d9 !important;
border-left: none !important;
}
.check_on { .check_on {
background: #4CACFF; background: #4CACFF;

View File

@ -295,7 +295,7 @@ class Listofworksstudentone extends Component {
计算规则:<br/> 计算规则:<br/>
学员离开实训学习界面停止计时<br/> 学员离开实训学习界面停止计时<br/>
评测首次通过之后停止计时<br/> 评测首次通过之后停止计时<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'cost_time', dataIndex: 'cost_time',
key: 'cost_time', key: 'cost_time',
align: 'center', align: 'center',
@ -381,7 +381,7 @@ class Listofworksstudentone extends Component {
title:<span>关卡得分<Tooltip placement="top" title={<pre> title:<span>关卡得分<Tooltip placement="top" title={<pre>
计算规则:<br/> 计算规则:<br/>
截止前学员完成的关卡才有成绩<br/> 截止前学员完成的关卡才有成绩<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'final_score', dataIndex: 'final_score',
key: 'final_score', key: 'final_score',
align: 'center', align: 'center',
@ -420,7 +420,7 @@ class Listofworksstudentone extends Component {
学生工作效率= log(实训总得分/实训总耗时)<br/> 学生工作效率= log(实训总得分/实训总耗时)<br/>
学生效率分 = 学生工作效率 / 课堂学生最高<br/> 学生效率分 = 学生工作效率 / 课堂学生最高<br/>
工作效率 * 分值<br/> 工作效率 * 分值<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'efficiencyscore', dataIndex: 'efficiencyscore',
key: 'efficiencyscore', key: 'efficiencyscore',
align: 'center', align: 'center',
@ -694,7 +694,7 @@ class Listofworksstudentone extends Component {
计算规则:<br/> 计算规则:<br/>
学员离开实训学习界面停止计时<br/> 学员离开实训学习界面停止计时<br/>
评测首次通过之后停止计时<br/> 评测首次通过之后停止计时<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'cost_time', dataIndex: 'cost_time',
key: 'cost_time', key: 'cost_time',
align: 'center', align: 'center',
@ -780,7 +780,7 @@ class Listofworksstudentone extends Component {
title:<span>关卡得分<Tooltip placement="top" title={<pre> title:<span>关卡得分<Tooltip placement="top" title={<pre>
计算规则:<br/> 计算规则:<br/>
截止前学员完成的关卡才有成绩<br/> 截止前学员完成的关卡才有成绩<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'final_score', dataIndex: 'final_score',
key: 'final_score', key: 'final_score',
align: 'center', align: 'center',
@ -819,7 +819,7 @@ class Listofworksstudentone extends Component {
学生工作效率= log(实训总得分/实训总耗时)<br/> 学生工作效率= log(实训总得分/实训总耗时)<br/>
学生效率分 = 学生工作效率 / 课堂学生最高<br/> 学生效率分 = 学生工作效率 / 课堂学生最高<br/>
工作效率 * 分值<br/> 工作效率 * 分值<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'efficiencyscore', dataIndex: 'efficiencyscore',
key: 'efficiencyscore', key: 'efficiencyscore',
align: 'center', align: 'center',
@ -1050,7 +1050,7 @@ class Listofworksstudentone extends Component {
计算规则:<br/> 计算规则:<br/>
学员离开实训学习界面停止计时<br/> 学员离开实训学习界面停止计时<br/>
评测首次通过之后停止计时<br/> 评测首次通过之后停止计时<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'cost_time', dataIndex: 'cost_time',
key: 'cost_time', key: 'cost_time',
align: 'center', align: 'center',
@ -1134,7 +1134,7 @@ class Listofworksstudentone extends Component {
title:<span>关卡得分<Tooltip placement="top" title={<pre> title:<span>关卡得分<Tooltip placement="top" title={<pre>
计算规则:<br/> 计算规则:<br/>
截止前学员完成的关卡才有成绩<br/> 截止前学员完成的关卡才有成绩<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'final_score', dataIndex: 'final_score',
key: 'final_score', key: 'final_score',
align: 'center', align: 'center',
@ -1167,7 +1167,7 @@ class Listofworksstudentone extends Component {
学生工作效率= log(实训总得分/实训总耗时)<br/> 学生工作效率= log(实训总得分/实训总耗时)<br/>
学生效率分 = 学生工作效率 / 课堂学生最高<br/> 学生效率分 = 学生工作效率 / 课堂学生最高<br/>
工作效率 * 分值<br/> 工作效率 * 分值<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'efficiencyscore', dataIndex: 'efficiencyscore',
key: 'efficiencyscore', key: 'efficiencyscore',
align: 'center', align: 'center',
@ -1210,7 +1210,7 @@ class Listofworksstudentone extends Component {
title: <span>当前成绩<Tooltip placement="top"title={<pre> title: <span>当前成绩<Tooltip placement="top"title={<pre>
鼠标停留具体分值上可查<br/> 鼠标停留具体分值上可查<br/>
看得分明细<br/> 看得分明细<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'work_score', dataIndex: 'work_score',
key: 'work_score', key: 'work_score',
align: 'center', align: 'center',
@ -1461,7 +1461,7 @@ class Listofworksstudentone extends Component {
计算规则:<br/> 计算规则:<br/>
学员离开实训学习界面停止计时<br/> 学员离开实训学习界面停止计时<br/>
评测首次通过之后停止计时<br/> 评测首次通过之后停止计时<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'cost_time', dataIndex: 'cost_time',
key: 'cost_time', key: 'cost_time',
align: 'center', align: 'center',
@ -1524,7 +1524,7 @@ class Listofworksstudentone extends Component {
title:<span>关卡得分<Tooltip placement="top" title={<pre> title:<span>关卡得分<Tooltip placement="top" title={<pre>
计算规则:<br/> 计算规则:<br/>
截止前学员完成的关卡才有成绩<br/> 截止前学员完成的关卡才有成绩<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'final_score', dataIndex: 'final_score',
key: 'final_score', key: 'final_score',
align: 'center', align: 'center',
@ -1557,7 +1557,7 @@ class Listofworksstudentone extends Component {
学生工作效率= log(实训总得分/实训总耗时)<br/> 学生工作效率= log(实训总得分/实训总耗时)<br/>
学生效率分 = 学生工作效率 / 课堂学生最高<br/> 学生效率分 = 学生工作效率 / 课堂学生最高<br/>
工作效率 * 分值<br/> 工作效率 * 分值<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'efficiencyscore', dataIndex: 'efficiencyscore',
key: 'efficiencyscore', key: 'efficiencyscore',
align: 'center', align: 'center',
@ -1600,7 +1600,7 @@ class Listofworksstudentone extends Component {
title: <span>当前成绩<Tooltip placement="top" title={<pre> title: <span>当前成绩<Tooltip placement="top" title={<pre>
鼠标停留具体分值上可查<br/> 鼠标停留具体分值上可查<br/>
看得分明细<br/> 看得分明细<br/>
</pre>}><img src={getImageUrl("images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>, </pre>}><img src={getImageUrl("/images/educoder/problem.png")} className={"ml2"}/></Tooltip></span>,
dataIndex: 'work_score', dataIndex: 'work_score',
key: 'work_score', key: 'work_score',
align: 'center', align: 'center',
@ -3898,7 +3898,7 @@ class Listofworksstudentone extends Component {
<div id="forum_list" className="forum_table"> <div id="forum_list" className="forum_table">
<div className="mh650 edu-back-white"> <div className="mh650 edu-back-white">
<div className="edu-tab-con-box clearfix edu-txt-center"> <div className="edu-tab-con-box clearfix edu-txt-center">
<img className="edu-nodata-img mb20" src={getImageUrl("images/educoder/nodata.png")}/> <img className="edu-nodata-img mb20" src={getImageUrl("/images/educoder/nodata.png")}/>
<p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p> <p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p>
</div> </div>
</div> </div>
@ -4175,7 +4175,7 @@ class Listofworksstudentone extends Component {
<div className="mh650 edu-back-white"> <div className="mh650 edu-back-white">
<div className="edu-tab-con-box clearfix edu-txt-center"> <div className="edu-tab-con-box clearfix edu-txt-center">
<img className="edu-nodata-img mb20" <img className="edu-nodata-img mb20"
src={getImageUrl("images/educoder/nodata.png")}/> src={getImageUrl("/images/educoder/nodata.png")}/>
<p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p> <p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p>
</div> </div>
</div> </div>
@ -4409,7 +4409,7 @@ class Listofworksstudentone extends Component {
<div className="mh650 edu-back-white"> <div className="mh650 edu-back-white">
<div className="edu-tab-con-box clearfix edu-txt-center"> <div className="edu-tab-con-box clearfix edu-txt-center">
<img className="edu-nodata-img mb20" <img className="edu-nodata-img mb20"
src={getImageUrl("images/educoder/nodata.png")}/> src={getImageUrl("/images/educoder/nodata.png")}/>
<p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p> <p className="edu-nodata-p mb30">{this.state.searchtypes===false?"暂时还没有相关数据哦!":"抱歉没有您要搜索的内容,请换个词语试试看"}</p>
</div> </div>
</div> </div>

View File

@ -514,7 +514,7 @@ class ShixunWorkReport extends Component {
<div className="fl edu-back-white ml10 "> <div className="fl edu-back-white ml10 ">
<img alt="头像" className="radius" height="91" id="nh_user_logo" name="avatar_image" <img alt="头像" className="radius" height="91" id="nh_user_logo" name="avatar_image"
src={ getImageUrl(`images/${data&&data.image_url}`)} src={ getImageUrl(`/${data&&data.image_url}`)}
width="91"/> width="91"/>
</div> </div>

View File

@ -266,7 +266,7 @@ class ShixunWorkModal extends Component{
<div id="forum_list" className="forum_table"> <div id="forum_list" className="forum_table">
<div className=" edu-back-white"> <div className=" edu-back-white">
<div className="edu-tab-con-box clearfix edu-txt-center"> <div className="edu-tab-con-box clearfix edu-txt-center">
<img className="edu-nodata-img mb20" src={getImageUrl("images/educoder/nodata.png")}/> <img className="edu-nodata-img mb20" src={getImageUrl("/images/educoder/nodata.png")}/>
<p className="edu-nodata-p mb30">暂时还没有相关数据哦</p> <p className="edu-nodata-p mb30">暂时还没有相关数据哦</p>
</div> </div>
</div> </div>

Some files were not shown because too many files have changed in this diff Show More