120 lines
6.0 KiB
HTML
120 lines
6.0 KiB
HTML
{% 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' %}
|