22

✏️ Editing: feed-id-check.js

/**
 * Product feed ID check — WooCommerce tab behaviour.
 *
 * Everything here is client-side only: rows expand/collapse, links open the
 * right ID settings card, and "Apply suggested settings" pre-fills form fields.
 * Nothing is saved until the page's own Save Changes button is clicked.
 */
(function ($) {
    'use strict';

var msgs = (window.pysFeedIdCheck && window.pysFeedIdCheck.messages) || {};
    var applied = {}; // box id => { slug, prev: {key => value}, added: {key => option value}, html: original box HTML }

function flash($el) {
        if (!$el || !$el.length) { return; }
        $el.addClass('pfc-field-flash');
        setTimeout(function () { $el.removeClass('pfc-field-flash'); }, 1800);
    }

function scrollTo($el) {
        if (!$el || !$el.length) { return; }
        var top = $el.offset().top - 90;
        $('html, body').animate({ scrollTop: top }, 300);
    }

/* Expand a collapsible PYS card (card-style5 or card-style6) if its body is hidden. */
    function expandCard($card) {
        if (!$card || !$card.length) { return; }
        var $body = $card.children('.card-body');
        var $header = $card.children('.card-header');
        if ($body.length && !$body.is(':visible')) {
            $body.slideDown(300);
            $header.addClass('header-opened');
        }
    }

/* Open the check card, its first "differ" row, and highlight it (notice button lands here). */
    function openFromHash() {
        if (window.location.hash !== '#pys-feed-id-check') { return; }
        var $card = $('#pys-feed-id-check');
        if (!$card.length) { return; }
        expandCard($card);
        var $row = $card.find('.pfc-row').filter(function () {
            return $(this).find('.pfc-row-header .pfc-status.pfc-bad').length > 0;
        }).first();
        if ($row.length) {
            toggleRow($row, true);
        }
        setTimeout(function () {
            scrollTo($row.length ? $row : $card);
            flash($row.length ? $row : $card);
        }, 350);
        // Drop the hash so a later save/reload doesn't reopen the card.
        if (window.history && window.history.replaceState) {
            window.history.replaceState(null, '', window.location.pathname + window.location.search);
        }
    }

/* Find the ID settings sub-card for a module slug ('fblogic' = the Integration card). */
    function settingsCardFor(slug) {
        var $field;
        if (slug === 'fblogic') {
            $field = $('input[name="pys[facebook][woo_content_id_logic]"]').first();
        } else {
            $field = $('#pys_' + slug + '_woo_content_id');
        }
        if (!$field.length) { return $(); }
        return $field.closest('.card.card-style6');
    }

/* Find a <select> option by value without building a selector from the value. */
    function optionFor($select, value) {
        return $select.find('option').filter(function () { return this.value === String(value); });
    }

function fieldFor(slug, key) {
        return $('#pys_' + slug + '_' + key);
    }

// One applied suggestion per module at a time: revert a previous one for the same module first.
        Object.keys(applied).forEach(function (id) { if (applied[id].slug === slug) { revertSuggestion(id); } });

var $strip = $('<div class="alert alert-success pfc-applied-box"><span class="pfc-alert-text"></span></div>').attr('data-pfc-box', boxId);
        $strip.find('.pfc-alert-text')
            .text((msgs.applied || 'Applied to the fields below. Click Save Changes (bottom right) to keep them, or') + ' ')
            .append($('<button type="button" class="pfc-undo pfc-revert"></button>').attr('data-pfc-box', boxId).text(msgs.revert || 'revert'))
            .append('.');
        $box.replaceWith($strip);
        updateUnsavedHint();
    }

$(function () {
        $(document).on('click keydown', '.pfc-row-header', function (e) {
            if (e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ') { return; }
            if ($(e.target).closest('a, button').length) { return; }
            e.preventDefault();
            toggleRow($(this).closest('.pfc-row'));
        });

$(document).on('click', '.pfc-open-settings', function (e) {
            e.preventDefault();
            openSettings($(this).data('pfc-module'));
        });

$(document).on('click', '.pfc-apply', function (e) {
            e.preventDefault();
            applySuggestion($(this).closest('.pfc-suggest'));
        });

$(document).on('click', '.pfc-revert', function (e) {
            e.preventDefault();
            revertSuggestion($(this).attr('data-pfc-box'));
        });

openFromHash();
        $(window).on('hashchange', openFromHash);
    });
})(jQuery);

MR SKB