You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pgfqe6ch8/app/views/shixuns/statistics.html.erb

202 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<% unless @challenges.blank? %>
<div class="task-pm-box mt20 mb20">
<div class="panel-header clearfix">
<h3 class="fl mt5">阶段统计</h3>
</div>
<% @challenges.each do |challenge| %>
<div class="panel-warp-3 fl">
<div class="panel-warp-inner">
<p class=" clearfix font-bd"><span class=" edu-txt-w320 task-hide"><%= challenge.subject %></span></p>
<span >平均耗时:<%= game_spend_time(avg_spend_time(@shixun.id, challenge.position)) %></span>
<p>正在挑战:<%= shixun_running(@shixun, challenge.position).to_i %></p>
<p>完成挑战:<%= shixun_done(@shixun, challenge.position).to_i %></p>
</div>
<%# if shixun_done(@shixun, challenge.position).to_i > 0 %>
<% if true %>
<ul class="panel-warp-dbg">
<% had_passed_challenge(challenge).each_with_index do |game, index| %>
<li class="clearfix">
<%= link_to image_tag(url_to_avatar(game.user), :width =>"60", :height => "60", :class => "panel-warp-img mr15 fl", :alt=>"头像"), user_path(game.user), :target => "_blank" %>
<span class="fl panel-warp-name hide"><%= game.user.try(:show_name) %></span>
<span class="fr"><i class="fa fa-trophy mr5 color-yellow font-16"></i><%= index + 1 %></span>
</li>
<% end %>
</ul>
<% else %>
<ul class="panel-warp-dbg">
</ul>
<% end %>
</div>
<% end %>
<!--<div class="panel-warp-3 fl">-->
<!--<div class="panel-warp-inner">-->
<!--<p class=" clearfix font-bd"><span class=" fl">第三关</span><span class="fr">平均耗时0小时15分</span></p>-->
<!--<p>正在挑战129</p>-->
<!--<p>完成挑战0</p>-->
<!--</div>-->
<!--<ul class="panel-warp-dbg">-->
<!--</ul>-->
<!--</div>-->
<div class="cl"></div>
</div>
<div class="task-pm-box mt20 mb20">
<div class="panel-header clearfix">
<h3 class="fl mt5">Top10</h3>
<a href="#" class="fr mt5">更多排名</a>
</div>
<table class="panel-new-table panel-table-pd15" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>排名</th>
<th style="width:150px;">姓名</th>
<th style="width:150px;">完成时间</th>
<th style="width:150px;">完成耗时</th>
<th>准确率</th>
<th>获得分数</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>1</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td ><p class="color-light-green font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</p></td>
<td ><p class="color-orange font-14"><span class="fa-icons-flower mr5"></span>5</p></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>2</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>3</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>4</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>5</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>6</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>7</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>8</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>9</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
<tr>
<td ><i class="fa fa-trophy mr5 color-yellow font-30 fa-icons-trophy"><span>10</span></i></td>
<td class="clearfix"><a href="#"><img src="images/user/male.jpg" width="60" height="60" alt="用户" class="panel-warp-img mr10 mt5 fl"></a><a href="#" class="panel-table-name hide fl">Cillian风吹麦浪风吹麦浪</a></td>
<td>2017-02-18 15:31</td>
<td>0天01小时15分</td>
<td>95.8%</td>
<td>100</td>
<td><a href="#" class=" link-color-grey font-14"><i class="fa fa-thumbs-o-up mr5 "></i>5</a></td>
<td><a href="#" class="font-14 link-color-grey02"><span class="fa-icons-flower mr5"></span>5</a></td>
</tr>
</tbody>
</table>
</div>
<div class="task-pm-box mt20 mb20">
<div class="panel-header clearfix">
<h3 class="fl mt5">学员广场</h3>
<a href="#" class="fr mt5">更多学员</a>
</div>
<table class="panel-new-table panel-table-pd15" cellpadding="0" cellspacing="0">
<tbody>
<% @latest_myshixuns.each_with_index do |latest_myshixun, index| %>
<tr>
<td class="table-num"><%= index + 1 %></td>
<td >
<%= link_to latest_myshixun.owner.try(:show_name), user_path(latest_myshixun.owner), :class => "panel-table-name hide fl" %>
<span class="ml5 mr5 fl">/</span>
<%= link_to latest_myshixun.name, shixun_path(latest_myshixun), :class => "panel-table-title hide fl" %>
<div class="cl"></div>
</td>
<td>
<div class="panel-slider-bg fl mt15">
<span class="panel-slider-inner03 "></span>
</div>
<span class="panel-slider-txt fl ml10">第<%= latest_myshixun.current_stage %>关/共<%= latest_myshixun.games.count %>关</span>
</td>
<td><span class=" mr20"><%= latest_myshixun.games.count %>分</span></td>
<td ><a href="#" class="link-color-grey02 font-14 mr15"><span class="fa-icons-flower mr5"></span>给TA送花</a></td>
</tr>
<% end %>
</tbody>
</table>
</div>
<% end %>
<script>
console.log("<%= @latest_myshixuns.each_with_index%>")
</script>