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

Open in your IDE?
  1.         <!-- jQuery-V1.12.4 -->
  2.         <script src="{{asset('bundles/flexyfront/assets/js/vendor/jquery-1.12.4.min.js')}}"></script>
  3.         <!-- Popper js -->
  4.         <script src="{{asset('bundles/flexyfront/assets/js/vendor/popper.min.js')}}"></script>
  5.         <!-- Bootstrap V4.1.3 Fremwork js -->
  6.         <script src="{{asset('bundles/flexyfront/assets/js/bootstrap.min.js')}}"></script>
  7.         <!-- Ajax Mail js -->
  8.         <script src="{{asset('bundles/flexyfront/assets/js/ajax-mail.js')}}"></script>
  9.         <!-- Meanmenu js -->
  10.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.meanmenu.min.js')}}"></script>
  11.         <!-- Wow.min js -->
  12.         <script src="{{asset('bundles/flexyfront/assets/js/wow.min.js')}}"></script>
  13.         <!-- Slick Carousel js -->
  14.         <script src="{{asset('bundles/flexyfront/assets/js/slick.min.js')}}"></script>
  15.         <!-- Owl Carousel-2 js -->
  16.         <script src="{{asset('bundles/flexyfront/assets/js/owl.carousel.min.js')}}"></script>
  17.         <!-- Magnific popup js -->
  18.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.magnific-popup.min.js')}}"></script>
  19.         <!-- Isotope js -->
  20.         <script src="{{asset('bundles/flexyfront/assets/js/isotope.pkgd.min.js')}}"></script>
  21.         <!-- Imagesloaded js -->
  22.         <script src="{{asset('bundles/flexyfront/assets/js/imagesloaded.pkgd.min.js')}}"></script>
  23.         <!-- Mixitup js -->
  24.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.mixitup.min.js')}}"></script>
  25.         <!-- Countdown -->
  26.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.countdown.min.js')}}"></script>
  27.         <!-- Counterup -->
  28.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.counterup.min.js')}}"></script>
  29.         <!-- Waypoints -->
  30.         <script src="{{asset('bundles/flexyfront/assets/js/waypoints.min.js')}}"></script>
  31.         <!-- Barrating -->
  32.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.barrating.min.js')}}"></script>
  33.         <!-- Jquery-ui -->
  34.         <script src="{{asset('bundles/flexyfront/assets/js/jquery-ui.min.js')}}"></script>
  35.         <!-- Venobox -->
  36.         <script src="{{asset('bundles/flexyfront/assets/js/venobox.min.js')}}"></script>
  37.         <!-- Nice Select js -->
  38.         <script src="{{asset('bundles/flexyfront/assets/js/jquery.nice-select.min.js')}}"></script>
  39.         <!-- ScrollUp js -->
  40.         <script src="{{asset('bundles/flexyfront/assets/js/scrollUp.min.js')}}"></script>
  42.         <script src="{{asset('bundles/flexyfront/assets/js/price-range/price_range_script.js')}}" type="text/javascript"></script>
  44.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  45.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
  47.         <!-- LocalStorage cart -->
  49.         <script src="{{asset('flexy/js/cart-localstorage.js')}}" defer></script>
  50.         <!-- Main/Activator js -->
  51.         <script src="{{asset('bundles/flexyfront/assets/js/main.js')}}"></script>
  53.   
  54.         <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script>
  57.         <script>
  58.             $(document).ready(function(){
  60.                           $(".searchBrand").chosen({no_results_text: "Oops, Aucun resultat!"});        
  61.                            
  62.                       $('.chosen-single').on('click', function() {
  63.                                 $('.chosen-single span').text('Choisir une marque ...');
  64.                             }); 
  67.                           
  69.                             $(".sidebar-categores-box input[type='checkbox']").change(function(){
  70.                                 $(".form-filter-sidebar").submit();
  71.                             });
  73.                             $.extend($.validator.messages, {
  74.                                 required: "Ce champs est obligatoire",
  75.                             });
  76.                            
  82.                // $("a").not(".menu-item a,.li-product-menu a").attr("href","#");// Disable Links temporary
  86.                 $(".menu_level_1").hide();
  87.                 $(".menu-item").hover(function(){
  88.                     $(this).find(".menu_level_1").show();
  89.                 },
  90.                 function(){
  91.                     $(this).find(".menu_level_1").hide();
  92.                 });
  94.             });
  95.         </script>
  101. <script>
  104. $(document).ready(function(){
  105.     var frais=0;
  106.     $(".livraison-service").hide();
  107. function renderCart(items) {
  109.       
  110.       const $cart = document.querySelector(".cart")
  111.       const $total = document.querySelector(".total")
  112.       const $weight = document.querySelector(".weight")
  115.         const $cartCheckout = document.querySelector(".cart-checkout")
  116.         const $totalCheckout = document.querySelector(" .total-checkout")
  117.         const $totalWeight = document.querySelector(" .weight-total")
  118.         const $couponCode = document.querySelector(" .coupon_valeur")
  120.         const $cartDevis = document.querySelector(".cart-devis")
  121.         const $totalDevis = document.querySelector(" .total-devis")
  124.                                             
  126.     const $miniCart = document.querySelector(".minicart-product-list");
  127.     const $miniCartTotal = document.querySelector(".minicart-total span");
  128.     const $singleProductArea = document.querySelector(".single-product-area");
  130.         
  131.         
  132.             var prefixUrl = "{{urlSite}}";
  134.   $miniCart.innerHTML = items.map((item) => `
  137.                                                         <li data-id="${item.id}">
  138.                                                         <a href="${item.url}" class="minicart-product-image">
  139.                                                             <img src="`+prefixUrl+`${item.image}" alt="cart products">
  140.                                                         </a>
  141.                                                         <div class="minicart-product-details">
  142.                                                             <h6><a href="#">${item.name}</a></h6>
  143.                                                             <span> ${item.quantity} x ${item.price} MAD</span>
  144.                                                         </div>
  145.                                                         <button data-id="${item.id}" class="close delete-product-from-cart " title="Supprimer">
  146.                                                             <i class="fa fa-close"></i>
  147.                                                         </button>
  148.                                                     </li>
  149. `).join("");
  151.   $miniCartTotal.innerHTML =  cartLS.total() + "MAD";
  152.  
  153.   $("#orderItems").val(cartLS.list());
  157. /*
  159.   const $cart = document.querySelector(".cart")
  160.   const $total = document.querySelector(".total")
  162.   $cart.innerHTML = items.map((item) => `
  163.       <tr data-id="${item.id}">
  164.         <td>${item.name}</td>
  165.         <td style="width: 60px;"> 
  166.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  decrease-quantite-to-cart"
  167.             ><i class="fas fa-minus"></i></button>
  168.         </td>
  169.         <td style="width: 60px;"> 
  170.           <button data-id="${item.id}" type="button" class="btn   btn-block btn-sm  increase-quantite-to-cart"
  171.             ><i class="fas fa-plus"></i></button>
  172.         </td>
  173.         <td style="white-space:nowrap;" class="text-right">${item.quantity} x ${item.price} MAD</td>
  174.         <td  class="text-right">${item.price * item.quantity}  MAD</td>
  175.         <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>
  176.       </tr>`).join("");
  178.   $total.innerHTML =  cartLS.total() + "MAD";
  181. */
  185. if($cart){
  187.     var check=false;
  188.     var valeur_coupon= 0;
  190. var result = items.filter(function (o1) {
  191.     return items.some(function (o2) {
  192.         if (o1.vendor != o2.vendor){
  193.             check=true
  194.         }
  195.    });
  196. });
  198. valeur_coupon = $("#coupon_valeur").val();
  199. //alert($("#coupon_valeur").val());
  200. localStorage.setItem("valueCoupon", valeur_coupon);
  202.  $cart.innerHTML = items.map((item) => `
  203.                                             <tr data-id="${item.id}" >
  204.                                                 <td data-id="${item.id}" class="li-product-remove delete-product-from-cart"><a onclick="return false;" href="#"><i class="fa fa-times"></i></a></td>
  205.                                                 <td class="li-product-thumbnail"><a href="#"><img height="50" src="../../${item.image}" alt="${item.name}"></a></td>
  206.                                                 <td class="li-product-name"><a href="#">${item.name}</a></td>
  207.                                                 <td class="li-product-price">
  208.                                                     <span class="amount">  MAD ${item.price} <br> 
  209.                                                     ${valeur_coupon ? "MAD "+ -valeur_coupon+"<br><p style='color: green;font-size: 8px;font-weight: bold;'>Réduction coupon</p>" :''}  </span>
  210.                                                  
  211.                                                 </td>
  212.                                                 <td class="quantity">
  213.                                                     <label>Quantité</label>
  214.                                                     <div class="cart-plus-minus">
  215.                                                         <input 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) - valeur_coupon} </span></td>
  221.                                             </tr>
  222. `).join("");
  224. var weightTotal = 0;
  225. var limited = 0;
  226. var collecte_adresse = "";
  227. var type_product="";
  228. var vendor="";
  229. cartLS.list().forEach(function(item){
  230.      if( !isNaN(parseFloat(item.weight))){
  231.     weightTotal = weightTotal + parseFloat(item.weight) * item.quantity;
  232.     limited = parseFloat(item.limitedamount)
  233.     collecte_adresse +=item.collecte+" / " ;
  234.       }
  235.       if(item.type == "offer") {
  236.         $(".livraison-vendor").hide();
  237.         $(".livraison-chronodyali").hide();
  238.         frais=0;
  239.          // alert("contient");
  240.          vendor +=item.vendor+",";
  241.          console.log(vendor);
  242.            $("#vendeur").val(vendor);
  243.           }
  245.          
  246.           
  248. });
  250.  var data = collecte_adresse.slice(0,-3);
  251.   var arr =  $.unique(data.split(' / '));
  252.  data = arr.join("|"); //get unique string back with 
  253.  $("#adressColletes").val(data);
  255. $total.innerHTML =  (cartLS.total() - valeur_coupon) + "MAD";
  256.  $(".weight").text(weightTotal.toFixed(2) + " KG");
  257.  if(check== true){
  258.  $(".check").text("Attention vous achetez dans des boutiques différentes");
  259.  }else{
  260. $(".check").text("");
  261. }
  264. }
  266. if($cartDevis){
  267.  $cartDevis.innerHTML = items.map((item) => `
  269.   <tr>
  270.                             <td data-id="${item.id}" class="no">${item.id}</td>
  271.                             <td class="text-left">
  272.                             <p>
  273.                                ${item.name}
  274.                             </p>
  275.                             </td>
  276.                             <td class="unit"> ${item.price} MAD</td>
  277.                             <td class="qty">${item.quantity} </td>
  278.                             <td class="total">${item.price * item.quantity} MAD</td>
  279.                         </tr>
  280.                                            
  281. `).join("");
  282. $totalDevis.innerHTML =  cartLS.total() + "MAD";
  285. }
  288. if($cartCheckout){
  289.  
  290. var check=false;
  292. console.log("coupon" + localStorage.getItem("valueCoupon"));
  293. valeur_coupon = localStorage.getItem("valueCoupon");
  294.  
  295. var result = items.filter(function (o1) {
  296.     return items.some(function (o2) {
  297.         if (o1.vendor != o2.vendor){
  298.             check=true
  299.         }
  300.        
  301.    });
  302. });
  304.  
  305.  
  306.  $cartCheckout.innerHTML = items.map((item) => `
  307.                                               <tr class="cart_item">
  308.                                               <td class="cart-product-name"> ${item.name}    <strong class="product-quantity"> × ${item.quantity}</strong></td>
  309.                                               <td class="cart-product-total"><span class="amount">${item.price * item.quantity} MAD</span></td> 
  310.                                            <td style="display:none;"> ${item.vendor} ${item.limitedamount} </td>
  311.                                            <td style="display:none;"> ${item.weight * item.quantity } </td>
  313.                                             </tr>
  314.                                           
  315. `).join("");
  321. $totalCheckout.innerHTML =  cartLS.total() + "MAD";
  322. $totalWeight.innerHTML =  cartLS.total() + "KG";
  324.  
  327. }
  328. var weightTotal = 0;
  329. var limited = 0;
  330. var collecte_adresse = "";
  331.  
  332. cartLS.list().forEach(function(item){
  333.     if( !isNaN(parseFloat(item.weight))){
  334.     weightTotal = weightTotal + parseFloat(item.weight) * item.quantity;
  335.     }
  336.     limited = parseFloat(item.limitedamount)
  337.      collecte_adresse +=item.collecte+" / " ;
  338.   
  340. });
  341.  var data = collecte_adresse.slice(0,-3);
  342.   var arr =  $.unique(data.split(' / '));
  343.  data = arr.join("|"); //get unique string back with 
  344.  $("#adressColletes").val(data);
  346.   
  347. //alert(limited);
  348.  var value = weightTotal.toFixed(2) ;
  349.  var a = 'chronodyali'; 
  350.       
  351. //alert($("#city option:selected").text());
  352.   var ville="Casablanca-Settat";
  353.  $('select').on('change', function() {
  354.   ville =this.value;
  355.   //$("#city option:selected" ).text(this.value);
  356. });
  357.      {% if transport is defined %}
  358.   
  359.   {% for singletransport in transport %}
  360.      if(ville == "Casablanca-Settat"){
  361.      {% if(singletransport.intra == true)  %}
  362.                                                     
  363.               if(({{singletransport.minPoids}} <= value) && ({{singletransport.maxPoids}} >= value)){
  364.              frais={{singletransport.priceIntra}} + {{singletransport.collecte}};
  365.              $(".check-poids").text("");
  366.              $("input[type=radio][value=" + a + "]").attr("disabled",false);
  367.              }else if(value > 15 ){
  368.                  
  369.               $(".check-poids").text("Nous avez depassé 15 Kg dans votre commande vous pouvez pas etre livré pas Chronodyal " );
  370.               $("input[type=radio][value=" + a + "]").attr("disabled",true);
  371.                 } 
  373.        {% endif %}  
  374.             }else{
  375.  {% if(singletransport.inter == true)  %}
  377.                                          
  378.               if(({{singletransport.minPoids}} <= value) && ({{singletransport.maxPoids}} >= value)){
  380.               frais={{singletransport.priceInter}} + {{singletransport.collecte}};
  381.               $(".check-poids").text("");
  382.                $("input[type=radio][value=" + a + "]").attr("disabled",false);
  383.                
  384.       }else if(value > 15 ){
  385.              $(".check-poids").text("Nous avons dépassé 15 Kg dans votre commande vous pouvez pas être livré par Chronodyali " );
  386.                   
  387.               $(".check-poids").text("Nous avez depassé 15 Kg dans votre commande vous pouvez pas etre livré pas Chronodyal " );
  388.               $("input[type=radio][value=" + a + "]").attr("disabled",true);
  389.                 } 
  391.        {% endif %} 
  393.                  }
  395.       {% endfor %}
  396.        
  397.       
  398.      
  399.     {% endif %}  
  400.    
  401.  
  402.  
  403.  if(check== true){
  404.  $(".check-vendor").text("Attention vous achetez dans des boutiques différentes");
  405.  $(".limited-vendor").text("");
  406.  $(".livraison-vendor").hide();
  407.  $(".livraison-chronodyali").show();
  409.  frais=frais*2;
  410.  }else{
  411.      
  412.  $(".check-vendor").text("");
  413.  if( !isNaN(limited)  ){
  414.  $(".limited-vendor").text("Livraison gratuite à partir de " +limited+ " MAD chez ce fournisseur" );
  415.  
  416.  
  417.   
  418.   if(cartLS.total() >= limited){
  419.        $(".livraison-chronodyali").hide();
  420.       
  421.        $(".price-Line-through").text(frais.toFixed(2) +" MAD");
  422.        
  423.        frais=0;
  424.    }else {
  425.        $(".price-Line-through").text("");
  426.        }
  427.    
  429.  }
  430.  $(".livraison-vendor").show();
  432. }
  434. /* test sur existance des produits de type offre ca veux dire sur les services*/
  435. var  type=false
  436. var vendor="";
  437. cartLS.list().forEach(function(item){
  438.            
  439.      if(item.type == "offer") {
  440.          frais=0;
  441.         $(".livraison-vendor").hide();
  442.         $(".livraison-chronodyali").hide();
  443.          $(".livraison-service").show();
  444.         $(".limited-vendor").hide();
  445.         $(".card").hide();
  446.           //alert("contient");
  447.           vendor +=item.vendor+",";
  448.            console.log(vendor);  
  449.           $("#vendeur").val(vendor);
  450.           }
  451.            var result = items.filter(function (o1) { 
  452.             return items.some(function (o2) {
  453.                 if (o1.type != o2.type){
  454.                     //alert("type diff");
  455.                    
  456.                      $('.livraison-erreur').text("Oops ! On peux pas effectuez les achats des produits et des services au même temps");
  457.                      $('.order-button-payment').hide();
  458.                     
  459.                      
  460.                 } 
  461.               });
  462.            });     
  463.            
  465. });
  468. /*fin de test existance des produits de type offre  */
  470.  $(".hm-minicart-trigger .item-text span").text(cartLS.total() + " MAD");
  471.  $(".total-checkout").text((cartLS.total()+ frais - valeur_coupon) + " MAD");
  472.  if(valeur_coupon) { 
  473.  $(".value-coupon").text(-valeur_coupon + " MAD réduction coupon");
  474.  }else{
  475.     $(".value-coupon").text("");
  476.     }
  477.  $(".weight-total").text(weightTotal.toFixed(2) + " KG");
  478.  $(".weight-value").text(weightTotal.toFixed(2));
  479.  
  480.  
  482.  $("#weight").val(weightTotal.toFixed(2));
  484. console.log(cartLS.list());
  486.  $("#weight").val(weightTotal.toFixed(2));
  488.  $(".delivery-total").text(frais.toFixed(2)+ " MAD");
  489.  $("#frais_livraison").val(frais.toFixed(2));
  490.  $(".hm-minicart .cart-item-count").text(cartLS.list().length);
  492.  
  494.   
  496. }
  497. renderCart(cartLS.list());
  498. valeur_coupon = localStorage.getItem("valueCoupon");
  499.  $("#amount-to-pay").val(cartLS.total()+frais - valeur_coupon) ;
  500. cartLS.onChange(renderCart);
  503. $(".add-product-to-cart").click(function(){
  505. var id = $(this).attr("data-id");
  506. var name = $(this).attr("data-name");
  507. var price = $(this).attr("data-price");
  508. var image = $(this).attr("data-image");
  509. var url = $(this).attr("data-url");
  510. var vendor = $(this).attr("data-vendor");
  511. var weight = $(this).attr("data-weight");
  512. var limitedamount = $(this).attr("data-limitedamount");
  513. var collecte = $(this).attr("data-collecte"); 
  514. var type = $(this).attr("data-type"); 
  516. cartLS.add({
  517.   id: id, 
  518.   image:image,
  519.   name: name, 
  520.   price: price,
  521.   vendor:vendor,
  522.   weight:weight, 
  523.   limitedamount:limitedamount,
  524.   collecte:collecte,
  525.   type:type,
  526.   client:{
  527.       name:"Adil",
  528.       type:"Client Fidele",
  529.   }
  530. });
  531. cartLS.onChange(renderCart);
  532. console.log(cartLS.list());
  533. });
  537. $(".cart, .minicart-product-list,.Shopping-cart-area").on("click",".increase-quantite-to-cart",function(){
  539.     var id = $(this).attr("data-id");
  541.     cartLS.quantity(id, 1);
  542.     cartLS.onChange(renderCart);
  543. });
  545. $(".cart,.minicart-product-list,.Shopping-cart-area").on("click",".decrease-quantite-to-cart",function(){
  547.     var id = $(this).attr("data-id");
  548.     cartLS.quantity(id, -1);
  549.     cartLS.onChange(renderCart);
  550.    
  551. });
  553. $(".cart, .minicart-product-list,.Shopping-cart-area").on("click",".delete-product-from-cart",function(){
  555.     var id = $(this).attr("data-id");
  557.     cartLS.remove(id);
  558.     cartLS.onChange(renderCart);
  560.     if(cartLS.list().length == 0){
  561.         $(".checkout-area").html($(".cart-is-empty").html());
  562.     }
  563. });
  565. $(".destroy-cart").click(function(){
  566.     cartLS.destroy();
  567. });
  569. $("#cash").keyup(function(){
  570.     var total = cartLS.total();
  571.     var cash = $(this).val();
  572.     var difference = cash-total;
  573.     $(".difference-cash").html(difference+ " MAD");
  574. });
  579. });
  581.  
  584.  $(document).ready(function() {
  585.    
  586.  
  587.     $(".alert-success").fadeTo(2000, 500).slideUp(500, function() {
  588.      $(".alert-success").hide();
  589.     });
  590.   
  591. });
  592.     
  596. </script>