|
- 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);
|