whiletrue.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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 ContextualizedMenu from './contextualized_menu';
  10. export function createFloatingCommand () {
  11. return $('<div class="ui whiletrue created_element"> <i class="ui icon small sync"></i> <span> ' + LocalizedStrings.getUI('text_code_while') + ' ( x < 10 ) <br> </span></div>');
  12. }
  13. export function renderCommand (command, function_obj) {
  14. var ret = '';
  15. ret += '<div class="ui whiletrue 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_code_while') + ' </span>';
  16. ret += '<span class="span_command_spec"> ( </span> <div class="conditional_expression"></div> <span class="span_command_spec"> ) </span>';
  17. ret += ' </span>';
  18. ret += '<div class="ui block_commands">';
  19. ret += '</div>';
  20. ret += '<span> </span>';
  21. ret += '</div>';
  22. var el = $(ret);
  23. el.data('command', command);
  24. el.find('.block_commands').data('command', command);
  25. addHandlers(command, function_obj, el);
  26. ContextualizedMenu.renderMenu(command, el.find('.context_menu'), function_obj, el);
  27. ConditionalExpressionManagement.renderExpression(command, command.expression, function_obj, el.find('.conditional_expression'));
  28. if (command.commands_block) {
  29. for (var j = 0; j < command.commands_block.length; j++) {
  30. CommandsManagement.renderCommand(command.commands_block[j], $(el.find('.block_commands')[0]), 3, function_obj);
  31. }
  32. }
  33. return el;
  34. }
  35. function addHandlers (command, function_obj, whiletrue_dom) {
  36. whiletrue_dom.find('.button_remove_command').on('click', function() {
  37. if (CommandsManagement.removeCommand(command, function_obj, whiletrue_dom)) {
  38. whiletrue_dom.fadeOut(400, function() {
  39. whiletrue_dom.remove();
  40. });
  41. }
  42. });
  43. }