functions.js 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404
  1. import { Types } from './types';
  2. import * as Models from './ivprog_elements';
  3. import { LocalizedStrings } from './../services/localizedStringsService';
  4. import * as GlobalsManagement from './globals';
  5. import * as VariablesManagement from './variables';
  6. import * as CommandsManagement from './commands';
  7. import * as CodeManagement from './code_generator';
  8. import * as VariableValueMenu from './commands/variable_value_menu';
  9. import { DOMConsole } from './../io/domConsole';
  10. import { IVProgProcessor } from './../processor/ivprogProcessor';
  11. import WatchJS from 'melanke-watchjs';
  12. import { SemanticAnalyser } from '../processor/semantic/semanticAnalyser';
  13. import { IVProgAssessment } from '../assessment/ivprogAssessment';
  14. import * as AlgorithmManagement from './algorithm';
  15. import * as Utils from './utils';
  16. import { registerUserEvent, ActionTypes } from "./../services/userLog";
  17. import VersionInfo from './../../.ima_version.json';
  18. import * as TextEditor from "./text_editor";
  19. import { isValidIdentifier } from "./../util/utils";
  20. var counter_new_functions = 0;
  21. var counter_new_parameters = 0;
  22. var ivprog_version = VersionInfo.version;
  23. const globalChangeListeners = [];
  24. const functionsChangeListeners = [];
  25. let domConsole = null;
  26. let _testCases = [];
  27. let isRunning = false;
  28. window.studentGrade = null;
  29. window.LocalizedStrings = LocalizedStrings;
  30. const program = new Models.Program();
  31. window.system_functions = [];
  32. // Adding math functions:
  33. window.system_functions.push(new Models.SystemFunction('$sin', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  34. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  35. window.system_functions.push(new Models.SystemFunction('$cos', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  36. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  37. window.system_functions.push(new Models.SystemFunction('$tan', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  38. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  39. window.system_functions.push(new Models.SystemFunction('$sqrt', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  40. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  41. window.system_functions.push(new Models.SystemFunction('$pow', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true), new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  42. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  43. window.system_functions.push(new Models.SystemFunction('$log', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  44. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  45. window.system_functions.push(new Models.SystemFunction('$abs', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  46. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  47. window.system_functions.push(new Models.SystemFunction('$negate', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  48. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  49. window.system_functions.push(new Models.SystemFunction('$invert', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  50. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  51. window.system_functions.push(new Models.SystemFunction('$max', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  52. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  53. window.system_functions.push(new Models.SystemFunction('$min', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  54. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  55. window.system_functions.push(new Models.SystemFunction('$rand', Types.REAL, 0, [],
  56. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.math));
  57. // Adding text functions:
  58. window.system_functions.push(new Models.SystemFunction('$substring', Types.TEXT, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true),
  59. new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true),new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  60. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.text));
  61. window.system_functions.push(new Models.SystemFunction('$length', Types.INTEGER, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  62. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.text));
  63. window.system_functions.push(new Models.SystemFunction('$uppercase', Types.TEXT, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  64. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.text));
  65. window.system_functions.push(new Models.SystemFunction('$lowercase', Types.TEXT, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  66. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.text));
  67. window.system_functions.push(new Models.SystemFunction('$charAt', Types.TEXT, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true), new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  68. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.text));
  69. // Adding arrangement functions:
  70. window.system_functions.push(new Models.SystemFunction('$numElements', Types.INTEGER, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.variable_and_function, null, null, null, true, 1)],
  71. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.arrangement));
  72. window.system_functions.push(new Models.SystemFunction('$matrixLines', Types.INTEGER, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.variable_and_function, null, null, null, true, 2)],
  73. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.arrangement));
  74. window.system_functions.push(new Models.SystemFunction('$matrixColumns', Types.INTEGER, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.variable_and_function, null, null, null, true, 2)],
  75. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.arrangement));
  76. // Adding conversion functions:
  77. window.system_functions.push(new Models.SystemFunction('$isReal', Types.BOOLEAN, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  78. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  79. window.system_functions.push(new Models.SystemFunction('$isInt', Types.BOOLEAN, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  80. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  81. window.system_functions.push(new Models.SystemFunction('$isBool', Types.BOOLEAN, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  82. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  83. window.system_functions.push(new Models.SystemFunction('$castReal', Types.REAL, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  84. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  85. window.system_functions.push(new Models.SystemFunction('$castInt', Types.INTEGER, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  86. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  87. window.system_functions.push(new Models.SystemFunction('$castBool', Types.BOOLEAN, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  88. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  89. window.system_functions.push(new Models.SystemFunction('$castString', Types.TEXT, 0, [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)],
  90. null, Models.SYSTEM_FUNCTIONS_CATEGORIES.conversion));
  91. console.log(' ___ ___ ________ \n / / / / / ____/ \n / / / / / / \n / / / / ______ ___ / /__ \n / / / / / \\ / / / ___/ \n / /______ / / / /\\ \\/ / / / \n / / / / / / \\ / / /____ \n/__________/ /___/ /___/ \\___/ /________/ \n\n Laboratório de Informática na Educação\n http://line.ime.usp.br');
  92. const mainFunction = new Models.Function(LocalizedStrings.getUI("start"), Types.VOID, 0, [], true, false);
  93. mainFunction.function_comment = new Models.Comment(LocalizedStrings.getUI('text_comment_main'));
  94. program.addFunction(mainFunction);
  95. window.program_obj = program;
  96. window.generator = CodeManagement.generate;
  97. window.runCodeAssessment = runCodeAssessment;
  98. window.renderAlgorithm = AlgorithmManagement.renderAlgorithm;
  99. window.insertContext = false;
  100. window.watchW = WatchJS;
  101. WatchJS.watch(window.program_obj.globals, function(){
  102. if (window.insertContext) {
  103. setTimeout(function() {
  104. AlgorithmManagement.renderAlgorithm();
  105. globalChangeListeners.forEach(x => x());
  106. }, 300);
  107. window.insertContext = false;
  108. } else {
  109. AlgorithmManagement.renderAlgorithm();
  110. globalChangeListeners.forEach(x => x());
  111. }
  112. }, 1);
  113. WatchJS.watch(window.program_obj.functions, function(){
  114. if (window.insertContext) {
  115. setTimeout(function(){
  116. AlgorithmManagement.renderAlgorithm();
  117. functionsChangeListeners.forEach( x => x());
  118. }, 300);
  119. window.insertContext = false;
  120. } else {
  121. AlgorithmManagement.renderAlgorithm();
  122. functionsChangeListeners.forEach( x => x());
  123. }
  124. }, 1);
  125. function addFunctionHandler () {
  126. const new_function = new Models.Function(LocalizedStrings.getUI("new_function") + "_" + counter_new_functions, Types.VOID, 0, [], false, false, [], new Models.Comment(LocalizedStrings.getUI('text_comment_start')));
  127. program.addFunction(new_function);
  128. counter_new_functions ++;
  129. window.insertContext = true;
  130. registerUserEvent(new_function.name, ActionTypes.INSERT_FUNCTION);
  131. // var newe = renderFunction(new_function);
  132. renderFunction(new_function);
  133. /*newe.css('display', 'none');
  134. newe.fadeIn();*/
  135. }
  136. function addParameter (function_obj, function_container/*, is_from_click = false*/) {
  137. if (function_obj.parameters_list == null) {
  138. function_obj.parameters_list = [];
  139. }
  140. const new_parameter = new Models.Variable(Types.INTEGER, LocalizedStrings.getUI("new_parameter") + "_" + counter_new_parameters);
  141. function_obj.parameters_list.push(new_parameter);
  142. counter_new_parameters ++;
  143. registerUserEvent(function_obj.name, ActionTypes.INSERT_FUNCTION_PARAM, new_parameter.name, Types.INTEGER, 0);
  144. //var newe = renderParameter(function_obj, new_parameter, function_container);
  145. renderParameter(function_obj, new_parameter, function_container);
  146. // if (is_from_click) {
  147. // newe.css('display', 'none');
  148. // newe.fadeIn();
  149. // }
  150. }
  151. function updateReturnType (function_obj, new_type, new_dimensions = 0) {
  152. registerUserEvent(function_obj.name, ActionTypes.CHANGE_FUNCTION_RETURN, new_type, new_dimensions);
  153. function_obj.return_type = new_type;
  154. function_obj.return_dimensions = new_dimensions;
  155. }
  156. function removeFunction (function_obj) {
  157. var index = program.functions.indexOf(function_obj);
  158. if (index > -1) {
  159. registerUserEvent(function_obj.name, ActionTypes.REMOVE_FUNCTION);
  160. program.functions.splice(index, 1);
  161. }
  162. }
  163. function minimizeFunction (function_obj) {
  164. function_obj.is_hidden = !function_obj.is_hidden;
  165. }
  166. function addHandlers (function_obj, function_container) {
  167. function_container.find('.ui.dropdown.function_return').dropdown({
  168. onChange: function(value, text, $selectedItem) {
  169. if ($selectedItem.data('dimensions')) {
  170. updateReturnType(function_obj, Types[$selectedItem.data('type')], $selectedItem.data('dimensions'));
  171. } else {
  172. updateReturnType(function_obj, Types[$selectedItem.data('type')]);
  173. }
  174. },
  175. selectOnKeydown: false
  176. });
  177. function_container.find( ".function_name_div" ).on('click', function(e){
  178. enableNameFunctionUpdate(function_obj, function_container);
  179. });
  180. function_container.find( ".add_parameter_button" ).on('click', function(e){
  181. window.insertContext = true;
  182. addParameter(function_obj, function_container, true);
  183. });
  184. function_container.find('.menu_commands').dropdown({
  185. on: 'hover'
  186. });
  187. function_container.find('.menu_commands a').on('click', function(evt){
  188. if (function_obj.commands == null || function_obj.commands.length == 0) {
  189. function_obj.commands = [];
  190. var new_cmd = CommandsManagement.genericCreateCommand($(this).data('command'));
  191. function_obj.commands.push(new_cmd);
  192. CommandsManagement.renderCommand(new_cmd, function_container.find('.commands_list_div'), 3, function_obj);
  193. registerUserEvent(function_obj.name, ActionTypes.INSERT_COMMAND, $(this).data('command'), '/', 0);
  194. } else {
  195. CommandsManagement.createFloatingCommand(function_obj, function_container, $(this).data('command'), evt);
  196. }
  197. });
  198. function_container.find('.add_var_button_function').on('click', function(e){
  199. window.insertContext = true;
  200. VariablesManagement.addVariable(function_obj, function_container, true);
  201. });
  202. function_container.find('.remove_function_button').on('click', function(e){
  203. removeFunction(function_obj);
  204. function_container.fadeOut();
  205. });
  206. function_container.find('.minimize_function_button').on('click', function(e){
  207. minimizeFunction(function_obj);
  208. if (function_obj.is_hidden) {
  209. function_container.find(".add_var_button_function").toggle();
  210. function_container.find(".inline_add_command").toggle();
  211. function_container.find(".function_area").slideToggle();
  212. } else {
  213. function_container.find(".function_area").slideToggle(function(){
  214. function_container.find(".add_var_button_function").toggle();
  215. function_container.find(".inline_add_command").toggle();
  216. });
  217. }
  218. });
  219. }
  220. // Essa função imprime o tipo de retorno da função e cria o menu do tipo 'select' para alteração
  221. function renderFunctionReturn (function_obj, function_element) {
  222. var ret = '<div class="ui dropdown function_return">';
  223. if (function_obj.return_dimensions == 1) {
  224. ret += '<div class="text">'+ LocalizedStrings.getUI("vector") +': '+ LocalizedStrings.getUI(`type_${function_obj.return_type.toLowerCase()}`);
  225. ret += ' [ ] </div>';
  226. } else if (function_obj.return_dimensions == 2) {
  227. ret += '<div class="text">'+ LocalizedStrings.getUI("matrix") +': '+ LocalizedStrings.getUI(`type_${function_obj.return_type.toLowerCase()}`);
  228. ret += ' [ ] [ ] </div>';
  229. } else {
  230. ret += '<div class="text">'+LocalizedStrings.getUI(`type_${function_obj.return_type.toLowerCase()}`)+'</div>';
  231. }
  232. ret += '<div class="menu">';
  233. for (var tm in Types) {
  234. ret += '<div class="item ' + (function_obj.return_type == tm.toLowerCase() && function_obj.return_dimensions < 1 ? ' selected ' : '') + '" data-type="'+tm+'" >'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  235. }
  236. ret += '<div class="item ' + (function_obj.return_dimensions == 1 ? ' selected ' : '') + '">'
  237. + '<i class="dropdown icon"></i>' + LocalizedStrings.getUI('vector')
  238. + '<div class="menu">';
  239. for (var tm in Types) {
  240. if (tm == Types.VOID.toUpperCase()) {
  241. continue;
  242. }
  243. ret += '<div class="item ' + (function_obj.return_type == tm.toLowerCase() && function_obj.return_dimensions == 1 ? ' selected ' : '') + '" data-text="'+ LocalizedStrings.getUI('vector')+':'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+' [ ] " data-type="'+tm+'" data-dimensions="1"> '+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  244. }
  245. ret += '</div></div>';
  246. ret += '<div class="item ' + (function_obj.return_dimensions == 2 ? ' selected ' : '') + '">'
  247. + '<i class="dropdown icon"></i>' + LocalizedStrings.getUI('matrix')
  248. + '<div class="menu">';
  249. for (var tm in Types) {
  250. if (tm == Types.VOID.toUpperCase()) {
  251. continue;
  252. }
  253. ret += '<div class="item ' + (function_obj.return_type == tm.toLowerCase() && function_obj.return_dimensions == 2 ? ' selected ' : '') + '" data-text="'+ LocalizedStrings.getUI('matrix')+':'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+' [ ] " data-type="'+tm+'" data-dimensions="2"> '+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  254. }
  255. ret += '</div></div>';
  256. ret += '</div></div>';
  257. ret = $(ret);
  258. function_element.find('.function_return').append(ret);
  259. }
  260. var cont = 0;
  261. export function renderFunction (function_obj) {
  262. var appender = '<div class="ui secondary segment function_div list-group-item function_cont_'+cont+'">';
  263. if (function_obj.function_comment) {
  264. //appender += renderComment(function_obj.function_comment, sequence, true, -1);
  265. }
  266. appender += '<span class="glyphicon glyphicon-move move_function" aria-hidden="true"><i class="icon sort alternate vertical"></i></span>';
  267. appender += (function_obj.is_main ? '<div class="div_start_minimize_v"> </div>' : '<button class="ui icon button large remove_function_button"><i class="red icon times"></i></button>')
  268. + '<button class="ui icon button tiny minimize_function_button"><i class="icon window minimize"></i></button>';
  269. appender += '<div class="function_signature_div">'+LocalizedStrings.getUI("function")+' ';
  270. if (function_obj.is_main) {
  271. appender += '<div class="function_name_div"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ' + LocalizedStrings.getUI('type_void') + ' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="span_name_function" >'+function_obj.name+'</span> </div> '
  272. + ' <span class="parethesis_function">( </span> <div class="ui large labels parameters_list">';
  273. } else {
  274. appender += '<div class="ui function_return"></div>';
  275. appender += '<div class="function_name_div function_name_div_updated"><span class="span_name_function name_function_updated">'+function_obj.name+'</span> </div> '
  276. + ' <span class="parethesis_function"> ( </span> <i class="ui icon plus square outline add_parameter_button"></i> <div class="ui large labels parameters_list container_parameters_list">';
  277. }
  278. appender += '</div> <span class="parethesis_function"> ) </span> </div>'
  279. + (function_obj.is_hidden ? ' <div class="function_area" style="display: none;"> ' : ' <div class="function_area"> ');
  280. appender += '<div class="ui add_var_context add_var_button_function" style="float: left;"> <div class="ui icon button purple"> ';
  281. appender += '<i class="icons"><i class="icon superscript" style="margin-top: -2px;margin-bottom: 2px;margin-left: 1px;margin-right: 1px;"></i><i class="corner add icon inverted" style="font-size: 9px;padding-top: 6px;padding-left: 9px;"></i></i>';
  282. appender += '</div></div>';
  283. appender += '<div class="ui top attached segment variables_list_div"></div>';
  284. appender += '<div class="ui bottom attached segment commands_list_div commands_cont_'+cont+'">'
  285. + '<div class="ui rail" style="width: 35px; margin-left: -36px;"><div class="ui sticky sticky_cont_'+cont+'" style="top: 50px !important;">';
  286. appender += '<div class="ui icon button dropdown menu_commands orange" > '
  287. + '<i class="icons"><i class="icon code" style="margin-top: -1px;margin-bottom: 1px;margin-right: 0px;"></i><i class="corner add icon inverted" style="font-size: 9px;padding-top: 6px;padding-left: 9px;"></i></i>'
  288. + '<div class="menu"> ';
  289. appender += '<a class="item" data-command="'+Models.COMMAND_TYPES.reader+'"><i class="download icon"></i> ' +LocalizedStrings.getUI('text_read_var')+ '</a>'
  290. + '<a class="item" data-command="'+Models.COMMAND_TYPES.writer+'"><i class="upload icon"></i> '+LocalizedStrings.getUI('text_write_var')+'</a>'
  291. + '<a class="item" data-command="'+Models.COMMAND_TYPES.comment+'"><i class="quote left icon"></i> '+LocalizedStrings.getUI('text_comment')+'</a>'
  292. + '<a class="item" data-command="'+Models.COMMAND_TYPES.attribution+'"><i class="arrow left icon"></i> '+LocalizedStrings.getUI('text_attribution')+'</a>'
  293. + '<a class="item" data-command="'+Models.COMMAND_TYPES.functioncall+'"><i class="hand point right icon"></i> '+LocalizedStrings.getUI('text_functioncall')+'</a>'
  294. + '<a class="item" data-command="'+Models.COMMAND_TYPES.iftrue+'" ><i class="random icon"></i> '+LocalizedStrings.getUI('text_iftrue')+'</a>'
  295. + '<a class="item" data-command="'+Models.COMMAND_TYPES.repeatNtimes+'"><i class="sync icon"></i> '+LocalizedStrings.getUI('text_repeatNtimes')+'</a>'
  296. + '<a class="item" data-command="'+Models.COMMAND_TYPES.whiletrue+'"><i class="sync icon"></i> '+LocalizedStrings.getUI('text_whiletrue')+'</a>'
  297. + '<a class="item" data-command="'+Models.COMMAND_TYPES.dowhiletrue+'"><i class="sync icon"></i> '+LocalizedStrings.getUI('text_dowhiletrue')+'</a>'
  298. + '<a class="item" data-command="'+Models.COMMAND_TYPES.switch+'"><i class="list icon"></i> '+LocalizedStrings.getUI('text_switch')+'</a>'
  299. + '<a class="item" data-command="'+Models.COMMAND_TYPES.return+'"><i class="reply icon"></i> '+LocalizedStrings.getUI('text_btn_return')+'</a>'
  300. + '</div></div>';
  301. appender += '</div></div>'
  302. +'</div>';
  303. appender += '</div></div>';
  304. appender = $(appender);
  305. $('.all_functions').append(appender);
  306. appender.data('fun', function_obj);
  307. appender.find('.commands_list_div').data('fun', function_obj);
  308. renderFunctionReturn(function_obj, appender);
  309. addHandlers(function_obj, appender);
  310. // Rendering parameters:
  311. for (var j = 0; j < function_obj.parameters_list.length; j++) {
  312. renderParameter(function_obj, function_obj.parameters_list[j], appender);
  313. }
  314. // Rendering variables:
  315. for (var j = 0; j < function_obj.variables_list.length; j++) {
  316. VariablesManagement.renderVariable(appender, function_obj.variables_list[j], function_obj);
  317. }
  318. // Rendering commands:
  319. for (var j = 0; j < function_obj.commands.length; j++) {
  320. CommandsManagement.renderCommand(function_obj.commands[j], $(appender.find('.commands_list_div')[0]), 3, function_obj);
  321. }
  322. $('.minimize_function_button').popup({
  323. content : LocalizedStrings.getUI("tooltip_hide_function"),
  324. delay: {
  325. show: 750,
  326. hide: 0
  327. }
  328. });
  329. var function_index = program.functions.indexOf(function_obj);
  330. Sortable.create(appender.find(".variables_list_div")[0], {
  331. handle: '.ellipsis',
  332. animation: 100,
  333. ghostClass: 'ghost',
  334. group: 'local_vars_drag_' + function_index,
  335. onEnd: function (evt) {
  336. updateSequenceLocals(evt.oldIndex, evt.newIndex, function_obj);
  337. }
  338. });
  339. addSortableHandler(appender.find(".commands_list_div")[0], function_index);
  340. if (!function_obj.is_main) {
  341. Sortable.create(appender.find(".container_parameters_list")[0], {
  342. handle: '.ellipsis',
  343. animation: 100,
  344. ghostClass: 'ghost',
  345. group: 'parameters_drag_' + program.functions.indexOf(function_obj),
  346. onEnd: function (evt) {
  347. updateSequenceParameters(evt.oldIndex, evt.newIndex, function_obj);
  348. }
  349. });
  350. }
  351. if (function_obj.commands.length > 0) {
  352. var teste = '.ui.sticky.sticky_cont_'+cont;
  353. $(teste).sticky({
  354. context: '.ui.bottom.attached.segment.commands_list_div.commands_cont_'+cont,
  355. scrollContext: '.ivprog_visual_panel',
  356. observeChanges: true,
  357. offset: 40,
  358. onStick: function (evt) {
  359. $(teste).css('top', '20px', 'important');
  360. },
  361. onBottom: function (evt) {
  362. $(teste).css('top', '20px', 'important');
  363. },
  364. onUnstick: function (evt) {
  365. $(teste).css('top', '20px', 'important');
  366. },
  367. onReposition: function (evt) {
  368. $(teste).css('top', '20px', 'important');
  369. },
  370. onScroll: function (evt) {
  371. $(teste).css('top', '20px', 'important');
  372. if (!isVisible($(teste), $(teste).parent())) {
  373. $(teste).removeClass('fixed');
  374. }
  375. },
  376. onTop: function (evt) {
  377. $(teste).css('top', '20px', 'important');
  378. }
  379. });
  380. }
  381. cont ++;
  382. return appender;
  383. }
  384. function isVisible (element, container) {
  385. var elementTop = $(element).offset().top,
  386. elementHeight = $(element).height(),
  387. containerTop = $(container).offset().top,
  388. containerHeight = $(container).height() - 30;
  389. return ((((elementTop - containerTop) + elementHeight) > 0)
  390. && ((elementTop - containerTop) < containerHeight));
  391. }
  392. window.evento_drag;
  393. function updateProgramObjDrag () {
  394. const nodes = Array.prototype.slice.call( $('.all_functions').children() );
  395. let function_index;
  396. var start_index;
  397. let function_obj;
  398. $(evento_drag.item).parentsUntil(".all_functions").each(function (index) {
  399. const ref = $(this);
  400. if (ref.hasClass('function_div')) {
  401. function_index = nodes.indexOf(this);
  402. start_index = index;
  403. function_obj = ref;
  404. }
  405. });
  406. const path_target = [];
  407. $(evento_drag.item).parentsUntil(".all_functions").each(function () {
  408. if ($(this).hasClass('command_container')) {
  409. path_target.push(this);
  410. }
  411. });
  412. if (path_target.length == 0) {
  413. //console.log('soltou na raiz, na posição: ' + evento_drag.newIndex + ' mas ainda não sei de onde saiu ');
  414. } else {
  415. //console.log('soltou dentro de algum bloco, sequência vem logo abaixo (de baixo pra cima): ');
  416. //console.log(path_target);
  417. }
  418. var index_each = [];
  419. var path_relative = [];
  420. for (var i = path_target.length - 1; i >= 0; i --) {
  421. console.log('da vez', $(path_target[i + 1]));
  422. if (i == (path_target.length - 1)) { // está na raiz
  423. var indice_na_raiz = function_obj.find('.command_container').index(path_target[i]);
  424. console.log('índice na raiz: ', indice_na_raiz);
  425. } else {
  426. if ($(path_target[i + 1]).hasClass('iftrue')) {
  427. if ($(path_target[i]).parent().hasClass('commands_if')) {
  428. path_relative.push('if');
  429. index_each.push($(path_target[i]).parent().find('.command_container').index(path_target[i]));
  430. } else {
  431. path_relative.push('else');
  432. index_each.push($(path_target[i]).parent().find('.command_container').index(path_target[i]));
  433. }
  434. } else if ($(path_target[i + 1]).hasClass('dowhiletrue')) {
  435. path_relative.push('dowhiletrue');
  436. index_each.push($(path_target[i + 1]).find('.command_container').index(path_target[i]));
  437. } else if ($(path_target[i + 1]).hasClass('repeatNtimes')) {
  438. path_relative.push('repeatNtimes');
  439. index_each.push($(path_target[i + 1]).find('.command_container').index(path_target[i]));
  440. } else if ($(path_target[i + 1]).hasClass('whiletrue')) {
  441. path_relative.push('whiletrue');
  442. index_each.push($(path_target[i + 1]).find('.command_container').index(path_target[i]));
  443. } else if ($(path_target[i + 1]).hasClass('switch')) {
  444. path_relative.push('switch');
  445. //index_each.push($(path_target[i + 1]).find('.command_container').index(path_target[i]));
  446. }
  447. }
  448. }
  449. // var index_in_block = -1;
  450. const is_in_else = $(evento_drag.item).parent().hasClass('commands_else');
  451. // index_in_block = $(evento_drag.item).parent().find('.command_container').index(evento_drag.item);
  452. const is_in_case_switch = $(evento_drag.item).parent().hasClass('case_commands_block');
  453. // var index_case_of_switch = -1;
  454. // if (is_in_case_switch) {
  455. // index_case_of_switch = $(evento_drag.item).parent().parent().parent().find('.case_div').index($(evento_drag.item).parent().parent());
  456. // }
  457. /*console.log('path_relative:');
  458. console.log(path_relative);
  459. console.log('index_each:');
  460. console.log(index_each);
  461. console.log('index_in_block:');
  462. console.log(index_in_block);
  463. console.log('ele está em algum bloco de senão? ');
  464. console.log(is_in_else);
  465. console.log('ele está dentro de um case de switch?');
  466. console.log(is_in_case_switch);
  467. console.log('qual é o índice do case: ');
  468. console.log(index_case_of_switch);*/
  469. // encontrar o elemento na árvore:
  470. var command_start_point = window.program_obj.functions[function_index].commands[indice_na_raiz];
  471. var block_to_insert = command_start_point;
  472. for (var i = 0; i < index_each.length; i++) {
  473. if (path_relative[i] == "else") {
  474. block_to_insert = block_to_insert.commands_else[index_each[i]];
  475. } else if (path_relative[i] == "switch") {
  476. } else {
  477. block_to_insert = block_to_insert.commands_block[index_each[i]]
  478. }
  479. }
  480. //console.log('command_start_point', command_start_point);
  481. //console.log('block_to_insert', block_to_insert);
  482. // agora tem que alocar o comando na árvore, mas considerar as quatro situações:
  483. // (1) se está em um else ou (2) se está em switch ou (3) será um caso padrão ou (4) se será na raiz.
  484. if (path_target.length == 0) { // soltou na raiz:
  485. window.program_obj.functions[function_index].commands.splice(evento_drag.newIndex - 1, 0, command_in_drag);
  486. } else if (is_in_else) {
  487. if (block_to_insert.commands_else) {
  488. block_to_insert.commands_else.splice(evento_drag.newIndex, 0, command_in_drag);
  489. } else {
  490. block_to_insert.commands_else = [];
  491. block_to_insert.commands_else.push(command_in_drag);
  492. }
  493. } else if (is_in_case_switch) {
  494. } else {
  495. // verificar se tem alguma coisa no bloco:
  496. if (block_to_insert.commands_block) {
  497. console.log("existe alguma coisa dentro do bloco, index: ", evento_drag.newIndex);
  498. block_to_insert.commands_block.splice(evento_drag.newIndex, 0, command_in_drag);
  499. } else {
  500. block_to_insert.commands_block = [];
  501. block_to_insert.commands_block.push(command_in_drag);
  502. }
  503. }
  504. window.draging = false;
  505. renderAlgorithm();
  506. }
  507. function prepareDragHandler (evt) {
  508. window.draging = true;
  509. var nodes = Array.prototype.slice.call( $('.all_functions').children() );
  510. var function_index;
  511. var function_obj;
  512. $(evt.item).parentsUntil(".all_functions").each(function (index) {
  513. if ($(this).hasClass('function_div')) {
  514. function_index = nodes.indexOf(this);
  515. function_obj = window.program_obj.functions[function_index];
  516. }
  517. });
  518. command_in_drag = $(evt.item).data("command");
  519. //console.log('$(evt.item).parent(): ');
  520. //console.log($(evt.item).parent());
  521. // descobrir qual das quatro situações:
  522. if ($(evt.item).parent().hasClass('commands_list_div')) { // está na raiz:
  523. if (function_obj.commands.indexOf(command_in_drag) > -1) {
  524. function_obj.commands.splice(function_obj.commands.indexOf(command_in_drag), 1);
  525. }
  526. } else if ($(evt.item).parent().hasClass('commands_else')) { // está no else:
  527. if ($(evt.item).parent().data('command').commands_else.indexOf(command_in_drag) > -1) {
  528. $(evt.item).parent().data('command').commands_else.splice($(evt.item).parent().data('command').commands_else.indexOf(command_in_drag), 1);
  529. }
  530. } else if ($(evt.item).parent().hasClass('case_commands_block')) { // está em um switch:
  531. } else { // caso padrão:
  532. if ($(evt.item).parent().data('command').commands_block.indexOf(command_in_drag) > -1) {
  533. $(evt.item).parent().data('command').commands_block.splice($(evt.item).parent().data('command').commands_block.indexOf(command_in_drag), 1);
  534. }
  535. }
  536. }
  537. var command_in_drag;
  538. function addSortableHandler (element, id_function) {
  539. var n_group = 'commands_drag_' + id_function;
  540. Sortable.create(element, {
  541. handle: '.command_drag',
  542. ghostClass: 'ghost',
  543. animation: 300,
  544. group: {name: n_group},
  545. onEnd: function (evt) {
  546. var nodes = Array.prototype.slice.call( $('.all_functions').children() );
  547. var function_index;
  548. var function_obj;
  549. $(evt.item).parentsUntil(".all_functions").each(function (index) {
  550. if ($(this).hasClass('function_div')) {
  551. function_index = nodes.indexOf(this);
  552. function_obj = window.program_obj.functions[function_index];
  553. }
  554. });
  555. registerUserEvent(function_obj.name, ActionTypes.MOVE_COMMAND, $(evt.item).data('command').type, '/', 'from: ' + evt.oldIndex + ' to: ' + evt.newIndex);
  556. //updateSequenceLocals(evt.oldIndex, evt.newIndex, function_obj);
  557. var itemEl = evt.item; // dragged HTMLElement
  558. evt.to; // target list
  559. evt.from; // previous list
  560. evt.oldIndex; // element's old index within old parent
  561. evt.newIndex; // element's new index within new parent
  562. //console.log('::EVT::');
  563. //console.log(evt);
  564. window.evento_drag = evt;
  565. try {
  566. updateProgramObjDrag();
  567. } catch (e) {
  568. console.error(e);
  569. window.draging = false;
  570. }
  571. },
  572. onStart: function (evt) {
  573. //console.log("START::EVT::");
  574. //console.log(evt);
  575. //console.log("\n\ncommand_in_drag");
  576. try {
  577. prepareDragHandler(evt);
  578. } catch (e) {
  579. window.draging = false;
  580. }
  581. }
  582. });
  583. element = $(element);
  584. element.find(".iftrue").each(function( index ) {
  585. addSortableHandler($(this).find(".block_commands")[0], id_function);
  586. addSortableHandler($(this).find(".block_commands")[1], id_function);
  587. });
  588. element.find(".repeatNtimes").each(function( index ) {
  589. addSortableHandler($(this).find(".block_commands")[0], id_function);
  590. });
  591. element.find(".dowhiletrue").each(function( index ) {
  592. addSortableHandler($(this).find(".block_commands")[0], id_function);
  593. });
  594. element.find(".whiletrue").each(function( index ) {
  595. addSortableHandler($(this).find(".block_commands")[0], id_function);
  596. });
  597. element.find(".switch").each(function( index ) {
  598. $(this).find(".case_div").each(function( index ) {
  599. addSortableHandler($(this).find(".case_commands_block")[0], id_function);
  600. });
  601. });
  602. }
  603. export function initVisualUI () {
  604. // MUST USE CONST, LET, OR VAR !!!!!!
  605. // const mainDiv = $('#visual-main-div');
  606. // fill mainDiv with functions and globals...
  607. // renderAlgorithm()...
  608. domConsole = new DOMConsole("ivprog-term-div");
  609. domConsole.hide();
  610. $(document.getElementById("ivprog-term-div")).draggable()
  611. $('.add_function_button').on('click', () => {
  612. addFunctionHandler();
  613. });
  614. $('.add_global_button').on('click', () => {
  615. window.insertContext = true;
  616. GlobalsManagement.addGlobal(program, true);
  617. });
  618. $('.run_button').on('click', () => {
  619. runCode();
  620. });
  621. $('.visual_coding_button').on('click', () => {
  622. toggleVisualCoding();
  623. });
  624. $('.textual_coding_button').on('click', () => {
  625. toggleTextualCoding();
  626. });
  627. $('.assessment').on('click', () => {
  628. runCodeAssessment();
  629. is_iassign = true;
  630. });
  631. $('.div_toggle_console').on('click', () => {
  632. toggleConsole();
  633. });
  634. $('.expand_button').on('click', () => {
  635. full_screen();
  636. });
  637. $('.help_button').on('click', () => {
  638. window.open('https://www.usp.br/line/ivprog/', '_blank');
  639. });
  640. $('.main_title h2').prop('title', LocalizedStrings.getUI('text_ivprog_description'));
  641. var time_show = 750;
  642. $('.visual_coding_button').popup({
  643. content : LocalizedStrings.getUI("tooltip_visual"),
  644. delay: {
  645. show: time_show,
  646. hide: 0
  647. }
  648. });
  649. $('.textual_coding_button').popup({
  650. content : LocalizedStrings.getUI("tooltip_textual"),
  651. delay: {
  652. show: time_show,
  653. hide: 0
  654. }
  655. });
  656. $('.upload_file_button').popup({
  657. content : LocalizedStrings.getUI("tooltip_upload"),
  658. delay: {
  659. show: time_show,
  660. hide: 0
  661. }
  662. });
  663. $('.download_file_button').popup({
  664. content : LocalizedStrings.getUI("tooltip_download"),
  665. delay: {
  666. show: time_show,
  667. hide: 0
  668. }
  669. });
  670. $('.undo_button').popup({
  671. content : LocalizedStrings.getUI("tooltip_undo"),
  672. delay: {
  673. show: time_show,
  674. hide: 0
  675. }
  676. });
  677. $('.redo_button').popup({
  678. content : LocalizedStrings.getUI("tooltip_redo"),
  679. delay: {
  680. show: time_show,
  681. hide: 0
  682. }
  683. });
  684. $('.run_button').popup({
  685. content : LocalizedStrings.getUI("tooltip_run"),
  686. delay: {
  687. show: time_show,
  688. hide: 0
  689. }
  690. });
  691. $('.assessment_button').popup({
  692. content : LocalizedStrings.getUI("tooltip_evaluate"),
  693. delay: {
  694. show: time_show,
  695. hide: 0
  696. }
  697. });
  698. $('.help_button').popup({
  699. content : LocalizedStrings.getUI("tooltip_help") + ' - ' + LocalizedStrings.getUI("text_ivprog_version") + ' ' + ivprog_version,
  700. delay: {
  701. show: time_show,
  702. hide: 0
  703. }
  704. });
  705. $('.add_global_button').popup({
  706. content : LocalizedStrings.getUI("tooltip_add_global"),
  707. delay: {
  708. show: time_show,
  709. hide: 0
  710. }
  711. });
  712. $('.div_toggle_console').popup({
  713. content : LocalizedStrings.getUI("tooltip_console"),
  714. delay: {
  715. show: time_show,
  716. hide: 0
  717. }
  718. });
  719. Sortable.create(listWithHandle, {
  720. handle: '.glyphicon-move',
  721. animation: 100,
  722. ghostClass: 'ghost',
  723. group: 'functions_divs_drag',
  724. onEnd: function (evt) {
  725. updateSequenceFunction(evt.oldIndex, evt.newIndex);
  726. }
  727. });
  728. var listGlobalsHandle = document.getElementById("listGlobalsHandle");
  729. Sortable.create(listGlobalsHandle, {
  730. handle: '.ellipsis',
  731. animation: 100,
  732. ghostClass: 'ghost',
  733. group: 'globals_divs_drag',
  734. onEnd: function (evt) {
  735. updateSequenceGlobals(evt.oldIndex, evt.newIndex);
  736. }
  737. });
  738. TextEditor.initTextEditor("ivprog-text-editor");
  739. }
  740. export function setTestCases (testCases) {
  741. _testCases = testCases;
  742. }
  743. export function getTestCases () {
  744. // Deep clone of test cases to avoid unauthorized modification
  745. // TODO: It may be not possible to use this once custom test are fully implemented
  746. return JSON.parse(JSON.stringify(_testCases));
  747. }
  748. var is_iassign = false;
  749. function updateSequenceParameters (oldIndex, newIndex, function_obj) {
  750. function_obj.parameters_list.splice(newIndex, 0, function_obj.parameters_list.splice(oldIndex, 1)[0]);
  751. }
  752. function updateSequenceLocals (oldIndex, newIndex, function_obj) {
  753. function_obj.variables_list.splice(newIndex, 0, function_obj.variables_list.splice(oldIndex, 1)[0]);
  754. }
  755. function updateSequenceGlobals (oldIndex, newIndex) {
  756. program_obj.globals.splice(newIndex, 0, program_obj.globals.splice(oldIndex, 1)[0]);
  757. }
  758. function updateSequenceFunction (oldIndex, newIndex) {
  759. program_obj.functions.splice(newIndex, 0, program_obj.functions.splice(oldIndex, 1)[0]);
  760. }
  761. function runCodeAssessment () {
  762. if (isRunning) {
  763. return;
  764. }
  765. let strCode = null;
  766. window.studentGrade = null;
  767. if (settingsProgrammingTypes == "textual") {
  768. strCode = TextEditor.getCode();
  769. } else {
  770. strCode = CodeManagement.generate();
  771. }
  772. if (strCode == null) {
  773. return;
  774. }
  775. toggleConsole(true);
  776. // if(domConsole == null)
  777. // domConsole = new DOMConsole("#ivprog-term");
  778. // $("#ivprog-term").slideDown(500);
  779. const runner = new IVProgAssessment(strCode, _testCases, domConsole);
  780. isRunning = true;
  781. runner.runTest().then(grade => {
  782. if (!is_iassign) {
  783. parent.getEvaluationCallback(grade);
  784. } else {
  785. is_iassign = false;
  786. }
  787. isRunning = false;
  788. }).catch( err => {
  789. console.log(err);
  790. isRunning = false;
  791. });
  792. }
  793. function runCode () {
  794. if (isRunning) {
  795. return;
  796. }
  797. let strCode = null;
  798. if (settingsProgrammingTypes == "textual") {
  799. strCode = TextEditor.getCode();
  800. } else {
  801. strCode = CodeManagement.generate();
  802. }
  803. if (strCode == null) {
  804. return;
  805. }
  806. toggleConsole(true);
  807. // if(domConsole == null)
  808. // domConsole = new DOMConsole("#ivprog-term");
  809. //$("#ivprog-term").slideDown(500);
  810. try {
  811. const data = SemanticAnalyser.analyseFromSource(strCode);
  812. const proc = new IVProgProcessor(data);
  813. proc.registerInput(domConsole);
  814. proc.registerOutput(domConsole);
  815. $("#ivprog-term").addClass('ivprog-term-active');
  816. isRunning = true;
  817. proc.interpretAST().then( _ => {
  818. domConsole.info("Programa executado com sucesso!");
  819. $("#ivprog-term").removeClass('ivprog-term-active');
  820. isRunning = false;
  821. }).catch(err => {
  822. domConsole.err(err.message);
  823. $("#ivprog-term").removeClass('ivprog-term-active');
  824. isRunning = false;
  825. })
  826. } catch (error) {
  827. isRunning = false;
  828. domConsole.err(error.message);
  829. console.log(error);
  830. }
  831. }
  832. function toggleConsole (is_running) {
  833. if (is_running) {
  834. $('.ivprog-term-div').css('display', 'block');
  835. $('#ivprog-term').css('min-height', '160px');
  836. if(domConsole != null)
  837. domConsole.focus();
  838. //$('#ivprog-term').css('margin-top', '-170px');
  839. return;
  840. } else {
  841. domConsole.hide();
  842. return;
  843. }
  844. if ($('#ivprog-term').css('min-height') == '160px') {
  845. // esconder
  846. $('.ivprog-term-div').css('display', 'none');
  847. $('#ivprog-term').css('min-height', '0');
  848. //$('#ivprog-term').css('margin-top', '-30px');
  849. //$('#ivprog-term').css('padding', '5px');
  850. } else {
  851. // mostrar
  852. $('.ivprog-term-div').css('display', 'block');
  853. $('#ivprog-term').css('min-height', '160px');
  854. //$('#ivprog-term').css('margin-top', '-170px');
  855. }
  856. }
  857. // function waitToCloseConsole () {
  858. // domConsole.info("Aperte qualquer tecla para fechar...");
  859. // const p = new Promise((resolve, _) => {
  860. // domConsole.requestInput(resolve, true);
  861. // });
  862. // p.then( _ => {
  863. // domConsole.dispose();
  864. // domConsole = null;
  865. // $("#ivprog-term").hide();
  866. // })
  867. // }
  868. function toggleTextualCoding () {
  869. let code = null;
  870. if (settingsProgrammingTypes != "textual") {
  871. code = CodeManagement.generate();
  872. if (code == null) {
  873. return;
  874. }
  875. }
  876. $('.ivprog_visual_panel').css('display', 'none');
  877. $('.ivprog_textual_panel').css('display', 'block');
  878. $('.ivprog_textual_panel').removeClass('loading');
  879. TextEditor.updateEditor();
  880. if (code != null)
  881. TextEditor.setCode(code);
  882. //$('.ivprog_textual_code').text(code);
  883. $('.visual_coding_button').removeClass('active');
  884. $('.textual_coding_button').addClass('active');
  885. }
  886. function toggleVisualCoding () {
  887. $('.ivprog_textual_panel').addClass('loading');
  888. $('.ivprog_textual_panel').css('display', 'none');
  889. $('.ivprog_visual_panel').css('display', 'block');
  890. $('.textual_coding_button').removeClass('active');
  891. $('.visual_coding_button').addClass('active');
  892. }
  893. function removeParameter (function_obj, parameter_obj, parameter_container) {
  894. registerUserEvent(parameter_obj.name, ActionTypes.REMOVE_FUNCTION_PARAM, function_obj.name);
  895. var index = function_obj.parameters_list.indexOf(parameter_obj);
  896. if (index > -1) {
  897. window.insertContext = true;
  898. function_obj.parameters_list.splice(index, 1);
  899. }
  900. $(parameter_container).fadeOut();
  901. }
  902. function updateParameterType (parameter_obj, new_type, function_name, new_dimensions = 0) {
  903. registerUserEvent(parameter_obj.name, ActionTypes.CHANGE_PARAM_TYPE, function_name, new_type, new_dimensions);
  904. parameter_obj.type = new_type;
  905. parameter_obj.dimensions = new_dimensions;
  906. if (new_dimensions > 0) {
  907. parameter_obj.rows = new_dimensions;
  908. parameter_obj.columns = 2;
  909. }
  910. }
  911. function renderParameter (function_obj, parameter_obj, function_container) {
  912. let ret = "";
  913. ret += '<div class="ui label function_name_parameter pink"><i class="ui icon ellipsis vertical inverted"></i>';
  914. ret += '<div class="ui dropdown parameter_type">';
  915. if (parameter_obj.dimensions > 0) {
  916. ret += '<div class="text">'+ LocalizedStrings.getUI('vector')+':'+LocalizedStrings.getUI(`type_${parameter_obj.type.toLowerCase()}`);
  917. if (parameter_obj.dimensions == 1) {
  918. ret += ' [ ] ';
  919. } else {
  920. ret += ' [ ] [ ] ';
  921. }
  922. ret += '</div>';
  923. } else {
  924. ret += '<div class="text">'+LocalizedStrings.getUI(`type_${parameter_obj.type.toLowerCase()}`)+'</div>';
  925. }
  926. ret += '<div class="menu">';
  927. for (const tm in Types) {
  928. if (tm == Types.VOID.toUpperCase()) {
  929. continue;
  930. }
  931. ret += '<div class="item ' + (parameter_obj.type == tm.toLowerCase() && parameter_obj.dimensions == 0 ? ' selected ' : '') + '" data-type="'+tm+'" >'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  932. }
  933. ret += '<div class="item ' + (parameter_obj.dimensions == 1 ? ' selected ' : '') + '">'
  934. + '<i class="dropdown icon"></i>' + LocalizedStrings.getUI('vector')
  935. + '<div class="menu">';
  936. for (var tm in Types) {
  937. if (tm == Types.VOID.toUpperCase()) {
  938. continue;
  939. }
  940. ret += '<div class="item ' + (parameter_obj.type == tm.toLowerCase() && parameter_obj.dimensions == 1 ? ' selected ' : '') + '" data-text="'+ LocalizedStrings.getUI('vector')+':'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+' [ ] " data-type="'+tm+'" data-dimensions="1"> '+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  941. }
  942. ret += '</div></div>';
  943. ret += '<div class="item ' + (parameter_obj.dimensions == 2 ? ' selected ' : '') + '">'
  944. + '<i class="dropdown icon"></i>' + LocalizedStrings.getUI('matrix')
  945. + '<div class="menu">';
  946. for (var tm in Types) {
  947. if (tm == Types.VOID.toUpperCase()) {
  948. continue;
  949. }
  950. ret += '<div class="item ' + (parameter_obj.type == tm.toLowerCase() && parameter_obj.dimensions == 2 ? ' selected ' : '') + '" data-text="'+ LocalizedStrings.getUI('matrix')+':'+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+' [ ] " data-type="'+tm+'" data-dimensions="2"> '+LocalizedStrings.getUI(`type_${tm.toLowerCase()}`)+'</div>';
  951. }
  952. ret += '</div></div>';
  953. ret += '</div></div>';
  954. ret += '<div class="parameter_div_edit"><span class="span_name_parameter label_enable_name_parameter">'+parameter_obj.name+'</span></div> ';
  955. ret += ' <i class="yellow inverted icon times remove_parameter"></i></div>';
  956. ret = $(ret);
  957. function_container.find('.container_parameters_list').append(ret);
  958. ret.find('.remove_parameter').on('click', function(e){
  959. removeParameter(function_obj, parameter_obj, ret);
  960. });
  961. ret.find('.ui.dropdown.parameter_type').dropdown({
  962. onChange: function(_, __, $selectedItem) {
  963. if ($selectedItem.data('dimensions')) {
  964. updateParameterType(parameter_obj, Types[$selectedItem.data('type')], function_obj.name, $selectedItem.data('dimensions'));
  965. } else {
  966. updateParameterType(parameter_obj, Types[$selectedItem.data('type')], function_obj.name);
  967. }
  968. },
  969. selectOnKeydown: false
  970. });
  971. ret.find('.parameter_div_edit').on('click', function(e){
  972. registerUserEvent(function_obj.name, ActionTypes.ENTER_CHANGE_PARAM_NAME, parameter_obj.name);
  973. enableNameParameterUpdate(parameter_obj, ret, function_obj);
  974. });
  975. return ret;
  976. }
  977. function updateParameterName (parameter_var, new_name, parameter_obj_dom, function_obj) {
  978. if (parameter_var.name == new_name) {
  979. return;
  980. }
  981. if (isValidIdentifier(new_name)) {
  982. if (variableNameAlreadyExists(new_name, function_obj)) {
  983. Utils.renderErrorMessage(parameter_obj_dom.find('.parameter_div_edit'), LocalizedStrings.getError('inform_valid_param_duplicated', [new_name, function_obj.name]));
  984. } else {
  985. registerUserEvent(function_obj.name, ActionTypes.RENAME_FUNCTION_PARAM, parameter_var.name, new_name);
  986. parameter_var.name = new_name;
  987. }
  988. } else {
  989. Utils.renderErrorMessage(parameter_obj_dom.find('.parameter_div_edit'), LocalizedStrings.getError('inform_valid_identifier'));
  990. }
  991. }
  992. function variableNameAlreadyExists (name_var, function_obj) {
  993. if (function_obj.parameters_list) {
  994. for (var i = 0; i < function_obj.parameters_list.length; i++) {
  995. if (function_obj.parameters_list[i].name == name_var) {
  996. return true;
  997. }
  998. }
  999. }
  1000. if (function_obj.variables_list) {
  1001. for (var i = 0; i < function_obj.variables_list.length; i++) {
  1002. if (function_obj.variables_list[i].name == name_var) {
  1003. return true;
  1004. }
  1005. }
  1006. }
  1007. return false;
  1008. }
  1009. function updateFunctionName (function_var, new_name, function_obj_dom) {
  1010. if (function_var.name == new_name) {
  1011. return;
  1012. }
  1013. if (isValidIdentifier(new_name)) {
  1014. if (functionNameAlreadyExists(new_name)) {
  1015. Utils.renderErrorMessage(function_obj_dom.find('.function_name_div'), LocalizedStrings.getError('inform_valid_function_duplicated', [new_name]));
  1016. } else {
  1017. registerUserEvent(function_var.name, ActionTypes.RENAME_FUNCTION, new_name);
  1018. function_var.name = new_name;
  1019. }
  1020. } else {
  1021. Utils.renderErrorMessage(function_obj_dom.find('.function_name_div'), LocalizedStrings.getError('inform_valid_identifier'));
  1022. }
  1023. }
  1024. function functionNameAlreadyExists (function_name) {
  1025. for (var i = 0; i < window.program_obj.functions.length; i++) {
  1026. if (window.program_obj.functions[i].name == function_name) {
  1027. return true;
  1028. }
  1029. }
  1030. return false;
  1031. }
  1032. var opened_name_parameter = false;
  1033. var opened_input_parameter = null;
  1034. function enableNameParameterUpdate (parameter_obj, parent_node, function_obj) {
  1035. if (opened_name_parameter) {
  1036. opened_input_parameter.focus();
  1037. return;
  1038. }
  1039. opened_name_parameter = true;
  1040. parent_node = $(parent_node);
  1041. var input_field;
  1042. parent_node.find('.span_name_parameter').text('');
  1043. input_field = $( "<input type='text' class='width-dynamic input_name_function' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' value='"+parameter_obj.name+"' />" );
  1044. input_field.insertBefore(parent_node.find('.span_name_parameter'));
  1045. input_field.on('input', function() {
  1046. var inputWidth = input_field.textWidth()+10;
  1047. opened_input_parameter = input_field;
  1048. input_field.focus();
  1049. var tmpStr = input_field.val();
  1050. input_field.val('');
  1051. input_field.val(tmpStr);
  1052. input_field.css({
  1053. width: inputWidth
  1054. })
  1055. }).trigger('input');
  1056. input_field.focusout(function() {
  1057. /// update array:
  1058. if (input_field.val().trim()) {
  1059. updateParameterName(parameter_obj, input_field.val().trim(), parent_node, function_obj);
  1060. parent_node.find('.span_name_parameter').text(parameter_obj.name);
  1061. }
  1062. input_field.off();
  1063. input_field.remove();
  1064. /// update elements:
  1065. opened_name_parameter = false;
  1066. opened_input_parameter = false;
  1067. });
  1068. input_field.on('keydown', function(e) {
  1069. var code = e.keyCode || e.which;
  1070. if(code == 13) {
  1071. if (input_field.val().trim()) {
  1072. updateParameterName(parameter_obj, input_field.val().trim(), parent_node, function_obj);
  1073. parent_node.find('.span_name_parameter').text(parameter_obj.name);
  1074. }
  1075. input_field.off();
  1076. input_field.remove();
  1077. /// update elements:
  1078. opened_name_parameter = false;
  1079. opened_input_parameter = false;
  1080. }
  1081. if(code == 27) {
  1082. parent_node.find('.span_name_parameter').text(parameter_obj.name);
  1083. input_field.off();
  1084. input_field.remove();
  1085. /// update elements:
  1086. opened_name_parameter = false;
  1087. opened_input_parameter = false;
  1088. }
  1089. });
  1090. input_field.select();
  1091. }
  1092. var opened_name_function = false;
  1093. var opened_input = null;
  1094. var previousPadding = null;
  1095. function enableNameFunctionUpdate (function_obj, parent_node) {
  1096. if (opened_name_function) {
  1097. opened_input.focus();
  1098. return;
  1099. }
  1100. parent_node = $(parent_node);
  1101. parent_node.find('.span_name_function').text('');
  1102. var input_field;
  1103. if (!previousPadding) {
  1104. previousPadding = parent_node.find('.span_name_function').css('padding-left');
  1105. }
  1106. parent_node.find('.span_name_function').css('padding-left', '0');
  1107. parent_node.find('.span_name_function').css('padding-right', '0');
  1108. input_field = $( "<input type='text' class='width-dynamic input_name_function' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' value='"+function_obj.name+"' />" );
  1109. input_field.insertBefore(parent_node.find('.span_name_function'));
  1110. input_field.on('input', function() {
  1111. var inputWidth = input_field.textWidth()+10;
  1112. opened_input = input_field;
  1113. input_field.focus();
  1114. var tmpStr = input_field.val();
  1115. input_field.val('');
  1116. input_field.val(tmpStr);
  1117. input_field.css({
  1118. width: inputWidth
  1119. })
  1120. }).trigger('input');
  1121. input_field.focusout(function() {
  1122. /// update array:
  1123. if (input_field.val().trim()) {
  1124. updateFunctionName(function_obj, input_field.val().trim(), parent_node);
  1125. }
  1126. input_field.off();
  1127. input_field.remove();
  1128. parent_node.find('.span_name_function').css('padding-left', previousPadding);
  1129. parent_node.find('.span_name_function').css('padding-right', previousPadding);
  1130. parent_node.find('.span_name_function').text(function_obj.name);
  1131. /// update elements:
  1132. opened_name_function = false;
  1133. opened_input = false;
  1134. });
  1135. input_field.on('keydown', function(e) {
  1136. var code = e.keyCode || e.which;
  1137. if(code == 13) {
  1138. if (input_field.val().trim()) {
  1139. updateFunctionName(function_obj, input_field.val().trim(), parent_node);
  1140. }
  1141. input_field.off();
  1142. input_field.remove();
  1143. parent_node.find('.span_name_function').css('padding-left', previousPadding);
  1144. parent_node.find('.span_name_function').css('padding-right', previousPadding);
  1145. parent_node.find('.span_name_function').text(function_obj.name);
  1146. /// update elements:
  1147. opened_name_function = false;
  1148. opened_input = false;
  1149. }
  1150. if(code == 27) {
  1151. input_field.off();
  1152. input_field.remove();
  1153. parent_node.find('.span_name_function').css('padding-left', previousPadding);
  1154. parent_node.find('.span_name_function').css('padding-right', previousPadding);
  1155. parent_node.find('.span_name_function').text(function_obj.name);
  1156. /// update elements:
  1157. opened_name_function = false;
  1158. opened_input = false;
  1159. }
  1160. });
  1161. input_field.select();
  1162. }
  1163. export function addFunctionChangeListener (callback) {
  1164. functionsChangeListeners.push(callback);
  1165. return functionsChangeListeners.length - 1;
  1166. }
  1167. export function addGlobalChangeListener (callback) {
  1168. globalChangeListeners.push(callback);
  1169. return globalChangeListeners.length - 1;
  1170. }
  1171. export function removeGlobalListener (index) {
  1172. globalChangeListeners.splice(index, 1);
  1173. }
  1174. export function removeFunctionListener (index) {
  1175. functionsChangeListeners.splice(index);
  1176. }