templates/frontend/index/js/shopping-cart.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.     function refreshShoppingCart() {
  3.         $.ajax({
  4.             url : '{{ path('app_frontend_cart_shopping_cart') }}',
  5.             method: "GET",
  6.             success: function (data) {
  7.                 let $shoppingCart = $('#shopping-cart');
  9.                 $.each(data.areas, function(index, area) {
  10.                     let template = getShoppingCartItem(area);
  12.                     $shoppingCart.find('.product-area').append(template);
  13.                 });
  15.                 refreshCartTotalAndItemCount();
  16.             }
  17.         });
  18.     }
  20.     function refreshCartTotalAndItemCount() {
  21.         $.ajax({
  22.             url : '{{ path('app_frontend_cart_refresh-cart-total-and-item-count') }}',
  23.             method: "GET",
  24.             success: function (data) {
  25.                 let $shoppingCart = $('#shopping-cart');
  26.                 let $itemsInCart = $('#itemsInCart');
  28.                 $shoppingCart.find('.total-price >.price').text(data.cartTotal);
  29.                 $shoppingCart.find('.cart-heading').find('.count-cart-item').text(data.areaCount);
  30.                 $itemsInCart.text(data.areaCount);
  32.                 toggleToCartBtn(data.areaCount);
  33.             }
  34.         });
  35.     }
  37.     function toggleToCartBtn(elementCount) {
  38.         let $toCartBtn = $('#to-cart-btn');
  40.         if (elementCount > 0) {
  41.             $toCartBtn.removeClass('disabled');
  42.         }
  44.         if (elementCount === 0) {
  45.             $toCartBtn.addClass('disabled');
  46.         }
  47.     }
  49.     function getShoppingCartItem(area) {
  50.         let template = `<div class="product-item" data-uuid="`+area.uuid+`">
  51.         <div class="product-detail">
  52.             <div class="item-wrapper">
  53.                 <span class="product-name">`+area.name+`</span>
  54.                 <div class="item-wrapper">
  55.                     <span class="product-variation">
  56.                         <span><strong>{{ 'app.measurements'|trans }}</strong>: <span class="width">`+area.width+`</span> x <span class="height">`+area.height+`</span> mm</span><br>
  57.                         <span><strong>{{ 'app.contractDuration'|trans }}</strong>: <span class="minDuration">`+area.minDuration+`</span> {{ 'app.months'|trans }}</span><br>
  58.                         <span><strong>{{ 'app.unitPricePerYear'|trans }}</strong>: <span class="pricePerYear">`+area.pricePerYear+`</span> {{ 'app.currency_sign'|trans }}</span>`
  60.         if (area.withinSetup) {
  61.             template+= `<br><span><strong>{{ 'app.productionAndSetup'|trans }}</strong>: <span class="setupPrice">`+area.setupPrice+`</span> {{ 'app.currency_sign'|trans }}</span>`;
  62.         }
  64.         template+= `</span>
  65.                         </div>
  66.                             <div class="item-wrapper">
  67.                                 <span class="product-price">
  68.                                     <span class="pricePerPeriod">`+area.pricePerPeriod+`</span> {{ 'app.currency_sign'|trans }}
  69.                                 </span>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.                 <div class="cart-edit">
  74.                     <div class="item-wrapper d-flex mr--5 align-items-center">
  75.                         <button type="button" class="delete-cart removeFromCartButton" data-uuid-area="`+area.uuid+`">
  76.                             <i class="fal fa-trash"></i>
  77.                         </button>
  78.                     </div>
  79.                 </div>
  80.             </div>`;
  82.         return template;
  83.     }
  85. </script>