123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587 |
- function getParameterByName (name, defaultReturn = null) {
- var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
- return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : defaultReturn;
- }
- 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")
- };
- function getAnswer () {
-
-
- if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
-
- 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 {
-
- 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;
- }
- function getEvaluation () {
- if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
-
-
-
- runCodeAssessment();
- }
- }
- var settingsDataTypes = null;
- var settingsCommands = null;
- var settingsFunctions = null;
- var settingsProgrammingTypes = null;
- var algorithm_in_ilm = null;
- var previousContent = null;
- function getiLMContent () {
-
-
- $.get(iLMparameters.iLM_PARAM_Assignment, function (data) {
-
- if (iLMparameters.iLM_PARAM_TeacherAutoEval != null) {
- teacherAutoEval(data);
-
- return;
- } else if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
-
- previousContent = data;
- prepareActivityToStudent(data);
- } else {
- previousContent = data;
- prepareActivityToEdit(data);
- }
- window.block_render = false;
- renderAlgorithm();
- });
- }
- function prepareActivityToEdit (ilm_cont) {
-
-
- 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) {
-
- var content = ivprogCore.prepareActivityToStudentHelper(ilm_cont);
-
-
- 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();
- }
- function prepareEnvironment () {
- $('.div_to_body').click(function(e) {
-
- ivprogCore.registerClick(e.pageX, e.pageY, e.target.classList['value']);
- });
-
-
- if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
-
- getiLMContent();
-
-
-
-
-
-
-
- } else if (iLMparameters.iLM_PARAM_Assignment) {
-
-
-
-
-
- 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 () {
-
- $('.assessment_button').addClass('disabled');
- prepareEnvironment();
- if (inIframe()) {
- orderIcons();
- orderWidth();
- }
- }
- function prepareActivityCreation () {
- $('.add_accordion').addClass('accordion');
- $('.default_visual_title').toggle();
- $('.default_visual_title').append('<span>'+LocalizedStrings.getUI('text_teacher_algorithm')+'</span>');
- $('.height_100').removeClass('height_100');
- $('.main_title').remove();
- $('.ui.accordion').addClass('styled');
-
- $('<div class="content_margin"></div>').insertBefore($('.add_accordion').find('.content').find('.div_to_body'));
- $('<div class="ui checkbox"><input type="checkbox" name="include_algo" class="include_algo" tabindex="0" class="hidden"><label>'+LocalizedStrings.getUI('text_teacher_algorithm_include')+'</label></div>').insertAfter('.content_margin');
-
- var cases_test_div = $('<div class="ui accordion styled"><div class="active title"><i class="dropdown icon"></i>'+LocalizedStrings.getUI('text_teacher_test_case')+'</div><div class="active content"></div></div>');
- cases_test_div.insertBefore('.accordion');
- var config_div = $('<div class="ui accordion styled"><div class="title"><i class="dropdown icon"></i>'+LocalizedStrings.getUI('text_teacher_config')+'</div><div class="content"></div></div>');
- 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 = '<form name="test_cases"><table class="ui blue table"><thead><tr><th width="30px">#</th><th>'+LocalizedStrings.getUI('text_teacher_test_case_input')+'</th><th>'+LocalizedStrings.getUI('text_teacher_test_case_output')+'</th><th width="80px">'+LocalizedStrings.getUI('text_teacher_test_case_actions')+'</th></tr></thead>'
- + '<tbody class="content_cases"></tbody></table></form>';
- div_el.append(table_el);
- div_el.append('<button class="ui teal labeled icon button button_add_case"><i class="plus icon"></i>'+LocalizedStrings.getUI('text_teacher_test_case_add')+'</button>');
- $('.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 += '<tr><td class="counter"></td><td class="expandingArea"><textarea rows="'+test_case.input.length+'" name="input" class="text_area_input">';
- for (var i = 0; i < test_case.input.length; i ++) {
- text_row += test_case.input[i];
- if ((i + 1) < test_case.input.length) {
- text_row += '\n';
- }
- }
-
- text_row += '</textarea></td><td class="expandingArea"><textarea rows="'+test_case.output.length+'" name="output" class="text_area_output">';
- for (var i = 0; i < test_case.output.length; i ++) {
- text_row += test_case.output[i];
- if ((i + 1) < test_case.output.length) {
- text_row += '\n';
- }
- }
- text_row += '</textarea></td><td class="btn_actions"><div class="ui button_remove_case"><i class="red icon times large"></i></div></td></tr>';
- new_row = $(text_row);
- } else {
- new_row = $('<tr><td class="counter"></td><td class="expandingArea"><textarea rows="1" name="input" class="text_area_input"></textarea></td><td class="expandingArea"><textarea rows="1" name="output" class="text_area_output"></textarea></td><td class="btn_actions"><div class="ui button_remove_case"><i class="red icon times large"></i></div></td></tr>');
- }
- $('.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('<h4 class="ui header">'+LocalizedStrings.getUI('text_config_programming')+'</h4>');
- div_el.append('<form name="settings_programming_type"><div class="ui stackable five column grid">'
- +'<div class="column"><div class="ui radio"><input type="radio" name="programming_type" id="programming_textual" value="textual" tabindex="0" class="hidden small"><label for="programming_textual">'+LocalizedStrings.getUI('text_config_programming_textual')+'</label></div></div>'
- +'<div class="column"><div class="ui radio"><input type="radio" name="programming_type" id="programming_visual" value="visual" checked tabindex="0" class="hidden small"><label for="programming_visual">'+LocalizedStrings.getUI('text_config_programming_visual')+'</label></div></div>'
- +'</div></form>');
- div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_data_types')+'</h4>');
- div_el.append('<form name="settings_data_types"><div class="ui stackable five column grid">'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="integer_data_type" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('integer')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="real_data_type" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('real')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="text_data_type" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="boolean_data_type" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('boolean')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="void_data_type" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('void')+'</label></div></div>'
- +'</div></form>');
- div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_commands')+'</h4>');
- div_el.append('<form name="settings_commands"><div class="ui stackable three column grid">'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_read" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_read_var')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_write" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_write_var')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_comment" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_comment')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_attribution" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_attribution')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_functioncall" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_functioncall')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_iftrue" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_iftrue')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_repeatNtimes" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_repeatNtimes')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_while" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_whiletrue')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_dowhile" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_dowhiletrue')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="commands_switch" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_switch')+'</label></div></div>'
- +'</div></form>');
- div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_functions')+'</h4>');
- div_el.append('<form name="settings_functions"><div class="ui stackable one column grid">'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="functions_creation" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_teacher_create_functions')+'</label></div></div>'
- +'<div class="column"><div class="ui checkbox"><input type="checkbox" name="functions_move" checked tabindex="0" class="hidden small"><label>'+LocalizedStrings.getUI('text_teacher_create_movement_functions')+'</label></div></div>'
- +'</div></form>');
- $('.ui.checkbox').checkbox();
- }
- function getTrackingLogs () {
- return ivprogCore.getLogsAsString();
-
-
-
-
-
-
-
-
- }
- 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() {
-
-
- 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");
-
- 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) {
-
- var content = ivprogCore.prepareActivityToStudentHelper(data);
-
-
- 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();
- });
- }
|