440 lines
14 KiB
JavaScript
440 lines
14 KiB
JavaScript
$(function(){
|
||
//提交作业
|
||
|
||
var bt=baidu.template;
|
||
bt.LEFT_DELIMITER='<!';
|
||
bt.RIGHT_DELIMITER='!>';
|
||
|
||
var tested = false;
|
||
var valid_form = function() {
|
||
var src = $('#program-src').val();
|
||
var title = $('#program-title').val();
|
||
|
||
if (!src) {
|
||
alert('请输入正确的代码');
|
||
return false;
|
||
}
|
||
if (!title) {
|
||
alert('请输入标题');
|
||
return false;
|
||
}
|
||
return true;
|
||
};
|
||
|
||
var test_program = function(cb){
|
||
var homework_id = $('#test-program-btn').attr('data-homework-id');
|
||
var student_work_id = $('#test-program-btn').attr('data-student-work-id');
|
||
var src = $('#program-src').val();
|
||
var title = $('#program-title').val();
|
||
var is_test = $('input[name=is_test]').val();
|
||
|
||
if(!valid_form()){
|
||
return;
|
||
}
|
||
|
||
$.post(
|
||
'/student_work/program_test',
|
||
{homework: homework_id, student_work_id: student_work_id, src: src, title: title, is_test: is_test},
|
||
function(data,status){
|
||
tested = true;
|
||
console.log(data);
|
||
if(data.index <=0){
|
||
data.index = $('.ProResultTop').length+1;
|
||
}
|
||
|
||
if (typeof cb == 'function') {cb(data); return;}
|
||
|
||
|
||
var html=bt('t:result-list',data);
|
||
$('.ProResult').prepend(html);
|
||
|
||
if (data.status==0 && is_test != 'true') {
|
||
var r=confirm("答题正确，是否立刻提交?");
|
||
if (r) {
|
||
$(".HomeWorkCon form").submit();
|
||
}
|
||
}
|
||
}
|
||
);
|
||
};
|
||
|
||
$('#test-program-btn').on('click', test_program);
|
||
|
||
|
||
$('#commit-program-work-btn').on('click', function(){
|
||
if(!valid_form()){
|
||
return;
|
||
}
|
||
if($('.ProResult .ProResultTop').length<=0){
|
||
var r=confirm("测试后才能提交，是否立刻测试?");
|
||
if (r) {
|
||
test_program();
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (!tested) {
|
||
test_program(function(data){
|
||
if (data.status!=0) {
|
||
var r=confirm("测试不通过，是否强制提交?");
|
||
if (!r) {
|
||
return;
|
||
}
|
||
};
|
||
$(".HomeWorkCon form").submit();
|
||
});
|
||
return;
|
||
}
|
||
|
||
$(".HomeWorkCon form").submit();
|
||
});
|
||
|
||
$('form.edit_student_work').on('keydown', '#program-src', function(){
|
||
tested = false;
|
||
});
|
||
|
||
//发布作业
|
||
|
||
$('#program-src').focus(function(){
|
||
$(this).css('height', '100px');
|
||
});
|
||
|
||
var datepickerOptions={dateFormat:'yy-mm-dd',firstDay:0,showWeek:true,showOtherMonths:true,selectOtherMonths:true};
|
||
|
||
$('input.date-input').datepicker(datepickerOptions);
|
||
|
||
$('a.pic_date').on('click', function(){
|
||
$(this).parent().prev().first().focus();
|
||
})
|
||
|
||
$("#NoticePopupBox").dialog({
|
||
modal: true,
|
||
autoOpen: false,
|
||
dialogClass: 'BluePopupBox',
|
||
minWidth: 500
|
||
});
|
||
$('#NoticePopupBox').parent().resizable("disable");
|
||
$('#NoticePopupBox').parent().removeClass("ui-state-disabled");
|
||
$('#NoticePopupBox').parent().css("border","3px solid #269ac9").css("padding","10px");
|
||
$('a#switch_type').live('click', function(){
|
||
if($("input[name=homework_type]").val() == "3"){
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
$("input[name=homework_type]").val(1);
|
||
$('span.group_detail_info').text('');
|
||
$("#group_setting a").removeClass("fontBlue2");
|
||
$("#BluePopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.CloseBtn").on('click', function(){
|
||
$("#BluePopupBox" ).dialog("close");
|
||
});
|
||
$('#textarea_input_test').focus();
|
||
} else if($("input[name=homework_type]").val() == "2") {
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
$("input[name=homework_type]").val(1);
|
||
$('span.program_detail_info').text("");
|
||
$("span.program_detail_info").removeClass("fontBlue2");
|
||
$("#program_setting a").removeClass("fontBlue2");
|
||
$("#GroupPopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.popClose").on('click', function(){
|
||
$("#GroupPopupBox" ).dialog("close");
|
||
});
|
||
$("#cancel_group").on('click', function(){
|
||
$("#GroupPopupBox" ).dialog("close");
|
||
});
|
||
$('#min_num').focus();
|
||
}
|
||
});
|
||
|
||
|
||
$("#BluePopupBox").dialog({
|
||
modal: true,
|
||
autoOpen: false,
|
||
dialogClass: 'BluePopupBox',
|
||
minWidth: 753
|
||
});
|
||
$('#BluePopupBox').parent().resizable("disable");
|
||
$('#BluePopupBox').parent().removeClass("ui-state-disabled");
|
||
$('#BluePopupBox').parent().css("border","3px solid #269ac9").css("padding","10px");
|
||
$('#BluePopupBox').parent().css("position","fixed");
|
||
|
||
$('a.ProBtn').live('click', function(){
|
||
if($("input[name=homework_type]").val() == "3"){
|
||
$("#NoticePopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.CloseBtn").on('click', function(){
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
});
|
||
$("#cancel_switch").on('click', function(){
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
});
|
||
$("#switch_homework_type_notice").text("您的作业类型将改为“分组作业”，并且您的编程设置将被清除。请问是否继续？");
|
||
}
|
||
else {
|
||
$("#BluePopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.CloseBtn").on('click', function(){
|
||
$("#BluePopupBox" ).dialog("close");
|
||
});
|
||
$('#textarea_input_test').focus();
|
||
}
|
||
});
|
||
|
||
var saveProgramAnswers = function() {
|
||
var test_numbers = 0;
|
||
var valid = true;
|
||
var input = null;
|
||
var output = null;
|
||
var input_groups = [];
|
||
$.each($('#BluePopupBox textarea.InputBox'), function(i, val){
|
||
if ($(val).val().length<=0) {
|
||
$(val)[0].focus();
|
||
valid =false;
|
||
return false;
|
||
}
|
||
if (test_numbers %2==0) {
|
||
input = $(val).val();
|
||
} else {
|
||
output = $(val).val();
|
||
input_groups.push({input: input, output: output});
|
||
}
|
||
test_numbers += 1;
|
||
});
|
||
|
||
var language = '';
|
||
if($('select.language_type').val() == 1){
|
||
language = 'C';
|
||
}else if($('select.language_type').val() == 2){
|
||
language = 'C++';
|
||
}else if($('select.language_type').val() == 3){
|
||
language = 'Python';
|
||
}else if($('select.language_type').val() == 4){
|
||
language = 'Java';
|
||
}
|
||
|
||
if (valid) {
|
||
$("input[name=homework_type]").val(2);
|
||
$('span.program_detail_info').text('('+language+'语言，'+test_numbers/2+'组测试)');
|
||
$("span.program_detail_info").addClass("fontBlue2");
|
||
$("#program_setting a").addClass("fontBlue2");
|
||
//保存js值
|
||
var data = {
|
||
language_type: $('select.language_type').val(),
|
||
input_groups: input_groups
|
||
};
|
||
//构建到form中
|
||
$('.program-input').remove();
|
||
var html=bt('t:program-input-list',data);
|
||
$("input[name=homework_type]").after(html);
|
||
}
|
||
return valid;
|
||
};
|
||
|
||
$("#BluePopupBox a.BlueCirBtn").live('click', function(){
|
||
if(saveProgramAnswers()){
|
||
if($( "#BluePopupBox" ).dialog( "isOpen" )){
|
||
$("#BluePopupBox").dialog( "close" );
|
||
}
|
||
}
|
||
});
|
||
|
||
$("#BluePopupBox").on('click', 'a.icon_add', function(){
|
||
var html = bt('t:test-answer-list', null);
|
||
$(this).parent('.mt10').after(html);
|
||
var inputs = document.getElementsByName("program[input][]");
|
||
var outputs = document.getElementsByName("program[output][]");
|
||
if (inputs.length == outputs.length) {
|
||
for (var i=0; i<inputs.length; i++) {
|
||
autoTextarea2(inputs[i], outputs[i]);
|
||
autoTextarea2(outputs[i], inputs[i]);
|
||
}
|
||
}
|
||
$(inputs[inputs.length - 1]).focus();
|
||
});
|
||
$("#BluePopupBox").on('click', 'a.icon_remove', function(){
|
||
$(this).parent('.mt10').remove();
|
||
});
|
||
|
||
//分组作业
|
||
$("#GroupPopupBox").dialog({
|
||
modal: true,
|
||
autoOpen: false,
|
||
dialogClass: 'BluePopupBox',
|
||
minWidth: 290
|
||
});
|
||
$('#GroupPopupBox').parent().resizable("disable");
|
||
$('#GroupPopupBox').parent().removeClass("ui-state-disabled");
|
||
$('#GroupPopupBox').parent().css("border","3px solid #269ac9").css("padding","10px");
|
||
|
||
$('a.groupBtn').live('click', function(){
|
||
if($("input[name=homework_type]").val() == "2"){
|
||
$("#NoticePopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.CloseBtn").on('click', function(){
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
});
|
||
$("#cancel_switch").on('click', function(){
|
||
$("#NoticePopupBox" ).dialog("close");
|
||
});
|
||
$("#switch_homework_type_notice").text("您的作业类型将改为“编程作业”，并且您的分组设置将被清除。请问是否继续？");
|
||
}
|
||
else {
|
||
$("#GroupPopupBox").dialog("open");
|
||
$(".ui-dialog-titlebar").hide();
|
||
$("a.popClose").on('click', function () {
|
||
$("#GroupPopupBox").dialog("close");
|
||
});
|
||
$("#cancel_group").on('click', function () {
|
||
$("#GroupPopupBox").dialog("close");
|
||
});
|
||
$('#min_num').focus();
|
||
}
|
||
});
|
||
|
||
var saveGroupAttr = function() {
|
||
var valid = true;
|
||
var base_on_project = 0;
|
||
var min = $.trim($("#min_num").val());
|
||
var max = $.trim($("#max_num").val());
|
||
if(min.length <= 0) {
|
||
$("#min_num").focus();
|
||
valid = false;
|
||
return false;
|
||
}
|
||
if(max.length <= 0) {
|
||
$("#max_num").focus();
|
||
valid = false;
|
||
return false;
|
||
}
|
||
if ($("#base_on_project").is(":checked")) {
|
||
base_on_project = 1;
|
||
}
|
||
if (valid) {
|
||
$("input[name=homework_type]").val(3);
|
||
$('span.group_detail_info').text('分组人数：'+min+'-'+max+' 人');
|
||
$("#group_setting a").addClass("fontBlue2");
|
||
//保存js值
|
||
var data = {
|
||
base_on_project: base_on_project,
|
||
min_num: min,
|
||
max_num: max
|
||
};
|
||
//构建到form中
|
||
$('.group-input').remove();
|
||
var html=bt('t:group-input-list',data);
|
||
$("input[name=homework_type]").after(html);
|
||
}
|
||
return valid;
|
||
};
|
||
|
||
$("#GroupPopupBox a.group_save_btn").live('click', function(){
|
||
if(saveGroupAttr()){
|
||
if($( "#GroupPopupBox" ).dialog( "isOpen" )){
|
||
$("#GroupPopupBox").dialog( "close" );
|
||
}
|
||
}
|
||
});
|
||
|
||
//代码编辑器
|
||
if (typeof CodeMirror != "undefined") {
|
||
var program_name = "text/x-csrc";
|
||
var language = $('#data-language').attr('data-language');
|
||
if (language == 1) {
|
||
program_name = 'text/x-csrc';
|
||
} else if(language==2){
|
||
program_name = 'text/x-c++src';
|
||
}else if(language==3){
|
||
program_name = 'text/x-cython';
|
||
} else if(language==4){
|
||
program_name = 'text/x-java';
|
||
}
|
||
|
||
if ($('#program-src').val().length<=0) {
|
||
var src = '';
|
||
if(language==4){
|
||
src = '\
|
||
import java.io.*;\n\
|
||
import java.util.*;\n\
|
||
\n\
|
||
//请一定不要修改类名\n\
|
||
class Main\n\
|
||
{\n\
|
||
public static void main (String args[])\n\
|
||
{\n\
|
||
//获取参数方式\n\
|
||
//Scanner in = new Scanner(System.in);\n\
|
||
//int a = in.nextInt();\n\
|
||
//int b = in.nextInt();\n\
|
||
\n\
|
||
//您的代码\n\
|
||
}\n\
|
||
}\n\
|
||
';
|
||
}
|
||
else if(language==1){
|
||
src = '#include <stdio.h>\n\
|
||
\n\
|
||
int main()\n\
|
||
{\n\
|
||
//获取参数方式 scanf\n\
|
||
//int x =0;\n\
|
||
//int y = 0;\n\
|
||
//scanf("%d", &x);\n\
|
||
\n\
|
||
//结果输出使用prinf\n\
|
||
//printf("%d",x);\n\
|
||
\n\
|
||
return 0;\n\
|
||
}\n\
|
||
';
|
||
} else if(language==2){
|
||
src = '\
|
||
#include <iostream>\n\
|
||
using namespace std;\n\
|
||
\n\
|
||
int main()\n\
|
||
{\n\
|
||
//获取参数方式 cin\n\
|
||
//int x =0;\n\
|
||
//cin >> x;\n\
|
||
\n\
|
||
//结果输出使用 cout\n\
|
||
//cout<<"1";\n\
|
||
\n\
|
||
return 0;\n\
|
||
}\n\
|
||
';
|
||
} else if(language==3){
|
||
src = '\
|
||
import sys \n\
|
||
\n\
|
||
#获取参数方式，使用raw_input\n\
|
||
#input = raw_input()\n\
|
||
#a, b = input.split()\n\
|
||
\n\
|
||
#结果输出使用 print \n\
|
||
#print (str(int(a)+int(b)))\n\
|
||
';
|
||
}
|
||
|
||
$('#program-src').val(src);
|
||
};
|
||
|
||
var editor = CodeMirror.fromTextArea(document.getElementById("program-src"), {
|
||
mode: {name: program_name,
|
||
version: 2,
|
||
singleLineStringErrors: false},
|
||
lineNumbers: true,
|
||
indentUnit: 2,
|
||
matchBrackets: true
|
||
});
|
||
|
||
editor.on('change',function(cMirror){
|
||
// get value right from instance
|
||
$('#program-src').val(cMirror.getValue());
|
||
});
|
||
}
|
||
|
||
|
||
|
||
}); |