aswi2020vldc-gitlab/src/main/webapp/js/assemblyScripts.js @ b3c57a7c

$(document).ready(function() {

    $('.select-action-button').on('click', function () {
        if ($(this).hasClass('select-action-headlight'))
        {
            $(this).removeClass('select-action-headlight');
            removeParameter(getParameterTitle($(this)), getParameterType($(this)));
        }
        else
        {
            $(this).closest('.select-action-buttons').find('.select-action-button').removeClass('select-action-headlight');

            removeFromAll(getParameterTitle($(this)));

            $(this).addClass('select-action-headlight');

            addParameter(getParameterIndex($(this)),
                getParameterTitle($(this)),
                getParameterType($(this)),
                getParameterHiddenValue($(this)));

            initParameters();
        }
    });

    initParameters();

});

function removeFromAll(title) {
    $rows = $('.selected-input-container');

    $rows.each(function () {
        $(this).find('.parameter-name').each(function () {
            if ($(this).text() == title)
            {
                $(this).closest('.parameter').remove();
            }
        })
    });
}

function getParameterIndex(button) {
    return $(button).closest('.parameter-row').find('.parameterIndex').val();
}

function addParameter(index, parameterName, type, hiddenValue) {
    var row = document.createElement('tr');
    row.classList.add(type + '-parameter', 'parameter');

    let hiddenInput = document.createElement('input');
    hiddenInput.type = 'hidden';
    hiddenInput.id = `parametersInConfiguration${index}.location.id`;
    hiddenInput.name = `parametersInConfiguration[${index}].location.id`;
    hiddenInput.value = hiddenValue;

    row.appendChild(hiddenInput);

    var firstTd = document.createElement('td');

    var firstTdBody = document.createElement('span');
    firstTdBody.classList.add('parameter-name');
    firstTdBody.innerHTML = parameterName;

    firstTd.appendChild(firstTdBody);

    row.appendChild(firstTd);

    var thirdTd = document.createElement('td');

    var thirdTdBody;


    if (type == 'value')
    {
        thirdTdBody = $('#function-select-' + index).clone()[0];

        $(thirdTdBody).removeClass('hidden');
    }
    else
    {
        var secondTd = document.createElement('td');

        var secondTdBody = document.createElement('input');
        secondTdBody.type = 'text';
        secondTdBody.classList.add('form-control', 'select-filter-input-name');
        secondTdBody.name = `parametersInConfiguration[${index}].columnName`;

        secondTd.appendChild(secondTdBody);

        row.appendChild(secondTd);

        thirdTdBody = document.createElement('span');
        thirdTdBody.innerHTML = "<i class=\"fas fa-sort\"></i>";
    }

    thirdTd.appendChild(thirdTdBody);

    row.appendChild(thirdTd);

    $('#' + type + '-wrapper').append($(row));

}

function removeParameter(title, parameterClass) {
    $rows = $('.' + parameterClass + '-parameter');

    $rows.each(function () {
        $(this).find('.parameter-name').each(function () {
            if ($(this).text() == title)
            {
                $(this).closest('.' + parameterClass + '-parameter').remove();
            }
        })
    });
}

function getParameterType(context) {
    if ($(context).hasClass('column-button'))
    {
        return 'column';
    }
    else if ($(context).hasClass('row-button'))
    {
        return 'row';
    }
    else if ($(context).hasClass('value-button'))
    {
        return 'value';
    }
}

function getParameterHiddenValue(context) {
    if ($(context).hasClass('column-button'))
    {
        return 1;
    }
    else if ($(context).hasClass('row-button'))
    {
        return 2;
    }
    else if ($(context).hasClass('value-button'))
    {
        return 3;
    }
}

function getParameterTitle(context) {
    return $(context).closest('.parameter-row').find('.parameter-name').text();
}


function initParameters()
{
    $('.sortable').sortable();
    $("select").selectpicker('refresh');
}