Panel/themes/AdminLTE/modules/simple-billing/shop.js
2025-09-11 13:29:15 -04:00

68 lines
No EOL
2.4 KiB
JavaScript

$(document).ready(function()
{
$('.main [href="?m=simple-billing&p=cart"]').addClass('btn btn-sm btn-primary').prepend('<i class="fa fa-shopping-cart" aria-hidden="true"></i>');
$('.main > table').addClass('mb-2');
$('.main').append('<div class="shop-items d-flex flex-wrap"></div>');
if($('form[action^="?m=simple-billing&p=add_to_cart"]').length==0)
{
$('.main > div:not(.shop-items) > div').each(function()
{
if($(this).find('[type="image"]').length > 0)
{
var serviceImage = $(this).find('[type="image"]');
}else
{
var serviceImage = $(this).find('img');
}
var serviceId = $(this).find('[name="service_id"]').val();
var serviceTitle = $(this).find('center').first().text();
var serviceCost = $(this).find('center').last().find('em').html();
var serviceImageSrc = $(serviceImage).attr('src');
var serviceImageAlt = $(serviceImage).attr('alt');
var serviceImageVal = $(serviceImage).val();
var newItem = '\
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">\
<form action="" method="POST">\
<input name="service_id" type="hidden" value="'+serviceId+'" class="form-control">\
<div class="card card-widget widget-user shadow shop-item">\
<div class="widget-user-header bg-secondary">\
<h3 class="widget-user-username">'+serviceTitle+'</h3>\
</div>\
<div class="widget-user-image">\
<img class="elevation-2" src="'+serviceImageSrc+'" alt="'+serviceImageAlt+'">\
</div>\
<div class="card-footer">\
<div class="d-flex justify-content-around flex-row flex-wrap">\
<div class="description-block d-inline-block mx-2">\
<h5 class="description-header">'+langConsts['OGP_LANG_starting_on']+'</h5>\
<span class="description-text">'+serviceCost.split(' ')[2]+'</span>\
</div>\
<div class="description-block d-inline-block mx-2">\
<h5 class="description-header">'+serviceCost.split('(')[1].split(')')[0].split(' ')[0]+'</h5>\
<span class="description-text">'+serviceCost.split('(')[1].split(')')[0].split(' ')[1]+'</span>\
</div>\
</div>\
</div>\
</div>\
</form>\
</div>\
';
$('.main .shop-items').append(newItem);
});
$('.main > div:not(.shop-items)').remove();
}
});
$(window).load(function()
{
$('.shop-items form').click(function()
{
$(this).submit();
});
});