src/IlaveU/FrontBundle/Themes/IlaveU/templates/_javascripts.html.twig line 1

  1.         
  2.         {{ encore_entry_script_tags('frontend') }}
  3.         <!-- jQuery-V1.12.4 -->
  4.         <script src="{{asset('themes/ilaveu/js/vendor/jquery-1.12.4.min.js')}}"></script>
  5.         <!-- Popper js -->
  6.         <script src="{{asset('themes/ilaveu/js/vendor/popper.min.js')}}"></script>
  7.         <!-- Bootstrap V4.1.3 Fremwork js -->
  8.         <script src="{{asset('themes/ilaveu/js/bootstrap.min.js')}}"></script>
  9.         <!-- Ajax Mail js -->
  10.         <script src="{{asset('themes/ilaveu/js/ajax-mail.js')}}"></script>
  11.         <!-- Meanmenu js -->
  12.         <script src="{{asset('themes/ilaveu/js/jquery.meanmenu.min.js')}}"></script>
  13.         <!-- Wow.min js -->
  14.         <script src="{{asset('themes/ilaveu/js/wow.min.js')}}"></script>
  15.         <!-- Slick Carousel js -->
  16.         <script src="{{asset('themes/ilaveu/js/slick.min.js')}}"></script>
  17.         <!-- Owl Carousel-2 js -->
  18.         <script src="{{asset('themes/ilaveu/js/owl.carousel.min.js')}}"></script>
  19.         <!-- Magnific popup js -->
  20.         <script src="{{asset('themes/ilaveu/js/jquery.magnific-popup.min.js')}}"></script>
  21.         <!-- Isotope js -->
  22.         <script src="{{asset('themes/ilaveu/js/isotope.pkgd.min.js')}}"></script>
  23.         <!-- Imagesloaded js -->
  24.         <script src="{{asset('themes/ilaveu/js/imagesloaded.pkgd.min.js')}}"></script>
  25.         <!-- Mixitup js -->
  26.         <script src="{{asset('themes/ilaveu/js/jquery.mixitup.min.js')}}"></script>
  27.         <!-- Countdown -->
  28.         <script src="{{asset('themes/ilaveu/js/jquery.countdown.min.js')}}"></script>
  29.         <!-- Counterup -->
  30.         <script src="{{asset('themes/ilaveu/js/jquery.counterup.min.js')}}"></script>
  31.         <!-- Waypoints -->
  32.         <script src="{{asset('themes/ilaveu/js/waypoints.min.js')}}"></script>
  33.         <!-- Barrating -->
  34.         <script src="{{asset('themes/ilaveu/js/jquery.barrating.min.js')}}"></script>
  35.         <!-- Jquery-ui -->
  36.         <script src="{{asset('themes/ilaveu/js/jquery-ui.min.js')}}"></script>
  37.         <!-- Venobox -->
  38.         <script src="{{asset('themes/ilaveu/js/venobox.min.js')}}"></script>
  39.         <!-- Nice Select js -->
  40.         <script src="{{asset('themes/ilaveu/js/jquery.nice-select.min.js')}}"></script>
  41.         
  43.         <script src="{{asset('themes/ilaveu/js/price-range/price_range_script.js')}}" type="text/javascript"></script>
  45.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  46.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
  48.         <!-- LocalStorage cart -->
  50.         <script src="{{asset('ilave/js/cart-localstorage.js')}}" defer></script>
  51.         <!-- Main/Activator js -->
  54.    
  55.     
  56.     <script async src="{{asset('themes/ilaveu/laundry/js/bundle.js')}}"></script>
  58.         <script src="{{asset('themes/ilaveu/js/main.js')}}"></script>
  63.         <script>
  66.             document.addEventListener("turbo:load",function(){
  68.             
  69.             $(document).ready(function(){
  71.                 
  74.                             $(".sidebar-categores-box input[type='checkbox']").change(function(){
  75.                                 $(".form-filter-sidebar").submit();
  76.                             });
  78.                             $.extend($.validator.messages, {
  79.                                 required: "Ce champs est obligatoire",
  80.                             });
  81.                            
  87.                 //$("a").not(".menu-item a,.li-product-menu a").attr("href","#");// Disable Links temporary
  91.                
  93.             });
  95.             });
  96.         </script>
  102. <script>
  106.     var total= 0;
  107.     var difference= 0;
  108.     var amount=0;
  109.     var reduction=0;
  110.     var reductionCoupon=0;
  111.     var cash = 0;
  112.     var shippingFees = 0;
  113.     var shippingTips = 0
  114.     var walletPayment = 0;
  115. document.addEventListener("turbo:load",function(){
  116. $(document).ready(function(){
  118.     
  119.     difference= cartLS.total()+ shippingFees + shippingTips;
  120.     total= cartLS.total();
  123. function renderCart(items) {
  126.       const $cart = document.querySelector(".cart")
  127.       const $total = document.querySelector(".total")
  130.         const $cartCheckout = document.querySelector(".cart-checkout")
  131.         const $totalCheckout = document.querySelector(" .total-checkout")
  133.         const $cartDevis = document.querySelector(".cart-devis")
  134.         const $totalDevis = document.querySelector(" .total-devis")
  137.                                             
  139.     const $miniCart = document.querySelector(".minicart-product-list");
  140.     const $miniCartTotal = document.querySelector(".minicart-total span");
  141.     const $singleProductArea = document.querySelector(".single-product-area");
  143.         
  144.         
  145.             var prefixUrl = "{{settings.get.rootUrl}}";
  147.   $miniCart.innerHTML = items.map((item) => `
  150.                                                         <li data-id="${item.id}">
  151.                                                         <a href="${item.url}" class="minicart-product-image">
  152.                                                             <img src="${item.image}" alt="cart products">
  153.                                                         </a>
  154.                                                         <div class="minicart-product-details">
  155.                                                             <h6><a href="#">${item.name}</a></h6>
  156.                                                             <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  decrease-quantite-to-cart"
  157.             ><i class="fas fa-minus"></i></button>
  158.                                                             <span class="pl-3 pr-3" > ${item.quantity} x ${item.price} MAD</span>
  160.                                                             
  161.           
  162.         
  163.         
  164.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  increase-quantite-to-cart"
  165.             ><i class="fas fa-plus"></i></button>
  166.         
  167.                                                         </div>
  168.                                                         <button data-id="${item.id}" class="close delete-product-from-cart " title="Supprimer">
  169.                                                             <i class="fa fa-close"></i>
  170.                                                         </button>
  171.                                                     </li>
  172. `).join("");
  174.   $miniCartTotal.innerHTML =  cartLS.total() + " MAD";
  177. /*
  179.   const $cart = document.querySelector(".cart")
  180.   const $total = document.querySelector(".total")
  182.   $cart.innerHTML = items.map((item) => `
  183.       <tr data-id="${item.id}">
  184.         <td>${item.name}</td>
  185.         <td style="width: 60px;"> 
  186.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  decrease-quantite-to-cart"
  187.             ><i class="fas fa-minus"></i></button>
  188.         </td>
  189.         <td style="width: 60px;"> 
  190.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  increase-quantite-to-cart"
  191.             ><i class="fas fa-plus"></i></button>
  192.         </td>
  193.         <td style="white-space:nowrap;" class="text-right">${item.quantity} x ${item.price} MAD</td>
  194.         <td  class="text-right">${item.price * item.quantity}  MAD</td>
  195.         <td class="text-right"><Button data-id="${item.id}" class="btn btn-danger  delete-product-from-cart" ><i class="fas fa-trash-alt"></i></Button></td>
  196.       </tr>`).join("");
  198.   $total.innerHTML =  cartLS.total() + "MAD";
  201. */
  205. if($cart){
  206.  $cart.innerHTML = items.map((item) => `
  207.                                             <tr data-id="${item.id}" >
  208.                                                 <td data-id="${item.id}" class="li-product-remove delete-product-from-cart"><a onclick="return false;" href="#">x</a></td>
  209.                                                 <td class="li-product-thumbnail"><img height="50" src="../../${item.image}" alt="${item.name}"></td>
  210.                                                 <td class="li-product-name">${item.name}</td>
  211.                                                 <td class="li-product-price"><span class="amount">MAD ${item.price}</span></td>
  212.                                                 <td class="quantity">
  213.                                                     <label>Quantité</label>
  214.                                                     <div class="cart-plus-minus">
  215.                                                         <input readonly class="cart-plus-minus-box" value="${item.quantity}" type="text">
  216.                                                         <div data-id="${item.id}" class="dec qtybutton decrease-quantite-to-cart"><i class="fa fa-angle-down"></i></div>
  217.                                                         <div data-id="${item.id}" class="inc qtybutton increase-quantite-to-cart"><i class="fa fa-angle-up"></i></div>
  218.                                                     </div>
  219.                                                 </td>
  220.                                                 <td class="product-subtotal"><span class="amount">MAD ${item.price * item.quantity}</span></td>
  221.                                             </tr>
  222. `).join("");
  223. $total.innerHTML =  cartLS.total() + "MAD";
  226. }
  228. if($cartDevis){
  229.  $cartDevis.innerHTML = items.map((item) => `
  231.   <tr>
  232.                             <td data-id="${item.id}" class="no">${item.id}</td>
  233.                             <td class="text-left">
  234.                             <p>
  235.                                ${item.name}
  236.                             </p>
  237.                             </td>
  238.                             <td class="unit"> ${item.price} MAD</td>
  239.                             <td class="qty">${item.quantity} </td>
  240.                             <td class="total">${item.price * item.quantity} MAD</td>
  241.                         </tr>
  242.                                            
  243. `).join("");
  244. $totalDevis.innerHTML =  cartLS.total() + "MAD";
  247. }
  250. if($cartCheckout){
  251.  $cartCheckout.innerHTML = items.map((item) => `
  252.                                               <tr class="cart_item">
  253.                                               <td class="cart-product-name"> ${item.name}<strong class="product-quantity"> × ${item.quantity}</strong></td>
  254.                                               <td class="cart-product-total"><span class="amount">${item.price * item.quantity} MAD</span></td>  
  255.                                             </tr>
  256. `).join("");
  257. $totalCheckout.innerHTML =  cartLS.total() + "MAD";
  260. }
  264.  $(".hm-minicart-trigger .item-text span").text(cartLS.total() + " MAD");
  265.  $(".total-checkout").text(cartLS.total() + " MAD");
  266. $(".hm-minicart .cart-item-count").text(cartLS.list().length);
  267.   
  269.                                             
  272. }
  273. renderCart(cartLS.list());
  276. cartLS.onChange(renderCart);
  279. $(".add-product-to-cart").click(function(){
  281. var id = "p-"+$(this).attr("data-id");
  282. var idProduct = $(this).attr("data-id");
  283. var name = $(this).attr("data-name");
  284. var price = $(this).attr("data-price");
  285. var image = $(this).attr("data-image");
  286. var productType = $(this).attr("data-product-type");
  287. var url = $(this).attr("data-url");
  288. var attributes = $(this).attr("data-attribute");
  289. var quantity = 1;
  294. if(attributes == "true"){
  296.     var quantityAttribut = $($(this).attr("data-container-id")).find("input[name='quantity-attribut']").val();
  297.     var dimensionAttribut = $($(this).attr("data-container-id")).find("input[name='dimension-attribut']").val();
  298.     var pricePerAttribut = $($(this).attr("data-container-id")).find("select[name='attribute-option-price'] option:selected").val();
  299.     
  300.     
  301.     var attributName = $($(this).attr("data-container-id")).find("select[name='attribute-option-price'] option:selected").text();
  303.     price = (parseFloat(pricePerAttribut) * parseFloat(dimensionAttribut) );
  304.     quantity = parseFloat(quantityAttribut);
  305.     var replacedStrDimensionAttribut = dimensionAttribut.replace(/,/g, "-");
  306.     id = "pv-" + $(this).attr("data-id")+replacedStrDimensionAttribut;
  308.     name = name + "("+dimensionAttribut+" "+  attributName +" )";
  309. }
  312. //To Review
  313.  if(productType == "pack"){
  314.     cartLS.destroy();
  315. } 
  317. cartLS.add({
  318.   id: id,
  319.   idProduct: idProduct,
  320.   image:image,
  321.   name: name, 
  322.   price: price,
  323.   productType:productType,
  324.   quantity:quantity,
  325.   notes:[
  326.     {
  327.     id:id,
  328.     noteId:1,
  329.     note:"",
  330.   }
  331.   ],
  332.   attributes:[],
  333.   client:{
  334.       name:"Adil",
  335.       type:"Client Fidele",
  336.   }
  337. });
  338. cartLS.onChange(renderCart);
  339. console.log(cartLS.list());
  340. if(cartLS.exists(id)){
  341. $("#qty-"+id).text(cartLS.get(id).quantity);
  342. }else{
  343.         $("#qty-"+id).text(0);
  344.     }
  346. });
  348. function updateCartNotes(id,updateMethod="add"){
  351.     var currentLigneCart =  cartLS.get(id);
  353.     
  355.         // this will be executed at the end of the loop
  356.             if(updateMethod=="add"){
  357.                     
  358.                         cartLS.quantity(id, 1);
  360.                         cartLS.onChange(renderCart);
  361.                 }
  362.                 else if(updateMethod=="remove") {
  363.                     
  364.                         cartLS.quantity(id, -1);
  365.                     
  366.                         cartLS.onChange(renderCart);
  367.                 }
  369.                 
  370.                 
  371.              
  372.             
  373.     
  374.     
  375.     
  378.     
  380.     
  381.    
  383.     
  385. }
  387. $("body").on("click",".increase-quantite-to-cart",function(){
  389.     console.log(cartLS.list());
  390.    var id = $(this).attr("data-id");
  392.     updateCartNotes(id,"add");
  393.     cartLS.onChange(renderCart);
  394.     if(cartLS.exists(id)){
  395.         $("#qty-"+id).text(cartLS.get(id).quantity);
  396.     }else{
  397.         $("#qty-"+id).text(0);
  398.     }
  399. });
  401. $("body").on("click",".decrease-quantite-to-cart",function(){
  403.     var id = $(this).attr("data-id");
  404.     
  406.     updateCartNotes(id,"remove");
  407.     cartLS.onChange(renderCart);
  408.     if(cartLS.exists(id)){
  409.         $("#qty-"+id).text(cartLS.get(id).quantity);
  410.     }else{
  411.         $("#qty-"+id).text(0);
  412.     }
  413.    
  414. });
  416. $(".decrease-product-from-cart").click(function(){
  418.     var id = $(this).attr("data-id");
  419.     cartLS.quantity(id, -1);
  420.     cartLS.onChange(renderCart);
  421.    
  422. });
  426. $(".cart, .minicart-product-list,.Shopping-cart-area").on("click",".delete-product-from-cart",function(){
  428.     var id = $(this).attr("data-id");
  430.     cartLS.remove(id);
  431.     cartLS.onChange(renderCart);
  433.     if(cartLS.list().length == 0){
  434.         $(".checkout-area").html($(".cart-is-empty").html());
  435.     }
  436. });
  438. $(".destroy-cart").click(function(){
  439.     cartLS.destroy();
  440. });
  442. $("#cash").keyup(function(){
  443.     var total = cartLS.total();
  444.     var cash = $(this).val();
  445.     var difference = cash-total;
  446.     $(".difference-cash").html(difference+ " MAD");
  447. });
  452. });
  455.  $(document).ready(function() {
  456.    
  457.  
  458.     $(".alert-success").fadeTo(2000, 500).slideUp(500, function() {
  459.      $(".alert-success").hide();
  460.     });
  463.     $(".copy-minicart").html($(".minicart").html())
  464.   
  465. });
  466.     
  467. $(function() {
  468.     /**
  469.     * Smooth scrolling to page anchor on click
  470.     **/
  471.     $("a.smoothlink[href*='#']:not([href='#'])").click(function() {
  472.         if (
  473.             location.hostname == this.hostname
  474.             && this.pathname.replace(/^\//,"") == location.pathname.replace(/^\//,"")
  475.         ) {
  476.             var anchor = $(this.hash);
  477.             anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]");
  478.             if ( anchor.length ) {
  479.                 $("html, body").animate( { scrollTop: anchor.offset().top - 200 }, 1000);
  480.             }
  481.         }
  482.     });
  485.     
  486. });
  487. });
  489. </script>
  491.     <script>
  492.       ;(function ($) {
  494.         var targetOffset = 150;
  496.         var $w = $(window).scroll(function(){
  497.             if ( $w.scrollTop() > targetOffset ) {   
  498.                 $('.tt-logo ').css({"width":"100px"});
  499.                 $("#tt-header").css({
  500.                     "position":"fixed",
  501.                     "top":0,
  502.                     "right":0,
  503.                     "width": "100%",
  504.                     "box-shadow":" 0px 2px 6px #00000016"
  505.                     });
  506.             } else {
  507.                 $('.tt-logo ').css({
  508.                     "width":"130px"
  509.                     });
  510.                 $("#tt-header").css({"position":"relative","box-shadow":"none"});
  511.             }
  512.         });
  514.         $('.tt-colorswatch-btn').on('click', function (e) {
  515.           $(this).closest('.tt-colorswatch').toggleClass('tt-open-swatch')
  516.           return false
  517.         })
  518.         $('.js-swatch-color').on('click', function (e) {
  519.           var color = $(this).attr('data-color'),
  520.             imgSrc = $(this).attr('data-img'),
  521.             objImg = $('#js-stepbox__nav .stepbox-dots__line02')
  523.           objImg.css('background-image', 'url(images/' + imgSrc + ')')
  525.           if (color != undefined) {
  526.             $('link[href*="css/style"]').attr(
  527.               'href',
  528.               'css/style-color-0' + color + '.css',
  529.             )
  530.           } else {
  531.             $('link[href*="css/style"]').attr('href', 'css/style.css')
  532.           }
  533.           $('.js-swatch-color').removeClass('active')
  534.           $(this).toggleClass('active')
  536.           e.preventDefault()
  537.         })
  538.       })(jQuery)
  539.     </script>
  541.