实训任务,index页面

This commit is contained in:
daiao 2017-03-14 15:59:50 +08:00
parent fe021e04c2
commit c20d13e46b
1 changed files with 32 additions and 112 deletions

View File

@ -14,122 +14,42 @@
</div>
</div>
<div class="task-pm-box mt20">
<div class="task-pm-box mt20 mb20">
<div class="panel-header clearfix">
<h3 class="fl mt5">全部任务</h3><span class="btn-cir btn-cir-grey ml5 mt8 fl"><%= @challenges.count %></span>
<a href="<%= new_shixun_challenge_path(@shixun) %>" class=" task-btn task-btn-green fr">新建阶段</a>
</div>
<div class="panel-list">
<div class=" clearfix panel-inner">
<h4 class="fl panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第1关</span> Python基础入门</h4>
<p class="fr ">
<a href="#" title="上移" ><i class="fa fa-long-arrow-up color-grey font-16 mr5 " ></i></a>
<a href="#" title="下移" ><i class="fa fa-long-arrow-down color-grey font-16 mr5 " ></i></a>
<a href="#" title="编辑" ><i class="fa fa-pencil-square-o color-grey font-16 mr5 " ></i></a>
<a href="#" title="删除" ><i class="fa fa-trash-o color-grey font-16 mr5 " ></i></a>
<a href="#" title="排名" ><i class="fa fa-signal color-grey font-16 mr5 " ></i></a>
</p>
<div class="cl"></div>
<p class="ml15 mt15 color-grey">
<span class=" mr10">正在挑战129</span>
<span class=" mr10">完成挑战1.6万</span>
<span class=" mr10">最佳表现98分</span>
<span class=" mr10">测评次数3次</span>
<span class=" mr10">平均表现80分 </span>
</p>
</div>
</div>
<div class="panel-list">
<div class=" clearfix panel-inner">
<div class="fl">
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第2关</span> 用Python语言写程序</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">正在挑战129</span>
<span class=" mr10">完成挑战1.6万</span>
<span class=" mr10">最佳表现98分</span>
<span class=" mr10">测评次数3次</span>
<span class=" mr10">平均表现80分 </span>
</p>
</div>
<div class="cl"></div>
</div>
</div>
<div class="panel-list">
<div class=" clearfix panel-inner">
<div class="fl">
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第3关</span> Python的字符串使用</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">正在挑战129</span>
<span class=" mr10">完成挑战1.6万</span>
<span class=" mr10">最佳表现98分</span>
<span class=" mr10">测评次数3次</span>
<span class=" mr10">平均表现80分 </span>
</p>
</div>
<div class="cl"></div>
</div>
</div>
<div class="panel-list">
<div class=" clearfix panel-inner">
<div class="fl">
<h4 class=" panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red">第4关</span>关 Python的简单结构</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">正在挑战129</span>
<span class=" mr10">完成挑战1.6万</span>
<span class=" mr10">最佳表现98分</span>
<span class=" mr10">测评次数3次</span>
<span class=" mr10">平均表现80分 </span>
</p>
</div>
<div class="cl"></div>
</div>
<% @challenges.each_with_index do |challenge, index| -%>
<div class=" clearfix panel-inner" id="shixun_index_<%= index %>">
<h4 class="fl panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red mr10">第<%= challenge.position %>关</span><%= challenge.subject %></h4>
<p class="fr" style="display: none" id="shixun_icon_<%= index %>">
<a href="#" title="上移" ><i class="fa fa-long-arrow-up color-grey font-16 mr5" ></i></a>
<a href="#" title="下移" ><i class="fa fa-long-arrow-down color-grey font-16 mr5" ></i></a>
<a href="#" title="编辑" ><i class="fa fa-pencil-square-o color-grey font-16 mr5" ></i></a>
<a href="#" title="删除" ><i class="fa fa-trash-o color-grey font-16 mr5" ></i></a>
<a href="#" title="排名" ><i class="fa fa-signal color-grey font-16 mr5 " ></i></a>
</p>
<div class="cl"></div>
<p class="ml15 mt15 color-grey">
<span class=" mr10">正在挑战129</span>
<span class=" mr10">完成挑战1.6万</span>
<span class=" mr10">最佳表现98分</span>
<span class=" mr10">测评次数3次</span>
<span class=" mr10">平均表现80分 </span>
</p>
</div>
<script>
$(document).ready(function(){
$("#shixun_index_<%= index %>").mouseenter(function(){
$("#shixun_icon_<%= index %>").show();
});
$("#shixun_index_<%= index %>").mouseleave(function(){
$("#shixun_icon_<%= index %>").hide();
});
});
</script>
<% end %>
</div>
</div>
</div>
<% if false %>
<%= content_for(:header_tags) do %>
<%= import_ke(enable_at: true,init_activity: true) %>
<% end %>
<!--实训任务列表开始-->
<div class="myissues_con mb10">
<% if @shixun.parent_id.nil? || User.current.admin? %>
<a href="<%= new_shixun_challenge_path(@shixun) %>" class="btn btn-green fr mb10">新建</a>
<div class="cl"></div>
<% else %>
<div class="pro_new_prompt mb10">
<p>完成任务后,请点击“提交评测”按钮,若通过系统测试,将为你发送下一个任务,祝你早日通关,加油!</p>
</div>
<% end %>
<% if @challenges.empty? %>
<%= render :partial => "projects/no_data" %>
<% else %>
<div class="issues_con_list" >
<div >
<table class="issues-table" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th><p class="text-left">所有<span class="issues_nav_tag ml5" style=" font-weight: normal;"><%= @chanlleges_count %></span></p></th>
<th class="w50">&nbsp;</th>
</tr>
</thead>
<tbody id="issue_list">
<%= render :partial => 'content_list', :locals => {:challenges => @challenges} %>
</tbody>
</table>
<div style="text-align:left;">
<div style="width:auto; display:inline-block;">
<ul>
</ul>
</div>
</div>
</div>
</div>
<% end %>
</div>
<!--实训任务结束-->
<% end %>
</div>