Subversion Repositories SmartDukaan

function initializeSelect(selector, type='catalogs') {

    if (type === 'catalogs') {

        $(selector).multiselect({

            includeSelectAllOption: false,

            multiple: false,

            maxHeight: 200,

            buttonWidth: '100%',

            numberDisplayed: 1,

            nonSelectedText: '-- Select One --',

            nSelectedText: ' - Selected',

            enableFiltering: true,

            enableCaseInsensitiveFiltering: true

        });

    } else {

        $(selector).select2({

            placeholder: "Select or add new",

            tags: true,

            createTag: params => ({ id: params.term, text: params.term, newOption: true }),

            templateResult: data => data.newOption ? $('<span class="new-option">Add: ' + data.text + '</span>') : data.text,

        });

    }

}

function validateRequiredFields(fields) {

    let isValid = true;

    fields.each(function () {

        if (!$(this).val()) {

            isValid = false;

            $(this).addClass('is-invalid');

        } else {

            $(this).removeClass('is-invalid');

        }

    });

    return isValid;

}

function loadCatalogOptions(brandId, targetElement, type = 'catalogs') {

    $.get(`/super-catalog/brand/${brandId}`, function (response) {

        let options = `<option value="">-- Select --</option>`;

        if (type === 'catalogs'){

            response.catalogs.forEach(row => { options += `<option value="${row.id}">${row.description}</option>`; });

        } else {

            response.superCatalogs.forEach(row => { options += `<option value="${row.id}">${row.superCatalogName}</option>`; });

        }

        $(targetElement).html(options);

        initializeSelect(targetElement, type);

    }).fail(() => {

        alert("Error: Unable to load catalogs for the selected brand.");

    });

}

$(document).on('click', ".super-catalog-list", function () {

    const freshTr = `

            <tr>

                <td>

                    <div class="form-group">

                        <select id="catalog_id" class="form-control"></select>

                    </div>

                </td>

                <td>

                    <div class="form-group">

                        <input id="variant_name" class="form-control" placeholder="Variant Name">

                        <input id="mapping_id" type="hidden" value="0">

                    </div>

                </td>

                <td>

                    <button class="btn btn-danger removeExisting"><i class="fa fa-minus"></i></button>

                </td>

            </tr>`;

    doGetAjaxRequestHandler(context + "/super-catalog",

        (response) => {

            $('#main-content').html(response);

            // Initialize multiSelect

            initializeSelect('#brand_id');

            // Add new catalog mapping row

            $('#manageSuperCatalogModal').on('click', '.addNew', function () {

                const brandId = $('#brand_id').val();

                if (brandId) {

                    $('#catalogMappingTable tbody').append(freshTr);

                    const lastRow = $('#catalogMappingTable tbody tr:last');

                    loadCatalogOptions(brandId, lastRow.find('#catalog_id'));

                } else {

                    alert("Please select a brand first.");

                }

            });

            // Remove catalog mapping row

            $('#manageSuperCatalogModal').on('click', '.removeExisting', function () {

                if (confirm("Are you sure you want to remove this row?")) {

                    $(this).closest('tr').remove();

                }

            });

            // Save super catalog

            $('.save_super_model').on('click', function () {

                const requiredFields = $('#brand_id, #super_catalog_name');

                if (!validateRequiredFields(requiredFields)) {

                    alert('Please fill all required fields.');

                    return;

                }

                alert('Super Catalog saved successfully!');

            });

            $('#super-catalog').on('click', '.view-super-catalog', function (ev) {

                ev.preventDefault();

                let superCatalogId = $(this).parent().parent('tr').data('id');

                doGetAjaxRequestHandler(context + "/super-catalog/"+superCatalogId,(response) => {

                    $('#manageSuperCatalogModalBody').empty();

                    $('#manageSuperCatalogModalBody').html(response);

                    initializeSelect('.selectOrCreate', 'superCatalog');

                    initializeSelect('#catalog_id, #brand_id');

                    $('#manageSuperCatalogModal').modal('show');

                });

            });

            // Initialize DataTable

            $('#super-catalog').DataTable();

        });

});

$(document).on('click', ".save_super_model", function () {

    let mappingArr = [];

    $('#catalogMapping').find('tr').each(function () {

        const catalogId = $(this).find('select#catalog_id').val();

        const variantName = $(this).find('input#variant_name').val();

        const mappingId = $(this).find('input#mapping_id').val();

        if (catalogId > 0) {

            mappingArr.push({

                catalogId: catalogId,

                variantName: variantName,

                superCatalogId: parseInt($('#super_catalog_name').val()) || null,

                id: mappingId

            })

        }

    });

    const params = {

        id: mappingArr.length ? mappingArr[0].id : 0,

        brandId: parseInt($('#brand_id').val()),

        mappingArr: mappingArr,

        superCatalogName: parseInt($('#super_catalog_name').val()) || $('#super_catalog_name').val(),

    };

    console.log('params',params);

    if (!params.brandId || mappingArr.length === 0 || !params.superCatalogName){

        alert("Please fill all details"); return;

    }

    doAjaxRequestWithJsonHandler(context + "/super-catalog", "POST", JSON.stringify(params), (response) => {

        if (response) {

            $('.super-catalog-list').trigger('click');

            $('#manageSuperCatalogModal').modal('hide');

            alert("Saved successfully");

        } else {

            alert("Something went wrong!");

        }

    });

});

$(document).on('click', ".delete-super-catalog-mapping", function() {

    const id = parseInt($(this).closest('td').data('id')) || 0;

    console.log("id",id);

    if (confirm("Are you sure you want to delete this record")) {

        if (id > 0) {

            doDeleteAjaxRequestHandler(context + "/super-catalog/" + id, (response) => {

                if (response) {

                    $(this).parent('td').closest('tr').remove();

                    $('.super-catalog-list').trigger('click');

                    alert("Deleted successfully");

                } else {

                    alert("Something went wrong!");

                }

            });

        } else {

            $(this).parent('td').closest('tr').remove();

        }

    }

});

$(document).on('change', "#brand_id", function() {

    loadCatalogOptions($(this).val(), 'select#super_catalog_name', 'superCatalogs');

});