templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="robots" content="index, follow">
  6.         <meta name="viewport" content="initial-scale=1">
  7.         <link rel="preconnect" href="https://fonts.googleapis.com">
  8.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  9.         <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  10.         <link rel="icon" href="{{ asset("img/points/Final/points.png") }}">
  11.         <title>{% block title %}Recherche de votre adhĂ©rent PointS Vente auto!{% endblock %}</title>
  12.         <link rel="stylesheet" href="{{ asset("css/bootstrap.css") }}">
  13.         {% block stylesheets %}
  14.             {{ encore_entry_link_tags('app') }}
  15.         {% endblock %}
  16.         {% block javascripts %}
  17.             {{ encore_entry_script_tags('app') }}
  18.         {% endblock %}
  19.     </head>
  20.     <body>
  21.         {% include '_partials/header.html.twig' %}
  22.         <div class="mt-content">
  23.             {% include '_partials/header_down.html.twig' %}
  24.             {% block content %}{% endblock %}
  25.             {% include '_partials/footer.html.twig' %}
  26.         </div>
  27.         {% block javascripts_footer %}{% endblock %}
  28.         <script src="{{ asset("js/jquery.min.js") }}"></script>
  29.         <script src="{{ asset("js/bootstrap.min.js") }}"></script>
  30. {#        <script src="https://kit.fontawesome.com/deb0a4f8a5.js" crossorigin="anonymous"></script>#}
  31. <script>
  32.             $(document).ready(function () {
  33.                 var itemsMainDiv = ('.MultiCarousel');
  34.                 var itemsDiv = ('.MultiCarousel-inner');
  35.                 var itemWidth = "";
  36.                 $('.leftLst, .rightLst').click(function () {
  37.                     var condition = $(this).hasClass("leftLst");
  38.                     if (condition)
  39.                         click(0, this);
  40.                     else
  41.                         click(1, this)
  42.                 });
  43.                 ResCarouselSize();
  44.                 $(window).resize(function () {
  45.                     ResCarouselSize();
  46.                 });
  47.                 //this function define the size of the items
  48.                 function ResCarouselSize() {
  49.                     var incno = 0;
  50.                     var dataItems = ("data-items");
  51.                     var itemClass = ('.item');
  52.                     var id = 0;
  53.                     var btnParentSb = '';
  54.                     var itemsSplit = '';
  55.                     var sampwidth = $(itemsMainDiv).width();
  56.                     var bodyWidth = $('body').width();
  57.                     $(itemsDiv).each(function () {
  58.                         id = id + 1;
  59.                         var itemNumbers = $(this).find(itemClass).length;
  60.                         btnParentSb = $(this).parent().attr(dataItems);
  61.                         itemsSplit = btnParentSb.split(',');
  62.                         $(this).parent().attr("id", "MultiCarousel" + id);
  63.                         if (bodyWidth >= 1200) {
  64.                             incno = itemsSplit[2];
  65.                             itemWidth = sampwidth / incno;
  66.                             console.log(incno)
  67.                         }
  68.                         else if (bodyWidth >= 992) {
  69.                             incno = itemsSplit[1];
  70.                             itemWidth = sampwidth / incno;
  71.                         }
  72.                         else if (bodyWidth >= 768) {
  73.                             incno = itemsSplit[1];
  74.                             itemWidth = sampwidth / incno;
  75.                         }
  76.                         else {
  77.                             incno = itemsSplit[0];
  78.                             itemWidth = sampwidth / incno;
  79.                         }
  80.                         $(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
  81.                         $(this).find(itemClass).each(function () {
  82.                             $(this).outerWidth(itemWidth);
  83.                         });
  84.                         $(".leftLst").addClass("over");
  85.                         $(".rightLst").removeClass("over");
  86.                     });
  87.                 }
  88.                 //this function used to move the items
  89.                 function ResCarousel(e, el, s) {
  90.                     var leftBtn = ('.leftLst');
  91.                     var rightBtn = ('.rightLst');
  92.                     var translateXval = '';
  93.                     var divStyle = $(el + ' ' + itemsDiv).css('transform');
  94.                     var values = divStyle.match(/-?[\d\.]+/g);
  95.                     var xds = Math.abs(values[4]);
  96.                     if (e == 0) {
  97.                         translateXval = parseInt(xds) - parseInt(itemWidth * s);
  98.                         $(el + ' ' + rightBtn).removeClass("over");
  99.                         if (translateXval <= itemWidth / 2) {
  100.                             translateXval = 0;
  101.                             $(el + ' ' + leftBtn).addClass("over");
  102.                         }
  103.                     }
  104.                     else if (e == 1) {
  105.                         var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
  106.                         translateXval = parseInt(xds) + parseInt(itemWidth * s);
  107.                         $(el + ' ' + leftBtn).removeClass("over");
  108.                         if (translateXval >= itemsCondition - itemWidth / 2) {
  109.                             translateXval = itemsCondition;
  110.                             $(el + ' ' + rightBtn).addClass("over");
  111.                         }
  112.                     }
  113.                     $(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
  114.                 }
  115.                 //It is used to get some elements from btn
  116.                 function click(ell, ee) {
  117.                     var Parent = "#" + $(ee).parent().attr("id");
  118.                     var slide = $(Parent).attr("data-slide");
  119.                     ResCarousel(ell, Parent, slide);
  120.                 }
  121.                 $(".ajout-text").click(function(){
  122.                     $(".text-show-form").removeClass("d-none");
  123.                 });
  124.                 $(".hide-text").click(function(){
  125.                     $(".text-show-form").addClass("d-none");
  126.                 });
  127.             });
  128.         </script>
  129.         <script src="{{ asset('js/tarteaucitron.js/tarteaucitron.js') }}" ></script>
  130.         <script src="{{ asset('js/tarteaucitron.js/lang/tarteaucitron.fr.js') }}"></script>
  131.         <script type="text/javascript">
  132.             tarteaucitron.init({
  133.                 "privacyUrl": "", /* Privacy policy url */
  134.                 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
  135.                 "cookieName": "tarteaucitron", /* Cookie name */
  136.                 "orientation": "bottom", /* Banner position (top - bottom) */
  137.                 "groupServices": false, /* Group services by category */
  138.                 "showAlertSmall": false, /* Show the small banner on bottom right */
  139.                 "cookieslist": false, /* Show the cookie list */
  140.                 "closePopup": true, /* Show a close X on the banner */
  141.                 "showIcon": false, /* Show cookie icon to manage cookies */
  142.                 "iconPosition": false, /* BottomRight, BottomLeft, TopRight and TopLeft */
  143.                 "adblocker": false, /* Show a Warning if an adblocker is detected */
  144.                 "DenyAllCta" : true, /* Show the deny all button */
  145.                 "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
  146.                 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
  147.                 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
  148.                 "removeCredit": false, /* Remove credit link */
  149.                 "moreInfoLink": true, /* Show more info link */
  150.                 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
  151.                 "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
  152.                 "readmoreLink": "", /* Change the default readmore link */
  153.                 "mandatory": true, /* Show a message about mandatory cookies */
  154.             });
  155.         </script>
  156.         <script type="text/javascript">
  157.             $('.searchFormSubmit').on('click', function(e) {
  158.                   e.preventDefault();
  159.             });
  160.         </script>
  161.     </body>
  162. </html>