iassign-integration-functions.js~ 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. // Funcao para ler parametros informados pelo iTarefa via URL
  2. // Apesar de nao ser obrigatorio, será muito útil para capturar os parametros
  3. function getParameterByName (name, defaultReturn = null) {
  4. var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  5. return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : defaultReturn;
  6. }
  7. // Criando um object com os parametros informados pelo iTarefa
  8. // Observe que para cada parametro, é realizada a chamada do método getParameterByName, implementado acima
  9. var iLMparameters = {
  10. iLM_PARAM_ServerToGetAnswerURL: getParameterByName("iLM_PARAM_ServerToGetAnswerURL"),
  11. iLM_PARAM_SendAnswer: getParameterByName("iLM_PARAM_SendAnswer"),
  12. iLM_PARAM_AssignmentURL: getParameterByName("iLM_PARAM_AssignmentURL"),
  13. iLM_PARAM_Assignment: getParameterByName("iLM_PARAM_Assignment"),
  14. lang: getParameterByName("lang", "pt")
  15. };
  16. // Set the lang parameter to the localStorage for easy access
  17. // and no dependency to the global scope, avoind future 'strict mode' problems
  18. try { localStorage.setItem('ivprog.lang', iLMparameters.lang); }
  19. catch (error) { } //leo1 If NOT in iAssign 'localStorage' is undefined! Do not try: localStorage.setItem('ivprog.lang', 'pt');
  20. // Funcao chamada pelo iTarefa quando o professor finaliza a criacao da atividade
  21. // ou quando o aluno finaliza a resolucao do exercício
  22. // O retorno é um JSON com os dados do exercício ou da resolucao
  23. // Esse retorno será armazenado no banco de dados do Moodle, pelo iTarefa
  24. function getAnswer () {
  25. // Se o parametro "iLM_PARAM_SendAnswer" for false,
  26. // entao trata-se de resolucao de atividade
  27. if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
  28. // Montar o retorno com a resposta do aluno
  29. var contentToSend = previousContent.split("\n::algorithm::")[0];
  30. contentToSend += '\n::algorithm::\n';
  31. contentToSend += JSON.stringify(window.program_obj);
  32. contentToSend += '\n::logs::';
  33. contentToSend += getTrackingLogs();
  34. return contentToSend;
  35. } else {
  36. // Montar o retorno com a criacao da atividade do professor
  37. var ret = ' { ' + prepareTestCases()
  38. + ',\n"settings_data_types": \n' + JSON.stringify($('form[name="settings_data_types"]').serializeArray())
  39. + ',\n"settings_commands": \n' + JSON.stringify($('form[name="settings_commands"]').serializeArray())
  40. + ',\n"settings_functions": \n' + JSON.stringify($('form[name="settings_functions"]').serializeArray())
  41. + ' } ';
  42. if ($("input[name='include_algo']").is(':checked')) {
  43. ret += '\n::algorithm::\n';
  44. ret += JSON.stringify(window.program_obj);
  45. }
  46. return ret;
  47. }
  48. }
  49. function prepareTestCases () {
  50. var ret = ' \n "testcases" : [ '
  51. var test_cases_array = $('form[name="test_cases"]').serializeArray();
  52. for (var i = 0; i < test_cases_array.length; i = i + 2) {
  53. ret += '\n{ ';
  54. ret += '\n "input": [';
  55. var inps = test_cases_array[i].value.match(/[^\r\n]+/g);
  56. if (inps) {
  57. for (var j = 0; j < inps.length; j++) {
  58. ret += '"' + inps[j] + '"';
  59. if ((j + 1) < inps.length) {
  60. ret += ', ';
  61. }
  62. }
  63. }
  64. ret += '], \n "output": [';
  65. var outs = test_cases_array[i+1].value.match(/[^\r\n]+/g);
  66. if (outs) {
  67. for (var j = 0; j < outs.length; j++) {
  68. ret += '"' + outs[j] + '"';
  69. if ((j + 1) < outs.length) {
  70. ret += ', ';
  71. }
  72. }
  73. }
  74. ret += ']';
  75. ret += '\n}'
  76. if ((i + 2) < test_cases_array.length) {
  77. ret += ',';
  78. }
  79. }
  80. ret += '\n] ';
  81. return ret;
  82. }
  83. // Funcao chamada pelo iTarefa para receber a nota do aluno na atividade
  84. // O retorno é um valor entre 0.0 e 1.0
  85. function getEvaluation () {
  86. // var strContent = getAnswer(); alert('./ivprogh/js/getEvaluation(): aqui! ' + strContent);
  87. alert('./ivprogh/js/getEvaluation(): aqui! ');
  88. if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
  89. // A chamada do método abaixo é obrigatoria!
  90. // Observe que a chamada parte do iLM para o iTarefa
  91. //parent.getEvaluationCallback(window.studentGrade);
  92. runCodeAssessment();
  93. }
  94. }
  95. var testCases = null;
  96. var settingsDataTypes = null;
  97. var settingsCommands = null;
  98. var settingsFunctions = null;
  99. var algorithm_in_ilm = null;
  100. var previousContent = null;
  101. // Funcao para que o iMA leia os dados da atividade fornecidos pelo iTarefa
  102. function getiLMContent () {
  103. // O parametro "iLM_PARAM_Assignment" fornece o URL do endereço que deve ser
  104. // requisitado via AJAX para a captura dos dados da atividade
  105. $.get(iLMparameters.iLM_PARAM_Assignment, function (data) {
  106. if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
  107. previousContent = data;
  108. prepareActivityToStudent(data);
  109. } else {
  110. }
  111. });
  112. }
  113. function prepareActivityToStudent (ilm_cont) {
  114. var content = JSON.parse(ilm_cont.split('\n::algorithm::')[0]);
  115. testCases = content.testcases;
  116. settingsDataTypes = content.settings_data_types;
  117. settingsCommands = content.settings_commands;
  118. settingsFunctions = content.settings_functions;
  119. algorithm_in_ilm = ilm_cont.split('\n::algorithm::')[1].split('\n::logs::')[0];
  120. window.program_obj.functions = JSON.parse(algorithm_in_ilm).functions;
  121. window.program_obj.globals = JSON.parse(algorithm_in_ilm).globals;
  122. renderAlgorithm();
  123. }
  124. // Funcao para organizar se para criacao, visualizacao ou resolucao de atividade
  125. function prepareEnvironment () {
  126. if ((iLMparameters.iLM_PARAM_AssignmentURL == "true") && (iLMparameters.iLM_PARAM_SendAnswer == "true")) {
  127. prepareActivityCreation();
  128. }
  129. }
  130. $(document).ready(function() {
  131. // Se iLM_PARAM_SendAnswer for false, entao trata-se de resolucao de atividade,
  132. // portanto, a "DIV" de resolucao é liberada
  133. if (iLMparameters.iLM_PARAM_SendAnswer == 'false') {
  134. //$('.resolucao').css("display","block");
  135. getiLMContent();
  136. $( document ).ready(function() {
  137. $('.div_to_body').mousemove(function(e) {
  138. trackingMatrix.push(adCoords(e, 0));
  139. });
  140. $('.div_to_body').click(function(e) {
  141. trackingMatrix.push(adCoords(e, 1));
  142. });
  143. });
  144. } else {
  145. // Caso nao esteja em modo de resolucao de atividade, a visualizacao no momento
  146. // é para a elaboracao de atividade:
  147. //$('.elaboracao').css("display","block");
  148. }
  149. });
  150. // Funcao para preparar a interface para o professor criar atividade:
  151. function prepareActivityCreation () {
  152. $('.add_accordion').addClass('accordion');
  153. $('.default_visual_title').toggle();
  154. $('.default_visual_title').append('<span>'+LocalizedStrings.getUI('text_teacher_algorithm')+'</span>');
  155. $('.height_100').removeClass('height_100');
  156. $('.main_title').remove();
  157. $('.ui.accordion').addClass('styled');
  158. $('<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>').insertBefore('.content_margin');
  159. 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>');
  160. cases_test_div.insertBefore('.accordion');
  161. 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>');
  162. config_div.insertAfter(cases_test_div);
  163. $('.ui.accordion').accordion();
  164. $('.ui.checkbox').checkbox();
  165. prepareTableSettings(config_div.find('.content'));
  166. prepareTableTestCases(cases_test_div.find('.content'));
  167. }
  168. function prepareTableTestCases (div_el) {
  169. 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>'
  170. + '<tbody class="content_cases"></tbody></table></form>';
  171. div_el.append(table_el);
  172. 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>');
  173. $('.button_add_case').on('click', function(e) {
  174. addTestCase();
  175. });
  176. }
  177. var hist = false;
  178. function addTestCase () {
  179. var 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>');
  180. $('.content_cases').append(new_row);
  181. new_row.find('.button_remove_case').click(function(e) {
  182. new_row.remove();
  183. updateTestCaseCounter();
  184. });
  185. $('textarea').on('input', function(e) {
  186. var lines = $(this).val().split('\n').length;
  187. $(this).attr('rows', lines);
  188. });
  189. updateTestCaseCounter();
  190. $('.text_area_output').keydown(function(e) {
  191. var code = e.keyCode || e.which;
  192. if (code == 9 && $(this).closest("tr").is(":last-child")) {
  193. hist = true;
  194. addTestCase();
  195. }
  196. });
  197. if (!hist) {
  198. $( ".content_cases tr:last" ).find('.text_area_input').focus();
  199. } else {
  200. hist = false;
  201. }
  202. }
  203. function updateTestCaseCounter () {
  204. var i = 1;
  205. $( ".content_cases" ).find('tr').each(function() {
  206. $( this ).find('.counter').text(i);
  207. i ++;
  208. });
  209. }
  210. function prepareTableSettings (div_el) {
  211. div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_data_types')+'</h4>');
  212. div_el.append('<form name="settings_data_types"><div class="ui stackable five column grid">'
  213. +'<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>'
  214. +'<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>'
  215. +'<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>'
  216. +'<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>'
  217. +'<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>'
  218. +'</div></form>');
  219. div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_commands')+'</h4>');
  220. div_el.append('<form name="settings_commands"><div class="ui stackable three column grid">'
  221. +'<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>'
  222. +'<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>'
  223. +'<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>'
  224. +'<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>'
  225. +'<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>'
  226. +'<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>'
  227. +'<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>'
  228. +'<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>'
  229. +'<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>'
  230. +'<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>'
  231. +'</div></form>');
  232. div_el.append('<h4 class="ui header">'+LocalizedStrings.getUI('text_teacher_functions')+'</h4>');
  233. div_el.append('<form name="settings_functions"><div class="ui stackable one column grid">'
  234. +'<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>'
  235. +'<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>'
  236. +'</div></form>');
  237. $('.ui.checkbox').checkbox();
  238. }
  239. function getTrackingLogs () {
  240. var ret = "";
  241. for (var i = 0; i < trackingMatrix.length; i++) {
  242. ret += "\n" + trackingMatrix[i][0] + "," + trackingMatrix[i][1] + "," + trackingMatrix[i][2];
  243. if (trackingMatrix[i][2] === 1) {
  244. ret += ',"' + trackingMatrix[i][3] + '"';
  245. }
  246. }
  247. return ret;
  248. }
  249. // Tracking mouse movements
  250. var trackingMatrix = [];
  251. function adCoords(e, code){
  252. var x = e.pageX;
  253. var y = e.pageY;
  254. if (code === 1) {
  255. return [x, y, code, e.target.classList['value']];
  256. } else {
  257. return [x, y, code];
  258. }
  259. }
  260. $( document ).ready(function() {
  261. if (inIframe()) {
  262. orderIcons();
  263. }
  264. });
  265. function orderIcons() {
  266. $('.ui.one.column.doubling.stackable.grid.container').css('display', 'none');
  267. $('.only_in_frame').css('display', 'block');
  268. }
  269. function inIframe () {
  270. try {
  271. return window.self !== window.top;
  272. } catch (e) {
  273. return true;
  274. }
  275. }