educoder/public/javascripts/edu/course.js

$(function() {
    $("#search_not_teacher").live('input', function (e) {
        throttle(search_not_teacher_f,window,e);
    });

    $("#search_not_student").live('input', function (e) {
        throttle(search_not_student_f,window,e);
    });

    //模块切换
    $(".stud-class-set .news .nav").click(function(e) {
        var $a = $(e.target);
        var $b = $a.attr("data-option");
        console.log($b);
        if($b){
            $(".stud-class-set .news .nav p").removeClass("sheet");
            $(".stud-class-set .news .nav p i").hide();
            $a.addClass("sheet");
            $a.find("i").show();
            $(".stud-class-set .news .container").children().hide();
            $(".stud-class-set .news .container").find("." + $b + "").show();
        }
    });
    //操作弹框中单选复选框的选中与否
    $(".tip li").click(function(e) {

        if($(this).find(".blue").css("display") == "none") {

            $(this).find(".grey").hide();
            $(this).find(".blue").show();

        } else {

            $(this).find(".blue").hide();
            $(this).find(".grey").show();

        }
    });
    $(".student .fa").click(function() {
        console.log(1);
    });
    //教师学生模块切换
    $(".stud-class-set .news .container .member .people .left ul li").live('click', function(e) {
		$(".stud-class-set .news .container .member .people .left ul li").removeClass("sheet");
		$(this).addClass("sheet");
        if($(this).attr("data-option") == "teacher") {
            $("#setting_teacher_list").show();
            $("#setting_student_list").html("");
        }
        if($(this).attr("data-option") == "allstudent") {
            var $course_id = $(this).attr("data-course-id");
            $.get(
                '/courses/'+$course_id+'/all_student_list'
            )
        }
        if($(this).attr("data-option") == "noclass") {
            var $course_id = $(this).attr("data-course-id");
            $.get(
                    '/courses/'+$course_id+'/no_group_student_list'
            )
        }

        if($(this).attr("data-option") == "hasclass") {
            var $course_id = $(this).attr("data-course-id");
            var $group_id = $(this).attr("data-group-id");
            $.get(
                    '/courses/'+$course_id+'/has_group_student_list?group_id='+$group_id
            )
        }

    });

//    $(".stud-class-set .news .container .member .people .left ul li .p1 i").hover(function () {
//        $(this).parent().next().show().hover(function () { clearTimeout(window.timer); }, function () { $(this).hide(); });
//    }, function (e) {
//        var dom = $(this).parent().next();
//        window.timer = setTimeout(function () { dom.hide(); }, 200); //延时隐藏，以便鼠标移动到div上时clear掉计时器
//    });

    $(".stud-class-set .news .container .member .people .left ul li .p1 i").live({
        mouseenter:
            function()
            {
                $(this).parent().next().show().hover(function () { clearTimeout(window.timer); }, function () { $(this).hide(); });
            },
        mouseleave:
            function(e)
            {
                var dom = $(this).parent().next();
                window.timer = setTimeout(function () { dom.hide(); }, 200); //延时隐藏，以便鼠标移动到div上时clear掉计时器
            }
    });

    $("#choose_course_group_submit").live('click', function(){
        if($("#course_group_id").val() == '0'){
            $("#choose_course_group_notice").show();
        } else{
            $("#teacher_assign_group_form").submit();
            $("#choose_course_group_notice").hide();
        }
    });

    $(".join .handle").live('click', function(){
        if($("input[name='member_ids[]']:checked").length > 0){
            $("#choose_course_group_form").submit();
        }
    });

    $("input[name='member_ids[]']").live('click', function(){
        if($("input[name='member_ids[]']:checked").length > 0){
            $(".join .handle_no").hide();
            $(".join .handle").show();
        } else{
            $(".join .handle_no").show();
            $(".join .handle").hide();
        }
        if($("input[name='member_ids[]']:checked").length == $("input[name='member_ids[]']").length){
            $("#all_member_select").attr("checked", "checked");
        } else{
            $("#all_member_select").removeAttr("checked");
        }
    });

    $("#all_member_select").live('click', function(){
        if($("#all_member_select").is(':checked')){
            $("input[name='member_ids[]']").attr("checked", "checked");
            $(".join .handle_no").hide();
            $(".join .handle").show();
        } else {
            $("input[name='member_ids[]']").removeAttr("checked");
            $(".join .handle_no").show();
            $(".join .handle").hide();
        }
    });


//    var changeColor = function(c){
//        if(c.find(".blue").css("display") == "none") {
//            c.find(".blue").show();
//            c.find(".grey").hide();
//            c.find("input").attr("checked", "checked");
//
//        } else {
//            c.find(".blue").hide();
//            c.find(".grey").show();
//            c.find("input").removeAttr("checked");
//
//        }
//    };
//    $(".open-select").click(function() {
//        changeColor($(this));
//        if($("#allselect").find("input").is(':checked')) {
//            //console.log(1);
//            $(".member .student .newstudent .open-select").find("input").attr("checked", "checked");
//            $(".member .student .newstudent .open-select").find(".blue").show();
//            $(".member .student .newstudent .open-select").find(".grey").hide();
//        }
//        var $length = $(".member .student .newstudent .open-select input").length;
//        var flag = true;
//        for(i = 0; i < $length; i++) {
//            var $b = $(".member .student .newstudent .open-select input").eq(i);
//            if(! $b.is(':checked')) {
//                //console.log(1)
//                flag = false;
//                break;
//            }
//            if(flag) {
//                $("#allselect").find("input").attr("checked", "checked");
//                $("#allselect").find(".blue").show();
//                $("#allselect").find(".grey").hide();
//            }
//        }
//    });
//    var RadioButton = function(b,c){
//        $(b).find(".grey").show();
//        $(b).find(".blue").hide();
//        $(b).find("input").removeAttr("checked");
//        changeColor(c);
//    };
//    $(".single-choice1").click(function(){
//
//        RadioButton(".single-choice1",$(this));
//    });
//    $(".single-choice2").click(function(){
//
//        RadioButton(".single-choice2",$(this));
//    });
});

function add_new_group(id){
    var htmlvalue = '<div class="task-popup newclass" style="width:450px;">' +
        '<div class="task-popup-title clearfix task-popup-bggrey">' +
        '<h3 class="fl">新建分班</h3>' +
        '<a href="javascript:void(0);" onclick="hideModal();"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a>' +
    '</div>' +
        '<div class="task_popup_con clearfix">' +
            '<div class="pt20 clearfix mb20" style="width:400px;">' +
                '<label class="panel-form-label label fl">分班名称&nbsp;&nbsp;&nbsp;&nbsp;</label>' +
                '<input type="text" name="group_name" id="new_group_name" style="width:300px;" maxlength="20" class="pl10 task task-height-40 panel-box-sizing fl color-grey">' +
                    '<div class="cl"></div>' +
                '<span class="color-orange fl none" id="add_new_group_notice" style="margin-left:22.5%;"><i class="fa fa-exclamation-circle mr5" ></i>该分班已存在</span></div>' +
                '<a href="javascript:void(0);" class="task-btn task-btn-blue fr mr20" onclick="submit_new_group_form('+id+');">确定</a>' +
                '<a href="javascript:void(0);" onclick="hideModal();" class="task-btn fr mr10">取消</a>' +
            '</div>' +
        '</div>';
    pop_box_new(htmlvalue, 450, 205);
}

function submit_new_group_form(id){
    var val = $.trim($("#new_group_name").val());
    if(val == ""){
        $("#add_new_group_notice").html('<i class="fa fa-exclamation-circle mr5" ></i>名称不能为空').show();
        return false;
    } else{
        $.ajax({
            url: "/courses/"+ id +"/addgroups",
            type: 'post',
            data: {group_name: val},
            success: function(data){
                if(data.result == 0){
                    $("#add_new_group_notice").html('<i class="fa fa-exclamation-circle mr5" ></i>该分组已存在').show();
                } else{
                    $("#add_new_group_notice").hide();
                    hideModal();
                    window.location.href = "/courses/"+id+"/settings/member";
                }
            }
        });
    }
}

function update_choose_group_allow(id){
    $.ajax({
        url: "/courses/"+ id +"/choose_group_allow",
        type: 'get',
        success: function(data){

        }
    });
}

function rename_group_name(course_id, group_id){
    var htmlvalue = '<div class="task-popup rename" style="width:450px">' +
        '<div class=" task-popup-title clearfix task-popup-bggrey">' +
        '<h3 class="fl color-grey">重命名</h3>' +
        '<a href="javascript:void(0);" onclick="hideModal();"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a>' +
        '</div>' +
        '<div class="task-popup-content clearfix">' +
            '<div class="pt20 clearfix mb20">' +
            '<label class="fl font-16 color-grey" style="line-height:40px;"> 名 称:&nbsp;&nbsp;&nbsp;&nbsp;</label>' +
            '<input type="text" id="edit_group_name" maxlength="20" class="task-form-80 task-height-40 panel-box-sizing fl">' +
                '<div class="cl"></div>' +
            '<span class="color-orange fl none" id="edit_new_group_notice" style="margin-left:14%;"><i class="fa fa-exclamation-circle mr5" ></i>该分班已存在</span></div>' +
            '<a href="javascript:void(0);" class="task-btn task-btn-blue fr mr25" onclick="submit_rename_group_form('+course_id+', '+ group_id +');">确定</a>' +
            '<a href="javascript:void(0);" onclick="hideModal();" class="task-btn fr mr10">取消</a>' +
            '</div>' +
        '</div>';
    pop_box_new(htmlvalue, 450, 195);
}

function submit_rename_group_form(course_id, group_id){
    var val = $.trim($("#edit_group_name").val());
    if(val == ""){
        $("#edit_new_group_notice").html('<i class="fa fa-exclamation-circle mr5" ></i>名称不能为空').show();
        return false;
    } else{
        $.ajax({
            url: "/courses/"+ course_id +"/updategroupname",
            type: 'post',
            data: {group_name: val,
                    group_id: group_id},
            success: function(data){
                if(data.result == 0){
                    $("#edit_new_group_notice").html('<i class="fa fa-exclamation-circle mr5" ></i>该分组已存在').show();
                } else{
                    $("#edit_new_group_notice").hide();
                    hideModal();
                    window.location.href = "/courses/"+course_id+"/settings/member";
                }
            }
        });
    }
}

function delete_group(course_id, group_id){
    var htmlvalue = '<div class="task-popup twohint" style="width:450px">' +
        '<div class=" task-popup-title clearfix">' +
        '<h3 class="fl color-grey">提示</h3>' +
        '<a href="javascript:void(0);" onclick="hideModal();"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a>' +
        '</div>' +
        '<div class="task-popup-content">' +
            '<p class="task-popup-text-center font-16">确定要删除吗？<br/> 删除分班后，该分班的学生需要重新选择分班。' +
            '</div>' +
            '<div class="task-popup-submit02 clearfix" style="width:120px;">' +
            '<a href="/courses/'+ course_id +'/deletegroup?group_id='+ group_id +'" data-method="delete" class="task-btn task-btn-blue fr">确定</a>' +
                '<a href="javascript:void(0);" onclick="hideModal();" class="task-btn fr mr10">取消</a>' +
            '</div>' +
        '</div>';
    pop_box_new(htmlvalue, 450, 300);
}

function submit_change_manager_form(){
    if($("input[name='chooseteacher']:checked").length == 0) {
        $("#change_manager_notice").show();
    } else{
        $("#change_manager_form").submit();
        hideModal();
    }
}

var lastteSearchCondition = '';
function search_not_teacher_f(e){
    if($(e.target).val().trim() == "" || ($(e.target).val().trim() == lastteSearchCondition && lastteSearchCondition != ''))
    {
        return;
    }
    lastteSearchCondition = $(e.target).val().trim();
    $.ajax({
        url: '/courses/' + $("#course_search_not_teacher_id").val() + '/search_not_teachers',
        type:'post',
        data: {is_observe:true, search:e.target.value},
        success: function(data){  }
    });
}

function submit_add_teacher_form(){
    if($("input[name='membership[user_ids][]']:checked").length >= 1){
        if($("input[name='membership[role_ids][]']:checked").length >= 1){
            $("#add_teacher_notice").html("").hide();
            $("#add_teacher_form").submit();
            hideModal();
        } else{
            $("#add_teacher_notice").html("请先选择一个角色").show();
        }
    }else{
        $("#add_teacher_notice").html("请至少选择一个用户").show();
    }
}

function submit_all_student_list_search(id){
    $.get(
            '/courses/'+id+'/all_student_list?search='+$("#all_student_list_search").val().trim()
    )
}

function submit_no_group_student_search(id){
    $.get(
            '/courses/'+id+'/no_group_student_list?search='+$("#no_group_student_list_search").val().trim()
    )
}

function submit_has_group_student_search(id, group_id){
    $.get(
            '/courses/'+id+'/has_group_student_list?group_id='+group_id+'&search='+$("#has_group_student_list_search").val().trim()
    )
}

var laststSearchCondition = '';
function search_not_student_f(e){
    if($(e.target).val().trim() == "" || ($(e.target).val().trim() == laststSearchCondition && laststSearchCondition != ''))
    {
        return;
    }
    laststSearchCondition = $(e.target).val().trim();
    $.ajax({
        url: '/courses/' + $("#course_search_not_student_id").val() + '/search_not_students',
        type:'post',
        data: {is_observe:true, search:e.target.value},
        success: function(data){  }
    });
}

function submit_add_student_form(){
    if($("input[name='membership[user_ids][]']:checked").length >= 1){
        $("#add_student_notice").html("").hide();
        $("#add_student_form").submit();
        hideModal();
    }else{
        $("#add_student_notice").html("请至少选择一个用户").show();
    }
}

function res_send_to_course(id, user_id, send_type){
    $.ajax({
        type: 'get',
        url: '/users/' + user_id + '/search_user_course',
        data:{send_id:id, send_type:send_type}
    });
}

//滑动打分
$.fn.peSlider = function(settings){
    //configurable options (none so far)
    var o = $.extend({},settings);
    if( !$('body').is('[role]') ){ $('body').attr('role','application'); }
    return $(this).each(function(){
        var thisLabel = $('label[for=' + $(this).attr('id') + ']').attr('id', $(this).attr('id') + '-label').attr('id');
        var thisUnits = $(this).attr('data-units') || '';
        var slider = $('<div></div>');
        if( $(this).is('input') ){
            var input = $(this);
            var thisUnits = input.attr('data-units');
            var friendlyVal = input.val() + ' ' + thisUnits;
            var sliderOptions = $.extend(o,{
                min: parseFloat(input.attr('min')),
                max: parseFloat(input.attr('max')),
                value: parseFloat(input.val())
            });
            if(parseFloat(input.val()) == -1){
                input.css("color", "#fff");
                input.next().next().html("未评分");
                input.next().next().show();
            } else{
                input.css("color", "#000");
                input.next().next().hide();
            }
            slider
                .insertBefore(input)
                .slider(sliderOptions)
                .bind('slide', function(e, ui){
                    if(ui.value == -1){
                        input.css("color", "#fff");
                        input.next().next().html("未评分");
                        input.next().next().show();
                    } else {
                        input.css("color", "#000");
                        input.next().next().hide();
                    }
                    input.val(ui.value);
                    friendlyVal = input.val() + ' ' + thisUnits;
                    slider.find('a').attr({
                        'aria-valuenow': ui.value,
                        'aria-valuetext': friendlyVal
                    });
                })
                .find('a')
                .attr({
                    'role': 'slider',
                    'aria-valuemin': input.attr('min'),
                    'aria-valuemax': input.attr('max'),
                    'aria-valuenow': input.val(),
                    'aria-valuetext': friendlyVal,
                    'aria-labelledby': thisLabel
                });
            input
                .keyup(function(){
                    var inVal = parseFloat(input.val());
                    if( !isNaN(inVal) ){
                        if(inVal == -1){
                            input.css("color", "#fff");
                            input.next().next().html("未评分");
                            input.next().next().show();
                        } else {
                            input.css("color", "#000");
                            input.next().next().hide();
                        }
                        slider.slider('value', inVal);
                        input.val(slider.slider('value'));
                    }
                })
                .change(function(){
                    var inVal = parseFloat(input.val());
                    if( !isNaN(inVal) ){
                        if(inVal == -1){
                            input.css("color", "#fff");
                            input.next().next().html("未评分");
                            input.next().next().show();
                        } else {
                            input.css("color", "#000");
                            input.next().next().hide();
                        }
                        slider.slider('value', inVal);
                        input.val(slider.slider('value'));
                    }
                })
                .blur(function(){
                    var inVal = parseFloat(input.val());
                    if( isNaN(inVal) ){
                        input.val(-1);
                    }
                    if(input.val() == -1){
                        input.css("color", "#fff");
                        input.next().next().html("未评分");
                        input.next().next().show();
                    } else {
                        input.css("color", "#000");
                        input.next().next().hide();
                    }
                });
            if( !settings.step ){
                var step = Math.round( parseFloat(input.attr('max')) / slider.width());
                if(step > 1){ slider.slider('option','step',step); }
            }
        }
    });
};

$(function() {
    //匿评评分提示
    $(".student_score_info").live("mouseover", function () {
        $(this).find("div").show();
    });
    $(".student_score_info").live("mouseout", function () {
        $(this).find("div").hide();
    });
});

function regexSubject() {
    var content = $.trim($("#course_message_subject").val());
    if (content.length == 0) {
        $("#new_course_message_notice").show();
        return  false;
    }
    else {
        $("#new_course_message_notice").hide();
        return true;
    }
    return false;
}
function regexContent() {
    if(message_content_editor.isEmpty()){
        $("#new_course_message_content_notice").show();
        return  false;
    }
    else {
        $("#new_course_message_content_notice").hide();
        return true;
    }
    return false;
}

function submitCoursesBoard(){
    if(regexSubject() && regexContent()){
        message_content_editor.sync();
        $("#message-form").submit();
    }
}