529 lines
14 KiB
Plaintext
529 lines
14 KiB
Plaintext
|
import React, {Component} from 'react';
|
|||
|
import logo from './logo.svg';
|
|||
|
import './App.css';
|
|||
|
import {LocaleProvider} from 'antd'
|
|||
|
import zhCN from 'antd/lib/locale-provider/zh_CN';
|
|||
|
import {
|
|||
|
BrowserRouter as Router,
|
|||
|
Route,
|
|||
|
Switch
|
|||
|
} from 'react-router-dom';
|
|||
|
import axios from 'axios';
|
|||
|
import '@icedesign/base/dist/ICEDesignBase.css';
|
|||
|
|
|||
|
import '@icedesign/base/index.scss';
|
|||
|
|
|||
|
import LoginDialog from './modules/login/LoginDialog';
|
|||
|
import Notcompletedysl from './modules/user/Notcompletedysl';
|
|||
|
import Trialapplicationysl from './modules/login/Trialapplicationysl';
|
|||
|
import Trialapplicationreview from './modules/user/Trialapplicationreview';
|
|||
|
import Addcourses from "./modules/courses/coursesPublic/Addcourses";
|
|||
|
import AccountProfile from"./modules/user/AccountProfile";
|
|||
|
|
|||
|
|
|||
|
import Trialapplication from './modules/login/Trialapplication'
|
|||
|
|
|||
|
import NotFoundPage from './NotFoundPage'
|
|||
|
|
|||
|
import Loading from './Loading'
|
|||
|
|
|||
|
import Loadable from 'react-loadable';
|
|||
|
|
|||
|
|
|||
|
import moment from 'moment'
|
|||
|
|
|||
|
import {MuiThemeProvider, createMuiTheme} from 'material-ui/styles';
|
|||
|
|
|||
|
// import './AppConfig'
|
|||
|
|
|||
|
import history from './history';
|
|||
|
|
|||
|
import {SnackbarHOC} from 'educoder'
|
|||
|
import {initAxiosInterceptors} from './AppConfig'
|
|||
|
|
|||
|
|
|||
|
// !!!tpi需要这个来加载css
|
|||
|
import {TPMIndexHOC} from './modules/tpm/TPMIndexHOC';
|
|||
|
|
|||
|
|
|||
|
const theme = createMuiTheme({
|
|||
|
palette: {
|
|||
|
primary: {
|
|||
|
main: '#4CACFF',
|
|||
|
contrastText: 'rgba(255, 255, 255, 0.87)'
|
|||
|
},
|
|||
|
secondary: {main: '#4CACFF'}, // #11cb5f This is just green.A700 as hex.
|
|||
|
},
|
|||
|
});
|
|||
|
//
|
|||
|
// const Trialapplication= Loadable({
|
|||
|
// loader: () =>import('./modules/login/Trialapplication'),
|
|||
|
// loading:Loading,
|
|||
|
// })
|
|||
|
//登入
|
|||
|
const EducoderLogin = Loadable({
|
|||
|
loader: () => import('./modules/login/EducoderLogin'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const TestIndex = Loadable({
|
|||
|
loader: () => import('./modules/test'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
const IndexWrapperComponent = Loadable({
|
|||
|
loader: () => import('./modules/page/IndexWrapper'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
const CommentComponent = Loadable({
|
|||
|
loader: () => import('./modules/comment/CommentContainer'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
const TestMaterialDesignComponent = Loadable({
|
|||
|
loader: () => import('./modules/test/md/TestMaterialDesign'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const TestCodeMirrorComponent = Loadable({
|
|||
|
loader: () => import('./modules/test/codemirror/TestCodeMirror'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
const TestComponent = Loadable({
|
|||
|
loader: () => import('./modules/test/TestRC'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const TestUrlQueryComponent = Loadable({
|
|||
|
loader: () => import('./modules/test/urlquery/TestUrlQuery'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
const TPMIndexComponent = Loadable({
|
|||
|
loader: () => import('./modules/tpm/TPMIndex'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const TPMShixunsIndexComponent = Loadable({
|
|||
|
loader: () => import('./modules/tpm/shixuns/ShixunsIndex'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//实训课程(原实训路径)
|
|||
|
const ShixunPaths = Loadable({
|
|||
|
loader: () => import('./modules/paths/Index'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//在线课堂
|
|||
|
const CoursesIndex = Loadable({
|
|||
|
loader: () => import('./modules/courses/Index'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const SearchPage = Loadable({
|
|||
|
loader: () => import('./search/SearchPage'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//教学案例
|
|||
|
const MoopCases = Loadable({
|
|||
|
loader: () => import('./modules/moop_cases/index'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
// 课堂讨论
|
|||
|
// const BoardIndex = Loadable({
|
|||
|
// loader: () => import('./modules/courses/boards/BoardIndex'),
|
|||
|
// loading:Loading,
|
|||
|
// })
|
|||
|
|
|||
|
// //课堂普通作业&分组作业
|
|||
|
// const CoursesWorkIndex = Loadable({
|
|||
|
// loader: () => import('./modules/courses/busyWork/Index'),
|
|||
|
// loading:Loading,
|
|||
|
// })
|
|||
|
//
|
|||
|
|
|||
|
// const TPMShixunchildIndexComponent = Loadable({
|
|||
|
// loader: () => import('./modules/tpm/shixunchild/ShixunChildIndex'),
|
|||
|
// loading: Loading,
|
|||
|
// })
|
|||
|
|
|||
|
|
|||
|
// const TPMshixunfork_listIndexComponent = Loadable({
|
|||
|
// loader: () => import('./modules/tpm/shixunchild/Shixunfork_list'),
|
|||
|
// loading: Loading,
|
|||
|
// })
|
|||
|
|
|||
|
|
|||
|
const ForumsIndexComponent = Loadable({
|
|||
|
loader: () => import('./modules/forums/ForumsIndex'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
// trustie plus forum
|
|||
|
// const TPForumsIndexComponent = Loadable({
|
|||
|
// loader: () => import('./modules/tp-forums/TPForumsIndex'),
|
|||
|
// loading: Loading,
|
|||
|
// })
|
|||
|
|
|||
|
|
|||
|
// const TestPageComponent = Loadable({
|
|||
|
// loader: () => import('./modules/page/Index'),
|
|||
|
// loading: Loading,
|
|||
|
// })
|
|||
|
|
|||
|
|
|||
|
//新建实训
|
|||
|
const Newshixuns = Loadable({
|
|||
|
loader: () => import('./modules/tpm/newshixuns/Newshixuns'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
|
|||
|
//实训首页
|
|||
|
const ShixunsHome = Loadable({
|
|||
|
loader: () => import('./modules/home/shixunsHome'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
|
|||
|
const CompatibilityPageLoadable = Loadable({
|
|||
|
loader: () => import('./modules/common/CompatibilityPage'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//403页面
|
|||
|
const Shixunauthority = Loadable({
|
|||
|
loader: () => import('./modules/403/Shixunauthority'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
|
|||
|
//404页面
|
|||
|
const Shixunnopage = Loadable({
|
|||
|
loader: () => import('./modules/404/Shixunnopage'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//500页面
|
|||
|
const http500 = Loadable({
|
|||
|
loader: () => import('./modules/500/http500'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
// 登录注册
|
|||
|
const LoginRegisterPage = Loadable({
|
|||
|
loader: () => import('./modules/user/LoginRegisterPage'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
const AccountPage = Loadable({
|
|||
|
loader: () => import('./modules/user/AccountPage'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
// 个人主页
|
|||
|
const UsersInfo = Loadable({
|
|||
|
loader: () => import('./modules/user/usersInfo/Infos'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
// 兴趣页面
|
|||
|
const Interestpage = Loadable({
|
|||
|
loader: () => import('./modules/login/EducoderInteresse'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
//众包创新
|
|||
|
const ProjectPackages=Loadable({
|
|||
|
loader: () => import('./modules/projectPackages/ProjectPackageIndex'),
|
|||
|
loading: Loading,
|
|||
|
})
|
|||
|
|
|||
|
class App extends Component {
|
|||
|
constructor(props) {
|
|||
|
super(props)
|
|||
|
// this.state = {
|
|||
|
// isRenders:false,
|
|||
|
// }
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
componentDidMount() {
|
|||
|
// force an update if the URL changes
|
|||
|
history.listen(() => {
|
|||
|
this.forceUpdate()
|
|||
|
const $ = window.$
|
|||
|
// https://www.trustie.net/issues/21919 可能会有问题
|
|||
|
$("html").animate({ scrollTop: $('html').scrollTop() - 0 })
|
|||
|
});
|
|||
|
|
|||
|
initAxiosInterceptors(this.props)
|
|||
|
|
|||
|
//
|
|||
|
// axios.interceptors.response.use((response) => {
|
|||
|
// // console.log("response"+response);
|
|||
|
// if(response!=undefined)
|
|||
|
// // console.log("response"+response.data.statu);
|
|||
|
// if (response&&response.data.status === 407) {
|
|||
|
// this.setState({
|
|||
|
// isRenders: true,
|
|||
|
// })
|
|||
|
// }
|
|||
|
// return response;
|
|||
|
// }, (error) => {
|
|||
|
// //TODO 这里如果样式变了会出现css不加载的情况
|
|||
|
// });
|
|||
|
}
|
|||
|
//修改登录方法
|
|||
|
Modifyloginvalue=()=>{
|
|||
|
this.setState({
|
|||
|
isRender:false,
|
|||
|
})
|
|||
|
}
|
|||
|
|
|||
|
render() {
|
|||
|
|
|||
|
|
|||
|
return (
|
|||
|
<LocaleProvider locale={zhCN}>
|
|||
|
|
|||
|
|
|||
|
<MuiThemeProvider theme={theme}>
|
|||
|
<LoginDialog {...this.props} {...this.state} Modifyloginvalue={()=>this.Modifyloginvalue()}></LoginDialog>
|
|||
|
<Notcompletedysl {...this.props} {...this.state}></Notcompletedysl>
|
|||
|
<Trialapplicationysl {...this.props} {...this.state}></Trialapplicationysl>
|
|||
|
<Trialapplicationreview {...this.props} {...this.state}></Trialapplicationreview>
|
|||
|
<Addcourses {...this.props} {...this.state}/>
|
|||
|
<AccountProfile {...this.props} {...this.state}/>
|
|||
|
{/*{*/}
|
|||
|
{/* isRender === true?*/}
|
|||
|
{/* <LoginDialog></LoginDialog> : ""*/}
|
|||
|
{/*}*/}
|
|||
|
|
|||
|
{/*{*/}
|
|||
|
{/* isRenders === true?*/}
|
|||
|
{/*<Trialapplication></Trialapplication>*/}
|
|||
|
{/*:""*/}
|
|||
|
{/*}*/}
|
|||
|
|
|||
|
<Router>
|
|||
|
<Switch>
|
|||
|
{/*<Route path="/login" component={LoginRegisterPage}/>*/}
|
|||
|
|
|||
|
{/*众包创新*/}
|
|||
|
<Route path={"/crowdsourcings"} component={ProjectPackages}/>
|
|||
|
{/*认证*/}
|
|||
|
<Route path="/account" component={AccountPage}/>
|
|||
|
|
|||
|
{/*403*/}
|
|||
|
<Route path="/403" component={Shixunauthority}/>
|
|||
|
|
|||
|
<Route path="/500" component={http500}/>
|
|||
|
|
|||
|
{/*404*/}
|
|||
|
<Route path="/nopage" component={Shixunnopage}/>
|
|||
|
|
|||
|
<Route path="/compatibility" component={CompatibilityPageLoadable}/>
|
|||
|
<Route
|
|||
|
path="/login" component={EducoderLogin}
|
|||
|
/>
|
|||
|
<Route
|
|||
|
path="/register" component={EducoderLogin}
|
|||
|
/>
|
|||
|
<Route path="/users/:username"
|
|||
|
render={
|
|||
|
(props) => (<UsersInfo {...this.props} {...props} {...this.state} />)
|
|||
|
}></Route>
|
|||
|
{/*<Route*/}
|
|||
|
{/* path="/trialapplication" component={Trialapplication}*/}
|
|||
|
{/*/>*/}
|
|||
|
<Route
|
|||
|
path="/changepassword" component={EducoderLogin}
|
|||
|
/>
|
|||
|
<Route
|
|||
|
path="/interesse" component={Interestpage}
|
|||
|
|
|||
|
/>
|
|||
|
|
|||
|
<Route path="/shixuns/new" component={Newshixuns}>
|
|||
|
</Route>
|
|||
|
|
|||
|
<Route path="/tasks/:stageId" component={IndexWrapperComponent}/>
|
|||
|
|
|||
|
<Route path="/shixuns/:shixunId" component={TPMIndexComponent}>
|
|||
|
</Route>
|
|||
|
|
|||
|
{/*列表页*/}
|
|||
|
<Route path="/shixuns" component={TPMShixunsIndexComponent}/>
|
|||
|
|
|||
|
{/* <Route path="/shixunchild" component={TPMShixunchildIndexComponent}>
|
|||
|
</Route>
|
|||
|
<Route path="/fork_list" component={TPMshixunfork_listIndexComponent}>
|
|||
|
</Route> */}
|
|||
|
|
|||
|
{/*<Route path="/forums" component={ForumsIndexComponent}>*/}
|
|||
|
{/*</Route>*/}
|
|||
|
|
|||
|
|
|||
|
{/*实训课程(原实训路径)*/}
|
|||
|
<Route path="/paths" component={ShixunPaths}></Route>
|
|||
|
|
|||
|
<Route path="/search"
|
|||
|
render={
|
|||
|
(props)=>(<SearchPage {...this.props} {...props} {...this.state}></SearchPage>)
|
|||
|
}
|
|||
|
></Route>
|
|||
|
|
|||
|
{/*课堂*/}
|
|||
|
<Route path="/courses" component={CoursesIndex} {...this.props}></Route>
|
|||
|
|
|||
|
{/* 课堂讨论 */}
|
|||
|
{/* <Route path="/board" component = {BoardIndex} {...this.props}></Route> */}
|
|||
|
|
|||
|
{/* <Route path="/tpforums" component={TPForumsIndexComponent}>
|
|||
|
</Route> */}
|
|||
|
|
|||
|
{/* <Route path="/myshixuns/:shixunId/stages/:stageId" component={Index}/> */}
|
|||
|
{/* 兴趣页面*/}
|
|||
|
{/*<Route path="/interest" component={Interestpage}/>*/}
|
|||
|
|
|||
|
<Route path="/comment" component={CommentComponent}/>
|
|||
|
<Route path="/testMaterial" component={TestMaterialDesignComponent}/>
|
|||
|
<Route path="/test" component={TestIndex}/>
|
|||
|
<Route path="/testCodeMirror" component={TestCodeMirrorComponent}/>
|
|||
|
<Route path="/testRCComponent" component={TestComponent}/>
|
|||
|
<Route path="/testUrlQuery" component={TestUrlQueryComponent}/>
|
|||
|
|
|||
|
{/* 教学案例 */}
|
|||
|
<Route path="/moop_cases"render={
|
|||
|
(props) => (<MoopCases {...this.props} {...props} {...this.state} />)
|
|||
|
}/>
|
|||
|
|
|||
|
{/* <Route component={NotFoundPage}/> */}
|
|||
|
{/*列表页*/}
|
|||
|
{/*<Route component={TPMShixunsIndexComponent}/>*/}
|
|||
|
{/*首页*/}
|
|||
|
<Route exact path="/" component={ShixunsHome}/>
|
|||
|
<Route component={Shixunnopage}/>
|
|||
|
|
|||
|
{/*<Route component={ShixunsHome}/>*/}
|
|||
|
|
|||
|
</Switch>
|
|||
|
</Router>
|
|||
|
</MuiThemeProvider>
|
|||
|
</LocaleProvider>
|
|||
|
);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// moment国际化,设置为中文
|
|||
|
moment.defineLocale('zh-cn', {
|
|||
|
months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
|
|||
|
monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
|
|||
|
weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
|
|||
|
weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),
|
|||
|
weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
|
|||
|
longDateFormat: {
|
|||
|
LT: 'Ah点mm分',
|
|||
|
LTS: 'Ah点m分s秒',
|
|||
|
L: 'YYYY-MM-DD',
|
|||
|
LL: 'YYYY年MMMD日',
|
|||
|
LLL: 'YYYY年MMMD日Ah点mm分',
|
|||
|
LLLL: 'YYYY年MMMD日ddddAh点mm分',
|
|||
|
l: 'YYYY-MM-DD',
|
|||
|
ll: 'YYYY年MMMD日',
|
|||
|
lll: 'YYYY年MMMD日Ah点mm分',
|
|||
|
llll: 'YYYY年MMMD日ddddAh点mm分'
|
|||
|
},
|
|||
|
meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
|
|||
|
meridiemHour: function (hour, meridiem) {
|
|||
|
if (hour === 12) {
|
|||
|
hour = 0;
|
|||
|
}
|
|||
|
if (meridiem === '凌晨' || meridiem === '早上' ||
|
|||
|
meridiem === '上午') {
|
|||
|
return hour;
|
|||
|
} else if (meridiem === '下午' || meridiem === '晚上') {
|
|||
|
return hour + 12;
|
|||
|
} else {
|
|||
|
// '中午'
|
|||
|
return hour >= 11 ? hour : hour + 12;
|
|||
|
}
|
|||
|
},
|
|||
|
meridiem: function (hour, minute, isLower) {
|
|||
|
var hm = hour * 100 + minute;
|
|||
|
if (hm < 600) {
|
|||
|
return '凌晨';
|
|||
|
} else if (hm < 900) {
|
|||
|
return '早上';
|
|||
|
} else if (hm < 1130) {
|
|||
|
return '上午';
|
|||
|
} else if (hm < 1230) {
|
|||
|
return '中午';
|
|||
|
} else if (hm < 1800) {
|
|||
|
return '下午';
|
|||
|
} else {
|
|||
|
return '晚上';
|
|||
|
}
|
|||
|
},
|
|||
|
calendar: {
|
|||
|
sameDay: function () {
|
|||
|
return this.minutes() === 0 ? '[今天]Ah[点整]' : '[今天]LT';
|
|||
|
},
|
|||
|
nextDay: function () {
|
|||
|
return this.minutes() === 0 ? '[明天]Ah[点整]' : '[明天]LT';
|
|||
|
},
|
|||
|
lastDay: function () {
|
|||
|
return this.minutes() === 0 ? '[昨天]Ah[点整]' : '[昨天]LT';
|
|||
|
},
|
|||
|
nextWeek: function () {
|
|||
|
var startOfWeek, prefix;
|
|||
|
startOfWeek = moment().startOf('week');
|
|||
|
prefix = this.unix() - startOfWeek.unix() >= 7 * 24 * 3600 ? '[下]' : '[本]';
|
|||
|
return this.minutes() === 0 ? prefix + 'dddAh点整' : prefix + 'dddAh点mm';
|
|||
|
},
|
|||
|
lastWeek: function () {
|
|||
|
var startOfWeek, prefix;
|
|||
|
startOfWeek = moment().startOf('week');
|
|||
|
prefix = this.unix() < startOfWeek.unix() ? '[上]' : '[本]';
|
|||
|
return this.minutes() === 0 ? prefix + 'dddAh点整' : prefix + 'dddAh点mm';
|
|||
|
},
|
|||
|
sameElse: 'LL'
|
|||
|
},
|
|||
|
ordinalParse: /\d{1,2}(日|月|周)/,
|
|||
|
ordinal: function (number, period) {
|
|||
|
switch (period) {
|
|||
|
case 'd':
|
|||
|
case 'D':
|
|||
|
case 'DDD':
|
|||
|
return number + '日';
|
|||
|
case 'M':
|
|||
|
return number + '月';
|
|||
|
case 'w':
|
|||
|
case 'W':
|
|||
|
return number + '周';
|
|||
|
default:
|
|||
|
return number;
|
|||
|
}
|
|||
|
},
|
|||
|
relativeTime: {
|
|||
|
future: '%s内',
|
|||
|
past: '%s前',
|
|||
|
s: '几秒',
|
|||
|
m: '1分钟',
|
|||
|
mm: '%d分钟',
|
|||
|
h: '1小时',
|
|||
|
hh: '%d小时',
|
|||
|
d: '1天',
|
|||
|
dd: '%d天',
|
|||
|
M: '1个月',
|
|||
|
MM: '%d个月',
|
|||
|
y: '1年',
|
|||
|
yy: '%d年'
|
|||
|
},
|
|||
|
week: {
|
|||
|
// GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
|
|||
|
dow: 1, // Monday is the first day of the week.
|
|||
|
doy: 4 // The week that contains Jan 4th is the first week of the year.
|
|||
|
}
|
|||
|
});
|
|||
|
export default SnackbarHOC()(App);
|