import { Types } from "../types"; import * as Models from "../ivprog_elements"; import { LocalizedStrings } from "../../services/localizedStringsService"; import * as VariableValueMenuManagement from "./variable_value_menu"; import { registerUserEvent, ActionTypes } from "../../services/userLog"; import WatchJS from "melanke-watchjs"; window.timer = false; export function renderExpression ( command, function_obj, div_to_render, expression_array ) { div_to_render.empty(); WatchJS.unwatch(command, "expression"); WatchJS.watch( command, "expression", function () { if (window.timer) return; const m = div_to_render .find(".single_element_expression") .not(".mouse_distance") .not(".add_parentheses"); let s = ""; m.each(function (e) { if ($(this).hasClass("parentheses_in_expression")) { s += $(this).text() + " "; } else { s += $(this) .find(".text") .text(); s += $(this) .find(".var_name") .text(); s += $(this) .find(".parameters_function_called") .text(); s += $(this) .find(".value_rendered") .text(); s += " "; } }); if (s) { window.timer = true; } else { return; } registerUserEvent( function_obj.name, ActionTypes.CHANGE_COMMAND_EXP, command.type, "/", s ); setTimeout(function () { window.timer = false; }, 200); }, 20, true ); 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) { const 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 { const types_included = []; types_included.push(Models.EXPRESSION_TYPES.exp_conditional); types_included.push(Models.EXPRESSION_TYPES.exp_logic); if (command.type === Models.COMMAND_TYPES.writer) types_included.push(Models.EXPRESSION_TYPES.write_sep); 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"); } }); const 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) { const indice = $(event.item).data("index"); const 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 { let opening = -1; let 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); } }*/ let i = 0; for (i = 0; i < expression_array.length; i++) { if (expression_array[i].type == "var_value") { const 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 ) { const 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"); const 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) { let 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();*/ }); let 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"); let 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();*/ const 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 ) { const ghost_parenthesis = $( '
' + expression_content + "
" ); div_to_render.append(ghost_parenthesis); } function renderStartAddOperator ( div_to_render, types_included, expression_array, command, function_obj, position ) { let menu_final = '"; menu_final = $(menu_final); const div_temp = $( '
' ); div_temp.append(menu_final); const 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) { const 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 ) { let menu_final = '"; menu_final = $(menu_final); const div_temp = $('
'); const div_higher = $('
'); const 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 () { const 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 ) { let menu_final = '"; menu_final = $(menu_final); const 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 () { let arithmetic_operators; arithmetic_operators = '
+
'; arithmetic_operators += '
-
'; arithmetic_operators += '
*
'; arithmetic_operators += '
/
'; arithmetic_operators += '
%
'; return arithmetic_operators; } function getLogicOperators () { let logic_operators; logic_operators = '
==
'; logic_operators += '
!=
'; logic_operators += '
' + LocalizedStrings.getUI("logic_operator_and") + "
"; logic_operators += '
' + LocalizedStrings.getUI("logic_operator_or") + "
"; logic_operators += '
' + LocalizedStrings.getUI("logic_operator_not") + "
"; return logic_operators; } function getRelationalOperators () { let relational_operators; relational_operators = '
>
'; relational_operators += '
<
'; relational_operators += '
==
'; relational_operators += '
!=
'; relational_operators += '
>=
'; relational_operators += '
<=
'; return relational_operators; } function getSeparator () { return `
,
`; }