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 

Conflicts:
	app/views/games/_exec_results.html.erb
This commit is contained in:
huang 2017-03-21 08:57:02 +08:00
parent 56da0352b1 6f4e4bea4c
commit 37679021ea
4 changed files with 225 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
app/views/games/_desc_full_show.html.erb Normal file
View File

@ -0,0 +1,115 @@
<div class="col-width fl content-all-fix undis" style="margin-top:50px">
<div class="panel-header clearfix">
<h3 class="fl">第1关：Python的初始化</h3>
<div class="fr mt5">
<a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
<a href="javascript:void(0);" onclick="close_game_descpition()"><i class="fa fa-compress font-14 fl color-grey"></i></a>
</div>
</div>
<div class="tab_content clearfix" >
<ul id="tab_nav">
<li id="big_tab_nav_1" class="tab_hover " onclick="HoverLi_new(1);">
<a href="javascript:void(0);" class="tab_type">过关任务</a>
</li>
<li id="big_tab_nav_2" onclick="HoverLi_new(2);">
<a href="javascript:void(0);" class="tab_type" >预备知识</a>
</li>
<li id="big_tab_nav_3" onclick="HoverLi_new(3);">
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
</li>
</ul>
<div class="cl"></div>
<div id="big_tab_con_1" class="tab-info" >
<p class="big-tab-info-inner">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 id="big_tab_con_2" class="undis tab-info" >
<p class="big-tab-info-inner">dfdf</p>
</div>
<div id="big_tab_con_3" class="undis tab-info" >
<p class="big-tab-info-inner">dfdfdfdfdf</p>
</div>
</div>
</div>
<script type="text/javascript" language="javascript">
var web_h = window.innerHeight;
$(document).ready(function(){
if($.browser.msie) {
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".content-all-fix").css("width", "87%");
$(".big-tab-info-inner").css("height", web_h - 185 + "px");
}
else if($.browser.safari)
{
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".big-tab-info-inner").css("height", web_h - 195 + "px");
$(".content-all-fix").css("width", "87%");
}
else if($.browser.mozilla)
{
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".big-tab-info-inner").css("height", web_h - 185 + "px");
$(".content-all-fix").css("width", "87%");
}
else if($.browser.opera) {
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".big-tab-info-inner").css("height", web_h - 185 + "px");
$(".content-all-fix").css("width", "87%");
}else if($.browser.chrome){
if(window.navigator.userAgent.indexOf("MetaSr") == -1){
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".big-tab-info-inner").css("height", web_h - 185 + "px");
$(".content-all-fix").css("width", "87.5%");
}else{
$(".content-all-fix").css("height", web_h - 225 + "px");
$(".big-tab-info-inner").css("height", web_h - 185 + "px");
$(".content-all-fix").css("width", "87.5%");
}
}
});
function close_game_descpition(){
$(".content-all-fix").hide();
}
function HoverLi_new(n){
for(var i=1;i<=3;i++){
g('big_tab_nav_'+i).className='tab_nomal';
g('big_tab_con_'+i).className='undis';
}
g('big_tab_con_'+n).className='dis';
g('big_tab_nav_'+n).className='tab_hover';
}
</script>

57
app/views/games/_exec_results.html.erb
View File

@ -4,12 +4,33 @@
<div id="code_results">
</div>
<script id="t:exec_results" type="text/html">
<div class="col-width fl mt15 content-half-fix undis" style="margin-top:125px;">
<div class="panel-header clearfix">
<h3 class="fl">测评历史</h3>
<div class="fr mt5">
<a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
<a href="javascript:void(0)" onclick="hide_windows();"><i class="fa fa-compress font-14 fl color-grey"></i></a>
</div>
</div>
<div class="content-history-inner" style="height: 100px;">
<div class="clearfix history-success mb10">
<span class="icon-success fl mr5">2</span>
<p class="fl">恭喜，您已经完成了本任务！</p>
<a href="#" class="fr mr10">详情</a>
</div>
<div class="clearfix history-fail mb10">
<span class="icon-fail fl mr5">1</span>
<p class="fl">错误结果！</p>
<a href="#" class="fr mr10">详情</a>
</div>
</div>
</div>
<div class=" col-width fl content-history mt15" >
<div class="panel-header clearfix">
<h3 class="fl">测评历史</h3>
<div class="fr mt5">
<a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
<a href="#"><i class="fa fa-minus-square font-14 fl color-grey"></i></a>
<a href="javascript:void(0)" onclick="extend_window()"><i class="fa fa-minus-square font-14 fl color-grey"></i></a>
</div>
</div>
<div class="content-history-inner">
@ -85,8 +106,42 @@
})
}
function extend_window(){
var web_h = window.innerHeight;
if($.browser.msie) {
$(".content-half-fix").css("width", "42%");
$(".content-half-fix").css("height", web_h - 168 + "px");
}
else if($.browser.safari)
{
$(".content-half-fix").css("width", "42%");
$(".content-half-fix").css("height", web_h - 168 + "px");
}
else if($.browser.mozilla)
{
$(".content-half-fix").css("width", "42.5%");
$(".content-half-fix").css("height", web_h - 158 + "px");
}
else if($.browser.opera) {
$(".content-half-fix").css("width", "42%");
}else if($.browser.chrome){
if(window.navigator.userAgent.indexOf("MetaSr") == -1){
$(".content-half-fix").css("width", "42.5%");
$(".content-half-fix").css("height", web_h - 160 + "px");
}else{
$(".content-half-fix").css("width", "42.5%");
$(".content-half-fix").css("height", web_h - 155 + "px");
}
}
$(".content-half-fix").show();
}
function hide_windows(){
$(".content-half-fix").hide();
}
function file_edit_submit(){
$('#file_update_id').submit();
}
</script>

45
app/views/games/_game_show.html.erb
View File

@ -4,12 +4,13 @@
完成任务后，请点击“提交评测”按钮，若通过系统评测，将为你解锁下一关，祝你早日通关，加油!
</div>
<div class="content-row mr15">
<div class="content-info col-width fl ">
<%= render :partial => 'desc_full_show'%>
<div class="content-info col-width fl">
<div class="panel-header clearfix">
<h3 class="fl">第<%= @game.stage %>关：<%= @game.subject %></h3>
<div class="fr mt5">
<a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
<a href="#"><i class="fa fa-minus-square font-14 fl color-grey"></i></a>
<a href="javascript:void(0);" onclick="extend_game_description();"><i class="fa fa-minus-square font-14 fl color-grey"></i></a>
</div>
</div>
<div class="tab_content clearfix">
@ -41,11 +42,46 @@
<div id="code_content">
<%= render :partial => 'repository' %>
</div>
<%= render :partial => 'exec_results' %>
<%= render :partial => 'exec_results' %>
</div>
</div>
<script type="text/javascript" language="javascript">
var web_h = window.innerHeight;
$(document).ready(function(){
if($.browser.msie) {
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.55 + "px"); //IE
$(".content-editor").css("height", web_h * 0.55 + 100 + "px");
}
else if($.browser.safari)
{
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.55 + "px"); //Safari
$(".content-editor").css("height", web_h * 0.55 + 105 + "px");
}
else if($.browser.mozilla)
{
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.48 + 50 + "px"); //Firefox
$(".content-editor").css("height", web_h * 0.48 + 155 + "px");
}
else if($.browser.opera) {
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.55 + "px"); //Opera
$(".content-editor").css("height", web_h * 0.55 + 105 + "px");
}else if($.browser.chrome){
if(window.navigator.userAgent.indexOf("MetaSr") == -1){
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.55 + "px");
$(".content-editor").css("height", web_h * 0.55 + 105 + "px");
}else{
$(".content").css("height", web_h - 75 + "px");
$(".tab-info-inner").css("height", web_h * 0.52 + "px");
$(".content-editor").css("height", web_h * 0.52 + 105 + "px");
}
}
});
//课程大纲tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
@ -59,4 +95,7 @@
$("#close_myshixun_tip").click(function(){
$("#myshixun_tip").hide();
});
function extend_game_description(){
$(".content-all-fix").show();
}
</script>

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

@ -98,7 +98,7 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
/*右侧内容*/
.content{ width:100%; min-width:1000px; }
.content-row{ padding:15px; }
.content-info{ width:49%; min-width:450px; }
.content-info{ width:49%; min-width:450px;}
.content-editor{ width:49%; min-width:450px; margin-left:15px; }
.panel-header{ border-bottom:1px solid #eee; padding:10px 15px;}
/* tab */
@ -111,9 +111,10 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
.undis {display:none;}
.dis {display:block;}
.tab-info{ }
.content-editor-inner{height:655px; overflow:auto;}
.tab-info-inner{ height:600px;overflow:auto; margin:15px 0 0px 15px; }
.content-history-inner{height:135px; overflow:auto; padding:15px;}
.content-editor-inner{ overflow:auto;}
.tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
.big-tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
.content-history-inner{overflow:auto; padding:15px; height: 80px}
.content-history{width:49%; min-width:150px; }
.history-success{ width: 100%; height:40px; line-height: 40px; background:#eef1f2; color:#666; }
.history-fail{ width: 100%; height:40px; line-height: 40px; background:#fdebeb; color:#e53238; }
@ -121,7 +122,7 @@ a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:245px; margin-top
.icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
.content-output{width:37.5%; min-width:350px;}
.content-submit{width:10%; min-width:135px;}
.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
.content-submitbox{ height: 80px; width:120px; margin: 15px auto;}
.panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
.panel-inner-title{ font-size: 14px; color: #666;}
/* 弹框 */
@ -157,4 +158,9 @@ textarea.task-textarea-pd{ padding-bottom: 0px; padding-top:0px;}
.task-setting-tab{ height:600px;}
.task-pd15-box{ padding:15px;}
.mb20{margin-bottom: 20px;}
input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
input.knowledge_frame{height:30px;line-height:30px;border:none;background:#f3f5f7;}
/* TPi全屏展示css */
.content-all-fix{ margin:0; position: absolute; top:15px; z-index:99; }
.content-all-fix .tab-info-inner{ overflow:auto; margin:15px 0 0px 15px; }
.content-half-fix{ min-width:450px; margin:0; position: absolute; top:15px; z-index:99;}
.content-half-fix02{width:42.5%; min-width:450px; margin:0; min-height:936px; position: absolute; top:15px; z-index:99; right:15px;}