repeatNtimes.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. import $ from 'jquery';
  2. import { Types } from '../types';
  3. import * as Models from '../ivprog_elements';
  4. import { LocalizedStrings } from '../../services/localizedStringsService';
  5. import * as GlobalsManagement from '../globals';
  6. import * as VariablesManagement from '../variables';
  7. import * as CommandsManagement from '../commands';
  8. import * as ConditionalExpressionManagement from './conditional_expression';
  9. import * as VariableValueMenu from './variable_value_menu';
  10. import * as ContextualizedMenu from './contextualized_menu';
  11. export function createFloatingCommand () {
  12. return $('<div class="ui repeatNtimes created_element"> <i class="ui icon small sync"></i> <span> para (x = 0; x < 10; x ++) { } </span></div>');
  13. }
  14. export function renderCommand (command, function_obj) {
  15. var ret = '<div class="ui repeatNtimes command_container"> <i class="ui icon small random command_drag"></i> <i class="ui icon times red button_remove_command"></i> <div class="ui context_menu"></div> <span class="span_command_spec"> ' + LocalizedStrings.getUI('text_for') + ' ( </span> <div class="ui attribution_expression"><div class="ui variable_attribution"></div> <span class="text_receives span_command_spec"></span> <div class="ui var_value_expression div_expression_st"></div> </div> <span class="span_command_spec separator_character">;</span> <div class="conditional_expression"></div> <span class="span_command_spec separator_character">;</span> <div class="ui incrementation_field"><div class="ui incrementation_variable"></div> <span class="text_inc_receives span_command_spec"></span> <div class="ui first_operand"></div><div class="ui operator"></div><div class="ui second_operand"></div></div> <span class="span_command_spec"> ) </span>';
  16. ret += '<div class="ui block_commands">';
  17. ret += '</div>';
  18. ret += '<span> </span>';
  19. ret += '</div>';
  20. var el = $(ret);
  21. el.data('command', command);
  22. addHandlers(command, function_obj, el);
  23. ContextualizedMenu.renderMenu(command, el.find('.context_menu'), function_obj, el);
  24. VariableValueMenu.renderMenu(command, command.var_attribution, el.find('.variable_attribution'), function_obj);
  25. ConditionalExpressionManagement.renderExpression(command, command.expression2, function_obj, el.find('.conditional_expression'));
  26. VariableValueMenu.renderMenu(command, command.var_incrementation, el.find('.incrementation_variable'), function_obj);
  27. if (command.expression1) {
  28. el.find('.text_receives').text(LocalizedStrings.getUI('text_receives'));
  29. VariableValueMenu.renderMenu(command, command.expression1, el.find('.var_value_expression'), function_obj);
  30. }
  31. if (command.expression3) {
  32. el.find('.text_inc_receives').text(LocalizedStrings.getUI('text_receives'));
  33. VariableValueMenu.renderMenu(command, command.expression3.itens[0], el.find('.first_operand'), function_obj);
  34. renderOperator(command, function_obj, el.find('.operator'), command.expression3, 1);
  35. VariableValueMenu.renderMenu(command, command.expression3.itens[2], el.find('.second_operand'), function_obj);
  36. }
  37. if (command.commands_block) {
  38. for (var j = 0; j < command.commands_block.length; j++) {
  39. CommandsManagement.renderCommand(command.commands_block[j], $(el.find('.block_commands')[0]), 3, function_obj);
  40. }
  41. }
  42. return el;
  43. }
  44. export function manageExpressionElements (command, ref_object, dom_object, menu_var_or_value, function_obj, $selectedItem, expression_element) {
  45. if (dom_object.hasClass('variable_attribution')) {
  46. if (!command.expression3) {
  47. var exp = new Models.ExpressionElement(Models.EXPRESSION_ELEMENTS.exp_op_exp,
  48. [command.var_attribution,
  49. Models.ARITHMETIC_TYPES.plus,
  50. new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, "1", null, null, true)]);
  51. command.expression3 = exp;
  52. command.var_incrementation = command.var_attribution;
  53. var cond_exp =
  54. new Models.ArithmeticExpression(
  55. command.var_attribution,
  56. new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true),
  57. Models.ARITHMETIC_COMPARISON.less_than);
  58. command.expression2.expression = cond_exp;
  59. }
  60. dom_object.parent().find('.text_receives').text(LocalizedStrings.getUI('text_receives'));
  61. command.expression1 = new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, "0", null, null, true);
  62. dom_object.parent().find('.var_value_expression').empty();
  63. VariableValueMenu.renderMenu(command, command.expression1, dom_object.parent().find('.var_value_expression'), function_obj);
  64. renderAlgorithm();
  65. }
  66. if (dom_object.hasClass('incrementation_variable')) {
  67. dom_object.parent().find('.text_inc_receives').text(LocalizedStrings.getUI('text_receives'));
  68. var exp = new Models.ExpressionElement(Models.EXPRESSION_ELEMENTS.exp_op_exp,
  69. [new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true),
  70. Models.ARITHMETIC_TYPES.plus,
  71. new Models.VariableValueMenu(VariableValueMenu.VAR_OR_VALUE_TYPES.all, null, null, null, true)]);
  72. command.expression3 = exp;
  73. VariableValueMenu.renderMenu(command, command.expression3.itens[0], dom_object.parent().find('.first_operand'), function_obj);
  74. renderOperator(command, function_obj, dom_object.parent().find('.operator'), command.expression3, 1);
  75. VariableValueMenu.renderMenu(command, command.expression3.itens[2], dom_object.parent().find('.second_operand'), function_obj);
  76. }
  77. }
  78. export function manageClearExpressionElements (command, ref_object, dom_object, menu_var_or_value, function_obj, $selectedItem, expression_element) {
  79. if (dom_object.hasClass('variable_attribution')) {
  80. $(dom_object).parent().find('.text_receives').text('');
  81. command.expression1 = null;
  82. $(dom_object).parent().find('.var_value_expression').empty();
  83. }
  84. if (dom_object.hasClass('incrementation_variable')) {
  85. $(dom_object).parent().find('.text_inc_receives').text('');
  86. command.expression3 = null;
  87. $(dom_object).parent().find('.first_operand').empty();
  88. $(dom_object).parent().find('.operator').empty();
  89. $(dom_object).parent().find('.second_operand').empty();
  90. }
  91. }
  92. function addHandlers (command, function_obj, repeatNtimes_dom) {
  93. repeatNtimes_dom.find('.button_remove_command').on('click', function() {
  94. if (CommandsManagement.removeCommand(command, function_obj, repeatNtimes_dom)) {
  95. repeatNtimes_dom.fadeOut();
  96. }
  97. });
  98. }
  99. function renderOperator (command, function_obj, temp_op, expression_element, index_op) {
  100. var menu_operator = $('<div class="ui dropdown"><div class="text"></div></div>');
  101. menu_operator.dropdown({
  102. values: [
  103. {
  104. name : '+',
  105. value : Models.ARITHMETIC_TYPES.plus,
  106. selected : (expression_element.itens[index_op] == Models.ARITHMETIC_TYPES.plus)
  107. },
  108. {
  109. name : '-',
  110. value : Models.ARITHMETIC_TYPES.minus,
  111. selected : (expression_element.itens[index_op] == Models.ARITHMETIC_TYPES.minus)
  112. },
  113. {
  114. name : '*',
  115. value : Models.ARITHMETIC_TYPES.multiplication,
  116. selected : (expression_element.itens[index_op] == Models.ARITHMETIC_TYPES.multiplication)
  117. },
  118. {
  119. name : '/',
  120. value : Models.ARITHMETIC_TYPES.division,
  121. selected : (expression_element.itens[index_op] == Models.ARITHMETIC_TYPES.division)
  122. },
  123. {
  124. name : '%',
  125. value : Models.ARITHMETIC_TYPES.module,
  126. selected : (expression_element.itens[index_op] == Models.ARITHMETIC_TYPES.module)
  127. }
  128. ],
  129. onChange: function(value, text, $selectedItem) {
  130. expression_element.itens[index_op] = value;
  131. }
  132. });
  133. temp_op.append(menu_operator);
  134. }