trf_certest/public/userarea/modals_gridData.js

/**
 * modals_gridData.js — Photos, Parts, Tested Component handlers for gridData pages
 */
(function () {
    'use strict';

    // ── Photos — use photos.js loadPopupContent (exported to window) ──
    $(document).on('click', '.photos-btn', function () {
        const iddatadb = $(this).data('iddatadb') || null;
        const idquotations = $(this).data('idquotations') || null;
        const modal = document.getElementById('photosModal');
        if (!modal) return;

        modal.style.display = 'block';

        if (typeof window.loadPopupContent === 'function') {
            window.loadPopupContent(iddatadb, idquotations);
        }
    });

    // Close photos modal
    $(document).on('click', '.close-btn', function () {
        const modal = document.getElementById('photosModal');
        if (modal) modal.style.display = 'none';
    });

    // Close on backdrop click
    $(document).on('click', '#photosModal', function (e) {
        if (e.target === this) {
            this.style.display = 'none';
        }
    });

    // ── Parts (matching import_edit2.php behavior) ─────────────────────
    $(document).on('click', '.parts-btn', function () {
        const iddatadb = $(this).data('iddatadb') || null;
        const idquotations = $(this).data('idquotations') || null;

        $.ajax({
            url: 'modal_partsTable.php',
            method: 'GET',
            data: { iddatadb: iddatadb },
            success: function (response) {
                $('#partsModalContainer').html(response);
                const modalElement = document.getElementById('partsModal');
                if (!modalElement) return;

                $("#trfHeader").text(iddatadb || idquotations || '');
                $("#partsModal").data("iddatadb", iddatadb).data("idquotations", idquotations);

                let modal = bootstrap.Modal.getInstance(modalElement);
                if (!modal) modal = new bootstrap.Modal(modalElement, { backdrop: true, keyboard: true, focus: true });
                modal.show();

                if (typeof window.loadParts === 'function') {
                    window.loadParts(iddatadb, idquotations);
                }
            },
            error: function (xhr, status, error) {
                console.error('Error loading parts:', error);
            }
        });
    });

    $(document).on('hidden.bs.modal', '#partsModal', function () {
        const modalElement = document.getElementById('partsModal');
        if (modalElement) {
            const modal = bootstrap.Modal.getInstance(modalElement);
            if (modal) modal.dispose();
        }
        $('#partsModalContainer').empty();
        $('.modal-backdrop').remove();
        $('body').removeClass('modal-open').css('padding-right', '');
    });

    // ── Tested Component quick add ───────────────────────────────────────
    $(document).on('click', '.add-part-btn', async function () {
        const iddatadb = $(this).data('iddatadb') || null;
        const rowIndex = parseInt($(this).data('row'));
        const row = window.gridData?.[rowIndex];
        const id = iddatadb || (row ? row.iddatadb : null);
        if (!id) return;

        const $cell = $(this).closest('.grid-cell, div');
        const $input = $cell.find('input');
        const raw = ($input.val() || '').trim();
        const parts = raw.split('|').map(s => s.trim()).filter(s => s.length > 0);
        const uniqueParts = [...new Set(parts)];

        if (!uniqueParts.length) {
            alert('Insert a description first.');
            $input.focus();
            return;
        }

        try {
            for (const p of uniqueParts) {
                const formData = new FormData();
                formData.append('iddatadb', id);
                formData.append('part_description', p);
                await fetch('add_part_quick.php', { method: 'POST', body: formData });
            }
            alert(`Added ${uniqueParts.length} part(s).`);
            $input.val('');
        } catch (e) {
            alert('Error: ' + e.message);
        }
    });

    // ── Delete row ───────────────────────────────────────────────────────
    let deleteIddatadb = null;
    let deleteRowIndex = null;

    $(document).on('click', '.delete-btn', function () {
        deleteIddatadb = $(this).data('iddatadb');
        deleteRowIndex = parseInt($(this).data('row'));
        const modalEl = document.getElementById('deleteConfirmModal');
        if (modalEl) {
            document.getElementById('deleteIddatadbText').textContent = deleteIddatadb;
            new bootstrap.Modal(modalEl).show();
        }
    });

    $(document).on('click', '#deleteConfirmBtn', async function () {
        const modalEl = document.getElementById('deleteConfirmModal');
        const modal = bootstrap.Modal.getInstance(modalEl);
        if (modal) modal.hide();

        if (!deleteIddatadb) return;

        try {
            const resp = await fetch('delete_record.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ id: deleteIddatadb })
            });
            const result = await resp.json();

            if (result.success) {
                // Remove from gridData
                const idx = window.gridData.findIndex(r => r.iddatadb === deleteIddatadb);
                if (idx >= 0) window.gridData.splice(idx, 1);

                // Re-render
                const gr = window.gridRenderer;
                if (gr) gr.renderVisibleRows();
            } else {
                alert('Error: ' + result.message);
            }
        } catch (e) {
            alert('Error: ' + e.message);
        }

        deleteIddatadb = null;
        deleteRowIndex = null;
    });

    // ── Add new row ──────────────────────────────────────────────────────
    $(document).on('click', '#addRowBtn', async function () {
        const btn = this;
        btn.disabled = true;

        try {
            const templateId = window.gridMeta?.templateId;
            if (!templateId) { alert('Template ID missing'); return; }

            const urlParams = new URLSearchParams(window.location.search);
            const importref = urlParams.get('importref') || '';
            const resp = await fetch('add_record.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ template_id: templateId, importreferencecode: importref })
            });
            const result = await resp.json();

            if (result.success && result.iddatadb) {
                // Build new row object
                const newRow = {
                    iddatadb: result.iddatadb,
                    status: 'i',
                    idclient: window.gridMeta?.defaultIdclient || '',
                    cliente_fornitore_id: null,
                    commessaweb: null,
                    user_name: result.user_name || '',
                    importreferencecode: result.importreferencecode || '',
                    filename_import: '',
                    importdate: new Date().toISOString().slice(0, 19).replace('T', ' '),
                    fixedFields: {},
                    details: {},
                    mainFieldValue: '',
                    _dirty: false,
                };

                // Add to beginning of gridData
                window.gridData.unshift(newRow);

                // Re-render
                const gr = window.gridRenderer;
                if (gr) gr.renderVisibleRows();

                // Highlight new row briefly
                const newGridRow = document.querySelector(`.grid-row[data-id="${result.iddatadb}"]`);
                if (newGridRow) {
                    newGridRow.classList.add('row-just-created');
                    newGridRow.scrollIntoView({ behavior: 'smooth', block: 'center' });
                    setTimeout(() => newGridRow.classList.remove('row-just-created'), 4000);
                }
            } else {
                alert('Error: ' + (result.message || 'Unknown error'));
            }
        } catch (e) {
            alert('Error: ' + e.message);
        } finally {
            btn.disabled = false;
        }
    });

})();