jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'dev_shixun_project' of https://git.trustie.net/jacknudt/trustieforge into dev_shixun_project

This commit is contained in:
huang 2017-03-16 17:32:38 +08:00
parent d021dbb522 40d101119e
commit d7fb60c801
4 changed files with 111 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
app/views/games/index.html.erb
View File

@ -1,6 +1,83 @@
<%= link_to "返回", shixun_path(@myshixun.parent_id), :target => "_blank" %>
<div class="content clearfix" >
<div class="col-width-10 ml15 mt15 mr15">
<div class="panel-header clearfix">
<h3 class="fl">全部任务</h3><span class="btn-cir btn-cir-grey ml5 mt3 fl"><%= @myshixun.games.count %></span>
</div>
<div class="panel-list">
<div class=" clearfix panel-inner">
<h4 class="fl panel-inner-title "><i class="fa fa-check-circle font-18 color-green mr5"></i><span class="color-red">第1关</span> Python基础入门</h4>
<p class="fr "><i class="fa fa-trophy color-yellow font-16 mr5 "></i><span class=" color-grey">NO.120</span></p>
<div class="cl"></div>
<p class="ml15 mt15 color-grey">
<span class=" mr10">开始时间：2017-02-28 15:08</span>
<span class=" mr10">完成时间：2017-02-28 15:28</span>
<span class=" mr10">耗时：00小时20分</span>
<span class=" mr10">测评次数：3次</span>
<span class=" mr10">得分：108分</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">已闯关：2489人</span>
<span class=" mr10">平均耗时：0小时28分</span>
</p>
</div>
<a href="#" class=" task-btn task-btn-green fr">马上开启</a>
<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">第2关</span> 用Python语言写程序</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">已闯关：2489人</span>
<span class=" mr10">平均耗时：0小时28分</span>
</p>
</div>
<a href="#" class=" fr link-color-green">正在解决中</a>
<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-lock font-18 color-grey mr5"></i><span class="color-red">第3关</span> Python的字符串使用</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">已闯关：2489人</span>
<span class=" mr10">平均耗时：0小时28分</span>
</p>
</div>
<a href="#" class=" task-btn fr"> &nbsp;&nbsp;已锁定&nbsp;&nbsp;</a>
<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-lock font-18 color-grey mr5"></i><span class="color-red">第4关</span>关 Python的简单结构</h4>
<p class="ml15 mt15 color-grey">
<span class=" mr10">已闯关：2489人</span>
<span class=" mr10">平均耗时：0小时28分</span>
</p>
</div>
<a href="#" class=" task-btn fr"> &nbsp;&nbsp;已锁定&nbsp;&nbsp;</a>
<div class="cl"></div>
</div>
</div>
</div>
</div>
<% @games.each do |game| %>
<%= link_to game.subject, myshixun_game_path(game, :myshixun_id => @myshixun) %>
</br>
<% if false %>
<%= link_to "返回", shixun_path(@myshixun.parent_id), :target => "_blank" %>
<% @games.each do |game| %>
<%= link_to game.subject, myshixun_game_path(game, :myshixun_id => @myshixun) %>
</br>
<% end %>
<% end %>

27
app/views/layouts/base_myshixun.html.erb
View File

@ -30,13 +30,15 @@
<div class="leftnav">
<ul>
<li class="leftnav-box">
<%#= link_to "当前任务" %>
<a href="<%= myshixun_game_path(@myshixun.current_task, :myshixun_id => @myshixun) %>" class="leftnav-box-inner leftnav-active">
<i class="fa fa-gamepad font-28"></i><br/><span class="font-16">当前任务</span>
</a></li>
<li class="leftnav-box"><a href="<%= myshixun_games_path(@myshixun) %>" class="leftnav-box-inner ">
<i class="fa fa-qrcode font-28"></i><br/><span class="font-16">全部任务</span><span class="btn-cir ml5"><%= @myshixun.games.count %></span>
</a></li>
<a href="<%= myshixun_game_path(@myshixun.current_task, :myshixun_id => @myshixun) %>" class="leftnav-box-inner leftnav-active" id="current_task_tab">
<i class="fa fa-gamepad font-28"></i><br/><span class="font-16">当前任务</span>
</a>
</li>
<li class="leftnav-box">
<a href="<%= myshixun_games_path(@myshixun) %>" class="leftnav-box-inner" id="all_task_tab">
<i class="fa fa-qrcode font-28"></i><br/><span class="font-16">全部任务</span><span class="btn-cir ml5"><%= @myshixun.games.count %></span>
</a>
</li>
</ul>
</div>
</div>
@ -52,7 +54,16 @@
<div id="ajax-modal" style="display:none;"></div>
</body>
<!-- MathJax的配置 -->
<script type="text/javascript" src="/javascripts/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<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");
});
</script>
<%= javascript_include_tag 'cookie','project',"avatars", 'header','prettify','select_list_move','attachments' %>
</html>

2
app/views/myshixuns/_myshixun_top.html.erb
View File

@ -1,5 +1,5 @@
<div class="rightbar-header clearfix">
<h2 class="rightbar-h2 fl">Helloworld:Java入门实训项目</h2>
<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>

10
public/stylesheets/css/taskstyle.css
View File

@ -39,6 +39,16 @@ a.link-color-green{color:#29bd8b;}
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}
/*块*/
.col-width{background: #fff; border:1px solid #e8e8e8;}
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
.col-width-3{ max-width: 30%; background: #fff; border:1px solid #e8e8e8;}
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
/*按钮*/
a.task-btn{display: inline-block;border:none; padding:0 32px;color: #666;background: #e1e1e1; text-align:center;font-size: 14px; height: 35px;line-height: 35px; border-radius:3px;}