qdr.app.woo.plugins/studiou-wc-free-photo-product/assets/js/admin.js

(function ($) {
    'use strict';

    $(document).ready(function () {

        // ========================================
        // Product edit page: Free Photo tab
        // ========================================
        if ($('#studiou_fpp_product_data').length) {
            initProductTab();
        }

        // ========================================
        // Product edit page: Variation quantity discount tiers
        // ========================================
        initVariationQtyTiers();

        // ========================================
        // Admin summary page
        // ========================================
        if ($('.studiou-fpp-admin-wrap').length) {
            initSummaryPage();
        }

        function initVariationQtyTiers() {
            // Add tier row
            $(document).on('click', '.studiou-fpp-qty-tier-add', function (e) {
                e.preventDefault();
                var $btn = $(this);
                var loop = $btn.data('loop');
                var $tbody = $btn.closest('.studiou-fpp-qty-tiers-field').find('.studiou-fpp-qty-tiers-table tbody');
                var idx = Date.now() + '_' + Math.floor(Math.random() * 10000);
                var row =
                    '<tr class="studiou-fpp-qty-tier-row">' +
                        '<td><input type="number" min="1" step="1" name="studiou_fpp_qty_tiers[' + loop + '][' + idx + '][from_qty]" value="" /></td>' +
                        '<td><input type="number" min="0" max="100" step="0.01" name="studiou_fpp_qty_tiers[' + loop + '][' + idx + '][percent]" value="" /></td>' +
                        '<td><button type="button" class="button studiou-fpp-qty-tier-remove">&times;</button></td>' +
                    '</tr>';
                $tbody.append(row);
                markVariationChanged($btn);
            });

            // Remove tier row
            $(document).on('click', '.studiou-fpp-qty-tier-remove', function (e) {
                e.preventDefault();
                var $btn = $(this);
                $btn.closest('tr').remove();
                markVariationChanged($btn);
            });

            // Mark variation as modified on any input change inside the tier table
            $(document).on('change input', '.studiou-fpp-qty-tiers-table input', function () {
                markVariationChanged($(this));
            });

            function markVariationChanged($el) {
                var $variation = $el.closest('.woocommerce_variation');
                if ($variation.length) {
                    $variation.addClass('variation-needs-update');
                    $('button.cancel-variation-changes, button.save-variation-changes').removeAttr('disabled');
                    $('#variable_product_options').trigger('woocommerce_variations_input_changed');
                }
            }
        }

        function initProductTab() {
            // Show/hide new media category form
            $('.studiou-fpp-add-media-cat-btn').on('click', function () {
                $('.studiou-fpp-new-media-cat-form').toggle();
            });

            $('.studiou-fpp-cancel-media-cat-btn').on('click', function () {
                $('.studiou-fpp-new-media-cat-form').hide();
                $('#studiou_fpp_new_cat_name').val('');
            });

            // Save new media category
            $('.studiou-fpp-save-media-cat-btn').on('click', function () {
                var name = $('#studiou_fpp_new_cat_name').val().trim();
                if (!name) {
                    return;
                }

                var $btn = $(this);
                $btn.prop('disabled', true);

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_add_media_category',
                        nonce: studiouWcfpp.nonce,
                        name: name
                    },
                    success: function (response) {
                        if (response.success) {
                            var $select = $('#_studiou_fpp_media_category');
                            $select.append(
                                $('<option>', {
                                    value: response.data.term_id,
                                    text: response.data.name,
                                    selected: true
                                })
                            );
                            $('.studiou-fpp-new-media-cat-form').hide();
                            $('#studiou_fpp_new_cat_name').val('');
                        } else {
                            alert(response.data ? response.data.message : studiouWcfpp.i18n.error);
                        }
                    },
                    error: function () {
                        alert(studiouWcfpp.i18n.error);
                    },
                    complete: function () {
                        $btn.prop('disabled', false);
                    }
                });
            });
        }

        function initSummaryPage() {
            var $noticeArea = $('.studiou-fpp-admin-notice-area');

            // Select all
            $('#studiou-fpp-select-all').on('change', function () {
                $('.studiou-fpp-file-cb').prop('checked', $(this).is(':checked'));
            });

            // Individual status change
            $('.studiou-fpp-status-select').on('change', function () {
                var fileId = $(this).data('file-id');
                var status = $(this).val();
                var $el = $(this);

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_update_status',
                        nonce: studiouWcfpp.nonce,
                        file_id: fileId,
                        status: status
                    },
                    success: function (response) {
                        if (response.success) {
                            showAdminNotice(studiouWcfpp.i18n.statusUpdated, 'success');
                        } else {
                            showAdminNotice(response.data ? response.data.message : studiouWcfpp.i18n.error, 'error');
                        }
                    },
                    error: function () {
                        showAdminNotice(studiouWcfpp.i18n.error, 'error');
                    }
                });
            });

            // Delete single
            $(document).on('click', '.studiou-fpp-delete-single', function () {
                var fileId = $(this).data('file-id');
                if (!confirm(studiouWcfpp.i18n.confirmDeleteSingle)) {
                    return;
                }

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_delete_files',
                        nonce: studiouWcfpp.nonce,
                        file_ids: [fileId]
                    },
                    success: function (response) {
                        if (response.success) {
                            $('tr[data-file-id="' + fileId + '"]').fadeOut(300, function () {
                                $(this).remove();
                            });
                            showAdminNotice(response.data.message, 'success');
                        } else {
                            showAdminNotice(response.data ? response.data.message : studiouWcfpp.i18n.error, 'error');
                        }
                    },
                    error: function () {
                        showAdminNotice(studiouWcfpp.i18n.error, 'error');
                    }
                });
            });

            // Bulk action apply
            $('#studiou-fpp-bulk-apply').on('click', function () {
                var action = $('#studiou-fpp-bulk-action').val();
                if (!action) {
                    return;
                }

                var fileIds = getSelectedFileIds();
                if (fileIds.length === 0) {
                    showAdminNotice(studiouWcfpp.i18n.noFilesSelected, 'error');
                    return;
                }

                var confirmMsg = '';
                if (action === 'delete') {
                    confirmMsg = studiouWcfpp.i18n.confirmDelete;
                } else if (action === 'download_zip') {
                    confirmMsg = studiouWcfpp.i18n.confirmDownloadZip;
                } else if (action.startsWith('status_')) {
                    confirmMsg = studiouWcfpp.i18n.confirmStatusChange;
                }

                if (confirmMsg && !confirm(confirmMsg)) {
                    return;
                }

                if (action === 'download_zip') {
                    bulkDownloadZip(fileIds);
                } else if (action === 'delete') {
                    bulkDelete(fileIds);
                } else if (action.startsWith('status_')) {
                    var status = action.replace('status_', '');
                    bulkUpdateStatus(fileIds, status);
                }
            });

            function getSelectedFileIds() {
                var ids = [];
                $('.studiou-fpp-file-cb:checked').each(function () {
                    ids.push($(this).val());
                });
                return ids;
            }

            function bulkDownloadZip(fileIds) {
                showBulkSpinner(true);
                showAdminNotice(studiouWcfpp.i18n.generatingZip, 'info');

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_download_zip',
                        nonce: studiouWcfpp.nonce,
                        file_ids: fileIds
                    },
                    success: function (response) {
                        if (response.success) {
                            // Trigger download
                            window.location.href = response.data.download_url;
                            showAdminNotice(
                                response.data.file_count + ' file(s) in archive.',
                                'success'
                            );
                        } else {
                            showAdminNotice(response.data ? response.data.message : studiouWcfpp.i18n.error, 'error');
                        }
                    },
                    error: function () {
                        showAdminNotice(studiouWcfpp.i18n.error, 'error');
                    },
                    complete: function () {
                        showBulkSpinner(false);
                    }
                });
            }

            function bulkDelete(fileIds) {
                showBulkSpinner(true);

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_delete_files',
                        nonce: studiouWcfpp.nonce,
                        file_ids: fileIds
                    },
                    success: function (response) {
                        if (response.success) {
                            fileIds.forEach(function (id) {
                                $('tr[data-file-id="' + id + '"]').fadeOut(300, function () {
                                    $(this).remove();
                                });
                            });
                            showAdminNotice(response.data.message, 'success');
                        } else {
                            showAdminNotice(response.data ? response.data.message : studiouWcfpp.i18n.error, 'error');
                        }
                    },
                    error: function () {
                        showAdminNotice(studiouWcfpp.i18n.error, 'error');
                    },
                    complete: function () {
                        showBulkSpinner(false);
                    }
                });
            }

            function bulkUpdateStatus(fileIds, status) {
                showBulkSpinner(true);

                $.ajax({
                    url: studiouWcfpp.ajaxUrl,
                    type: 'POST',
                    data: {
                        action: 'studiou_wcfpp_bulk_status',
                        nonce: studiouWcfpp.nonce,
                        file_ids: fileIds,
                        status: status
                    },
                    success: function (response) {
                        if (response.success) {
                            // Update dropdowns
                            fileIds.forEach(function (id) {
                                $('tr[data-file-id="' + id + '"] .studiou-fpp-status-select').val(status);
                            });
                            showAdminNotice(response.data.message, 'success');
                        } else {
                            showAdminNotice(response.data ? response.data.message : studiouWcfpp.i18n.error, 'error');
                        }
                    },
                    error: function () {
                        showAdminNotice(studiouWcfpp.i18n.error, 'error');
                    },
                    complete: function () {
                        showBulkSpinner(false);
                    }
                });
            }

            function showBulkSpinner(show) {
                $('#studiou-fpp-bulk-spinner').css('visibility', show ? 'visible' : 'hidden');
            }

            function showAdminNotice(message, type) {
                var cls = 'notice-' + (type === 'error' ? 'error' : (type === 'info' ? 'info' : 'success'));
                $noticeArea.html(
                    '<div class="notice ' + cls + ' is-dismissible"><p>' + escHtml(message) + '</p>' +
                    '<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss</span></button></div>'
                );
                $noticeArea.find('.notice-dismiss').on('click', function () {
                    $(this).closest('.notice').fadeOut(200, function () { $(this).remove(); });
                });
            }
        }

        function escHtml(str) {
            var div = document.createElement('div');
            div.appendChild(document.createTextNode(str));
            return div.innerHTML;
        }
    });
})(jQuery);