myshixun新版框架搭建
This commit is contained in:
parent
59a74e5321
commit
bd2cbd6793
|
|
@ -50,6 +50,10 @@ module ApplicationHelper
|
|||
end
|
||||
|
||||
# 定义实训相关方法
|
||||
def sum_final_score
|
||||
Game.find_by_sql("SELECT sum(final_score) as total_score FROM `games` where user_id=#{User.current.id}").first.try(:total_score)
|
||||
end
|
||||
|
||||
# myshixun 最高分
|
||||
def top_score shixun, position
|
||||
Game.find_by_sql("SELECT max(final_score) as top_score FROM `games` g, `challenges` c where g.challenge_id = c.id and c.position=#{position} and g.myshixun_id in (SELECT id FROM `myshixuns` ms where ms.shixun_id=#{shixun.id})").first.try(:top_score)
|
||||
|
|
|
|||
|
|
@ -1,3 +1,39 @@
|
|||
<div class="page--over undis" >
|
||||
<div class="col-width-3 -scroll" style="height:100%;">
|
||||
<div class="-task-list-header clearfix">
|
||||
<h3 class="fl">全部任务</h3>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">01</span><h4 class=" -task-list-title fl"> 础入门Python基础入门P</h4>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">02</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基础</h4>
|
||||
<a href="#" class=" fr" title="开启"><i class="fa fa-toggle-right color-light-green font-18 mt5 " ></i></a>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">03</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基础入thon基础入thon基础入thon基础入thon基础入门</h4>
|
||||
<span class=" fr color-light-green">正在解决</span>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">04</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基</h4>
|
||||
<a href="#" class=" fr"> <i class="fa fa-lock fr font-18 mt5" ></i></a>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content clearfix" >
|
||||
<div class="col-width-10 ml15 mt15 mr15">
|
||||
<div class="panel-header clearfix">
|
||||
|
|
|
|||
|
|
@ -1,16 +1,22 @@
|
|||
<div class="content-editor col-width2 CELL" id="myshixun_repository">
|
||||
<%= render :partial => 'myshixun_repository' %>
|
||||
<div class="panel-header clearfix">
|
||||
<h3 class="fl">
|
||||
<%= render :partial => 'myshixun_breadcrumbs', :locals => {:path => @path, :kind => 'dir'} %>
|
||||
</h3>
|
||||
<div class="fr mt5 -horizontal">
|
||||
<a href="#"><i class="fa fa-arrows-alt font-16 mr5"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-editor-inner">
|
||||
<% if params[:action] == "entry" || @file_open %>
|
||||
<div id="file_entry_content">
|
||||
<%= render :partial => 'games/file_edit_form', :locals => {:filename => @path, :content => @content} %>
|
||||
</div>
|
||||
<% else %>
|
||||
<% unless @entries.blank? %>
|
||||
<%= render :partial => 'tree', :locals => { :extend => false}%>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<div class="cl"></div>
|
||||
<script>
|
||||
var web_h = window.innerHeight;
|
||||
$(document).ready(function(){
|
||||
|
||||
});
|
||||
function extend_repository(){
|
||||
$("#extend_code_results").hide();
|
||||
$("#myshixun_extend_repository").show();
|
||||
extend_editor.refresh();
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,51 +1,162 @@
|
|||
<%= javascript_include_tag 'baiduTemplate', 'jquery.datetimepicker.js' %>
|
||||
<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c" %>
|
||||
<%= stylesheet_link_tag "/assets/codemirror/codemirror" %>
|
||||
<div id="content_list" class="CELL _FLEX ROWS">
|
||||
<%= render :partial => "game_show" %>
|
||||
<div class="page--body -margin-t-64 -flex ">
|
||||
<div class="-layout -stretch -fit">
|
||||
<div class="split-panel--first -layout -vertical -flex -relative -flex-basic50" >
|
||||
<div class="-fit -layout-v">
|
||||
<div class="-layout-v -flex -bg-white -task-ml80">
|
||||
<ul id="tab_nav" class="-tab-nav">
|
||||
<li id="tab_nav_1" class="tab_hover " onclick="HoverLi1(1);">
|
||||
<a href="javascript:void(0);" class="tab_type">过关任务</a>
|
||||
</li>
|
||||
<li id="tab_nav_2" onclick="HoverLi1(2);">
|
||||
<a href="javascript:void(0);" class="tab_type" >预备知识</a>
|
||||
</li>
|
||||
<li id="tab_nav_3" onclick="HoverLi1(3);">
|
||||
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
|
||||
</li>
|
||||
<span class="btn-cir-big fr mt8 mr15" >经验值：<%= @game_challenge.score %></span>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
<div class=" -flex -relative greytab-inner" >
|
||||
<div id="tab_con_1" class=" tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<%= h @game_challenge.task_pass.try(:html_safe) %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_con_2" class="undis tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<%= h @game_challenge.ready_knowledge.try(:html_safe) %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_con_3" class="undis tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<%= @game_challenge.answer %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-layout-h -center -padding-h-16 -horizontal -footer-left" >
|
||||
<ul class="-layout -task-ml80" >
|
||||
<li title="点赞"><i class="fa fa-thumbs-up mr15 font-20 " alt="赞" ></i></li>
|
||||
<li title="踩"><i class="fa fa-thumbs-down mr15 font-20 " ></i></li>
|
||||
<li title="纠错"><i class="fa fa-flag mr30 font-20 " ></i></li>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content_attr_1">
|
||||
<%= render :partial => 'desc_full_show'%>
|
||||
<div class="split-panel--second -layout -vertical -flex -relative -flex-basic50" >
|
||||
<div class="-layout-v -flex">
|
||||
<div class="-flex -relative">
|
||||
<div class="split-panel -fit -vertical">
|
||||
<div class="-layout -stretch -fit -vertical">
|
||||
<div class="split-panel--first -layout -vertical -flex -relative -bg-black -flex-basic60">
|
||||
<div class="task-source-view -fit">
|
||||
<%= render :partial => 'games/repository' %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic40" >
|
||||
<ul id="blacktab_nav">
|
||||
<li id="blacktab_nav_1" class="blacktab_hover " onclick="HoverLi(1);">
|
||||
<a href="javascript:void(0);" class="tab_type">测试结果</a>
|
||||
</li>
|
||||
<li id="blacktab_nav_2" onclick="HoverLi(2);">
|
||||
<a href="javascript:void(0);" class="tab_type" >评测信息</a>
|
||||
</li>
|
||||
<i class="fa fa-expand font-16 color-grey fr mt10 mr15" ></i>
|
||||
<div class="cl"></div>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
<div class=" -flex -relative blacktab-inner" >
|
||||
<div id="blacktab_con_1" class="" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<p class="color-orange mb10"><i class="fa fa-exclamation-circle font-16 " ></i><span class="ml5 mr5">0/11</span> 编译错误</p>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-down" ></i>
|
||||
<span>测试集 1</span>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
<ul>
|
||||
<li><span class="-task-ces-info-left color-blue">输入：</span><span>param1：1</span></li>
|
||||
<li><span class="-task-ces-info-left color-blue">实际输出：</span><span>空</span></li>
|
||||
<li><span class="-task-ces-info-left color-blue">期望输出：</span><span>3</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 2</span>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 3</span>
|
||||
<i class="fa fa-lock fr mt8" ></i>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 4</span>
|
||||
<i class="fa fa-exclamation-circle color-orange fr mt8" ></i>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="blacktab_con_2" class="undis " >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16 ">
|
||||
<p class="color-light-green mb10"><i class="fa fa-check-circle font-16 " ></i><span class="ml5 mr5">11/11</span> 全部通过</p>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-info">
|
||||
<ul>
|
||||
<li><span class="-task-ces-info-left ">样例测试：</span><span class="color-light-green">9/9</span></li>
|
||||
<li><span class="-task-ces-info-left">隐藏测试：</span><span class="color-light-green">9/9</span></li>
|
||||
<li><span class="-task-ces-info-left">经验值：</span><span class="color-light-green">+ 300</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack " style="height:48px; ">
|
||||
<div class="-flex -layout-h" >
|
||||
<span class="mt10 -flex ml15">耗时：1天5小时10分钟</span>
|
||||
<a href="#" class="task-btn task-btn-blue mr15 mt8">测评</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-width content-all-fix undis" style="border: none" id="myshixun_extend_repository">
|
||||
<%= render :partial => 'myshixun_extend_repository' %>
|
||||
</div>
|
||||
<div id="content_attr_2">
|
||||
<%= render :partial => 'extend_test_output' %>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" language="javascript">
|
||||
// contents_h 是中间左侧内容页的高度，不同浏览器的得到高度不一致
|
||||
// contents_top_h 是内容页头部的高度
|
||||
// contents_tab_nav是三个tab的高度
|
||||
// residue_h contents剩余展示内容的高度
|
||||
// 左侧内容
|
||||
var contents_h = $("#tpi_contents_info").height();
|
||||
var contents_top_h = $("#contents_top").height() + 20;
|
||||
var contents_tab_nav = $("#tab_nav").height();
|
||||
var residue_h = contents_h - contents_top_h - contents_tab_nav - 10;
|
||||
$(document).ready(function(){
|
||||
$(".tab-info-inner").css("height", residue_h+"px");
|
||||
$(".content-half-fix").css("height", residue_h + 310 +"px")
|
||||
});
|
||||
//课程大纲tab
|
||||
function g(o){return document.getElementById(o);}
|
||||
function HoverLi(n){
|
||||
for(var i=1;i<=3;i++){
|
||||
g('tab_nav_'+i).className='tab_nomal';
|
||||
g('tab_con_'+i).className='undis';
|
||||
}
|
||||
g('tab_con_'+n).className='dis';
|
||||
g('tab_nav_'+n).className='tab_hover';
|
||||
if(n == 3){
|
||||
// 点击参考答案时，让codemirror展示,如果不refresh的话，第一次展示会隐藏
|
||||
myCodeMirror.refresh();
|
||||
}
|
||||
}
|
||||
$("#close_myshixun_tip").click(function(){
|
||||
$("#myshixun_tip").hide();
|
||||
});
|
||||
function close_big_repository(){
|
||||
$("#myshixun_extend_repository").hide()
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
|
|
@ -19,59 +19,10 @@
|
|||
<div class="cl"></div>
|
||||
|
||||
<div class="page -layout-v -fit ">
|
||||
<div class="page--over undis" >
|
||||
<div class="col-width-3 -scroll" style="height:100%;">
|
||||
<div class="-task-list-header clearfix">
|
||||
<h3 class="fl">全部任务</h3>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">01</span><h4 class=" -task-list-title fl"> 础入门Python基础入门P</h4>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">02</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基础</h4>
|
||||
<a href="#" class=" fr" title="开启"><i class="fa fa-toggle-right color-light-green font-18 mt5 " ></i></a>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">03</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基础入thon基础入thon基础入thon基础入thon基础入门</h4>
|
||||
<span class=" fr color-light-green">正在解决</span>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-list">
|
||||
<div class=" clearfix -task-list-inner">
|
||||
<span class="icon-success fl mr5">04</span><h4 class=" -task-list-title fl"> 础入门Python基础入门Python基</h4>
|
||||
<a href="#" class=" fr"> <i class="fa fa-lock fr font-18 mt5" ></i></a>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page--header clearfix" id="myshixun_top">
|
||||
<%= render :partial => 'myshixuns/myshixun_top' %>
|
||||
</div>
|
||||
<div class="page--header clearfix" >
|
||||
<div class="-layout-h ml10 fl">
|
||||
<h2 class="-header-title task-hide font-20 color-white">Helloworld:Java入门实训项目</h2>
|
||||
<i class="fa fa-angle-right color-white font-20 ml5 mr5 mt10"></i>
|
||||
<span class="font-20 color-white">第一关</span>
|
||||
</div>
|
||||
<div class="-layout-h mr10 fr mt3 -header-right-box">
|
||||
<div class="-header-right clearfix">
|
||||
<img src="/images/task/coin.png" class="fl" width="30" height="30">
|
||||
<span class="ml5 color-white fl">3,000</span>
|
||||
</div>
|
||||
<div class="-header-right-info ">
|
||||
<font></font>
|
||||
<div class="-task-bar-bg"><span class="-task-bar-inner -task-widht-30"></span>3k/8K</div>
|
||||
<span class="font-12 color-grey">距离下次升级需要 +5000 经验值</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page--leftnav" >
|
||||
<div class="page--leftnav">
|
||||
<div class="user-info">
|
||||
<a href="#" class="user-info-img"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
|
||||
<a href="#" class="user-info-name">胡莎莎</a>
|
||||
|
|
@ -82,250 +33,12 @@
|
|||
<i class="fa fa-gamepad font-20"></i><br/><span class="font-12">当前任务</span>
|
||||
</a></li>
|
||||
<li class="leftnav-box"><a href="#" class="leftnav-box-inner ">
|
||||
<i class="fa fa-qrcode font-20"></i><br/><span class="font-12">全部任务</span><span class="btn-cir ml5">123</span>
|
||||
<i class="fa fa-qrcode font-20"></i><br/><span class="font-12">全部任务</span><span class="btn-cir ml5"><%= @myshixun.games.count %></span>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page--body -margin-t-64 -flex ">
|
||||
<div class="-layout -stretch -fit">
|
||||
<div class="split-panel--first -layout -vertical -flex -relative -flex-basic50" >
|
||||
<div class="-fit -layout-v">
|
||||
<div class="-layout-v -flex -bg-white -task-ml80">
|
||||
<ul id="tab_nav" class="-tab-nav">
|
||||
<li id="tab_nav_1" class="tab_hover " onclick="HoverLi1(1);">
|
||||
<a href="javascript:void(0);" class="tab_type">过关任务</a>
|
||||
</li>
|
||||
<li id="tab_nav_2" onclick="HoverLi1(2);">
|
||||
<a href="javascript:void(0);" class="tab_type" >预备知识</a>
|
||||
</li>
|
||||
<li id="tab_nav_3" onclick="HoverLi1(3);">
|
||||
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
|
||||
</li>
|
||||
<span class="btn-cir-big fr mt8 mr15" >经验值：300</span>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
<div class=" -flex -relative greytab-inner" >
|
||||
<div id="tab_con_1" class=" tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<h3>第一关标题</h3>
|
||||
<p>
|
||||
Python3 代码风格建议<br/>
|
||||
Python3 中使用注释<br/>
|
||||
认识 Python3 模块<br/>
|
||||
实验步骤<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
Python3 中使用注释<br/>
|
||||
认识 Python3 模块<br/>
|
||||
实验步骤<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
Python3 中使用注释<br/>
|
||||
认识 Python3 模块<br/>
|
||||
实验步骤<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
Python3 中使用注释<br/>
|
||||
认识 Python3 模块<br/>
|
||||
实验步骤<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
Python3 中使用注释<br/>
|
||||
认识 Python3 模块<br/>
|
||||
实验步骤<br/>
|
||||
1. 解释器<br/>
|
||||
Python 是一个脚本语言，你可以在 Python <br/>解释器中直接写代码或者将代码写到一个文件里，然后执行这个文件（即脚本文件）。<br/>
|
||||
首先，我们从使用解释器开始，打开终端，键入Python3 并回车。这个时候解释器便工作于交互模式。<br/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_con_2" class="undis tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab_con_3" class="undis tab-info" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
<p>dafafdasf</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-layout-h -center -padding-h-16 -horizontal -footer-left" >
|
||||
<ul class="-layout -task-ml80" >
|
||||
<li title="点赞"><i class="fa fa-thumbs-up mr15 font-20 " alt="赞" ></i></li>
|
||||
<li title="踩"><i class="fa fa-thumbs-down mr15 font-20 " ></i></li>
|
||||
<li title="纠错"><i class="fa fa-flag mr30 font-20 " ></i></li>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split-panel--second -layout -vertical -flex -relative -flex-basic50" >
|
||||
<div class="-layout-v -flex">
|
||||
<div class="-flex -relative">
|
||||
<div class="split-panel -fit -vertical">
|
||||
<div class="-layout -stretch -fit -vertical">
|
||||
<div class="split-panel--first -layout -vertical -flex -relative -bg-black -flex-basic60">
|
||||
<div class="task-source-view -fit">
|
||||
<div class="panel-header clearfix">
|
||||
<h3 class="fl"><a href="#">testrepo</a> / <a href="#">lib</a> / <a href="#">plugins</a> / <a href="#">acts_as_searchable</a> / <span >init.rb</span></h3>
|
||||
<div class="fr mt5 -horizontal">
|
||||
<a href="#"><i class="fa fa-arrows-alt font-16 mr5"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-editor-inner">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic40" >
|
||||
<ul id="blacktab_nav">
|
||||
<li id="blacktab_nav_1" class="blacktab_hover " onclick="HoverLi(1);">
|
||||
<a href="javascript:void(0);" class="tab_type">测试结果</a>
|
||||
</li>
|
||||
<li id="blacktab_nav_2" onclick="HoverLi(2);">
|
||||
<a href="javascript:void(0);" class="tab_type" >评测信息</a>
|
||||
</li>
|
||||
<i class="fa fa-expand font-16 color-grey fr mt10 mr15" ></i>
|
||||
<div class="cl"></div>
|
||||
</ul>
|
||||
<div class="cl"></div>
|
||||
<div class=" -flex -relative blacktab-inner" >
|
||||
<div id="blacktab_con_1" class="" >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16">
|
||||
<p class="color-orange mb10"><i class="fa fa-exclamation-circle font-16 " ></i><span class="ml5 mr5">0/11</span> 编译错误</p>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-down" ></i>
|
||||
<span>测试集 1</span>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
<ul>
|
||||
<li><span class="-task-ces-info-left color-blue">输入：</span><span>param1：1</span></li>
|
||||
<li><span class="-task-ces-info-left color-blue">实际输出：</span><span>空</span></li>
|
||||
<li><span class="-task-ces-info-left color-blue">期望输出：</span><span>3</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 2</span>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 3</span>
|
||||
<i class="fa fa-lock fr mt8" ></i>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-top">
|
||||
<i class="fa fa-caret-right" ></i>
|
||||
<span>测试集 4</span>
|
||||
<i class="fa fa-exclamation-circle color-orange fr mt8" ></i>
|
||||
</div>
|
||||
<div class="-task-ces-info">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="blacktab_con_2" class="undis " >
|
||||
<div class="fit -scroll">
|
||||
<div class="-layout-v -fit">
|
||||
<div class="-flex -scroll task-padding16 ">
|
||||
<p class="color-light-green mb10"><i class="fa fa-check-circle font-16 " ></i><span class="ml5 mr5">11/11</span> 全部通过</p>
|
||||
<div class="-task-ces-box mb10 clearfix">
|
||||
<div class="-task-ces-info">
|
||||
<ul>
|
||||
<li><span class="-task-ces-info-left ">样例测试：</span><span class="color-light-green">9/9</span></li>
|
||||
<li><span class="-task-ces-info-left">隐藏测试：</span><span class="color-light-green">9/9</span></li>
|
||||
<li><span class="-task-ces-info-left">经验值：</span><span class="color-light-green">+ 300</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack " style="height:48px; ">
|
||||
<div class="-flex -layout-h" >
|
||||
<span class="mt10 -flex ml15">耗时：1天5小时10分钟</span>
|
||||
<a href="#" class="task-btn task-btn-blue mr15 mt8">测评</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%= yield %>
|
||||
</div>
|
||||
|
||||
<div id="ajax-indicator" style="display:none;">
|
||||
|
|
@ -336,31 +49,31 @@
|
|||
</body>
|
||||
<!-- MathJax的配置 -->
|
||||
<script type="text/javascript" src="/javascripts/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
|
||||
$("#all_task_tab").click(function(){
|
||||
$("#all_task_tab").addClass("leftnav-active");
|
||||
$("#current_task_tab").removeClass("leftnav-active");
|
||||
});
|
||||
$("#current_task_tab").click(function(){
|
||||
$("#current_task_tab").addClass("leftnav-active");
|
||||
$("#all_task_tab").removeClass("leftnav-active");
|
||||
});
|
||||
function g(o){return document.getElementById(o);}
|
||||
function HoverLi1(n){
|
||||
for(var i=1;i<=3;i++){
|
||||
g('tab_nav_'+i).className='tab_nomal';
|
||||
g('tab_con_'+i).className='undis';
|
||||
}
|
||||
g('tab_con_'+n).className='dis';
|
||||
g('tab_nav_'+n).className='tab_hover';
|
||||
}
|
||||
function HoverLi(n){
|
||||
for(var i=1;i<=2;i++){
|
||||
g('blacktab_nav_'+i).className='blacktab_nomal';
|
||||
g('blacktab_con_'+i).className='undis';
|
||||
}
|
||||
g('blacktab_con_'+n).className='dis';
|
||||
g('blacktab_nav_'+n).className='blacktab_hover';
|
||||
}
|
||||
$("#all_task_tab").click(function(){
|
||||
$("#all_task_tab").addClass("leftnav-active");
|
||||
$("#current_task_tab").removeClass("leftnav-active");
|
||||
});
|
||||
$("#current_task_tab").click(function(){
|
||||
$("#current_task_tab").addClass("leftnav-active");
|
||||
$("#all_task_tab").removeClass("leftnav-active");
|
||||
});
|
||||
function g(o){return document.getElementById(o);}
|
||||
function HoverLi1(n){
|
||||
for(var i=1;i<=3;i++){
|
||||
g('tab_nav_'+i).className='tab_nomal';
|
||||
g('tab_con_'+i).className='undis';
|
||||
}
|
||||
g('tab_con_'+n).className='dis';
|
||||
g('tab_nav_'+n).className='tab_hover';
|
||||
}
|
||||
function HoverLi(n){
|
||||
for(var i=1;i<=2;i++){
|
||||
g('blacktab_nav_'+i).className='blacktab_nomal';
|
||||
g('blacktab_con_'+i).className='undis';
|
||||
}
|
||||
g('blacktab_con_'+n).className='dis';
|
||||
g('blacktab_nav_'+n).className='blacktab_hover';
|
||||
}
|
||||
</script>
|
||||
<%= javascript_include_tag 'cookie','project',"avatars", 'header','prettify','select_list_move','attachments' %>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,16 @@
|
|||
<div class="rightbar-header clearfix CELL">
|
||||
<h2 class="rightbar-h2 fl"><%= @myshixun.name %></h2>
|
||||
<a href="javascript:void(0)" class="fr rightbar-pause" id="leave_shixun_page"><i class="fa fa-power-off font-20 mt5"></i><span class="ml10">暂时离开</span></a>
|
||||
<ul class="rightbar-score fr" >
|
||||
<!--<li><i class="fa fa-signal font-14 mr5"></i>排名：<a href="#" class="">123</a></li>-->
|
||||
<% if params[:action] == "show" && (Time.now - @game.created_at) > 60 %>
|
||||
<li><i class="fa fa-trophy font-14 mr5"></i>积分：<%= shixun_final_score(@myshixun) %></li>
|
||||
<li><i class="fa fa-clock-o font-14 mr5"></i>耗时：<%= @game.status != 2 ? game_spend_time(@game.created_at, Time.now) : game_spend_time(@game.created_at, @game.updated_at) %></li>
|
||||
<% end %>
|
||||
</ul>
|
||||
<div class="-layout-h ml10 fl">
|
||||
<h2 class="-header-title task-hide font-20 color-white">Helloworld:Java入门实训项目</h2>
|
||||
<i class="fa fa-angle-right color-white font-20 ml5 mr5 mt10"></i>
|
||||
<span class="font-20 color-white">第<%= @game_challenge.position %>关</span>
|
||||
</div>
|
||||
<script>
|
||||
$("#leave_shixun_page").click(function(){
|
||||
var htmlvalue = "<%= j (render :partial => 'games/leave_tip') %>";
|
||||
pop_box_new(htmlvalue,460,316);
|
||||
});
|
||||
</script>
|
||||
<div class="-layout-h mr10 fr mt3 -header-right-box">
|
||||
<div class="-header-right clearfix">
|
||||
<img src="/images/task/coin.png" class="fl" width="30" height="30">
|
||||
<span class="ml5 color-white fl"><%= sum_final_score %></span>
|
||||
</div>
|
||||
<!--<div class="-header-right-info ">-->
|
||||
<!--<font></font>-->
|
||||
<!--<div class="-task-bar-bg"><span class="-task-bar-inner -task-widht-30"></span>3k/8K</div>-->
|
||||
<!--<span class="font-12 color-grey">距离下次升级需要 +5000 经验值</span>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
Loading…
Reference in New Issue