';
if (function_obj.function_comment) {
//appender += renderComment(function_obj.function_comment, sequence, true, -1);
}
appender += '
'+LocalizedStrings.getUI("function")+' ';
if (function_obj.is_main) {
appender += '
' + LocalizedStrings.getUI('void') + ' '+function_obj.name+'
'
+ '(
';
} else {
appender += '
';
appender += '
'+function_obj.name+'
'
+ '(
';
}
appender += '
) {
'
+ (function_obj.is_hidden ? '
' : '
')
+ '
'
/*+ renderVariables(function_obj, sequence)*/
+ '
'
+ '
';
if (function_obj.commands) {
for (var l = 0; l < function_obj.commands.length; l++) {
//appender += renderElementCommandGeneric(programa.funcoes[sequence].comandos[l], sequence, l, -1, l);
}
}
appender += '
';
appender += '
}
'
+ '
'
+ '
';
appender = $(appender);
$('.all_functions').append(appender);
appender.data('fun', function_obj);
appender.find('.commands_list_div').data('fun', function_obj);
renderFunctionReturn(function_obj, appender);
addHandlers(function_obj, appender);
// Rendering parameters:
for (var j = 0; j < function_obj.parameters_list.length; j++) {
renderParameter(function_obj, function_obj.parameters_list[j], appender);
}
// Rendering variables:
for (var j = 0; j < function_obj.variables_list.length; j++) {
VariablesManagement.renderVariable(appender, function_obj.variables_list[j], function_obj);
}
// Rendering commands:
for (var j = 0; j < function_obj.commands.length; j++) {
CommandsManagement.renderCommand(function_obj.commands[j], $(appender.find('.commands_list_div')[0]), 3, function_obj);
}
}
export function initVisualUI () {
// MUST USE CONST, LET, OR VAR !!!!!!
const mainDiv = $('#visual-main-div');
// fill mainDiv with functions and globals...
// renderAlgorithm()...
$('.add_function_button').on('click', () => {
addFunctionHandler();
});
$('.add_global_button').on('click', () => {
GlobalsManagement.addGlobal(program);
});
$('.run_button').on('click', () => {
runCode();
});
$('.visual_coding_button').on('click', () => {
toggleVisualCoding();
});
$('.textual_coding_button').on('click', () => {
toggleTextualCoding();
});
$('.assessment').on('click', () => {
toggleTextualCoding();
});
}
$( document ).ready(function() {
for (var i = 0; i < program.functions.length; i++) {
renderFunction(program.functions[i]);
}
});
function runCodeAssessment () {
const strCode = CodeManagement.generate();
if (strCode == null) {
return;
}
domConsole = new DOMConsole("#ivprog-term", testCases);
$("#ivprog-term").slideDown(500);
const lexer = LanguageService.getCurrentLexer();
const ast = new IVProgParser(strCode, lexer).parseTree();
const proc = new IVProgProcessor(ast);
proc.registerInput(domConsole);
proc.registerOutput(domConsole);
proc.interpretAST().then( _ => {
domConsole.info("Programa executado com sucesso!");
domConsole.info("Aperte qualquer tecla para fechar...");
const p = new Promise((resolve, _) => {
domConsole.requestInput(resolve);
});
p.then( _ => {
domConsole.dispose();
domConsole = null;
$("#ivprog-term").hide();
})
})
}
function runCode () {
const strCode = CodeManagement.generate();
if (strCode == null) {
return;
}
domConsole = new DOMConsole("#ivprog-term");
$("#ivprog-term").slideDown(500);
const lexer = LanguageService.getCurrentLexer();
const ast = new IVProgParser(strCode, lexer).parseTree();
const proc = new IVProgProcessor(ast);
proc.registerInput(domConsole);
proc.registerOutput(domConsole);
proc.interpretAST().then( _ => {
domConsole.info("Programa executado com sucesso!");
domConsole.info("Aperte qualquer tecla para fechar...");
const p = new Promise((resolve, _) => {
domConsole.requestInput(resolve);
});
p.then( _ => {
domConsole.dispose();
domConsole = null;
$("#ivprog-term").hide();
})
})
}
function toggleTextualCoding () {
var code = CodeManagement.generate();
$('.ivprog_visual_panel').css('display', 'none');
$('.ivprog_textual_panel').css('display', 'block');
$('.ivprog_textual_panel').removeClass('loading');
$('.ivprog_textual_code').text(code);
}
function toggleVisualCoding () {
$('.ivprog_textual_panel').addClass('loading');
$('.ivprog_textual_panel').css('display', 'none');
$('.ivprog_visual_panel').css('display', 'block');
}
function removeParameter (function_obj, parameter_obj, parameter_container) {
var index = function_obj.parameters_list.indexOf(parameter_obj);
if (index > -1) {
function_obj.parameters_list.splice(index, 1);
}
$(parameter_container).remove();
}
function updateParameterType(parameter_obj, new_type, new_dimensions = 0) {
parameter_obj.type = new_type;
parameter_obj.dimensions = new_dimensions;
if (new_dimensions > 0) {
parameter_obj.rows = new_dimensions;
parameter_obj.columns = 2;
}
}
function renderParameter (function_obj, parameter_obj, function_container) {
var ret = "";
ret += '
'+parameter_obj.name+' ';
ret += '
';
if (parameter_obj.dimensions > 0) {
ret += '
'+ LocalizedStrings.getUI('vector')+':'+LocalizedStrings.getUI(parameter_obj.type);
ret += '
';
} else {
ret += '
'+LocalizedStrings.getUI(parameter_obj.type)+'
';
}
ret += '
'
+ '
';
ret += '
';
ret = $(ret);
function_container.find('.container_parameters_list').append(ret);
ret.find('.remove_parameter').on('click', function(e){
removeParameter(function_obj, parameter_obj, ret);
});
ret.find('.ui.dropdown.parameter_type').dropdown({
onChange: function(value, text, $selectedItem) {
if ($($selectedItem).data('dimensions')) {
updateParameterType(parameter_obj, Types[$($selectedItem).data('type')], $($selectedItem).data('dimensions'));
} else {
updateParameterType(parameter_obj, Types[$($selectedItem).data('type')]);
}
}
});
ret.find('.label_enable_name_parameter').on('click', function(e){
enableNameParameterUpdate(parameter_obj, ret);
});
}
var opened_name_parameter = false;
var opened_input_parameter = null;
function enableNameParameterUpdate (parameter_obj, parent_node) {
if (opened_name_parameter) {
$(opened_input_parameter).focus();
return;
}
opened_name_parameter = true;
$(parent_node).find('.span_name_parameter').text('');
$( "
" ).insertBefore($(parent_node).find('.span_name_parameter'));
$('.width-dynamic').on('input', function() {
var inputWidth = $(this).textWidth()+10;
opened_input_parameter = this;
$(this).focus();
var tmpStr = $(this).val();
$(this).val('');
$(this).val(tmpStr);
$(this).css({
width: inputWidth
})
}).trigger('input');
$('.width-dynamic').focusout(function() {
/// update array:
if ($(this).val().trim()) {
parameter_obj.name = $(this).val().trim();
$(parent_node).find('.span_name_parameter').text(parameter_obj.name);
}
$(this).remove();
/// update elements:
opened_name_parameter = false;
opened_input_parameter = false;
});
$('.width-dynamic').on('keydown', function(e) {
var code = e.keyCode || e.which;
if(code == 13) {
if ($(this).val().trim()) {
parameter_obj.name = $(this).val().trim();
$(parent_node).find('.span_name_parameter').text(parameter_obj.name);
}
$(this).remove();
/// update elements:
opened_name_parameter = false;
opened_input_parameter = false;
}
if(code == 27) {
$(parent_node).find('.span_name_parameter').text(parameter_obj.name);
$(this).remove();
/// update elements:
opened_name_parameter = false;
opened_input_parameter = false;
}
});
}
var opened_name_function = false;
var opened_input = null;
function enableNameFunctionUpdate(function_obj, parent_node) {
if (opened_name_function) {
$(opened_input).focus();
return;
}
$(parent_node).find('.span_name_function').text('');
$( "
" ).insertBefore($(parent_node).find('.span_name_function'));
$('.width-dynamic').on('input', function() {
var inputWidth = $(this).textWidth()+10;
opened_input = this;
$(this).focus();
var tmpStr = $(this).val();
$(this).val('');
$(this).val(tmpStr);
$(this).css({
width: inputWidth
})
}).trigger('input');
$('.width-dynamic').focusout(function() {
/// update array:
if ($(this).val().trim()) {
function_obj.name = $(this).val().trim();
}
$(this).remove();
$(parent_node).find('.span_name_function').text(function_obj.name);
/// update elements:
opened_name_function = false;
opened_input = false;
});
$('.width-dynamic').on('keydown', function(e) {
var code = e.keyCode || e.which;
if(code == 13) {
if ($(this).val().trim()) {
function_obj.name = $(this).val().trim();
}
$(this).remove();
$(parent_node).find('.span_name_function').text(function_obj.name);
/// update elements:
opened_name_function = false;
opened_input = false;
}
if(code == 27) {
$(this).remove();
$(parent_node).find('.span_name_function').text(function_obj.name);
/// update elements:
opened_name_function = false;
opened_input = false;
}
});
}