templates/public.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  7.     <meta name="description" content="">
  8.     <meta name="keywords" content="">
  9.     <meta name="author" content="feelity">
  10.     <title>{% block title %}{% endblock %}</title>
  12.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/favicons/apple-touch-icon.png') }}">
  13.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/favicons/favicon-32x32.png') }}">
  14.     <link rel="manifest" href="{{ asset('assets/favicons/site.webmanifest') }}">
  15.     <meta name="msapplication-TileColor" content="#ffffff">
  16.     <meta name="theme-color" content="#ffffff">
  17.     <meta name="robots" content="noindex">
  18.     <meta name="googlebot" content="noindex">
  20.     <link rel="stylesheet" href="{{ asset('assets/css/style.css?=v1.0.6') }}">
  21.     <link rel="stylesheet" href="{{ asset('assets/css/custom_style.css?=v1.0.6') }}">
  23.     {% block stylesheets %}{% endblock %}
  24.     <!-- endbuild -->
  25. </head>
  28. <body class="disableAllAnimation {% block body_class %}{% endblock %}">
  30. <div class="main ">
  31.     <!-- NAVBAR MOBILE-->
  32.     <div class="mask"></div>
  33.     <div class="sidenav">
  34.         <ul class="">
  35.             <li class="nav-item {% if app.request.attributes.get('_route') == 'main' %} is-active{% endif %}">
  36.                 <a class="nav-link" href="{{ path("main") }}">
  37.                 {% trans %}nav.helpAndServices{% endtrans %}
  38.                 </a>
  39.             </li>
  40.             <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_create' %} is-active{% endif %}">
  41.                 <a class="nav-link" href="{{ path("main_sav_create") }}">
  42.                 {% trans %}nav.requestSupport{% endtrans %}
  43.                 </a>
  44.             </li>
  45.             <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_follow' %} is-active{% endif %}">
  46.                 {% if is_granted('ROLE_PROFESSIONAL') %}
  47.                     <a class="nav-link" href="{{ path("app_professional_account") }}">
  48.                         {% trans %}nav.followMySupport{% endtrans %}
  49.                     </a>
  50.                 {% else %}
  51.                     <a class="nav-link" href="{{ path("main_sav_follow") }}">
  52.                         {% trans %}nav.followSupport{% endtrans %}
  53.                     </a>
  54.                 {% endif %}
  56.             </li>
  57.             <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_product' %} is-active{% endif %}">
  58.                 <a class="nav-link" href="{{ path("main_sav_product") }}">
  59.                 {% trans %}nav.registerProduct{% endtrans %}
  60.                 </a>
  61.             </li>
  62.             <li class="nav-item">
  63.                 <a target="_blank" class="nav-link"
  64.                         {% if is_granted('ROLE_PROFESSIONAL') %} href="https://b2b.racer1927.com/"
  65.                 {% else %} class="nav-link" href="https://www.cebe.com/fr/288-pieces-detachees"
  66.                         {% endif %}>
  67.                     {% trans %}nav.sparePart{% endtrans %}
  68.                 </a>
  69.             </li>
  70.         </ul>
  71.         <div class="d-flex align-items-center justify-content-center mr-3">
  72.             <i class="fas fa-flag mr-1"></i>
  73.             <ul class="list-inline list-unstyled d-flex mb-0 align-items-center">
  74.             {% for locale in locales %}
  75.             <li class="list-inline-item m-0">
  76.                 {% if locale == app.request.locale %}
  77.                 <a class="p-2 text-dark border-0" href="{{ path('main', {'_locale': locale}) }}" target="_self" ><u><b>{{locale}}</b></u></a>
  78.                 {% else %}
  79.                 <a class="p-2 text-dark border-0" href="{{ path('main', {'_locale': locale}) }}" target="_self" >{{locale}}</a>
  80.                 {% endif %}
  81.             </li>
  82.             {% if loop.last %}
  83.             {% else %}
  84.                 <p class="mb-0"> / </p>
  85.             {% endif %}
  86.             {% endfor %}
  87.             </ul>
  88.         </div>
  89.     </div>
  90.     <!-- NAVBAR MOBILE-->
  93.     <!-- NAVBAR -->
  94.     <nav class="navbar navbar-light navbar-expand-xl">
  96.         <div class="nav-content">
  97.             <div class="nav-icon">
  98.                 <span></span>
  99.                 <span></span>
  100.                 <span></span>
  101.                 <span></span>
  102.             </div>
  103.         </div>
  106.         <a class="navbar-brand logo" href="{{ path("main") }}">
  107.             <img src="{{ asset('assets/img/logo-cebe.svg') }}" alt="logo cebe" class="nav__logo-img" />
  108.         </a>
  110.         <div class="collapse navbar-collapse" id="navbarsExampleDefault">
  111.             <ul class="navbar-nav mr-auto">
  112.                 <li class="nav-item {% if app.request.attributes.get('_route') == 'main' %} active{% endif %}">
  113.                     <a class="nav-link" href="{{ path("main") }}">
  114.                         {% trans %}nav.helpAndServices{% endtrans %}
  115.                     </a>
  116.                 </li>
  117.                 <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_create' %} active{% endif %}">
  118.                     <a class="nav-link" href="{{ path("main_sav_create") }}">
  119.                         {% trans %}nav.requestSupport{% endtrans %}
  120.                     </a>
  121.                 </li>
  122.                 <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_follow' %} active{% endif %}">
  123.                     {% if is_granted('ROLE_PROFESSIONAL') %}
  124.                         <a class="nav-link" href="{{ path("app_professional_account") }}">
  125.                             {% trans %}nav.followMySupport{% endtrans %}
  126.                         </a>
  127.                     {% else %}
  128.                         <a class="nav-link" href="{{ path("main_sav_follow") }}">
  129.                             {% trans %}nav.followSupport{% endtrans %}
  130.                         </a>
  131.                     {% endif %}
  132.                 </li>
  133.                 <li class="nav-item {% if app.request.attributes.get('_route') == 'main_sav_product' %} active{% endif %}">
  134.                     <a class="nav-link" href="{{ path("main_sav_product") }}">
  135.                     {% trans %}nav.registerProduct{% endtrans %}
  136.                     </a>
  137.                 </li>
  139.                 <li class="nav-item">
  140.                     <a target="_blank" class="nav-link"
  141.                             {% if is_granted('ROLE_PROFESSIONAL') %} href="https://b2b.racer1927.com/"
  142.                             {% else %} class="nav-link" href="https://www.cebe.com/fr/288-pieces-detachees"
  143.                             {% endif %}>
  144.                         {% trans %}nav.sparePart{% endtrans %}
  145.                     </a>
  146.                 </li>
  148.             </ul>
  150.             <div class="profile">
  151.                 {% if is_granted('ROLE_ADMIN') %}
  152.                     <a href="#" class="btn" data-container="body" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom" data-content="<ul>
  153.                     <li><a href='{{ path('app_sav') }}' target='_self'>{% trans %}nav.admin.profile{% endtrans %}</a></li>
  154.                     <li><a href='{{ path('app_logout') }}' target='_self'>{% trans %}nav.logout{% endtrans %}</a></li>
  155.                     </ul>">
  156.                         <i class="fas fa-user"></i>
  157.                         {{ app.user.lastName | upper }} {{ app.user.name }}
  158.                     </a>
  159.                 {% elseif is_granted('ROLE_PROFESSIONAL') %}
  160.                     <a href="#" class="btn" data-container="body" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom" data-content="<ul>
  161.                     <li><a href='{{ path('app_professional_account') }}' target='_self'>{% trans %}nav.pro.profile{% endtrans %}</a></li>
  162.                     <li><a href='{{ path('app_logout') }}' target='_self'>{% trans %}nav.logout{% endtrans %}</a></li>
  163.                     </ul>">
  164.                         <i class="fas fa-user"></i>
  165.                         {% trans %}nav.pro.profile.title{% endtrans %} {{ app.user.code }}
  166.                     </a>
  167.                 {% elseif prestashopService.getRacerUser() == null %}
  168.                     <div class="d-flex align-items-center">
  169.                         <div class="d-flex align-items-center mr-3">
  170.                         <i class="fas fa-flag"></i>
  171.                         <ul class="list-inline list-unstyled d-flex mb-0">
  172.                         {% for locale in locales %}
  173.                             <li class="list-inline-item m-0">
  174.                                 {% if locale == app.request.locale %}
  175.                                     <a class="text-dark p-3" href="{{ path('main', {'_locale': locale}) }}" target="_self" ><u><b>{{locale}}</b></u></a>
  176.                                 {% else %}
  177.                                     <a class="text-dark p-3 font-weight-normal" href="{{ path('main', {'_locale': locale}) }}" target="_self" >{{locale}}</a>
  178.                                 {% endif %}
  179.                             </li>
  180.                             {% if loop.last %}
  181.                             {% else %}
  182.                                 <p class="mb-0">/</p>
  183.                             {% endif %}
  184.                         {% endfor %}
  185.                         </ul>
  186.                         </div>
  187.                         <a href="#" class="btn" data-container="body" data-sanitize="false" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom"
  188.                         data-content=
  189.                             "<ul>
  190.                                 <li><a href='{{ path('app_check_client_account') }}' id='connectToClient'>{% trans %}nav.client{% endtrans %}</a></li>
  191.                                 <li><a href='{{ path('app_check_client_professional_account') }}' id='connectToProfessional'>{% trans %}nav.professional{% endtrans %}</a></li>
  192.                             </ul>
  193.                             "
  194.                         >
  195.                             <i class="fas fa-user"></i>
  196.                             {% trans %}nav.login{% endtrans %}
  197.                         </a>
  198.                         <a class="d-none" href='{{ path('app_check_client_account') }}' modal-target='#lockModal' id='connectToClientOpener'></a>
  199.                         <a class="d-none" href='{{ path('app_check_client_professional_account') }}' modal-target='#lockModal' id='connectToProOpener'></a>
  200.                     </div>
  201.                 {% else %}
  202.                     <a href="#" class="btn" data-container="body" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom"
  203.                     data-content=
  204.                         "<ul>
  205.                             <li><a href='{{ path('app_check_client_account_logout') }}' target='_self'>{% trans %}Me déconnecter{% endtrans %}</a></li>
  206.                         </ul>"
  207.                     >
  208.                         <i class="fas fa-user"></i>
  209.                         {{ prestashopService.getRacerUser().name }}
  210.                     </a>
  211.                 {% endif %}
  212.             </div>
  213.         </div>
  215.         <div class="profile mobile">
  216.             {% if is_granted('ROLE_ADMIN') %}
  217.                 <a href="#" class="btn" data-container="body" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom"
  218.                 data-content=
  219.                     "<ul>
  220.                         <li><a href='{{ path('app_sav') }}' target='_self'>{% trans %}nav.admin.profile{% endtrans %}</a></li>
  221.                         <li><a href='{{ path('app_logout') }}' target='_self'>{% trans %}Me déconnecter{% endtrans %}</a></li>
  222.                     </ul>"
  223.                 >
  224.                     <i class="fas fa-user"></i>
  225.                 </a>
  226.              {% elseif is_granted('ROLE_PROFESSIONAL') %}
  227.                 <a href="#" class="btn" data-container="body" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom"
  228.                     data-content=
  229.                         "<ul>
  230.                             <li><a href='{{ path('app_professional_account') }}' target='_self'>{% trans %}nav.pro.profile{% endtrans %}</a></li>
  231.                             <li><a href='{{ path('app_logout') }}' target='_self'>{% trans %}nav.logout{% endtrans %}</a></li>
  232.                         </ul>"
  233.                     >
  234.                         <i class="fas fa-user"></i>
  235.                 </a>
  236.               {% else %}
  237.                 <a href="#" class="btn" data-container="body" data-sanitize="false" data-toggle="popover" data-html="true" data-trigger="focus" data-placement="bottom"
  238.                     data-content=
  239.                         "<ul>
  240.                             <li><a href='{{ path('app_check_client_account') }}' id='connectToClient'>{% trans %}nav.client{% endtrans %}</a></li>
  241.                             <li><a href='{{ path('app_check_client_professional_account') }}' id='connectToProfessional'>{% trans %}nav.professional{% endtrans %}</a></li>
  242.                         </ul>"
  243.                     >
  244.                         <i class="fas fa-user"></i>
  245.                 </a>
  246.                 <a class="d-none" href='{{ path('app_check_client_account') }}' modal-target='#lockModal' id='connectToClientOpener'></a>
  247.                 <a class="d-none" href='{{ path('app_check_client_professional_account') }}' modal-target='#lockModal' id='connectToProOpener'></a>
  248.             {% endif %}
  249.         </div>
  251.     </nav>
  252.     <!-- NAVBAR -->
  254.     <div class="wrapper">
  255.         {% block body %}{% endblock %}
  256.     </div>
  258.     {% block modals %}{% endblock %}
  260.    <div class="modal fade block__modal" id="mainModal" tabindex="-1" role="dialog" aria-labelledby="modal upload files" aria-hidden="true">
  261.         <div class="modal-dialog" role="document">
  262.             <div class="modal-content">
  264.             </div>
  265.         </div>
  266.     </div>
  268.     <div class="modal fade block__modal" id="lockModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="modal upload files" aria-hidden="true">
  269.         <div class="modal-dialog" role="document">
  270.             <div class="modal-content">
  272.             </div>
  273.         </div>
  274.     </div>
  280.     <!-- FOOTER -->
  281.     <footer>
  282.         <div class="container">
  283.             <div class="row">
  284.                 <div class="col-12 col-lg-4">
  285.                     <a href="https://www.cebe.com/{{ app.request.locale }}/" class="button back" target="_blank">
  286.                         <i class="far fa-arrow-left"></i>
  287.                         {% trans %}footer.backToShop{% endtrans %}
  288.                     </a>
  291.                     <a class="brand" href="{{ path('main') }}">
  292.                         <img src="{{ asset('assets/img/logo-cebe.svg') }}" alt="logo cebe" class="footer__logo-img">
  293.                     </a>
  295.                     <ul class="row mt-4 justify-content-xl-start justify-content-center">
  296.                         {% for locale in locales %}
  297.                         <li>
  298.                             {% if locale == app.request.locale %}
  299.                             <a class="p-2" href="{{ path('main', {'_locale': locale}) }}" target="_self" ><u><b>{{locale}}</b></u></a>
  300.                             {% else %}
  301.                             <a class="p-2" href="{{ path('main', {'_locale': locale}) }}" target="_self" >{{locale}}</a>
  302.                             {% endif %}
  303.                         </li>
  304.                         {% endfor %}
  305.                     </ul>
  307.                 </div>
  308.                 <div class="col-12 col-lg-4">
  309.                     <p class="title">{% trans %}brand.title{% endtrans %}</p>
  310.                     <ul>
  311.                         <li><a href="{{ path("main") }}" target="_self">{% trans %}nav.ourEngagements{% endtrans %}</a></li>
  312.                         <li><a href="{{ path("main_sav_create") }}" target="_self">{% trans %}nav.requestSupport{% endtrans %}</a></li>
  313.                         <li><a href="{{ path("main_sav_product") }}" target="_self">{% trans %}nav.registerProduct{% endtrans %}</a></li>
  314.                     </ul>
  315.                 </div>
  316.                 <div class="col-12 col-lg-4">
  317.                     <p class="title">{% trans %}footer.contact{% endtrans %}</p>
  318.                     <ul>
  319.                         <li>1 Rue de la Forge, 13300 Salon-de-Provence</li>
  320.                         <li><a href="mailto:sav@cebe.com" target="_self">sav@cebe.com</a></li>
  321.                     </ul>
  322.                 </div>
  323.             </div>
  324.             <div class="row subFooter">
  325.                 <ul>
  326.                     <li>© CÉBÉ</li>
  327.                     <li><a href="https://www.cebe.com/{{ app.request.locale }}/content/3-conditions-generales" target="_self">{% trans %}footer.terms{% endtrans %}</a></li>
  328.                 </ul>
  329.             </div>
  330.         </div>
  332.     </footer>
  333.     <!-- FOOTER -->
  335.     <!-- Optional JavaScript -->
  336.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  337.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  338.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  339.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  340.     <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.10.4/polyfill.min.js" integrity="sha512-pgx+g4+yrNG/DhUEosN7ontsnk2WayfSuK1Fmy2GrqNi8ktUpIlTpKj80dCLyoEELA6c6m5otWP9RM/lq5UTQg==" crossorigin="anonymous"></script>
  341.     <script type="text/javascript" src="{{ asset('assets/dropzone/dropzone.js') }}"></script>
  342.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script>
  343.     <script src="{{ asset('assets/js/slick.js') }}"></script>
  344.     <script src="{{ asset('assets/js/script.js?=v1.0.6') }}"></script>
  346. </div>
  347. <script type="text/javascript">
  349.     var myDefaultWhiteList = $.fn.popover.Constructor.Default.whiteList;
  350.     myDefaultWhiteList.a = ['modal-target', 'href', 'target', 'data'];
  352.     const dropdownElementList = document.querySelectorAll('.dropdown-toggle')
  353.     const dropdownList = [...dropdownElementList].map(dropdownToggleEl => new bootstrap.Dropdown(dropdownToggleEl))
  355.     const alerts = document.querySelectorAll('[id^="alert-"]');
  357.     if (alerts.length > 0) {
  358.         setTimeout(() => {
  359.             $(".alert").alert('close')
  360.         }, 6000)
  361.     }
  363.     var modal = {
  364.         loadAndOpen: function(linkObj){
  365.             $.get(linkObj.attr("href"), function (data) {
  366.                 $(linkObj.attr("modal-target")).find(".modal-content").html(data);
  367.                 $(linkObj.attr("modal-target")).modal('show');
  369.                 $(linkObj.attr("modal-target")).find(".modal-content").find("[jqueryready]").each(function(){
  370.                     eval($(this).attr("jqueryready"));
  371.                 });
  373.                 $(linkObj.attr("modal-target")).find("[data-init-plugin='select2']").each(function(){
  374.                     $(this).find("[value='']").text($(this).attr("placeholder"));
  375.                     $(this).select2({ width: '100%' });
  377.                 });
  379.                 $(linkObj.attr("modal-target")).find('.cdgahead').each(function () {
  380.                     cdgaheadinit($(this));
  381.                 });
  384.             }).fail(function (xhr, status, error) {
  385.                 document.location.href = document.location.reload();
  386.             });
  387.         },
  388.         findModalForm: function(obj){
  389.             return obj.closest(".modal-content").find("form");
  390.         },
  391.         submitAndRedirectIfSuccess: function (form) {
  392.             var url = form.attr("action");
  393.             $.post(url, form.serialize(), function (data, textStatus, xhr) {
  395.                 if (xhr.status == 202) {
  396.                     form.closest(".modal").modal("hide");
  398.                     setTimeout(function () {
  399.                         const redirectUrlItemKey = localStorage.getItem('cebe-sav-redirect-url')
  400.                         if (redirectUrlItemKey) {
  401.                             const item = JSON.parse(redirectUrlItemKey)
  402.                             window.location.assign(item.path)
  403.                         } else {
  404.                             document.location.reload();
  405.                         }
  406.                     }, 400);
  408.                     return;
  409.                 }
  411.                 var modalcontent = form.closest(".modal-content");
  413.                 modalcontent.html(data);
  415.                 modalcontent.find("[jqueryready]").each(function(){
  416.                     eval($(this).attr("jqueryready"));
  417.                 });
  419.                 modalcontent.find("[data-init-plugin='select2']").each(function(){
  420.                     $(this).find("[value='']").text($(this).attr("placeholder"));
  421.                     $(this).select2({ width: '100%' });
  422.                 });
  424.                 modalcontent.find('.cdgahead').each(function () {
  425.                     cdgaheadinit($(this));
  426.                 });
  428.             }).fail(function (xhr, status, error) {
  429.                 document.location.href = document.location.reload();
  430.             });
  432.         },
  433.         submitAndClose: function (form) {
  434.             var url = form.attr("action");
  436.             $.post(url, form.serialize(), function (data, textStatus, xhr) {
  437.                 if(xhr.status == 202){
  438.                     form.closest(".modal").modal("hide");
  439.                     return;
  440.                 }
  442.                 var modalcontent = form.closest(".modal-content");
  444.                 modalcontent.html(data);
  446.                 modalcontent.find("[jqueryready]").each(function(){
  447.                     eval($(this).attr("jqueryready"));
  448.                 });
  450.                 modalcontent.find("[data-init-plugin='select2']").each(function(){
  451.                     $(this).find("[value='']").text($(this).attr("placeholder"));
  452.                     $(this).select2({ width: '100%' });
  453.                 });
  455.                 modalcontent.find('.cdgahead').each(function () {
  456.                     cdgaheadinit($(this));
  457.                 });
  458.             });
  459.         },
  460.         submit : function(form, fn) {
  461.             var url = form.attr("action");
  463.             $.post(url, form.serialize(), function (data, textStatus, xhr) {
  464.                 if(xhr.status == 202){
  465.                     form.closest(".modal").modal("hide");
  466.                     form.closest(".modal-backdrop").modal("hide");
  468.                     fn(data);
  469.                     return;
  470.                 }
  472.                 var modalcontent = form.closest(".modal-content");
  474.                 modalcontent.html(data);
  476.                 modalcontent.find("[jqueryready]").each(function(){
  477.                     eval($(this).attr("jqueryready"));
  478.                 });
  480.                 modalcontent.find("[data-init-plugin='select2']").each(function(){
  481.                     $(this).find("[value='']").text($(this).attr("placeholder"));
  482.                     $(this).select2({ width: '100%' });
  484.                 });
  486.                 modalcontent.find('.cdgahead').each(function () {
  487.                     cdgaheadinit($(this));
  488.                 });
  490.             }).fail(function (xhr, status, error) {
  492.             });
  493.         }
  494.     };
  496.     $(document).on('click','a#connectToClient',function(e){
  497.         e.preventDefault()
  498.         $('#connectToClientOpener').click()
  499.     })
  501.     $(document).on('click','a#connectToProfessional',function(e) {
  502.         e.preventDefault()
  503.         const element = document.querySelector('#connectToProfessional')
  505.         if ('redirectUrl' in element.dataset) {
  506.             localStorage.setItem('cebe-sav-redirect-url', JSON.stringify({
  507.                     path: window.location.href + element.dataset.redirectUrl,
  508.                 })
  509.             );
  510.         }
  512.         $('#connectToProOpener').click()
  513.     })
  515.     $(document).ready(function(){
  516.         $("body").removeClass("disableAllAnimation");
  518.         $("[modal-target]").each(function(){
  519.             $(this).click(function(){
  520.                 modal.loadAndOpen($(this));
  521.                 $(this).blur();
  522.                 return false;
  523.             });
  524.         });
  525.     });
  527. </script>
  529.     {% block javascripts %}{% endblock %}
  531. </body>
  532. </html>