// 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); function removeCollapseValue (command) { if (command.collapsed) { delete command.collapsed; } if (command.type == 'iftrue') { if (command.commands_block) for (var i = 0; i < command.commands_block.length; i++) { removeCollapseValue(command.commands_block[i]); } if (command.commands_else) for (var i = 0; i < command.commands_else.length; i++) { removeCollapseValue(command.commands_else[i]); } } else if (command.type == 'repeatNtimes' || command.type == 'whiletrue' || command.type == 'dowhiletrue' ) { if (command.commands_block) for (var i = 0; i < command.commands_block.length; i++) { removeCollapseValue(command.commands_block[i]); } } } // 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 () { // Remover o colapsar usado localmente: if (window.program_obj) { for (var i = 0; i < window.program_obj.functions.length; i++) { for (var j = 0; j < window.program_obj.functions[i].commands.length; j++) { removeCollapseValue(window.program_obj.functions[i].commands[j]); } } } // 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()) + ',\n"settings_filter": \n' + JSON.stringify($('form[name="settings_filter"]').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] + '"'; if ((j + 1) < inps.length) { ret += ', '; } } } ret += '], \n "output": ['; var outs = test_cases_array[i+1].value.match(/[^\r\n]+/g); console.log(outs); if (outs) { for (var j = 0; j < outs.length; j++) { console.log("output -> ",outs[j]); ret += '"' + outs[j] + '"'; 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); var canRunAssessment = runCodeAssessment(); if(canRunAssessment === -1) { parent.getEvaluationCallback(-1); } } } //var testCases = null var settingsDataTypes = null; var settingsCommands = null; var settingsFunctions = null; var settingsProgrammingTypes = null; var settingsFilter = 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).getOrElse(null); if(!content) { showInvalidData(); return; } var testCases = ivprogCore.getTestCases(); settingsProgrammingTypes = content.settingsProgrammingType; settingsDataTypes = content.settingsDataTypes; settingsCommands = content.settingsCommands; settingsFunctions = content.settingsFunctions; settingsFilter = content.settingsFilter; 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(); if (settingsFilter && settingsFilter[0]) { blockAllEditingOptions(); } } 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).getOrElse(null); if(!content) { showInvalidData(); return; } // 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; settingsFilter = content.settingsFilter; if (content.algorithmInIlm != null) { algorithm_in_ilm = content.algorithmInIlm; includePreviousAlgorithm(); } $('.assessment_button').removeClass('disabled'); renderAlgorithm(); ivprogTextualOrVisual(); if (settingsFilter && settingsFilter[0]) { blockAllEditingOptions(); } } // 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 blockAllEditingOptions () { if ((iLMparameters.iLM_PARAM_AssignmentURL == "true") && (iLMparameters.iLM_PARAM_SendAnswer == "true")) { return; } $('.add_global_button').addClass('disabled'); $('.move_function').addClass('disabled'); $('.add_function_button').addClass('disabled'); $('.add_var_button_function .ui.icon.button.purple').addClass('disabled'); $('.add_var_button_function').addClass('disabled'); $('.menu_commands').addClass('disabled'); $('.global_type').addClass('disabled'); $('.editing_name_var').addClass('disabled'); $('.span_value_variable').addClass('disabled'); $('.remove_global').addClass('disabled'); $('.ui.icon.ellipsis.vertical.inverted').addClass('disabled'); $('.alternate_constant').addClass('disabled'); $('.remove_variable').addClass('disabled'); $('.add_global_matrix_column').addClass('disabled'); $('.remove_global_matrix_column').addClass('disabled'); $('.add_global_matrix_line').addClass('disabled'); $('.remove_global_matrix_line').addClass('disabled'); $('.add_global_vector_column').addClass('disabled'); $('.remove_global_vector_column').addClass('disabled'); $('.add_expression').addClass('disabled'); $('.add_parentheses').addClass('disabled'); $('.remove_function_button').addClass('disabled'); $('.button_remove_command').addClass('disabled'); $('.command_drag').addClass('disabled'); $('.simple_add').addClass('disabled'); $('.add_parameter_button').addClass('disabled'); $('.parameter_div_edit').addClass('disabled'); $('.function_name_div_updated').addClass('disabled'); $('.value_rendered').addClass('disabled'); $('.var_name').addClass('disabled'); $('.variable_rendered').addClass('disabled'); $('.dropdown').addClass('disabled'); $('.remove_parameter').addClass('disabled'); $('.ui.dropdown.global_type.disabled').css('opacity', '1'); $('.ui.dropdown.variable_type.disabled').css('opacity', '1'); $('.ui.dropdown.function_return.disabled').css('opacity', '1'); $('.ui.dropdown.parameter_type.disabled').css('opacity', '1'); ivprogCore.CodeEditor.disable(true); } 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'); let textual_code = algorithm_in_ilm; if(!textual_code) { textual_code = ivprogCore.LocalizedStrings.getUI("initial_program_code"); textual_code = textual_code.replace(/\\n/g,"\n"); textual_code = textual_code.replace(/\\t/g,"\t"); } ivprogCore.CodeEditor.setCode(textual_code); 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 () { var menuTab = $('' + '
' + '
' + '
'); menuTab.insertBefore('.add_accordion'); $('.tabular.menu .item').tab(); $('.main_title').remove(); $('.ui.accordion').addClass('styled'); $('
').insertBefore($('.add_accordion').find('.content').find('.div_to_body')); $('
').insertAfter('.content_margin'); var cases_test_div = $('
'); $('.tab_test_cases').append(cases_test_div); var config_div = $('
'); $('.tab_settings').append(config_div); $('.ui.checkbox').checkbox(); $('.tab_algorithm').append($('.add_accordion')); prepareTableSettings(config_div); prepareTableTestCases(cases_test_div); 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); var table_buttons = '
' + '' + '' + '' + '
'; div_el.append(table_buttons); div_el.append($('')); $('.button_add_case').on('click', function(e) { addTestCase(); }); $('.button_generate_outputs').on('click', function(e) { generateOutputs(); }); } function showAlert (msg) { $('.ui.basic.modal .content').html('

'+msg+'

'); $('.ui.basic.modal').modal('show'); } function generateOutputs () { if (window.program_obj.functions.length == 1 && window.program_obj.functions[0].commands.length == 0) { showAlert(LocalizedStrings.getUI('text_teacher_generate_outputs_algorithm')); return; } // código: var code_teacher = window.generator(); // array com as entradas já inseridas: var test_cases = JSON.parse(prepareTestCases().replace('"testcases" :', '')); ivprogCore.autoGenerateTestCaseOutput(code_teacher, test_cases).catch(function (error) { showAlert("Houve um erro durante a execução do seu programa: "+error.message); }); } function outputGenerated (test_cases) { var fields = $('.text_area_output'); /*for (var i = 0; i < test_cases.length; i++) { $(fields[i]).val(''); for (var j = 0; j < test_cases[i].output.length; j++) { $(fields[i]).val($(fields[i]).val() + test_cases[i].output[j]); if (j < test_cases[i].output.length - 1) { $(fields[i]).val($(fields[i]).val() + '\n'); } } $(fields[i]).attr('rows', test_cases[i].output.length); }*/ animateOutput(fields, test_cases, 0); } function animateOutput (list, test_cases, index) { if (list.length == index) return; $(list[index]).val(''); for (var j = 0; j < test_cases[index].output.length; j++) { console.log(test_cases[index].output[j].charCodeAt(0)); $(list[index]).val($(list[index]).val() + test_cases[index].output[j]); if (j < test_cases[index].output.length - 1) { $(list[index]).val($(list[index]).val() + '\n'); } } $(list[index]).attr('rows', test_cases[index].output.length); $(list[index]).effect('highlight', null, 50, function() { animateOutput(list, test_cases, index + 1); }); } 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('

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

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

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

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

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

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

'+LocalizedStrings.getUI('text_teacher_filter')+'

' +'
' +'
' +'
'); $('.circular.inverted.teal.question.icon').popup({ content : LocalizedStrings.getUI("text_teacher_filter_help"), delay: { show: 750, hide: 0 } }); $('.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 getAutoEvalOriginalData () { return parent.getAutoEvalOriginalData(); } function teacherAutoEval (data) { previousContent = data; // Ver arquivo js/util/iassignHelpers.js var content = ivprogCore.prepareActivityToStudentHelper(data).getOrElse(null); if(!content) { showInvalidData(); return; } // 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; settingsFilter = content.settingsFilter; if (content.algorithmInIlm != null) { algorithm_in_ilm = content.algorithmInIlm; parsePreviousAlgorithm(); var originalData = getAutoEvalOriginalData(); ivprogCore.autoEval(originalData, parent.postResultAutoEval); } ivprogTextualOrVisual(); if (settingsFilter && settingsFilter[0]) { blockAllEditingOptions(); } } function displayGrade(grade) { alert(grade); } function showInvalidData () { $('.ui.height_100.add_accordion').dimmer({ closable: false }); $('.dimmer_content_message h3').html(LocalizedStrings.getUI('text_message_error_activity_file')); $('.dimmer_content_message button').text(LocalizedStrings.getUI('text_message_error_activity_reload')); $('.dimmer_content_message').css('display', 'block'); $('.ui.height_100.add_accordion').dimmer('add content', '.dimmer_content_message'); $('.ui.height_100.add_accordion').dimmer('show'); }