firefly-iii/public/v1/js/ff/transactions/show.js

/*
 * show.js
 * Copyright (c) 2019 james@firefly-iii.org
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

$(function () {
    "use strict";
    $('.link-modal').click(getLinkModal);
    $('.clone-transaction').click(cloneTransaction);
    $('.clone-transaction-and-edit').click(cloneTransactionAndEdit);
    $('#linkJournalModal').on('shown.bs.modal', function () {
        makeAutoComplete();
    })
    $('[data-toggle="tooltip"]').tooltip();
});

function getLinkModal(e) {
    var button = $(e.currentTarget);
    var journalId = parseInt(button.data('journal'));
    var url = modalDialogURL.replace('%JOURNAL%', journalId);
    console.log(url);
    $.get(url).done(function (data) {
        $('#linkJournalModal').html(data).modal('show');

    }).fail(function () {
        alert('Could not load the data to link journals. Sorry :(');
        button.prop('disabled', true);
    });

    return false;
}

function makeAutoComplete() {

    var inputItem = document.getElementsByClassName('link-journal')[0];

    inputItem.addEventListener('autocomplete', (event) => {
        selectedJournal(event);
        console.log('Selected value:', event);
    });

    new BootstrapSimpleAutocomplete(inputItem, {
        renderItem: function (option, query, index) {
            const item = document.createElement('a');
            item.className = 'dropdown-item';
            item.innerText = option.name;
            item.setAttribute('role', 'option');
            item.setAttribute('aria-selected', 'false');
            item.id = `autocomplete-item-${this.id}-${index}`;

            item.addEventListener('click', () => this.selectOption(option));
            return item;
            // return option.name;
            // const item = document.createElement('a');
            // item.className = 'dropdown-item';
            // item.setAttribute('role', 'option');
            // item.setAttribute('aria-selected', 'false');
            // item.id = `autocomplete-item-${this.id}-${index}`;
            //
            // // Example: Highlight the query in the option text
            // // const regex = new RegExp(`(${query})`, 'gi');
            // // item.innerHTML = option.replace(regex, '<strong>$1</strong>');
            //
            // // item.addEventListener('click', () => this.selectOption(option));
            // return item;
        },
        fetchFunction: function (query) {
            // Custom data fetching logic
            return fetch(acURL + '?query=' + encodeURIComponent(query),
                {
                    method: 'GET',
                    credentials: 'include',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'X-CSRF-TOKEN': token
                    },
                }
            )
                .then((response) => response.json())
                .then((data) => {
                    return data;
                    var result = [];
                    for(var i in data) {
                        if(data.hasOwnProperty(i)) {
                            result.push(data[i].name);
                        }
                    }
                    // Process data if needed
                    return result;
                });
        },
    });
}

function selectedJournal(event) {
    console.log(event);
    $('#journal-selector').hide();
    $('#journal-selection').show();
    $('#selected-journal').html('<a href="' + groupURL.replace('%GROUP%', event.detail.value.transaction_group_id) + '">' + event.detail.value.description + '</a>').show();
    $('input[name="opposing"]').val(event.detail.value.id);
}

function cloneTransaction(e) {
    var button = $(e.currentTarget);
    var groupId = parseInt(button.data('id'));

    $.post(cloneGroupUrl, {
        id: groupId
    }).done(function (data) {
        // lame but it works
        location.href = data.redirect;
    }).fail(function () {
        console.error('I failed :(');
    });
    return false;
}

function cloneTransactionAndEdit(e) {
    var button = $(e.currentTarget);
    var groupId = parseInt(button.data('id'));

    $.post(cloneAndEditUrl, {
        id: groupId
    }).done(function (data) {
        // lame but it works
        location.href = data.redirect;
    }).fail(function () {
        console.error('I failed :(');
    });
    return false;
}