src/Flexy/FrontBundle/Themes/CoWorking/templates/_javascripts.html.twig line 1

  1.         
  2.         {{ encore_entry_script_tags('frontend') }}
  4.          <script src="{{asset('https://kit.fontawesome.com/ef61121192.js')}}" crossorigin="anonymous"></script>
  5.             <script src="{{asset('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js')}}" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  6.   
  7.         <!-- jQuery-V1.12.4 -->
  8.         <script src="{{asset('themes/coworking/js/vendor/jquery-1.12.4.min.js')}}"></script>
  9.         <!-- Popper js -->
  10.         <script src="{{asset('themes/coworking/js/vendor/popper.min.js')}}"></script>
  11.         <!-- Bootstrap V4.1.3 Fremwork js -->
  12.         <script src="{{asset('themes/coworking/js/bootstrap.min.js')}}"></script>
  13.         <!-- Ajax Mail js -->
  14.         <script src="{{asset('themes/coworking/js/ajax-mail.js')}}"></script>
  15.         <!-- Meanmenu js -->
  16.         <script src="{{asset('themes/coworking/js/jquery.meanmenu.min.js')}}"></script>
  17.         <!-- Wow.min js -->
  18.         <script src="{{asset('themes/coworking/js/wow.min.js')}}"></script>
  19.         <!-- Slick Carousel js -->
  20.         <script src="{{asset('themes/coworking/js/slick.min.js')}}"></script>
  21.         <!-- Owl Carousel-2 js -->
  22.         <script src="{{asset('themes/coworking/js/owl.carousel.min.js')}}"></script>
  23.         <!-- Magnific popup js -->
  24.         <script src="{{asset('themes/coworking/js/jquery.magnific-popup.min.js')}}"></script>
  25.         <!-- Isotope js -->
  26.         <script src="{{asset('themes/coworking/js/isotope.pkgd.min.js')}}"></script>
  27.         <!-- Imagesloaded js -->
  28.         <script src="{{asset('themes/coworking/js/imagesloaded.pkgd.min.js')}}"></script>
  29.         <!-- Mixitup js -->
  30.         <script src="{{asset('themes/coworking/js/jquery.mixitup.min.js')}}"></script>
  31.         <!-- Countdown -->
  32.         <script src="{{asset('themes/coworking/js/jquery.countdown.min.js')}}"></script>
  33.         <!-- Counterup -->
  34.         <script src="{{asset('themes/coworking/js/jquery.counterup.min.js')}}"></script>
  35.         <!-- Waypoints -->
  36.         <script src="{{asset('themes/coworking/js/waypoints.min.js')}}"></script>
  37.         <!-- Barrating -->
  38.         <script src="{{asset('themes/coworking/js/jquery.barrating.min.js')}}"></script>
  39.         <!-- Jquery-ui -->
  40.         <script src="{{asset('themes/coworking/js/jquery-ui.min.js')}}"></script>
  41.         <!-- Venobox -->
  42.         <script src="{{asset('themes/coworking/js/venobox.min.js')}}"></script>
  43.         <!-- Nice Select js -->
  44.         <script src="{{asset('themes/coworking/js/jquery.nice-select.min.js')}}"></script>
  45.         
  47.         <script src="{{asset('themes/coworking/js/price-range/price_range_script.js')}}" type="text/javascript"></script>
  49.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  50.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
  52.         <!-- LocalStorage cart -->
  54.         <script src="{{asset('flexy/js/cart-localstorage.js')}}" defer></script>
  55.         <!-- Main/Activator js -->
  58.    
  59.     
  60.     <script async src="{{asset('themes/coworking/laundry/js/bundle.js')}}"></script>
  62.         <script src="{{asset('themes/coworking/js/main.js')}}"></script>
  67.         <script>
  70.             document.addEventListener("turbo:load",function(){
  72.             
  73.             $(document).ready(function(){
  75.                 
  78.                             $(".sidebar-categores-box input[type='checkbox']").change(function(){
  79.                                 $(".form-filter-sidebar").submit();
  80.                             });
  82.                             $.extend($.validator.messages, {
  83.                                 required: "Ce champs est obligatoire",
  84.                             });
  85.                            
  91.                 //$("a").not(".menu-item a,.li-product-menu a").attr("href","#");// Disable Links temporary
  95.                
  97.             });
  99.             });
  100.         </script>
  106. <script>
  110.     var total= 0;
  111.     var difference= 0;
  112.     var amount=0;
  113.     var reduction=0;
  114.     var reductionCoupon=0;
  115.     var cash = 0;
  116.     var shippingFees = 0;
  117.     var shippingTips = 0
  118.     var walletPayment = 0;
  119. document.addEventListener("turbo:load",function(){
  120. $(document).ready(function(){
  122.     
  123.     difference= cartLS.total()+ shippingFees + shippingTips;
  124.     total= cartLS.total();
  127. function renderCart(items) {
  130.       const $cart = document.querySelector(".cart")
  131.       const $total = document.querySelector(".total")
  134.         const $cartCheckout = document.querySelector(".cart-checkout")
  135.         const $totalCheckout = document.querySelector(" .total-checkout")
  137.         const $cartDevis = document.querySelector(".cart-devis")
  138.         const $totalDevis = document.querySelector(" .total-devis")
  141.                                             
  143.     const $miniCart = document.querySelector(".minicart-product-list");
  144.     const $miniCartTotal = document.querySelector(".minicart-total span");
  145.     const $singleProductArea = document.querySelector(".single-product-area");
  147.         
  148.         
  149.             var prefixUrl = "{{settings.get.rootUrl}}";
  151.   $miniCart.innerHTML = items.map((item) => `
  154.                                                         <li data-id="${item.id}">
  155.                                                         <a href="${item.url}" class="minicart-product-image">
  156.                                                             <img src="${item.image}" alt="cart products">
  157.                                                         </a>
  158.                                                         <div class="minicart-product-details">
  159.                                                             <h6><a href="#">${item.name}</a></h6>
  160.                                                             <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  decrease-quantite-to-cart"
  161.             ><i class="fas fa-minus"></i></button>
  162.                                                             <span class="pl-3 pr-3" > ${item.quantity} x ${item.price} MAD</span>
  164.                                                             
  165.           
  166.         
  167.         
  168.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  increase-quantite-to-cart"
  169.             ><i class="fas fa-plus"></i></button>
  170.         
  171.                                                         </div>
  172.                                                         <button data-id="${item.id}" class="close delete-product-from-cart " title="Supprimer">
  173.                                                             <i class="fa fa-close"></i>
  174.                                                         </button>
  175.                                                     </li>
  176. `).join("");
  178.   $miniCartTotal.innerHTML =  cartLS.total() + " MAD";
  181. /*
  183.   const $cart = document.querySelector(".cart")
  184.   const $total = document.querySelector(".total")
  186.   $cart.innerHTML = items.map((item) => `
  187.       <tr data-id="${item.id}">
  188.         <td>${item.name}</td>
  189.         <td style="width: 60px;"> 
  190.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  decrease-quantite-to-cart"
  191.             ><i class="fas fa-minus"></i></button>
  192.         </td>
  193.         <td style="width: 60px;"> 
  194.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  increase-quantite-to-cart"
  195.             ><i class="fas fa-plus"></i></button>
  196.         </td>
  197.         <td style="white-space:nowrap;" class="text-right">${item.quantity} x ${item.price} MAD</td>
  198.         <td  class="text-right">${item.price * item.quantity}  MAD</td>
  199.         <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>
  200.       </tr>`).join("");
  202.   $total.innerHTML =  cartLS.total() + "MAD";
  205. */
  209. if($cart){
  210.  $cart.innerHTML = items.map((item) => `
  211.                                             <tr data-id="${item.id}" >
  212.                                                 <td data-id="${item.id}" class="li-product-remove delete-product-from-cart"><a onclick="return false;" href="#">x</a></td>
  213.                                                 <td class="li-product-thumbnail"><img height="50" src="../../${item.image}" alt="${item.name}"></td>
  214.                                                 <td class="li-product-name">${item.name}</td>
  215.                                                 <td class="li-product-price"><span class="amount">MAD ${item.price}</span></td>
  216.                                                 <td class="quantity">
  217.                                                     <label>Quantité</label>
  218.                                                     <div class="cart-plus-minus">
  219.                                                         <input readonly class="cart-plus-minus-box" value="${item.quantity}" type="text">
  220.                                                         <div data-id="${item.id}" class="dec qtybutton decrease-quantite-to-cart"><i class="fa fa-angle-down"></i></div>
  221.                                                         <div data-id="${item.id}" class="inc qtybutton increase-quantite-to-cart"><i class="fa fa-angle-up"></i></div>
  222.                                                     </div>
  223.                                                 </td>
  224.                                                 <td class="product-subtotal"><span class="amount">MAD ${item.price * item.quantity}</span></td>
  225.                                             </tr>
  226. `).join("");
  227. $total.innerHTML =  cartLS.total() + "MAD";
  230. }
  232. if($cartDevis){
  233.  $cartDevis.innerHTML = items.map((item) => `
  235.   <tr>
  236.                             <td data-id="${item.id}" class="no">${item.id}</td>
  237.                             <td class="text-left">
  238.                             <p>
  239.                                ${item.name}
  240.                             </p>
  241.                             </td>
  242.                             <td class="unit"> ${item.price} MAD</td>
  243.                             <td class="qty">${item.quantity} </td>
  244.                             <td class="total">${item.price * item.quantity} MAD</td>
  245.                         </tr>
  246.                                            
  247. `).join("");
  248. $totalDevis.innerHTML =  cartLS.total() + "MAD";
  251. }
  254. if($cartCheckout){
  255.  $cartCheckout.innerHTML = items.map((item) => `
  256.                                               <tr class="cart_item">
  257.                                               <td class="cart-product-name"> ${item.name}<strong class="product-quantity"> × ${item.quantity}</strong></td>
  258.                                               <td class="cart-product-total"><span class="amount">${item.price * item.quantity} MAD</span></td>  
  259.                                             </tr>
  260. `).join("");
  261. $totalCheckout.innerHTML =  cartLS.total() + "MAD";
  264. }
  268.  $(".hm-minicart-trigger .item-text span").text(cartLS.total() + " MAD");
  269.  $(".total-checkout").text(cartLS.total() + " MAD");
  270. $(".hm-minicart .cart-item-count").text(cartLS.list().length);
  271.   
  273.                                             
  276. }
  277. renderCart(cartLS.list());
  280. cartLS.onChange(renderCart);
  283. $(".add-product-to-cart").click(function(){
  285. var id = "p-"+$(this).attr("data-id");
  286. var idProduct = $(this).attr("data-id");
  287. var name = $(this).attr("data-name");
  288. var price = $(this).attr("data-price");
  289. var image = $(this).attr("data-image");
  290. var productType = $(this).attr("data-product-type");
  291. var url = $(this).attr("data-url");
  292. var attributes = $(this).attr("data-attribute");
  293. var quantity = 1;
  298. if(attributes == "true"){
  300.     var quantityAttribut = $($(this).attr("data-container-id")).find("input[name='quantity-attribut']").val();
  301.     var dimensionAttribut = $($(this).attr("data-container-id")).find("input[name='dimension-attribut']").val();
  302.     var pricePerAttribut = $($(this).attr("data-container-id")).find("select[name='attribute-option-price'] option:selected").val();
  303.     
  304.     
  305.     var attributName = $($(this).attr("data-container-id")).find("select[name='attribute-option-price'] option:selected").text();
  307.     price = (parseFloat(pricePerAttribut) * parseFloat(dimensionAttribut) );
  308.     quantity = parseFloat(quantityAttribut);
  309.     var replacedStrDimensionAttribut = dimensionAttribut.replace(/,/g, "-");
  310.     id = "pv-" + $(this).attr("data-id")+replacedStrDimensionAttribut;
  312.     name = name + "("+dimensionAttribut+" "+  attributName +" )";
  313. }
  316. //To Review
  317.  if(productType == "pack"){
  318.     cartLS.destroy();
  319. } 
  321. cartLS.add({
  322.   id: id,
  323.   idProduct: idProduct,
  324.   image:image,
  325.   name: name, 
  326.   price: price,
  327.   productType:productType,
  328.   quantity:quantity,
  329.   notes:[
  330.     {
  331.     id:id,
  332.     noteId:1,
  333.     note:"",
  334.   }
  335.   ],
  336.   attributes:[],
  337.   client:{
  338.       name:"Adil",
  339.       type:"Client Fidele",
  340.   }
  341. });
  342. cartLS.onChange(renderCart);
  343. console.log(cartLS.list());
  344. if(cartLS.exists(id)){
  345. $("#qty-"+id).text(cartLS.get(id).quantity);
  346. }else{
  347.         $("#qty-"+id).text(0);
  348.     }
  350. });
  352. function updateCartNotes(id,updateMethod="add"){
  355.     var currentLigneCart =  cartLS.get(id);
  357.     
  359.         // this will be executed at the end of the loop
  360.             if(updateMethod=="add"){
  361.                     
  362.                         cartLS.quantity(id, 1);
  364.                         cartLS.onChange(renderCart);
  365.                 }
  366.                 else if(updateMethod=="remove") {
  367.                     
  368.                         cartLS.quantity(id, -1);
  369.                     
  370.                         cartLS.onChange(renderCart);
  371.                 }
  373.                 
  374.                 
  375.              
  376.             
  377.     
  378.     
  379.     
  382.     
  384.     
  385.    
  387.     
  389. }
  391. $("body").on("click",".increase-quantite-to-cart",function(){
  393.     console.log(cartLS.list());
  394.    var id = $(this).attr("data-id");
  396.     updateCartNotes(id,"add");
  397.     cartLS.onChange(renderCart);
  398.     if(cartLS.exists(id)){
  399.         $("#qty-"+id).text(cartLS.get(id).quantity);
  400.     }else{
  401.         $("#qty-"+id).text(0);
  402.     }
  403. });
  405. $("body").on("click",".decrease-quantite-to-cart",function(){
  407.     var id = $(this).attr("data-id");
  408.     
  410.     updateCartNotes(id,"remove");
  411.     cartLS.onChange(renderCart);
  412.     if(cartLS.exists(id)){
  413.         $("#qty-"+id).text(cartLS.get(id).quantity);
  414.     }else{
  415.         $("#qty-"+id).text(0);
  416.     }
  417.    
  418. });
  420. $(".decrease-product-from-cart").click(function(){
  422.     var id = $(this).attr("data-id");
  423.     cartLS.quantity(id, -1);
  424.     cartLS.onChange(renderCart);
  425.    
  426. });
  430. $(".cart, .minicart-product-list,.Shopping-cart-area").on("click",".delete-product-from-cart",function(){
  432.     var id = $(this).attr("data-id");
  434.     cartLS.remove(id);
  435.     cartLS.onChange(renderCart);
  437.     if(cartLS.list().length == 0){
  438.         $(".checkout-area").html($(".cart-is-empty").html());
  439.     }
  440. });
  442. $(".destroy-cart").click(function(){
  443.     cartLS.destroy();
  444. });
  446. $("#cash").keyup(function(){
  447.     var total = cartLS.total();
  448.     var cash = $(this).val();
  449.     var difference = cash-total;
  450.     $(".difference-cash").html(difference+ " MAD");
  451. });
  456. });
  459.  $(document).ready(function() {
  460.    
  461.  
  462.     $(".alert-success").fadeTo(2000, 500).slideUp(500, function() {
  463.      $(".alert-success").hide();
  464.     });
  467.     $(".copy-minicart").html($(".minicart").html())
  468.   
  469. });
  470.     
  471. $(function() {
  472.     /**
  473.     * Smooth scrolling to page anchor on click
  474.     **/
  475.     $("a.smoothlink[href*='#']:not([href='#'])").click(function() {
  476.         if (
  477.             location.hostname == this.hostname
  478.             && this.pathname.replace(/^\//,"") == location.pathname.replace(/^\//,"")
  479.         ) {
  480.             var anchor = $(this.hash);
  481.             anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]");
  482.             if ( anchor.length ) {
  483.                 $("html, body").animate( { scrollTop: anchor.offset().top - 200 }, 1000);
  484.             }
  485.         }
  486.     });
  489.     
  490. });
  491. });
  493. </script>
  495.     <script>
  496.       ;(function ($) {
  498.         var targetOffset = 150;
  500.         var $w = $(window).scroll(function(){
  501.             if ( $w.scrollTop() > targetOffset ) {   
  502.                 $('.tt-logo ').css({"width":"100px"});
  503.                 $("#tt-header").css({
  504.                     "position":"fixed",
  505.                     "top":0,
  506.                     "right":0,
  507.                     "width": "100%",
  508.                     "box-shadow":" 0px 2px 6px #00000016"
  509.                     });
  510.             } else {
  511.                 $('.tt-logo ').css({
  512.                     "width":"130px"
  513.                     });
  514.                 $("#tt-header").css({"position":"relative","box-shadow":"none"});
  515.             }
  516.         });
  518.         $('.tt-colorswatch-btn').on('click', function (e) {
  519.           $(this).closest('.tt-colorswatch').toggleClass('tt-open-swatch')
  520.           return false
  521.         })
  522.         $('.js-swatch-color').on('click', function (e) {
  523.           var color = $(this).attr('data-color'),
  524.             imgSrc = $(this).attr('data-img'),
  525.             objImg = $('#js-stepbox__nav .stepbox-dots__line02')
  527.           objImg.css('background-image', 'url(images/' + imgSrc + ')')
  529.           if (color != undefined) {
  530.             $('link[href*="css/style"]').attr(
  531.               'href',
  532.               'css/style-color-0' + color + '.css',
  533.             )
  534.           } else {
  535.             $('link[href*="css/style"]').attr('href', 'css/style.css')
  536.           }
  537.           $('.js-swatch-color').removeClass('active')
  538.           $(this).toggleClass('active')
  540.           e.preventDefault()
  541.         })
  542.       })(jQuery)
  543.     </script>
  545.