1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / cdcdhaka.org / resources / js / backend /
Filename : category.js
back
(function ($) {

    const categoryModal = $("#categoryModal");

    function createModalShow(data, title = "Create") {
        categoryModal.modal("show");
        categoryModal.find(".modal-title").html(title);
        categoryModal.find(".modal-body").html(data);
    }

    function createModalHide() {
        categoryModal.modal("hide");
        categoryModal.find(".modal-title").html("Create");
        categoryModal.find(".modal-body").html("");
    }

    // ============= popup form events start ========= //

    const body = $("body");
    const base_url = $("#base_url").val();


    body.on("click", ".subsubcategories", function (event) {
        event.preventDefault();
        axios
            .post(`${base_url}/admin/product/add-subsubcategories`)
            .then((response) => {
                let resData = response.data;
                if (resData.view) {
                    createModalShow(resData.view, "Create Subsubcategory");
                }
            });
    });
    body.on("click", ".subcategories", function (event) {
        event.preventDefault();
        axios.post(`${base_url}/admin/product/add-subcategories`).then((response) => {
            let resData = response.data;
            if (resData.view) {
                createModalShow(resData.view, "Create Subcategory");
            }
        });
    });
    body.on("click", ".categories", function (event) {
        event.preventDefault();
        axios.post(`${base_url}/admin/product/add-categories`)
            .then((response) => {
                let resData = response.data;
                if (resData?.view) {
                    createModalShow(resData.view, "Create Category");
                }
            });
    });


    // ============= form submit events end ========= //

    function catsCollection() {
        // let raw_cats = $("#raw_taxonomies").text();
        let raw_cats = window.localStorage.getItem('raw_taxonomies');
        raw_cats = raw_cats ? JSON.parse(raw_cats) : [];
        const parents = raw_cats.filter(item => item.parent_id === null);
        const notParent = raw_cats?.filter(raw_item => raw_item.parent_id !== null);

        let raw_selected = $("#raw_selected").text();
        raw_selected = raw_selected ? JSON.parse(raw_selected) : [];

        return {
            parents,
            notParent,
            raw_selected
        }
    }

    function makeOptions(categories) {
        const collect = catsCollection();
        let selected = collect?.raw_selected || [];
        let option = '';
        categories.forEach((item) => {
            const hasData = selected.find(find => find.id === item.id);
            option += `<option ${hasData ? 'selected="selected"' : ''} value="${item.id}">${item.name}</option>`;
        });
        return option;
    }

    function updateChosenOption() {
        $('.chosen-select').trigger('chosen:updated');
    }


    function loadDefault() {
        const collect = catsCollection();
        const parents = collect?.parents || [];
        const option = makeOptions(parents);
        $("#categories").html(option);
        $("#subcategories").html('');
        updateChosenOption();
    }

    function loadingTaxonomies() {
        axios
            .get(`${base_url}/admin/product/all-category`)
            .then((response) => {
                let resData = response.data;
                if (resData?.results?.length > 0) {
                    window.localStorage.setItem('raw_taxonomies', JSON.stringify(resData.results))
                }
            })
            .catch((error) => {
                console.log(error);
            })
            .then(() => {
                loadDefault();
            })
    }

    loadingTaxonomies();

    $(document).on("submit", "#SubsubcategoryForm", function (event) {
        event.preventDefault();
        const formType = $(this).find("input[name=type]").val();
        axios
            .post(`${base_url}/admin/product/subsubcategories-store`, $(this).serialize())
            .then((response) => {
                let resData = response.data;
                if (resData?.results?.length > 0) {
                    window.localStorage.setItem('raw_taxonomies', JSON.stringify(resData.results))
                    // $("#raw_taxonomies").text(JSON.stringify(resData.results));
                }
            })
            .catch((error) => {
                console.log(error);
            })
            .then(() => {
                if (!formType) {
                    setTimeout(() => {
                        loadDefault();
                    }, 800);
                } else if (formType === 'subsubcategory') {
                    setTimeout(() => {
                        $("#subcategories").trigger("change");
                    }, 800);
                } else if (formType === 'subcategory') {
                    setTimeout(() => {
                        $("#categories").trigger("change");
                    }, 800);
                }
                createModalHide();
            });
    });

    setTimeout(() => {
        $("#categories").trigger("change");
        $("#subcategories").trigger("change");
    }, 800);

    function filterChildrenCats(values) {
        const cat_collect = catsCollection();
        const notParent = cat_collect?.notParent || [];
        let newValues = values?.length > 0 ? values.map((val) => parseInt(val)) : [];
        return notParent.filter(item => {
            let parent_id = item.parent_id ? parseInt(item.parent_id) : 0;
            return newValues.includes(parent_id);
        });
    }

    $(document).on("change", "#categories", function () {
        let values = $(this).val();
        console.log({categories: values});
        const subcategory = filterChildrenCats(values);
        const option = makeOptions(subcategory);
        $("#subcategories").html(option);
        $("#subsubcategories").html('');
        updateChosenOption();
    });

    $(document).on("change", "#subcategories", function () {
        let values = $(this).val();
        console.log({subcategories: values});
        const subcategory = filterChildrenCats(values);
        const option = makeOptions(subcategory);
        $("#subsubcategories").html(option);
        updateChosenOption();
    });

    $(document).on("change", "#taxonomy_id", function () {
        let value = $(this).val();
        const collect = catsCollection();
        const children = collect?.notParent;
        if (value) {
            const categories = children.filter(child => parseInt(child.parent_id) === parseInt(value));
            const option = makeOptions(categories);
            categoryModal.find("#parent_id").html(option);
        }
    });


})(jQuery);