import { Types } from './types'; import * as Models from './ivprog_elements'; import { LocalizedStrings } from './../services/localizedStringsService'; import * as Utils from './utils'; import { registerUserEvent, registerSystemEvent, ActionTypes } from "./../services/userLog"; var counter_new_globals = 0; export function addGlobal (program, is_from_click = false) { var new_global = new Models.Variable(Types.INTEGER, LocalizedStrings.getUI('new_global') + '_' + counter_new_globals, 0); counter_new_globals ++; program.addGlobal(new_global); registerUserEvent(new_global.name, ActionTypes.INSERT_GLOBAL_VAR); var newe = renderGlobal(new_global); if (is_from_click) { newe.css('display', 'none'); newe.fadeIn(); } } function toggleConstant (global_var) { global_var.is_constant = !global_var.is_constant; registerUserEvent(global_var.name, ActionTypes.SET_GLOBAL_CONST); } function updateName (global_var, new_name, global_obj_dom) { if (global_var.name == new_name) { return; } if (isValidIdentifier(new_name)) { if (globalNameAlreadyExists(new_name)) { Utils.renderErrorMessage(global_obj_dom.find('.editing_name_var'), LocalizedStrings.getUI('inform_valid_global_duplicated')); } else { registerUserEvent(global_var.name, ActionTypes.RENAME_GLOBAL_VAR, new_name); global_var.name = new_name; } } else { Utils.renderErrorMessage(global_obj_dom.find('.editing_name_var'), LocalizedStrings.getUI('inform_valid_name')); } } function globalNameAlreadyExists (global_name) { for (var i = 0; i < window.program_obj.globals.length; i++) { if (window.program_obj.globals[i].name == global_name) { return true; } } return false; } function isValidIdentifier (identifier_str) { return /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(identifier_str); } function updateType (global_var, new_type, new_dimensions = 0) { global_var.type = new_type; global_var.dimensions = new_dimensions; if (new_dimensions > 0) { global_var.rows = new_dimensions; global_var.columns = 2; } registerUserEvent(global_var.name, ActionTypes.CHANGE_VAR_TYPE, new_type, new_dimensions, global_var.rows, global_var.columns); updateInitialValues(global_var); } function removeGlobal (global_var, global_container) { var index = window.program_obj.globals.indexOf(global_var); if (index > -1) { window.insertContext = true; window.program_obj.globals.splice(index, 1); } registerUserEvent(global_var.name, ActionTypes.REMOVE_GLOBAL_VAR); global_container.children().off(); global_container.off(); global_container.fadeOut(); } function updateInitialValues (global_var) { if (global_var.type == Types.INTEGER) { if (global_var.dimensions == 0) { global_var.value = 0; } if (global_var.dimensions == 1) { global_var.value = [0, 0]; } if (global_var.dimensions == 2) { global_var.value = [[0, 0], [0, 0]]; } } if (global_var.type == Types.REAL) { if (global_var.dimensions == 0) { global_var.value = 0.0; } if (global_var.dimensions == 1) { global_var.value = [0.0, 0.0]; } if (global_var.dimensions == 2) { global_var.value = [[0.0, 0.0], [0.0, 0.0]]; } } if (global_var.type == Types.TEXT) { if (global_var.dimensions == 0) { global_var.value = LocalizedStrings.getUI('textvar_default_value'); } if (global_var.dimensions == 1) { global_var.value = [LocalizedStrings.getUI('textvar_default_value'), LocalizedStrings.getUI('textvar_default_value')]; } if (global_var.dimensions == 2) { global_var.value = [[LocalizedStrings.getUI('textvar_default_value'), LocalizedStrings.getUI('textvar_default_value')], [LocalizedStrings.getUI('textvar_default_value'), LocalizedStrings.getUI('textvar_default_value')]]; } } if (global_var.type == Types.BOOLEAN) { if (global_var.dimensions == 0) { global_var.value = true; } if (global_var.dimensions == 1) { global_var.value = [true, true]; } if (global_var.dimensions == 2) { global_var.value = [[true, true], [true, true]]; } } if (global_var.type == Types.CHAR) { if (global_var.dimensions == 0) { global_var.value = 'A'; } if (global_var.dimensions == 1) { global_var.value = ['A', 'A']; } if (global_var.dimensions == 2) { global_var.value = [['A', 'A'], ['A', 'A']]; } } registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.name, global_var.value); } function alternateBooleanGlobalValue (global_var, value_container) { global_var.value = !global_var.value; $(value_container).find('.span_value_variable').text(LocalizedStrings.getUI(`logic_value_${global_var.value}`)); } function alternateBooleanGlobalVectorValue (global_var, index, value_container) { global_var.value[index] = !global_var.value[index]; $(value_container).find('.span_value_variable').text(LocalizedStrings.getUI(`logic_value_${global_var.value[index]}`)); } function removeGlobalColumnVector (global_var) { if (global_var.columns == 0) { return; } global_var.columns --; global_var.value.splice(global_var.value.length - 1, 1); } function addGlobalColumnVector (global_var) { global_var.columns ++; if (global_var.type == Types.INTEGER) { global_var.value.push(0); } if (global_var.type == Types.REAL) { global_var.value.push(0.0); } if (global_var.type == Types.TEXT) { global_var.value.push(LocalizedStrings.getUI('textvar_default_value')); } if (global_var.type == Types.BOOLEAN) { global_var.value.push(true); } if (global_var.type == Types.CHAR) { global_var.value.push(LocalizedStrings.getUI('charvar_default_value')); } } function removeColumnGlobalMatrix (global_var) { if (global_var.columns == 0) { return; } global_var.columns --; for (var i = 0; i < global_var.rows; i++) { global_var.value[i].splice(global_var.value[i].length - 1, 1); } } function addColumnGlobalMatrix (global_var) { global_var.columns ++; if (global_var.type == Types.INTEGER) { for (var i = 0; i < global_var.rows; i++) { global_var.value[i].push(0); } } if (global_var.type == Types.REAL) { for (var i = 0; i < global_var.rows; i++) { global_var.value[i].push(0.0); } } if (global_var.type == Types.TEXT) { for (var i = 0; i < global_var.rows; i++) { global_var.value[i].push(LocalizedStrings.getUI('textvar_default_value')); } } if (global_var.type == Types.BOOLEAN) { for (var i = 0; i < global_var.rows; i++) { global_var.value[i].push(true); } } if (global_var.type == Types.CHAR) { for (var i = 0; i < global_var.rows; i++) { global_var.value[i].push(LocalizedStrings.getUI('charvar_default_value')); } } } function removeLineGlobalMatrix (global_var) { if (global_var.rows == 0) { return; } global_var.rows --; global_var.value.splice(global_var.value.length - 1, 1); } function addLineGlobalMatrix (global_var) { global_var.rows ++; if (global_var.type == Types.INTEGER) { var n_l = []; for (var i = 0; i < global_var.columns; i++) { n_l.push(0); } global_var.value.push(n_l); } if (global_var.type == Types.REAL) { var n_l = []; for (i = 0; i < global_var.columns; i++) { n_l.push(0.0); } global_var.value.push(n_l); } if (global_var.type == Types.TEXT) { var n_l = []; for (i = 0; i < global_var.columns; i++) { n_l.push(LocalizedStrings.getUI('textvar_default_value')); } global_var.value.push(n_l); } if (global_var.type == Types.BOOLEAN) { var n_l = []; for (i = 0; i < global_var.columns; i++) { n_l.push(true); } global_var.value.push(n_l); } if (global_var.type == Types.CHAR) { var n_l = []; for (i = 0; i < global_var.columns; i++) { n_l.push(LocalizedStrings.getUI('charvar_default_value')); } global_var.value.push(n_l); } } function alternateBooleanGlobalMatrixValue (global_var, row, index, value_container) { global_var.value[row][index] = !global_var.value[row][index]; $(value_container).find('.span_value_variable').text(LocalizedStrings.getUI(`logic_value_${global_var.value[row][index]}`)); } function renderValues (global_var, global_container) { var ret = ""; var j = 0; if (global_var.dimensions == 0) { if (global_var.type == Types.REAL) { ret += '
'+global_var.value.toFixed(1)+'
'; } else { if (global_var.type == Types.BOOLEAN) { ret += '
'+LocalizedStrings.getUI(`logic_value_${global_var.value}`)+'
'; } else { ret += '
'+global_var.value+'
'; } } } else { ret += ''; if (global_var.dimensions == 1) { ret += ''; if (global_var.type == Types.REAL) { for (var k = 0; k < global_var.columns; k++) { ret += ''; } } else { for (var k = 0; k < global_var.columns; k++) { if (global_var.type == Types.BOOLEAN) { ret += ''; } else { ret += ''; } } } ret += ''; ret += '
'+global_var.value[k].toFixed(1)+''+LocalizedStrings.getUI(`logic_value_${global_var.value[k]}`)+''+global_var.value[k]+''+'
'; ret += '
' + '
'; } if (global_var.dimensions == 2) { if (global_var.type == Types.REAL) { for (var l = 0; l < global_var.rows; l++) { ret += ''; for (var k = 0; k < global_var.columns; k++) { ret += ''+global_var.value[l][k].toFixed(1)+''+''; } ret += ''; } } else { for (var l = 0; l < global_var.rows; l++) { ret += ''; for (var k = 0; k < global_var.columns; k++) { if (global_var.type == Types.BOOLEAN) { ret += ''+LocalizedStrings.getUI(`logic_value_${global_var.value[l][k]}`)+''; } else { ret += ''+global_var.value[l][k]+''; } } ret += ''; } } if (global_var.rows == 0) { ret += ''; } ret += '' + ' '; ret += ''; ret += '
' + '
'; } } global_container.find( ".div_valor_var" ).html(''); ret = $(ret); ret.find('.span_value_variable').data('associatedOject', global_var); ret.find( ".boolean_simple_type" ).on('click', function(e){ alternateBooleanGlobalValue(global_var, this.parentNode); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); }); ret.find( ".simple_var" ).on('click', function(e){ registerUserEvent(global_var.name, ActionTypes.ENTER_CHANGE_GLOBAL_VALUE); enableGlobalValueUpdate(global_var, this.parentNode); }); ret.find( ".boolean_vector_var" ).on('click', function(e){ alternateBooleanGlobalVectorValue(global_var, $(this).data('index'), this.parentNode); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); }); ret.find( ".vector_var" ).on('click', function(e){ registerUserEvent(global_var.name, ActionTypes.ENTER_CHANGE_GLOBAL_VALUE); enableGlobalVectorValueUpdate(global_var, $(this).data('index'), this.parentNode); }); ret.find( ".remove_global_vector_column" ).on('click', function(e){ removeGlobalColumnVector(global_var); global_container.find( ".div_valor_var" ).html(''); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); renderValues(global_var, global_container); }); ret.find( ".add_global_vector_column" ).on('click', function(e){ addGlobalColumnVector(global_var); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); global_container.find( ".div_valor_var" ).html(''); renderValues(global_var, global_container); }); ret.find( ".remove_global_matrix_column" ).on('click', function(e){ removeColumnGlobalMatrix(global_var); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); global_container.find( ".div_valor_var" ).html(''); renderValues(global_var, global_container); }); ret.find( ".add_global_matrix_column" ).on('click', function(e){ addColumnGlobalMatrix(global_var); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); global_container.find( ".div_valor_var" ).html(''); renderValues(global_var, global_container); }); ret.find( ".remove_global_matrix_line" ).on('click', function(e){ removeLineGlobalMatrix(global_var); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); global_container.find( ".div_valor_var" ).html(''); renderValues(global_var, global_container); }); ret.find( ".add_global_matrix_line" ).on('click', function(e){ addLineGlobalMatrix(global_var); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_TYPE, global_var.type, global_var.dimensions, global_var.rows, global_var.columns); registerSystemEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); global_container.find( ".div_valor_var" ).html(''); renderValues(global_var, global_container); }); ret.find( ".boolean_matrix_var" ).on('click', function(e){ alternateBooleanGlobalMatrixValue(global_var, $(this).data('row'), $(this).data('index'), this.parentNode); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); }); ret.find( ".matrix_var" ).on('click', function(e){ registerUserEvent(global_var.name, ActionTypes.ENTER_CHANGE_GLOBAL_VALUE); enableGlobalMatrixValueUpdate(global_var, $(this).data('row'), $(this).data('index'), this.parentNode); }); global_container.find( ".div_valor_var" ).append(ret); updateColumnsAndRowsText(global_container, global_var); } function addHandlers (global_container) { var global_var = global_container.data('associatedOject'); // Manage constant option: global_container.find( ".alternate_constant" ).on('click', function(e){ toggleConstant(global_var); $( this ).removeClass( "on off" ); if (global_var.is_constant) { $( this ).addClass( "on" ); } else { $( this ).addClass( "off" ); } }); // Manage global name: global_container.find( ".editing_name_var" ).on('click', function(e){ registerUserEvent(global_var.name, ActionTypes.ENTER_CHANGE_GLOBAL_NAME); enableNameUpdate(global_container); }); // Menu to change type: global_container.find('.ui.dropdown.global_type').dropdown({ onChange: function(_, __, $selectedItem) { if ($selectedItem.data('dimensions')) { updateType(global_var, Types[$selectedItem.data('type')], $selectedItem.data('dimensions')); } else { updateType(global_var, Types[$selectedItem.data('type')]); } renderValues(global_var, global_container); }, selectOnKeydown: false }); // Remove global: global_container.find( ".remove_global" ).on('click', function(e){ removeGlobal(global_var, global_container); }); } function updateColumnsAndRowsText (global_container, global_var) { var prev = global_container.find('.text').text().split('['); if (prev.length == 2) { var ff = prev[0] + '[ ' + global_var.columns + ' ] '; global_container.find('.text').empty(); global_container.find('.text').text(ff); } if (prev.length == 3) { var ff = prev[0] + '[ ' + global_var.columns + ' ] [ ' + global_var.rows + ' ] '; global_container.find('.text').empty(); global_container.find('.text').text(ff); } } export function renderGlobal (global_var) { var element = '
const: '; element += '
'; element += '
'+global_var.name+'
<— '; element += '
'+global_var.value+'
'; element += '
'; var complete_element = $(element); complete_element.data('associatedOject', global_var); $('.list_globals').append(complete_element); addHandlers(complete_element); renderValues(global_var, complete_element); if (global_var.dimensions == 1) { complete_element.find('.dimensions_0').text(global_var.columns); } if (global_var.dimensions == 2) { complete_element.find('.dimensions_0').text(global_var.columns); complete_element.find('.dimensions_1').text(global_var.rows); } return complete_element; } var opened_name_value_matrix_global_v = false; var opened_input_value_matrix_global_v = null; function enableGlobalMatrixValueUpdate (global_var, row, index, parent_node) { if (opened_name_value_matrix_global_v) { opened_input_value_matrix_global_v.focus(); return; } parent_node = $(parent_node); opened_name_value_matrix_global_v = true; parent_node.find('.span_value_variable').text(''); var input_field; if (global_var.type == Types.REAL) { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } else { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } input_field.on('input', function() { var inputWidth = input_field.textWidth()+10; opened_input_value_matrix_global_v = input_field; input_field.focus(); var tmpStr = input_field.val(); input_field.val(''); input_field.val(tmpStr); input_field.css({ width: inputWidth }) }).trigger('input'); input_field.focusout(function() { /// update array: if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value[row][index] = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value[row][index].toFixed(1)); } else { if (global_var.type == Types.INTEGER) { global_var.value[row][index] = parseInt(input_field.val().trim()); } else { global_var.value[row][index] = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value[row][index]); } registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[row][index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[row][index]); } } if (global_var.type == Types.TEXT) { global_var.value[row][index] = input_field.val(); parent_node.find('.span_value_variable').text(global_var.value[row][index]); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_matrix_global_v = false; opened_input_value_matrix_global_v = false; }); input_field.on('keydown', function(e) { var code = e.keyCode || e.which; if(code == 13) { if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value[row][index] = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value[row][index].toFixed(1)); } else { if (global_var.type == Types.INTEGER) { global_var.value[row][index] = parseInt(input_field.val().trim()); } else { global_var.value[row][index] = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value[row][index]); } registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[row][index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[row][index]); } } if (global_var.type == Types.TEXT) { global_var.value[row][index] = input_field.val(); registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); parent_node.find('.span_value_variable').text(global_var.value[row][index]); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_matrix_global_v = false; opened_input_value_matrix_global_v = false; } if(code == 27) { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[row][index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[row][index]); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_matrix_global_v = false; opened_input_value_matrix_global_v = false; } }); input_field.select(); } var opened_name_value_global_var = false; var opened_input_value_global_ar = null; function enableGlobalValueUpdate (global_var, parent_node) { if (opened_name_value_global_var) { opened_input_value_global_ar.focus(); return; } parent_node = $(parent_node); opened_name_value_global_var = true; parent_node.find('.span_value_variable').text(''); var input_field; if (global_var.type == Types.REAL) { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } else { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } input_field.on('input', function() { var inputWidth = input_field.textWidth()+10; opened_input_value_global_ar = input_field; input_field.focus(); var tmpStr = input_field.val(); input_field.val(''); input_field.val(tmpStr); input_field.css({ width: inputWidth }) }).trigger('input'); input_field.focusout(function() { let changed = false; /// update array: if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value.toFixed(1)); } else{ if (global_var.type == Types.INTEGER) { global_var.value = parseInt(input_field.val().trim()); } else if (global_var.type == Types.CHAR) { global_var.value = input_field.val().charAt(0); } else { global_var.value = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value); } changed = true; } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value.toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value); } } if (global_var.type == Types.TEXT) { global_var.value = input_field.val(); changed = true; parent_node.find('.span_value_variable').text(global_var.value); } if (changed) { registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_global_var = false; opened_input_value_global_ar = false; }); input_field.on('keydown', function(e) { const code = e.keyCode || e.which; let changed = true; if(code == 13) { if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value.toFixed(1)); } else { if (global_var.type == Types.INTEGER) { global_var.value = parseInt(input_field.val().trim()); } else if (global_var.type == Types.CHAR) { global_var.value = input_field.val().charAt(0); } else { global_var.value = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value); } changed = true; } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value.toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value); } } if (global_var.type == Types.TEXT) { global_var.value = input_field.val(); changed = true; parent_node.find('.span_value_variable').text(global_var.value); } if (changed) { registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_global_var = false; opened_input_value_global_ar = false; } if(code == 27) { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value.toFixed(1)); } else{ parent_node.find('.span_value_variable').text(global_var.value); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_global_var = false; opened_input_value_global_ar = false; } }); input_field.select(); } var opened_name_global = false; var opened_input_global = null; function enableNameUpdate (global_container) { var global_var = global_container.data('associatedOject'); if (opened_name_global) { opened_input_global.focus(); return; } opened_name_global = true; global_container.find('.span_name_variable').text(''); var input_name = $( "" ); input_name.insertBefore(global_container.find('.span_name_variable')); input_name.on('input', function() { var inputWidth = input_name.textWidth()+10; opened_input_global = input_name; opened_input_global.focus(); opened_input_global.css({ width: inputWidth }) }).trigger('input'); input_name.focusout(function() { /// update array: if (input_name.val().trim().length > 0) { updateName(global_var, input_name.val().trim(), global_container); global_container.find('.span_name_variable').text(global_var.name); } else { global_container.find('.span_name_variable').text(global_var.name); } input_name.off(); input_name.remove(); /// update elements: opened_name_global = false; opened_input_global = false; }); input_name.on('keydown', function(e) { var code = e.keyCode || e.which; if(code == 13) { if (input_name.val().trim()) { updateName(global_var, input_name.val().trim(), global_container); global_container.find('.span_name_variable').text(global_var.name); } else { global_container.find('.span_name_variable').text(global_var.name); } input_name.off(); input_name.remove(); /// update elements: opened_name_global = false; opened_input_global = false; } if(code == 27) { global_container.find('.span_name_variable').text(global_var.name); input_name.off(); input_name.remove(); /// update elements: opened_name_global = false; opened_input_global = false; } }); input_name.select(); } var opened_name_value_vector_global_ = false; var opened_input_value_vector_global_ = null; function enableGlobalVectorValueUpdate (global_var, index, parent_node) { if (opened_name_value_vector_global_) { opened_input_value_vector_global_.focus(); return; } parent_node = $(parent_node); opened_name_value_vector_global_ = true; parent_node.find('.span_value_variable').text(''); var input_field; if (global_var.type == Types.REAL) { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } else { input_field = $( "" ); input_field.insertBefore(parent_node.find('.span_value_variable')); } input_field.on('input', function() { var inputWidth = input_field.textWidth()+10; opened_input_value_vector_global_ = input_field; input_field.focus(); var tmpStr = input_field.val(); input_field.val(''); input_field.val(tmpStr); input_field.css({ width: inputWidth }) }).trigger('input'); input_field.focusout(function() { let changed = false; /// update array: if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value[index] = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value[index].toFixed(1)); } else { if (global_var.type == Types.INTEGER) { global_var.value[index] = parseInt(input_field.val().trim()); } else { global_var.value[index] = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value[index]); } changed = true; } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[index]); } } if (global_var.type == Types.TEXT) { global_var.value[index] = input_field.val(); changed = true; parent_node.find('.span_value_variable').text(global_var.value[index]); } if (changed) { registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_vector_global_ = false; opened_input_value_vector_global_ = false; }); input_field.on('keydown', function(e) { const code = e.keyCode || e.which; let changed = false; if(code == 13) { if (input_field.val().trim()) { if (global_var.type == Types.REAL) { global_var.value[index] = parseFloat(input_field.val().trim()); parent_node.find('.span_value_variable').text(global_var.value[index].toFixed(1)); } else { if (global_var.type == Types.INTEGER) { global_var.value[index] = parseInt(input_field.val().trim()); } else { global_var.value[index] = input_field.val().trim(); } parent_node.find('.span_value_variable').text(global_var.value[index]); } changed = true; } else { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[index]); } } if (global_var.type == Types.TEXT) { global_var.value[index] = input_field.val(); changed = true; parent_node.find('.span_value_variable').text(global_var.value[index]); } if (changed) { registerUserEvent(global_var.name, ActionTypes.CHANGE_GLOBAL_VALUE, global_var.value); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_vector_global_ = false; opened_input_value_vector_global_ = false; } if(code == 27) { if (global_var.type == Types.REAL) { parent_node.find('.span_value_variable').text(global_var.value[index].toFixed(1)); } else { parent_node.find('.span_value_variable').text(global_var.value[index]); } input_field.off(); input_field.remove(); /// update elements: opened_name_value_vector_global_ = false; opened_input_value_vector_global_ = false; } }); input_field.select(); } $.fn.textWidth = function(text, font) { if (!$.fn.textWidth.fakeEl) $.fn.textWidth.fakeEl = $('').hide().appendTo(document.body); $.fn.textWidth.fakeEl.text(text || this.val() || this.text() || this.attr('placeholder')).css('font', font || this.css('font')); return $.fn.textWidth.fakeEl.width(); };