shekil_oct/themes/dagdan/partials/scripts/getByBrand.htm

{% put scripts %}

<script>
    //getCat('{{query}}', '{{catId}}');
    getVendor('{{brandId}}');
    getBrandProducts('{{brandId}}');
    $('#pagination').hide();
    // console.log("qqq");
    function getBrandProducts(brandId) {
        $(document).ready(function () {
            $.ajax({
                url: `http://216.250.11.229/app/api/vendor/products/`+ brandId,
                type: 'GET',
                dataType: 'json',
                beforeSend: function () {
                    $('#products_{{id}}').html("");
                    $('#products_list_{{id}}').html("");
                    $('#pagination_numbers').html("");
                    $('#detail_screen').hide();
                    $('#products_{{id}}').hide();
                    $('#loader_{{id}}').show();
                },
                success: function (data, textStatus, xhr) {
                    $('#detail_screen').show();
                    $('#loader_{{id}}').hide();
                    $('#products_{{id}}').show();
                    $('#show_title').html(`<span>{{'all'|_}}` + data.meta.total + `, {{'per.page'|_}} ` + data.meta.to + `</span>`);

                    if (data.meta.total > 8) {
                        $('#pagination').show();
                    }
                    // console.log(data.data);

                    var products = data.data;
                    for (var product of products) {
                        // console.log(product.name);
                        $('#products_{{id}}').append(`{% partial 'product/category-card'  url="/product/`+product.id+`" name="` + product.name+`" price="`+ product.formatted_price +`" category="`+ product.shop_title +`" img="`+product.images[0].original_image_url+`"  product_id="`+ product.id +`"  %}`);

$('#products_list_{{id}}').append(`{% partial 'product/category-list' url="/product/`+product.id+`" id='cat' status='aksiýa' name="`+ product.name +`" price="`+ product.formatted_price +`" category="`+ product.shop_title +`" img="`+product.images[0].original_image_url+`" desc="`+ product.short_description +`"  product_id="`+ product.id +`" %}`);
                    }

                    var pagination = data.meta;


                    $('#pagination_numbers').append(
                        (pagination.current_page != 1 ?
                        `<li><a href="javascript:;" onClick="getCatProducts(` + `'{{query}}'` + `,` + `'{{limit}}'` + `,` + `'{{catId}}'` + `,` + pagination.links[1].label + `)"><i class="far fa-angle-left"></i></a></li>`
                        :
                        `<li><a href="javascript:;"><i class="far fa-angle-left"></i></a></li>`
                        )
                    );
                    // for (var paginate of pagination.links) {
                    for (var i = 0; i < pagination.links.length; i++) {
                        if (i != 0 && i != pagination.links.length-1) {
                        $('#pagination_numbers').append(
                            `<li` + (pagination.links[i].active ? ` class="active" ` : ``) + `><a href="javascript:;" onClick="getCatProducts(` + `'{{query}}'` + `,` + `'{{limit}}'` + `,` + `'{{catId}}'` + `,` + pagination.links[i].label + `)">` + pagination.links[i].label + `</a></li>`
                        );
                        }
                    }

                    $('#pagination_numbers').append(
                        (pagination.current_page != pagination.last_page ?
                        `<li><a href="javascript:;" onClick="getCatProducts(` + `'{{query}}'` + `,` + `'{{limit}}'` + `,` + `'{{catId}}'` + `,` + (pagination.current_page + 1) + `)"><i class="far fa-angle-right"></i></a></li>`
                        :
                        `<li><a href="javascript:;"><i class="far fa-angle-right"></i></a></li>`
                        )
                    );

                    // $('#pagination_numbers').append(
                    //     `<li` + (pagination.current_page == (pagination.from - pagination.per_page) ? ` class="active" ` : ``) + `><a href="javascript:;" onClick="getCatProducts(` + `'{{query}}'` + `,` + `'{{limit}}'` + `,` + `'{{catId}}'` + `, '2')">` + (pagination.from - pagination.per_page) + `</a></li>`
                    //     // <li><a href="javascript:;" id="pagination_prev"><i class="icon-arrow-right"></i></a></li>
                    // );


                },
                error: function (xhr, textStatus, errorThrown) {
                    console.log('Error in Operation');
                }
            });
        });
    }

    function getVendor(vendorId) {
        $(document).ready(function () {
            $.ajax({
                url: `http://216.250.11.229/app/api/vendor/` + vendorId,
                type: 'GET',
                dataType: 'json',
                beforeSend: function () {
                    $('#products_{{id}}').hide();
                    $('#loader_{{id}}').show();
                },
                success: function (data, textStatus, xhr) {
                    $('#loader_{{id}}').hide(500);
                    $('#products_{{id}}').show(500);

                    $('#brand_name').html(data.data.shop_title);
                    $('#vendor_name').html(data.data.shop_title);
                    $('#shipping_price').html(`{{'ship.price'|_}}` + data.data.ship_price + ` TMT`);
                    $('#shipping_time').html(`{{'ship.time'|_}}` + data.data.ship_time + ` min`);
                    $('#logo_vendor').html(`<img src="`+data.data.logo+`" style="wisth: 100%;" />`);

                    console.log(data.data.categories[0].name);
                    for (var i = 0; i < data.data.categories.length; i++) {
                        $('#vendorCategories').append(`<li><a href="/category/`+data.data.categories[i].id+`">`+ data.data.categories[i].name +`</a></li>`);
                    }

                },
                error: function (xhr, textStatus, errorThrown) {
                    console.log('Error in Operation');
                }
            });
        });
    }
</script>
{% endput %}

{%partial 'scripts/setModal' %}
{%partial 'scripts/prodCard' %}