// Função para ler parâmetros informados pelo iTarefa via URL // Apesar de não ser obrigatório, será muito útil para capturar os parâmetros function getParameterByName (name, defaultReturn = null) { var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search); return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : defaultReturn; } // Criando um object com os parâmetros informados pelo iTarefa // Observe que para cada parâmetro, é realizada a chamada do método getParameterByName, implementado acima var iLMparameters = { iLM_PARAM_ServerToGetAnswerURL: getParameterByName("iLM_PARAM_ServerToGetAnswerURL"), iLM_PARAM_SendAnswer: getParameterByName("iLM_PARAM_SendAnswer"), iLM_PARAM_AssignmentURL: getParameterByName("iLM_PARAM_AssignmentURL"), iLM_PARAM_Assignment: getParameterByName("iLM_PARAM_Assignment"), iLM_PARAM_TeacherAutoEval: getParameterByName("iLM_PARAM_TeacherAutoEval"), lang: getParameterByName("lang", "pt") }; // Set the lang parameter to the localStorage for easy access // and no dependency to the global scope, avoind future 'strict mode' problems //localStorage.setItem('ivprog.lang', iLMparameters.lang); // Função chamada pelo iTarefa quando o professor finaliza a criação da atividade // ou quando o aluno finaliza a resolução do exercício // O retorno é um JSON com os dados do exercício ou da resolução // Esse retorno será armazenado no banco de dados do Moodle, pelo iTarefa function getAnswer () { // Se o parâmetro "iLM_PARAM_SendAnswer" for false, // então trata-se de resolução de atividade if (iLMparameters.iLM_PARAM_SendAnswer == 'false') { // Montar o retorno com a resposta do aluno var contentToSend = previousContent.split("\n::algorithm::")[0]; contentToSend += '\n::algorithm::'; if (settingsProgrammingTypes == "textual") { contentToSend += ivprogCore.CodeEditor.getCode(); } else { contentToSend += JSON.stringify(window.program_obj, function(key, value) { if (key == 'dom_object') { return; } return value; }); } contentToSend += '\n::logs::'; contentToSend += getTrackingLogs(); return contentToSend; } else { // Montar o retorno com a criação da atividade do professor var ret = ' { ' + prepareTestCases() + ',\n"settings_programming_type": \n' + JSON.stringify($('form[name="settings_programming_type"]').serializeArray()) + ',\n"settings_data_types": \n' + JSON.stringify($('form[name="settings_data_types"]').serializeArray()) + ',\n"settings_commands": \n' + JSON.stringify($('form[name="settings_commands"]').serializeArray()) + ',\n"settings_functions": \n' + JSON.stringify($('form[name="settings_functions"]').serializeArray()) + ' } '; if ($("input[name='include_algo']").is(':checked')) { ret += '\n::algorithm::'; ret += JSON.stringify(window.program_obj, function(key, value) { if (key == 'dom_object') { return; } return value; }); } return ret; } } function prepareTestCases () { var ret = ' \n "testcases" : [ ' var test_cases_array = $('form[name="test_cases"]').serializeArray(); console.log(test_cases_array); for (var i = 0; i < test_cases_array.length; i = i + 2) { ret += '\n{ '; ret += '\n "input": ['; var inps = test_cases_array[i].value.match(/[^\r\n]+/g); if (inps) { for (var j = 0; j < inps.length; j++) { ret += '"' + inps[j].trim() + '"'; if ((j + 1) < inps.length) { ret += ', '; } } } ret += '], \n "output": ['; var outs = test_cases_array[i+1].value.match(/[^\r\n]+/g); if (outs) { for (var j = 0; j < outs.length; j++) { ret += '"' + outs[j].trim() + '"'; if ((j + 1) < outs.length) { ret += ', '; } } } ret += ']'; ret += '\n}' if ((i + 2) < test_cases_array.length) { ret += ','; } } ret += '\n] '; return ret; } // Função chamada pelo iTarefa para receber a nota do aluno na atividade // O retorno é um valor entre 0.0 e 1.0 function getEvaluation () { if (iLMparameters.iLM_PARAM_SendAnswer == 'false') { // A chamada do método abaixo é obrigatória! // Observe que a chamada parte do iLM para o iTarefa //parent.getEvaluationCallback(window.studentGrade); runCodeAssessment(); } } //var testCases = null var settingsDataTypes = null; var settingsCommands = null; var settingsFunctions = null; var settingsProgrammingTypes = null; var algorithm_in_ilm = null; var previousContent = null; // Função para que o iMA leia os dados da atividade fornecidos pelo iTarefa function getiLMContent () { // O parâmetro "iLM_PARAM_Assignment" fornece o URL do endereço que deve ser // requisitado via AJAX para a captura dos dados da atividade $.get(iLMparameters.iLM_PARAM_Assignment, function (data) { //professor invocou a avaliação automática dos exercícios do bloco if (iLMparameters.iLM_PARAM_TeacherAutoEval != null) { teacherAutoEval(data); //não deve exibir nenhuma interface... return; } else if (iLMparameters.iLM_PARAM_SendAnswer == 'false') { // Aluno está trabalhando em alguma atividade: previousContent = data; prepareActivityToStudent(data); } else { // Professor está editando uma atividade: previousContent = data; prepareActivityToEdit(data); } window.block_render = false; renderAlgorithm(); }); } function prepareActivityToEdit (ilm_cont) { //var content = JSON.parse(ilm_cont.split('\n::algorithm::')[0]); // Ver arquivo js/util/iassignHelpers.js var content = ivprogCore.prepareActivityToStudentHelper(ilm_cont); var testCases = ivprogCore.getTestCases(); settingsProgrammingTypes = content.settingsProgrammingType; settingsDataTypes = content.settingsDataTypes; settingsCommands = content.settingsCommands; settingsFunctions = content.settingsFunctions; for (var i = 0; i < testCases.length; i++) { addTestCase(testCases[i]); } if (content.algorithmInIlm != null) { algorithm_in_ilm = content.algorithmInIlm; $("input[name='include_algo']").prop('checked', true); includePreviousAlgorithm(); renderAlgorithm(); } ivprogTextualOrVisual(); } function parsePreviousAlgorithm () { window.program_obj.functions = JSON.parse(algorithm_in_ilm).functions; window.program_obj.globals = JSON.parse(algorithm_in_ilm).globals; } function includePreviousAlgorithm () { if (settingsProgrammingTypes == "textual") { return; } parsePreviousAlgorithm(); window.watchW.watch(window.program_obj.globals, function(){ if (window.insertContext) { setTimeout(function(){ renderAlgorithm(); }, 300); window.insertContext = false; } else { renderAlgorithm(); } }, 1); for (var i = 0; i < window.program_obj.functions.length; i ++) { window.watchW.watch(window.program_obj.functions[i].parameters_list, function(){ if (window.insertContext) { setTimeout(function(){ renderAlgorithm(); }, 300); window.insertContext = false; } else { renderAlgorithm(); } }, 1); window.watchW.watch(window.program_obj.functions[i].variables_list, function(){ if (window.insertContext) { setTimeout(function(){ renderAlgorithm(); }, 300); window.insertContext = false; } else { renderAlgorithm(); } }, 1); if (window.program_obj.functions[i].is_main) { window.program_obj.functions[i].name = LocalizedStrings.getUI("start"); } } window.watchW.watch(window.program_obj.functions, function(){ if (window.insertContext) { setTimeout(function(){ renderAlgorithm(); }, 300); window.insertContext = false; } else { renderAlgorithm(); } }, 1); } function prepareActivityToStudent (ilm_cont) { // Ver arquivo js/util/iassignHelpers.js var content = ivprogCore.prepareActivityToStudentHelper(ilm_cont); // Casos de testes agora são delegados ao tratamento apropriado pela função acima // var testCases = content.testcases; settingsProgrammingTypes = content.settingsProgrammingType; settingsDataTypes = content.settingsDataTypes; settingsCommands = content.settingsCommands; settingsFunctions = content.settingsFunctions; if (content.algorithmInIlm != null) { algorithm_in_ilm = content.algorithmInIlm; includePreviousAlgorithm(); } $('.assessment_button').removeClass('disabled'); renderAlgorithm(); ivprogTextualOrVisual(); } // Função para organizar se para criação, visualização ou resolução de atividade function prepareEnvironment () { $('.div_to_body').click(function(e) { // trackingMatrix.push(adCoords(e, 1)); ivprogCore.registerClick(e.pageX, e.pageY, e.target.classList['value']); }); // Se iLM_PARAM_SendAnswer for false, então trata-se de resolução de atividade, // portanto, a "DIV" de resolução é liberada if (iLMparameters.iLM_PARAM_SendAnswer == 'false') { //$('.resolucao').css("display","block"); getiLMContent(); // $('.div_to_body').mousemove(function(e) { // trackingMatrix.push(adCoords(e, 0)); // }); // $('.div_to_body').click(function(e) { // // trackingMatrix.push(adCoords(e, 1)); // ivprogCore.registerClick(e.pageX, e.pageY, e.target.classList['value']); // }); } else if (iLMparameters.iLM_PARAM_Assignment) { // Caso não esteja em modo de resolução de atividade, a visualização no momento // é para a elaboração de atividade: //$('.elaboracao').css("display","block"); // Se possuir o parâmetro iLMparameters.iLM_PARAM_Assignment, o professor // está editando uma atividade: getiLMContent(); } else { renderAlgorithm(); } if ((iLMparameters.iLM_PARAM_AssignmentURL == "true") && (iLMparameters.iLM_PARAM_SendAnswer == "true")) { prepareActivityCreation(); } } function ivprogTextualOrVisual () { if (settingsProgrammingTypes) { if (settingsProgrammingTypes == "textual") { $('.ivprog_visual_panel').css('display', 'none'); $('.ivprog_textual_panel').css('display', 'block'); $('.ivprog_textual_panel').removeClass('loading'); $('.visual_coding_button').removeClass('active'); $('.textual_coding_button').addClass('active'); $('.visual_coding_button').addClass('disabled'); ivprogCore.CodeEditor.setCode(algorithm_in_ilm); ivprogCore.CodeEditor.disable(false); } if (settingsProgrammingTypes == "visual") { } } } function iassingIntegration () { // Disable by default... $('.assessment_button').addClass('disabled'); prepareEnvironment(); if (inIframe()) { orderIcons(); orderWidth(); } } // Função para preparar a interface para o professor criar atividade: function prepareActivityCreation () { $('.add_accordion').addClass('accordion'); $('.default_visual_title').toggle(); $('.default_visual_title').append(''+LocalizedStrings.getUI('text_teacher_algorithm')+''); $('.height_100').removeClass('height_100'); $('.main_title').remove(); $('.ui.accordion').addClass('styled'); $('
').insertBefore($('.add_accordion').find('.content').find('.div_to_body')); $('
').insertAfter('.content_margin'); var cases_test_div = $('
'+LocalizedStrings.getUI('text_teacher_test_case')+'
'); cases_test_div.insertBefore('.accordion'); var config_div = $('
'+LocalizedStrings.getUI('text_teacher_config')+'
'); config_div.insertAfter(cases_test_div); $('.ui.accordion').accordion(); $('.ui.checkbox').checkbox(); prepareTableSettings(config_div.find('.content')); prepareTableTestCases(cases_test_div.find('.content')); if (inIframe()) { $('.ui.styled.accordion').css('width', '96%'); } } function prepareTableTestCases (div_el) { var table_el = '
' + '
#'+LocalizedStrings.getUI('text_teacher_test_case_input')+''+LocalizedStrings.getUI('text_teacher_test_case_output')+''+LocalizedStrings.getUI('text_teacher_test_case_actions')+'
'; div_el.append(table_el); div_el.append(''); $('.button_add_case').on('click', function(e) { addTestCase(); }); } var hist = false; function addTestCase (test_case = null) { var new_row = null; if (test_case) { var text_row = ''; text_row += '
'; new_row = $(text_row); } else { new_row = $('
'); } $('.content_cases').append(new_row); new_row.find('.button_remove_case').click(function(e) { new_row.remove(); updateTestCaseCounter(); }); new_row.find('textarea').on('input', function(e) { var lines = $(this).val().split('\n').length; $(this).attr('rows', lines); }); updateTestCaseCounter(); $('.text_area_output').keydown(function(e) { var code = e.keyCode || e.which; if (code == 9 && $(this).closest("tr").is(":last-child")) { hist = true; addTestCase(); } }); if (test_case == null) { if (!hist) { $( ".content_cases tr:last" ).find('.text_area_input').focus(); } else { hist = false; } } } function updateTestCaseCounter () { var i = 1; $( ".content_cases" ).find('tr').each(function() { $( this ).find('.counter').text(i); ++i; }); } function prepareTableSettings (div_el) { div_el.append('

'+LocalizedStrings.getUI('text_config_programming')+'

'); div_el.append('
' +'
' +'
' +'
'); div_el.append('

'+LocalizedStrings.getUI('text_teacher_data_types')+'

'); div_el.append('
' +'
' +'
' +'
' +'
' +'
' +'
'); div_el.append('

'+LocalizedStrings.getUI('text_teacher_commands')+'

'); div_el.append('
' +'
' +'
' +'
' +'
' +'
' +'
' +'
' +'
' +'
' +'
' +'
'); div_el.append('

'+LocalizedStrings.getUI('text_teacher_functions')+'

'); div_el.append('
' +'
' +'
' +'
'); $('.ui.checkbox').checkbox(); } function getTrackingLogs () { return ivprogCore.getLogsAsString(); // var ret = ""; // for (var i = 0; i < trackingMatrix.length; ++i) { // ret += "\n" + trackingMatrix[i][0] + "," + trackingMatrix[i][1] + "," + trackingMatrix[i][2]; // if (trackingMatrix[i][3] === 1) { // ret += ',' + trackingMatrix[i][3] + ',"' + trackingMatrix[i][4] + '"'; // } // } // return ret; } // Tracking mouse movements // var trackingMatrix = []; /* function adCoords(e, code){ var x = e.pageX; var y = e.pageY; if (code === 1) { return [new Date().getTime(), x, y, code, e.target.classList['value']]; } else { return [x, y, code]; } } */ // $( document ).ready(function() { // if (inIframe()) { // orderIcons(); // orderWidth(); // } // renderAlgorithm(); // }); function orderWidth() { $('.ui.raised.container.segment.div_to_body').css('width', '100%'); $('.ui.one.column.container.segment.ivprog_visual_panel').css('width', '100%'); } function orderIcons() { $('.ui.one.column.doubling.stackable.grid.container').css('display', 'none'); $('.only_in_frame').css('display', 'block'); } function inIframe () { try { return window.self !== window.top; } catch (e) { return true; } } function full_screen() { // check if user allows full screen of elements. This can be enabled or disabled in browser config. By default its enabled. //its also used to check if browser supports full screen api. if("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || "mozFullScreenEnabled" in document || "msFullscreenEnabled" in document) { if(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled) { var element = document.getElementById("ui_main_div"); //requestFullscreen is used to display an element in full screen mode. if("requestFullscreen" in element) { element.requestFullscreen(); } else if ("webkitRequestFullscreen" in element) { element.webkitRequestFullscreen(); } else if ("mozRequestFullScreen" in element) { element.mozRequestFullScreen(); } else if ("msRequestFullscreen" in element) { element.msRequestFullscreen(); } } } else { $('.expand_button').addClass('disabled'); } } function teacherAutoEval (data) { $.get(iLMparameters.iLM_PARAM_TeacherAutoEval, function (originalData) { // Ver arquivo js/util/iassignHelpers.js var content = ivprogCore.prepareActivityToStudentHelper(data); // Casos de testes agora são delegados ao tratamento apropriado pela função acima // var testCases = content.testcases; settingsProgrammingTypes = content.settingsProgrammingType; settingsDataTypes = content.settingsDataTypes; settingsCommands = content.settingsCommands; settingsFunctions = content.settingsFunctions; if (content.algorithmInIlm != null) { algorithm_in_ilm = content.algorithmInIlm; parsePreviousAlgorithm(); ivprogCore.autoEval(originalData, parent.getEvaluationCallback); } ivprogTextualOrVisual(); }); }