index.js

"use strict";

document.addEventListener('DOMContentLoaded', function () {

    // Import Input (IBAN)
    const fileInput = document.getElementById('file-input');
    const fileLabel = document.getElementById('file-label');
    const fileDropArea = document.getElementById('file-drop-area');

    fileDropArea.addEventListener('click', () => {
        fileInput.click();
    });

    fileInput.addEventListener('change', () => {
        if (fileInput.files.length > 0) {
            fileLabel.textContent = fileInput.files.length + " Datei(en) ausgewählt";
        } else {
            fileLabel.textContent = '.csv,.pdf,.html';
        }
    });

    fileDropArea.addEventListener('dragover', (e) => {
        e.preventDefault();
    });

    fileDropArea.addEventListener('drop', (e) => {
        e.preventDefault();
        const files = e.dataTransfer.files;
        if (files.length > 0) {
            fileInput.files = files;
            fileLabel.textContent = files.length + " Datei(en) ausgewählt";
        }
    });

    // Import Input (Settings)
    const settingsInput = document.getElementById('settings-input');
    const settingsLabel = document.getElementById('settings-label');
    const settingsDropArea = document.getElementById('settings-drop-area');

    settingsDropArea.addEventListener('click', () => {
        settingsInput.click();
    });

    settingsInput.addEventListener('change', () => {
        if (settingsInput.files.length > 0) {
            settingsLabel.textContent = settingsInput.files[0].name;
        } else {
            settingsLabel.textContent = '.json';
        }
    });

    settingsDropArea.addEventListener('dragover', (e) => {
        e.preventDefault();
    });

    settingsDropArea.addEventListener('drop', (e) => {
        e.preventDefault();
        const files = e.dataTransfer.files;
        if (files.length > 0) {
            settingsInput.files = files;
            settingsLabel.textContent = files[0].name;
        }
    });

    // Metadata-Select
    document.getElementById('read-setting').addEventListener('change', function () {
        document.getElementById('set-setting').value = "";
    });
});

// ----------------------------------------------------------------------------
// -- DOM Functions -----------------------------------------------------------
// ----------------------------------------------------------------------------

/**
 * Prepares and configures a modal dialog for adding or editing data based on the provided mode.
 * This function handles both "group" and "IBAN" modes, dynamically loading data and updating the modal's content.
 *
 * @param {string} modal_id - The ID of the modal element to be prepared.
 * @param {Event} event - The event object triggered by the user interaction.
 * @param {string} [force_id] - Optional parameter to force a specific mode or ID, overriding the event's dataset.
 *
 * @returns {void}
 */
function prepareAddModal(modal_id, event, force_id) {
    const mode = modal_id.split('-')[1];
    const text_input = document.getElementById(mode + "-input");
    const link_open = document.querySelector("#" + modal_id + " footer a:last-child");
    const iban_stats = document.getElementById('iban-stats');
    
    if (force_id || (event && event.currentTarget.dataset[mode])) {
        // Load and fill
        const id = force_id || event.currentTarget.dataset[mode];
        text_input.value = id;
        link_open.href = '/' + encodeURIComponent(id);
        link_open.classList.remove('hide');

        if (mode == "group") {
            // Get Group Info; Activate Checkboxes for Ibans in Group
            const iban_checkboxes = document.querySelectorAll("#" + modal_id + " fieldset input");
            apiGet("getMeta/" + id, {}, function (response, error) {
                const ibans = response['ibans'] || [];
                iban_checkboxes.forEach(box => {
                    if (ibans.includes(box.value)) {
                        // Activate IBAN as Groupmember
                        box.checked = true;
                    }
                });
            });

            return;
        }

        // Modal is Add-IBAN
        const stat_points = iban_stats.getElementsByTagName('b');
        apiGet('stats/' + id, {}, function (repsonse, error) {
            // Get basic Stats
            if (error) {
                alert(error);
                return;
            }
            stat_points[0].innerHTML = repsonse.count;
            stat_points[1].innerHTML = formatUnixToDate(repsonse.min);
            stat_points[2].innerHTML = formatUnixToDate(repsonse.max);
            iban_stats.classList.remove('hide');
        })

        return;
    }

    // Clean
    text_input.value = "";
    link_open.classList.add('hide');
    iban_stats.classList.add('hide');
}

/**
 * Gets a value for a Metadate into a textarea.
 * The key is selected via the select input element 'read-setting'
 * and written to 'set-setting'.
 */
function loadSetting() {
    const setting_uuid = document.getElementById('read-setting').value;
    const result_text = document.getElementById('set-setting');
    if (!setting_uuid) {
        alert('Kein Name einer Einstellung angegeben!');
        return;
    }

    apiGet('getMeta/' + setting_uuid, {}, function (responseText, error) {
        if (error) {
            showAjaxError(error, responseText);

        } else {
            result_text.value = formatResultText(responseText);

        }
    });
}

/**
 * Sets a value for a Metadate.
 * The key is selected via the select input element 'read-setting'
 * and the value is taken from 'set-setting'.
 */
function saveSetting() {
    const setting_uuid = document.getElementById('read-setting').value;
    const result_text = document.getElementById('set-setting');
    if (!setting_uuid || !result_text.value) {
        alert('Kein Name einer Einstellung oder Wert angegeben!');
        return;
    }

    let payload;
    let meta_type;
    try {
        payload = JSON.parse(result_text.value);
        if (!payload['metatype']) {
            throw new ValueError("No metatype provided!");
        }
        meta_type = payload['metatype'];

    } catch (error) {
        alert('Could not parse settingsvalue!' + error);
        return;
    }

    apiSubmit('saveMeta/' + meta_type, payload, function (response, error) {
        if (error) {
            showAjaxError(error, response);

        } else {
            alert('Einstellungen gespeichert (' + response.inserted + ')');
            result_text.value = '';

        }
    }, false);
}

/**
 * Delete a value from Metadate by uuid.
 * The key is selected via the select input element 'read-setting'.
 */ 
function deleteSetting() {
    const setting_uuid = document.getElementById('read-setting').value;
    if (!setting_uuid) {
        alert('Kein Name einer Einstellung angegeben!');
        return;
    }

    apiSubmit('deleteMeta/' + setting_uuid, {}, function (response, error) {
        if (error) {
            showAjaxError(error, response);

        } else {
            alert('Einstellung gelöscht !');
            window.location.reload();

        }
    }, false, 'DELETE');
}

// ----------------------------------------------------------------------------
// -- API Functions -----------------------------------------------------------
// ----------------------------------------------------------------------------

/**
 * Sends a file to the server for upload.
 * The file is selected via the file input element 'settings-input'.
 */
function importSettings() {
    const settings_type = document.getElementById('settings-type').value;

    const fileInput = document.getElementById('settings-input');
    if (fileInput.files.length === 0) {
        alert('Please select a file to upload.');
        return;
    }

    const params = { file: 'settings-input' }; // The value of 'file' corresponds to the input element's ID
    apiSubmit('upload/metadata/' + settings_type, params, function (response, error) {
        if (error) {
            showAjaxError(error, response);

        } else {
            alert('Es wurden ' + response.inserted + ' Einträge aus der Datei importiert.');
            window.location.href = '/';

        }
    }, true);
}

/**
 * Sends transactions in a file or a batch of files to the server for upload.
 * The file is selected via the file input element 'file-input' (multiple)
 * but every entry is send step-by-step to get results per call directly.
 * Therefore this methods differ from the global `apiSubmit()` function.
 */
function uploadIban() {
    const iban = document.getElementById('iban-input').value;
    if (!iban) {
        alert("Keine IBAN angegeben!");
        return;
    }

    const bank_id = document.getElementById('bank-type').value
    const fileInput = document.getElementById('file-input');
    if (fileInput.files.length === 0) {
        alert('Es wurde keine Datei ausgewählt.');
        return;
    }

    const upload_modal = document.getElementById('upload-list');

    // Prepare List entry for clone in loop
    const open_btn = document.querySelector('#upload-list footer a');
    open_btn.setAttribute('disabled', 'true');
    const list_table = document.querySelector('#upload-list table');
    list_table.innerHTML = "";
    const list_tr = document.createElement('tr');
    const cell1 = document.createElement('td');
    const cell2 = document.createElement('td');
    const span = document.createElement('span');
    span.setAttribute('aria-busy', "true");
    cell2.appendChild(span);
    list_tr.appendChild(cell1);
    list_tr.appendChild(cell2);

    // Use Promises to wait until all uploads finish
    // Show Upload Modal once
    document.querySelector('#add-iban header button').click();
    openModal(upload_modal, { 'currentTarget': { 'dataset': {} } });

    const uploadPromises = [];

    for (let i = 0; i < fileInput.files.length; i++) {
        // DOM
        const tr = list_tr.cloneNode(true);
        const td2 = tr.querySelector('td:last-child');
        const td1 = tr.querySelector('td:first-child');
        const file = fileInput.files[i];
        let file_name = file.name.slice(-30);
        if (file.name.length > 30) {
            file_name = '...' + file_name;
        }
        td1.innerHTML = file_name + '<br><small>&nbsp;</small>';
        list_table.appendChild(tr);

        // Form
        const fileFormData = new FormData();
        fileFormData.append('bank', bank_id);
        fileFormData.append('file-batch', file);

        // Wrap each ajax call in a Promise
        const p = new Promise((resolve) => {
            const ajax = createAjax(function (response, error) {
                let result = '';
                let parsed = response || '{}';

                if (error) {
                    console.warn(file.name, error, response);
                    td2.setAttribute('aria-busy', 'false');
                    td2.classList.add('error');
                    td2.innerHTML = '&times;';
                    result = parsed.error || 'Fehler beim Import';
                    resolve({ success: false, file: file.name, result: result });

                } else {
                    td2.setAttribute('aria-busy', 'false');
                    td2.innerHTML = '&#10004;';
                    result = (parsed.inserted !== undefined) ? (parsed.inserted + ' Transaktionen importiert') : 'OK';
                    resolve({ success: true, file: file.name, result: result });
                }

                td1.querySelector('small').innerHTML = result;
            });

            ajax.open("POST", "/api/upload/" + iban, true);
            ajax.send(fileFormData);
        });

        uploadPromises.push(p);
    }

    // After all uploads finish, update modal link and re-enable button
    Promise.all(uploadPromises).then((results) => {
        upload_modal.querySelector('footer a').href = '/' + iban;
        open_btn.removeAttribute('disabled');
    });
}

/**
 * Saves a group with the specified name and associated IBANs.
 * 
 * This function retrieves the group name from an input field and the selected IBANs
 * from checkboxes. It then sends the data to the server using the `apiSubmit` function.
 * If the operation is successful, the page is reloaded; otherwise, an error message is displayed.
 */
function saveGroup() {
    const groupname = document.getElementById("group-input").value;
    if (!groupname) {
        alert("Keine Gruppe angegeben!");
        return;
    }

    const checkboxes = document.querySelectorAll('input[name="iban-checkbox"]:checked');
    const selectedIbans = Array.from(checkboxes).map(checkbox => checkbox.value);
    const params = {'ibans': selectedIbans}

    apiSubmit('addgroup/' + groupname, params, function (responseText, error) {
        if (error) {
            showAjaxError(error, responseText);

        } else {
            alert('Gruppe gespeichert!');
            window.location.reload();

        }
    }, false);

    return selectedIbans;
}

/**
 * Deletes the database for the given IBAN or the Config for a Groupname
 */
function deleteDB(delete_group) {
    let collection;
    if (delete_group) {
        collection = document.getElementById('group-input').value;
    } else {
        collection = document.getElementById('iban-input').value;
    }
    
    if (!collection) {
        alert("Keine IBAN/Gruppe angegeben!");
        return;
    }

    apiGet('deleteDatabase/'+ collection, {}, function (response, error) {
        if (error) {
            showAjaxError(error, response);

        } else {
            alert(response.deleted + ' IBAN(s) / Gruppe(n) gelöscht');
            window.location.reload();

        }
    }, 'DELETE');
    
}

/**
 * Re-Parse all transactions in an IBAN-Database with the current settings.
 */
function reParse() {
    const iban = document.getElementById('iban-input').value;
    if (!iban) {
        alert("Keine IBAN angegeben!");
        return;
    }

    // Prepare Result PopUp
    const popup = document.getElementById('reparse-iban');
    const button = popup.querySelector('footer a');
    const progress = popup.querySelector('progress');
    const updated = popup.querySelector('p > span');
    button.setAttribute('disabled', 'true');
    openModal(popup, { 'currentTarget': { 'dataset': {} } });

    apiSubmitStreaming('/reparse/' + iban, {},
        function(response, error) {
            if (error) {
                errorPopUp('Neuparse fehlgeschlagen', error, response);
            } else {
                updated.innerHTML = response.updated || 0;
                progress.value = response.processed || 0;
                progress.max = response.count || 0;
            }
        },
        function(response) {
            updated.innerHTML = response.updated || 0;
            progress.value = response.processed || 0;
            progress.max = response.count || 0;
            button.removeAttribute('disabled');
        }
    );
}