socialforge/public/javascripts/homework.js

$(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;
        }

        $.ajax({
            url: '/student_work/program_test',
            type: 'POST',
            timeout: 60*1000,
            data: {homework: homework_id, student_work_id: student_work_id, src: src, title: title, is_test: is_test}
        }).done(function(data){
            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();
                }
            }
        }).fail(function(xhr, status){
            if(status == 'timeout'){
                alert("您的答案超时了, 请检查代码是否存在死循环的错误.");
            } else {
                alert("测试失败,服务器出错.")
            }
        });
    };

    $('#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");
            });
            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[0]).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: 771
    });
    $('#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");
            });
            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[0]).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][]");
        var inputs_labels = document.getElementsByName("inputs_label");
        for(var j= 0; j<inputs_labels.length; j++){
            $(inputs_labels[j]).html(j + 1 + "&nbsp;&nbsp;" );
        }
        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());
        });
    }
    


});