|
|
@ -74,55 +74,55 @@ class MainContent extends Component {
|
|
|
|
</div>*/}
|
|
|
|
</div>*/}
|
|
|
|
|
|
|
|
|
|
|
|
<div className="-layout-v -flex">
|
|
|
|
<div className="-layout-v -flex">
|
|
|
|
<div className="-flex -relative">
|
|
|
|
<div className="-flex -relative">
|
|
|
|
<div className="split-panel -fit -vertical" id="games_repository_valuation">
|
|
|
|
<div className="split-panel -fit -vertical" id="games_repository_valuation">
|
|
|
|
<div className="-layout -stretch -fit -vertical centerH">
|
|
|
|
<div className="-layout -stretch -fit -vertical centerH">
|
|
|
|
<div className="-layout -vertical -flex -relative -flex-basic70 -bg-weightblack"
|
|
|
|
<div className="-layout -vertical -flex -relative -flex-basic70 -bg-weightblack"
|
|
|
|
id="games_repository_contents" style={games_repository_contents_style} >
|
|
|
|
id="games_repository_contents" style={games_repository_contents_style} >
|
|
|
|
|
|
|
|
|
|
|
|
{/* 选择题或编程题 */}
|
|
|
|
{/* 选择题或编程题 */}
|
|
|
|
{/* readRepoTimeout 如果读取代码超时,显示重新加载按钮,重新拉取代码 */}
|
|
|
|
{/* readRepoTimeout 如果读取代码超时,显示重新加载按钮,重新拉取代码 */}
|
|
|
|
{
|
|
|
|
{
|
|
|
|
st === 0
|
|
|
|
st === 0
|
|
|
|
?
|
|
|
|
?
|
|
|
|
readRepoTimeout === true ? <div className="readRepoFailed">
|
|
|
|
readRepoTimeout === true ? <div className="readRepoFailed">
|
|
|
|
代码加载失败,<a className="retry"
|
|
|
|
代码加载失败,<a className="retry"
|
|
|
|
onClick={() => this.props.fetchRepositoryCode(this.props, null, null, true)}>重试</a>
|
|
|
|
onClick={() => this.props.fetchRepositoryCode(this.props, null, null, true)}>重试</a>
|
|
|
|
</div> :
|
|
|
|
</div> :
|
|
|
|
<React.Fragment>
|
|
|
|
<React.Fragment>
|
|
|
|
<CircularProgress size={40} thickness={3}
|
|
|
|
<CircularProgress size={40} thickness={3}
|
|
|
|
style={{ display: (codeLoading ? 'block' : 'none') , marginLeft: 'auto', marginRight: 'auto', marginTop: '20%' }}/>
|
|
|
|
style={{ display: (codeLoading ? 'block' : 'none') , marginLeft: 'auto', marginRight: 'auto', marginTop: '20%' }}/>
|
|
|
|
<div style={{ display: (codeLoading ? 'none' : 'block') }}>
|
|
|
|
<div style={{ display: (codeLoading ? 'none' : 'block') }}>
|
|
|
|
<CodeRepositoryViewContainer { ...this.props } ></CodeRepositoryViewContainer>
|
|
|
|
<CodeRepositoryViewContainer { ...this.props } ></CodeRepositoryViewContainer>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</React.Fragment>
|
|
|
|
</React.Fragment>
|
|
|
|
: <ChooseRepositoryView ref="chooseQ" { ...this.props }></ChooseRepositoryView>
|
|
|
|
: <ChooseRepositoryView ref="chooseQ" { ...this.props }></ChooseRepositoryView>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
{/* */}
|
|
|
|
{/* */}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="h-center" style={{top: '438px'}}>
|
|
|
|
<div className="h-center" style={{top: '438px'}}>
|
|
|
|
{/*<div className="-changebg -bg-weightblack" id="-bg-change-color"></div>*/}
|
|
|
|
{/*<div className="-changebg -bg-weightblack" id="-bg-change-color"></div>*/}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic60"
|
|
|
|
<div className="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic60"
|
|
|
|
id="games_valuation_contents" style={{height: '258px'}}>
|
|
|
|
id="games_valuation_contents" style={{height: '258px'}}>
|
|
|
|
{/* 测试结果、评测信息区域 */}
|
|
|
|
{/* 测试结果、评测信息区域 */}
|
|
|
|
{ loading ? <CircularProgress size={40} thickness={3} style={{ marginLeft: 'auto', marginRight: 'auto', marginTop: '10%', display: 'block' }}/>
|
|
|
|
{ loading ? <CircularProgress size={40} thickness={3} style={{ marginLeft: 'auto', marginRight: 'auto', marginTop: '10%', display: 'block' }}/>
|
|
|
|
:
|
|
|
|
:
|
|
|
|
st === 0
|
|
|
|
st === 0
|
|
|
|
? <CodeEvaluateView output_sets={output_sets} latest_output={latest_output}
|
|
|
|
? <CodeEvaluateView output_sets={output_sets} latest_output={latest_output}
|
|
|
|
record={record} onTestSetHeaderClick={onTestSetHeaderClick} {...this.props}></CodeEvaluateView>
|
|
|
|
record={record} onTestSetHeaderClick={onTestSetHeaderClick} {...this.props}></CodeEvaluateView>
|
|
|
|
: <ChooseEvaluateView {...this.props}></ChooseEvaluateView>
|
|
|
|
: <ChooseEvaluateView {...this.props}></ChooseEvaluateView>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="actionView" className="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack" style={{height:'48px'}}>
|
|
|
|
<div id="actionView" className="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack" style={{height:'48px'}}>
|
|
|
|
<ActionView onRunCodeTest={onRunCodeTest} {...this.props}></ActionView>
|
|
|
|
<ActionView onRunCodeTest={onRunCodeTest} {...this.props}></ActionView>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|