import { Types } from '../types'; import * as Models from '../ivprog_elements'; import { LocalizedStrings } from '../../services/localizedStringsService'; import * as VariableValueMenuManagement from './variable_value_menu'; import WatchJS from 'melanke-watchjs'; export function renderExpression (command, function_obj, div_to_render, expression_array) { div_to_render.empty(); if (command.type === Models.COMMAND_TYPES.attribution) { WatchJS.unwatch(command.variable); WatchJS.watch(command.variable, function(){ renderExpression(command, function_obj, div_to_render, expression_array); }, 0); if (command.variable.content) { var types_included = []; if (command.variable.content.type == Types.INTEGER || command.variable.content.type == Types.REAL) { types_included.push(Models.EXPRESSION_TYPES.exp_arithmetic); } else if (command.variable.content.type == Types.BOOLEAN) { types_included.push(Models.EXPRESSION_TYPES.exp_conditional); types_included.push(Models.EXPRESSION_TYPES.exp_logic); types_included.push(Models.EXPRESSION_TYPES.exp_arithmetic); } else if (command.variable.content.type == Types.TEXT) { types_included.push(Models.EXPRESSION_TYPES.exp_conditional); types_included.push(Models.EXPRESSION_TYPES.exp_logic); types_included.push(Models.EXPRESSION_TYPES.exp_arithmetic); } else { console.log('NÃO RECONHECI! VEJA: ', command.variable.content.type); } renderElements(command, function_obj, div_to_render, expression_array, types_included); } else { div_to_render.text(LocalizedStrings.getUI('var_menu_select_var').toLowerCase()); } } else { var types_included = []; types_included.push(Models.EXPRESSION_TYPES.exp_conditional); types_included.push(Models.EXPRESSION_TYPES.exp_logic); types_included.push(Models.EXPRESSION_TYPES.exp_arithmetic); renderElements(command, function_obj, div_to_render, expression_array, types_included); } div_to_render.children('.mouse_distance').addClass('mouse_distance_hidden'); div_to_render.children('.higher_element').on('mousemove', function(evt) { if (!window.open_or_close) { $(this).css('position', 'relative', '!important'); $(this).children('.mouse_distance').css('opacity', '1'); } }); div_to_render.children('.higher_element').on('mouseout', function(evt) { if (!window.open_or_close) { $(this).css('position', 'absolute', '!important'); $(this).children('.mouse_distance').css('opacity', '0'); } }); var lixeira = $('
'); div_to_render.find('.single_element_expression').on('mousedown', function (evt) { window.posX = evt.clientX; window.posY = evt.clientY; }); Sortable.create(div_to_render[0], { animation: 100, ghostClass: 'ghost', group: { name: 'shared', put: false // Do not allow items to be put into this list }, draggable: '.single_element_expression', sort: false, filter: '.not_allowed', onStart: function() { $('body').append(lixeira); lixeira.css('display', 'block'); lixeira.css('top', window.posY + 70, '!important'); lixeira.css('left', window.posX - 20, '!important'); }, onMove: function() { lixeira.addClass('color_test'); }, onEnd: function() { lixeira.remove(); div_to_render.find('.ghost').removeClass('ghost'); } }); new Sortable(lixeira[0], { group: 'shared', animation: 150, onAdd: function (evt) { lixeira.css('display', 'none'); lixeira.find('.single_element_expression').remove(); lixeira.css('background-color', ''); lixeira.remove(); removeElement(evt, expression_array); renderExpression(command, function_obj, div_to_render, expression_array); } }); } function removeElement (event, expression_array) { var indice = $(event.item).data('index'); var first = expression_array[0]; console.log('indice: ', indice); if (expression_array[indice].type) { // if is alone in expression: if (expression_array.length == 1) { //function_obj.commands.splice(function_obj.commands.indexOf(command), 1); expression_array.splice(0, 1); } else if (expression_array.length > 1) { if (indice > 0 && expression_array[indice - 1].type_op) { if (indice < (expression_array.length) && expression_array[indice - 2] == '(' && expression_array[indice + 1].type_op) { expression_array.splice(indice + 1, 1); } expression_array.splice(indice, 1); expression_array.splice(indice - 1, 1); if (indice - 2 < (expression_array.length) && expression_array[indice - 2] == '(' && expression_array[indice - 1] == ')') { expression_array.splice(indice - 1, 1); expression_array.splice(indice - 2, 1); if (indice - 3 >= 0 && indice - 3 < expression_array.length && expression_array[indice - 3].type_op ) { expression_array.splice(indice - 3, 1); } } } else if (indice < (expression_array.length - 1) && expression_array[indice + 1].type_op) { expression_array.splice(indice + 1, 1); expression_array.splice(indice, 1); } else if (indice < (expression_array.length - 1) && indice > 0 && expression_array[indice -1] == '(' && expression_array[indice +1] == ')') { if (indice > 1 && expression_array[indice - 2].type_op) { expression_array.splice(indice + 1, 1); expression_array.splice(indice, 1); expression_array.splice(indice - 1, 1); expression_array.splice(indice - 2, 1); } else if (indice < (expression_array.length - 2) && expression_array[indice + 2].type_op) { expression_array.splice(indice + 1, 1); expression_array.splice(indice, 1); expression_array.splice(indice - 1, 1); } else { expression_array.splice(indice + 1, 1); expression_array.splice(indice, 1); expression_array.splice(indice - 1, 1); } } } } else if (expression_array[indice].type_op) { // iVProg doesn't support operator remove } else { var opening = -1; var closing = -1; if (expression_array[indice] == '(') { opening = indice; for (var i = indice + 1; i < expression_array.length; i++) { if (expression_array[i] == ')') { closing = i; break; } } } else { closing = indice; for (var i = indice - 1; i >= 0; i--) { if (expression_array[i] == '(') { opening = i; break; } } } if (expression_array[opening + 1].type_op) { expression_array.splice(closing, 1); expression_array.splice(opening + 1, 1); expression_array.splice(opening, 1); } else { expression_array.splice(closing, 1); expression_array.splice(opening, 1); } } // if expression is empty, add a new var value: if (expression_array.length == 0) { expression_array.push(new Models.VariableValueMenu(VariableValueMenuManagement.VAR_OR_VALUE_TYPES.all, null, null, null, true)); } if (first != expression_array[0] && expression_array[0].type_op) { expression_array.splice(0, 1); } } function renderElements (command, function_obj, div_to_render, expression_array, types_included) { /*if (expression_array.length > 0) { if (!expression_array[0].type_op) { renderStartAddOperator(div_to_render, types_included, expression_array, command, function_obj, 0); } }*/ var i = 0; for (i = 0; i < expression_array.length; i++) { if (expression_array[i].type == "var_value") { var div_temp = $('
'); if (i == 0) { if (expression_array.length > 0 && !expression_array[0].type_op) { renderStartAddOperator(div_to_render, types_included, expression_array, command, function_obj, 0); } } VariableValueMenuManagement.renderMenu(command, expression_array[i], div_temp, function_obj); div_to_render.append(div_temp); } else if (expression_array[i] == '(' || expression_array[i] == ')') { if (expression_array[i] == ')') { renderFinalAddElements(div_to_render, types_included, expression_array, command, function_obj, i); renderParenthesis(div_to_render, expression_array[i], command, function_obj, i, expression_array); } else if (expression_array[i] == '(' && !expression_array[i + 1].type_op) { renderParenthesis(div_to_render, expression_array[i], command, function_obj, i, expression_array); renderStartAddOperator(div_to_render, types_included, expression_array, command, function_obj, i + 1); } else { renderParenthesis(div_to_render, expression_array[i], command, function_obj, i, expression_array); } } else { if (i == 0) { console.log("NEGAÇÃO NO PRIMEIRO ELEMENTO"); } else if (expression_array[i - 1] == '(') { console.log("NEGAÇÃO APÓS O PARÊNTESES"); } renderOperatorMenu(command, function_obj, div_to_render, expression_array[i], types_included, i, expression_array); } } renderFinalAddElements(div_to_render, types_included, expression_array, command, function_obj, i, true); renderAddParenthesis(command, function_obj, div_to_render, expression_array, types_included); } window.parentheses_activate = false; window.open_or_close = null; function renderAddParenthesis (command, function_obj, div_to_render, expression_array, types_included) { var addParentheses = $('
( )
'); div_to_render.append(addParentheses); addParentheses.popup({ content : "Adicionar parênteses", delay: { show: 750, hide: 0 } }); addParentheses.on('click', function(mouse_event) { // verificar se já está ativado if (window.parentheses_activate) { return; } div_to_render.find('.usepointer').off('click'); window.parentheses_activate = true; window.open_or_close = "open"; div_to_render.find('.dropdown').addClass('disabled'); div_to_render.find('.ghost_element').addClass('temp_class'); div_to_render.find('.ghost_element').removeClass('ghost_element'); var floatingObject = $('
(
'); floatingObject.draggable().appendTo("body"); floatingObject.css("position", "absolute"); mouse_event.type = "mousedown.draggable"; mouse_event.target = floatingObject[0]; floatingObject.css("left", mouse_event.pageX + 10); floatingObject.css("top", mouse_event.pageY + 10); floatingObject.trigger(mouse_event); div_to_render.on('mousemove', function(evt) { var actual_target = null; if ($(evt.target).hasClass('single_element_expression')) { actual_target = $(evt.target); } else { actual_target = $(evt.target).closest('.single_element_expression'); } if ($(evt.target).hasClass('temp_class') || actual_target.length < 1 || actual_target.hasClass('add_parentheses') || actual_target.hasClass('rendered_parentheses') || $(evt.target).hasClass('expression_elements')) { return; } renderGhostParentheses(actual_target, command, function_obj, div_to_render, expression_array); }); div_to_render.on('mouseleave', function() { /*window.open_parentheses.remove(); window.close_parentheses.remove();*/ }); var floating; $('body').on('mouseup', function(evt) { if (window.open_or_close == "open") { window.open_or_close = "close"; floatingObject.remove(); var comando_que_esta = $(evt.target).closest('.command_container'); var comando_certo = div_to_render.closest('.command_container'); if (!comando_que_esta.is(comando_certo)) { window.parentheses_activate = false; div_to_render.find('.temp_class').addClass('ghost_element'); div_to_render.find('.temp_class').removeClass('temp_class'); div_to_render.off('mousemove'); div_to_render.off('mouseleave'); $('body').off('mouseup'); window.open_parentheses.remove(); window.close_parentheses.remove(); window.inserir_open = -1; window.inserir_close = -1; window.open_or_close = null; renderExpression(command, function_obj, div_to_render, expression_array); return; } window.open_parentheses.addClass('parentheses_fixed'); floating = $('
)
'); floating.draggable().appendTo("body"); floating.css("position", "absolute"); floating.css("left", evt.pageX + 10); floating.css("top", evt.pageY + 10); $('body').on('mousemove', function(evts) { floating.css("left", evts.pageX + 10); floating.css("top", evts.pageY + 10); }); } else { floating.remove(); window.open_parentheses.removeClass('parentheses_fixed'); div_to_render.off('mousemove'); div_to_render.off('mouseleave'); $('body').off('mouseup'); setTimeout(function(){ window.parentheses_activate = false; }, 50); var comando_que_esta = $(evt.target).closest('.command_container'); var comando_certo = div_to_render.closest('.command_container'); var is_correct = false; if (comando_que_esta.is(comando_certo)) { is_correct = true; } if (is_correct) { expression_array.splice(window.inserir_open, 0, '('); expression_array.splice(window.inserir_close, 0, ')'); } window.inserir_open = -1; window.inserir_close = -1; window.open_or_close = null; renderExpression(command, function_obj, div_to_render, expression_array); } }); }); } window.open_parentheses = $('
(
'); window.close_parentheses = $('
)
'); window.inserir_open = -1; window.inserir_close = -1; function renderGhostParentheses (actual_target, command, function_obj, div_to_render, expression_array) { /*window.open_parentheses.remove(); window.close_parentheses.remove();*/ var index_in_array = actual_target.data('index'); if ((expression_array[index_in_array] == '(') || (expression_array[index_in_array] == ')')) { return; } if (window.open_or_close == "close") { if (index_in_array < window.inserir_open) { return; } } // Tratando a situação quando é na primeira posição: if (index_in_array == 0) { if (expression_array[index_in_array].type == "var_value") { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(actual_target); window.inserir_open = index_in_array; } /*if (expression_array.length == 1) { if (window.open_or_close == "close") { window.close_parentheses.insertAfter(actual_target); window.inserir_close = index_in_array + 2; }*/ //} else { var count_opened = 0; var count_closed = 0; for (var i = 0; i < expression_array.length; i++) { if ((expression_array[i] == '(')) { count_opened ++; } if (expression_array[i] == ')') { count_closed ++; } if (count_opened != count_closed) { } else { if (count_opened > 0) { if (window.open_or_close == "close") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+i+'"]')); window.inserir_close = i + 2; } break; } else { if (expression_array[i].type == "var_value") { if (window.open_or_close == "close") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+i+'"]')); window.inserir_close = i + 2; } break; } } } } //} } else if (expression_array[index_in_array].type_op) { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(actual_target); window.inserir_open = index_in_array; } var count_opened = 0; var count_closed = 0; for (var i = 1; i < expression_array.length; i++) { // $('.slide-link[data-slide="0"]') if ((expression_array[i] == '(')) { count_opened ++; } if (expression_array[i] == ')') { count_closed ++; } if (count_opened != count_closed) { } else { if (count_opened > 0) { if (expression_array[i].type == "var_value") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+i+'"]')); window.inserir_close = i + 2; } break; } else { if (expression_array[i].type == "var_value") { if (expression_array[i].type == "var_value") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+i+'"]')); window.inserir_close = i + 2; } break; } } } } } return; } // Tratando quando não é no índice 0: if (expression_array[index_in_array].type == "var_value") { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(actual_target); window.inserir_open = index_in_array; } if (window.open_or_close == "close") { window.close_parentheses.insertAfter(actual_target); window.inserir_close = index_in_array + 2; } return; } if (expression_array[index_in_array].type_op) { // buscar para a esquerda primeiro: if (expression_array[index_in_array - 1] == '(') { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(actual_target); window.inserir_open = index_in_array; } } else if (expression_array[index_in_array - 1] == ')') { // buscar a abertura var count_opened = 0; var count_closed = 0; for (var j = index_in_array - 1; j >= 0; j--) { if ((expression_array[j] == '(')) { count_opened ++; } if (expression_array[j] == ')') { count_closed ++; } if (count_opened != count_closed) { } else { if (count_closed > 0) { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(div_to_render.find('.single_element_expression[data-index="'+j+'"]')); window.inserir_open = j; } break; } } } } else if (expression_array[index_in_array - 1].type == "var_value") { if (window.open_or_close == "open") { window.open_parentheses.insertBefore(div_to_render.find('.single_element_expression[data-index="'+(index_in_array - 1)+'"]')); window.inserir_open = index_in_array - 1; } } // buscar para a direita agora: if (expression_array[index_in_array + 1] == '(') { // buscar o fechamento: var count_opened = 0; var count_closed = 0; for (var j = index_in_array + 1; j < expression_array.length; j ++) { if ((expression_array[j] == '(')) { count_opened ++; } if (expression_array[j] == ')') { count_closed ++; } if (count_opened != count_closed) { } else { if (count_opened > 0) { if (window.open_or_close == "close") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+j+'"]')); window.inserir_close = j + 2; } break; } } } } else if (expression_array[index_in_array + 1].type == "var_value") { if (window.open_or_close == "close") { window.close_parentheses.insertAfter(div_to_render.find('.single_element_expression[data-index="'+(index_in_array + 1)+'"]')); window.inserir_close = index_in_array + 3; } } } } function renderParenthesis (div_to_render, expression_content, command, function_obj, position, expression_array) { var ghost_parenthesis = $('
'+expression_content+'
'); div_to_render.append(ghost_parenthesis); } function renderStartAddOperator (div_to_render, types_included, expression_array, command, function_obj, position) { var menu_final = ''; menu_final = $(menu_final); var div_temp = $('
'); div_temp.append(menu_final); var div_higher = $('
'); div_higher.append(div_temp); div_to_render.append(div_higher); menu_final.dropdown('set selected', Models.ARITHMETIC_TYPES.minus); div_temp.on('click', function() { if (!window.open_or_close) { var sera = position; if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_arithmetic) >= 0) { console.log('p1'); expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_arithmetic,Models.ARITHMETIC_TYPES.minus)); } else if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_logic) >= 0) { console.log('p2'); expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_logic,Models.LOGIC_COMPARISON.equals_to)); } else if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_conditional) >= 0) { console.log('p3'); expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_conditional,Models.ARITHMETIC_COMPARISON.greater_than)); } renderExpression(command, function_obj, div_to_render, expression_array); } }); } function renderFinalAddElements (div_to_render, types_included, expression_array, command, function_obj, position, is_last = false) { var menu_final = ''; menu_final = $(menu_final); var div_temp = $('
'); var div_higher = $('
'); var button = $(''); div_temp.append(button); if (!is_last) { div_higher.append(div_temp); div_to_render.append(div_higher); //div_temp.append(menu_final); div_temp.css('opacity', '0', '!important'); } else { div_temp.removeClass('mouse_distance'); div_temp.css('opacity', '1', '!important'); //div_temp.append(menu_final); div_to_render.append(div_temp); } menu_final.dropdown('set selected', Models.ARITHMETIC_TYPES.plus); div_temp.on('click', function() { var sera = position; if (expression_array[sera] == ')' && expression_array[sera - 1] == '(') { expression_array.splice(sera, 0, new Models.VariableValueMenu(VariableValueMenuManagement.VAR_OR_VALUE_TYPES.all, null, null, null, true)); renderExpression(command, function_obj, div_to_render, expression_array); return; } if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_arithmetic) >= 0) { expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_arithmetic,Models.ARITHMETIC_TYPES.plus)); expression_array.splice(sera + 1, 0, new Models.VariableValueMenu(VariableValueMenuManagement.VAR_OR_VALUE_TYPES.all, null, null, null, true)); } else if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_logic) >= 0) { expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_logic,Models.LOGIC_COMPARISON.equals_to)); expression_array.splice(sera + 1, 0, new Models.VariableValueMenu(VariableValueMenuManagement.VAR_OR_VALUE_TYPES.all, null, null, null, true)); } else if (types_included.indexOf(Models.EXPRESSION_TYPES.exp_conditional) >= 0) { expression_array.splice(sera, 0, new Models.ExpressionOperator(Models.EXPRESSION_TYPES.exp_conditional,Models.ARITHMETIC_COMPARISON.greater_than)); expression_array.splice(sera + 1, 0, new Models.VariableValueMenu(VariableValueMenuManagement.VAR_OR_VALUE_TYPES.all, null, null, null, true)); } renderExpression(command, function_obj, div_to_render, expression_array); }); } function renderOperatorMenu (command, function_obj, div_to_render, expression_element, types_included, position, expression_array) { var menu_final = ''; menu_final = $(menu_final); var div_temp = $('
'); div_temp.append(menu_final); div_to_render.append(div_temp); menu_final.dropdown({ onChange: function(value, text, $selectedItem) { expression_element.item = $selectedItem.data('value'); expression_element.type_op = $selectedItem.data('type'); } }); menu_final.dropdown('set selected', expression_element.item); } function getArithmeticOperators () { var arithmetic_operators; arithmetic_operators = '
+
'; arithmetic_operators += '
-
'; arithmetic_operators += '
*
'; arithmetic_operators += '
/
'; arithmetic_operators += '
%
'; return arithmetic_operators; } function getLogicOperators () { var logic_operators; logic_operators = '
==
'; logic_operators += '
!=
'; logic_operators += '
'+LocalizedStrings.getUI('and')+'
'; logic_operators += '
'+LocalizedStrings.getUI('or')+'
'; logic_operators += '
'+LocalizedStrings.getUI('not')+'
'; return logic_operators; } function getRelationalOperators () { var relational_operators; relational_operators = '
>
'; relational_operators += '
<
'; relational_operators += '
==
'; relational_operators += '
!=
'; relational_operators += '
>=
'; relational_operators += '
<=
'; return relational_operators; }