c.js 4.92 KB



$(function(){
    var _languageid = getQuery('languageid');    //返回URL中的查询部分
    var _userId = getQuery('userId');
    var _role = getQuery('role');
    var flag = true;

    if(_languageid == 35){
        $('.switch').show();       
        $("#CompileBtn .ladda-label").html("自动运行")
       
        $('#quickTool').show();
        
    }else{
        $("#CompileBtn .ladda-label").html("编译运行")
    }
    
    // new一个基本IDE结构
    var ide = new GxbIde({
        el: '#folder',
        isPlayPage: 0,
        languageid: parseInt(_languageid)
    });

    $('.switch').on('click', function(){
        if(flag){
            $("#CompileBtn .ladda-label").html("手动运行")
            flag = false;
            CodingEditer.isHanld = 0
        }else{
            $("#CompileBtn .ladda-label").html("自动运行")
            flag = true;
            CodingEditer.isHanld = 1
        }
    })
    

    // new一个老师录制的控制条工具
    var techTool = new ToolBox({
        el: '#toolBox',
        role: _role,
        userId: _userId,
        languageId: _languageid,
        startCallback: function(){
            // 禁止重命名
            setTimeout(function(){
                DirSetting.edit.showRenameBtn = false;
                DirSetting.edit.enable = false;
                $('.button.edit').hide();
            }, 0)

            $("#countdown").show()
                .find('img').attr('src', '../img/ready-go.gif')
                .load(function() {
                    recordReady()
                })
            Iterm.compileResult()
        },
        stopCallback: function(){
            $("#countdown").find('img').attr('src', '')
        },
        restartCallback: function(){
            
        }
    });

    // 编译控制台
    // var iterm = new Iterm({
    //     userId: _userId,
    //     languageId: _languageid
    // });

    console.log(ide);

    if (CodingEditer.recording_status) {
        $('#teacherCompileBtn').show();
    }else{
        $('#studentCompileBtn').show();
    }

    $('.dropdown-menu').on('click', function(e) {
        var $target = $(e.target);
        $target.is('li') && $('#text').text($target.text());
       
        var selectVal = $target.text();
        
        if (selectVal == '图片') {
            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<img src="http://www.igeekbar.com/igeekbar/laitu/300x200&text=hello world/222222/ffffff" alt="占位图片">', "end")
        }else if (selectVal == 'bootstrap.css') {
            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">', "end")           
        }else if(selectVal == 'bootstrap.js'){
            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>', "end")
        }else if (selectVal == 'jQuery') {
            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>', "end")
        }

    })



    // 插入标准输入
    $(document).on('focus', '#runtimeArgus', function(){
        console.log('focus');
        CodingEditer.input_focus_time = new Date().getTime(); // 获取焦点的时间
        console.log(CodingEditer.records);
    })
    $(document).on('blur', '#runtimeArgus', function(){
        console.log('blur');
        console.log('blur');
        console.log('blur');
        var recordobj = {
            intervaltime: CodingEditer.input_focus_time - CodingEditer.record_startime,
            editor: 'runtimeArgus',
            changeobj: {
                from: {
                    ch: 0,
                    line: 0,
                },
                text: '',
                to: {
                    ch: 0,
                    line: 0,
                }
            },
            runtimeArgus: $(this).val(),
            trigger: 0,
            playTime: 0
        };

        CodingEditer.record_startime = CodingEditer.input_focus_time; // 获取焦点的时间
        CodingEditer.records.push(recordobj);
        console.log(CodingEditer.records);
    })

    // $.getScript('../js/main.js',  function(){alert('../js/gbdebug/mode/xml/xml.js');});
    // $.getScript('../js/gbdebug/mode/xml/xml.js')
    // $.getScript('../js/gbdebug/mode/javascript/javascript.js')
    // $.getScript('../js/gbdebug/mode/css/css.js')
    // $.getScript('../js/gbdebug/mode/htmlmixed/htmlmixed.js')

    $("#confirm").on('click', function(){
        $('.confirm-tip').hide();
    })


    function recordReady(){
        var seconds = 0;
        var countdown = setInterval(function() {
            seconds += 1;
            if (seconds == 2) {
                $("#countdown").hide();
                techTool.initRecording();
                Hourglass.init()
            }
        }, 1000);
    }

    $('[data-toggle="tooltip"]').tooltip()

})