repeatNtimes.js 7.6 KB

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