templates/client/base_v2.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <!-- Google tag (gtag.js) -->
  5.         {% if app.request.server.get('HTTP_HOST') == "ulteam.app"%}
  6.         
  7.             <script async src="https://www.googletagmanager.com/gtag/js?id=G-XZ758N6RLE"></script>
  8.             <script>
  9.                 window.dataLayer = window.dataLayer || [];
  10.                 function gtag(){dataLayer.push(arguments);}
  11.                 gtag('js', new Date());
  13.                 gtag('config', 'G-XZ758N6RLE');
  14.             </script>
  15.         {% endif %}
  16.         <meta charset="UTF-8">
  17.         <meta name="viewport" content="width=device-width, initial-scale=1">
  18.         <link rel="apple-touch-icon" href="{{ asset('build/images/favicon/faviconulteam.png') }}">
  19.         <link rel="icon" href="{{ asset('build/images/favicon/faviconulteam.png') }}" type="image/png">
  20.         <title>{% block title %}Welcome!{% endblock %}</title>
  21.         {# Run `composer require symfony/webpack-encore-bundle`
  22.             and uncomment the following Encore helpers to start using Symfony UX #} 
  23.         <link rel="preconnect" href="https://fonts.googleapis.com">
  24.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  25.         <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
  26.         <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;800;900&display=swap" rel="stylesheet"> 
  27.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> 
  28.         {# <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> #}
  29.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  30.         {% block stylesheets %}
  31.             {{ encore_entry_link_tags('app-client-v2') }}
  32.         {% endblock %}
  33.         <link href="{{ asset('fa/fontawesome-all.min.css') }}" rel="stylesheet">
  34.         <link href="{{ asset('fa-pro/css/all.min.css') }}" rel="stylesheet">
  36.        
  37.         <script type="text/javascript" src="{{ asset('tarteaucitron/tarteaucitron.js') }}"></script>
  38.         <script type="text/javascript">
  39.             tarteaucitron.init({
  40.             "privacyUrl": "{{ path('client_app_politiqueDeConfidentialite') }}", /* Privacy policy url */
  41.             "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
  42.             "cookieName": "tarteaucitron", /* Cookie name */
  43.             "orientation": "middle", /* Banner position (top - bottom) */
  44.             "showAlertSmall": false, /* Show the small banner on bottom right */
  45.             "cookieslist": true, /* Show the cookie list */
  46.             "closePopup": false, /* Show a close X on the banner */
  47.             "showIcon": false, /* Show cookie icon to manage cookies */
  48.             "iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */
  49.             "adblocker": false, /* Show a Warning if an adblocker is detected */
  50.             "DenyAllCta" : false, /* Show the deny all button */
  51.             "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
  52.             "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
  53.             "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
  54.             "removeCredit": true, /* Remove credit link */
  55.             "moreInfoLink": true, /* Show more info link */
  56.             "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
  57.             "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
  58.             //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
  59.             "readmoreLink": "", /* Change the default readmore link */
  60.             "mandatory": true, /* Show a message about mandatory cookies */
  61.             });
  62.             {% if app.request.server.get('HTTP_HOST') == "ulteam.app"%}
  63.                 tarteaucitron.user.gtagUa = 'G-XZ758N6RLE'; /* Google Tag Manager */
  64.                 tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
  65.                 (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
  66.                 (tarteaucitron.job = tarteaucitron.job || []).push('phpsessid');
  67.             {% endif %}
  68.         </script>
  69.         <script type="text/javascript" src="{{ asset('tarteaucitron/tarteaucitronCustomLive.js') }}"></script>
  70.     </head>
  71.     <body class="d-flex flex-column min-vh-100 {{CUSTOM_TEMPLATE_CLASS}}">
  72.         {# {% include "./client/v2/components/_loader.html.twig" %} #}
  73.         {% if ULTEAM_TV_REDIRECT_POPUP %}
  74.             {% include "/client/v2/components/ulteamtv_tuto_modal.html.twig" %}
  75.         {% endif %}
  76.         {% if app.user.roles is defined and "ROLE_CLIENT" in app.user.roles %}
  77.             {% block header %}
  78.                 {% include 'client/v2/components/menu.html.twig' %}
  79.             {% endblock %}
  80.             {% block menu %}
  81.             {% endblock %}
  82.         {% endif %}
  83.         {% for label, messages in app.flashes(['warning', 'error']) %}
  84.             {% for message in messages %}
  85.                 <div class="alert alert-{{ label }} alert-dismissible" role="alert">
  86.                     {{ message }}
  87.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  88.                 </div>
  89.             {% endfor %}
  90.         {% endfor %}
  91.         <div class="main-container py-5 px-4 {% if app.request.get('_route') in ['client_first_connection', 'client_tv_teamplay_not_found', 'client_tv_access_denied' ] %} first-co {% elseif app.request.get('_route') not in ['client_dashboard', 'client_article_list', 'client_article_detail'] %} sidebar {% endif %}">
  92.             {% block body %}
  93.                     
  94.             {% endblock %}
  95.         </div>
  96.         {% include 'client/v2/components/cancel_modal.html.twig' %}
  97.         {% if app.user.roles is defined and "ROLE_CLIENT" in app.user.roles  %}
  98.             {% block footer %}
  99.                 {% include 'client/v2/components/footer.html.twig' %}
  100.             {% endblock %}
  101.         {% endif %}
  103.         <script src="https://code.jquery.com/jquery-3.6.4.min.js" language = "javascript"></script>
  104.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  105.         <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  106.         <script src="https://player.vimeo.com/api/player.js"></script>
  107.         <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
  108.         {# CHAT #}
  109.         {% if app.request.get('_route') != 'client_first_connection' %}
  110.             <!-- Start of HubSpot Embed Code -->
  111.                 <script type="text/javascript" id="hs-script-loader" async defer src="{{HUBSPOT.JS_URL}}"></script>
  112.             <!-- End of HubSpot Embed Code -->  
  113.         {% endif %}
  114.         
  115.         {% block videoscripts %}
  116.         {% endblock %}
  117.         {% block javascripts %}
  118.             {{ encore_entry_script_tags('app-client-v2') }}
  119.         {% endblock %}
  120.         <script>
  121.             {% block popupMobile %} 
  122.                 $(document).ready(function() {
  123.                     // Optimalisation: Store the references outside the event handler:
  124.                     var $window = $(window);
  125.                     function checkWidth() {
  126.                         var windowsize = $window.width();
  127.                         var currentPath = window.location.pathname;
  129.                         if (
  130.                             windowsize < 1200 &&
  131.                             !currentPath.includes('/reset')
  132.                         ) {
  133.                             $("#screenModal").modal('show');
  134.                             $('.modal-backdrop').addClass('screen');
  135.                         }
  136.                     }
  137.                     // Execute on load
  138.                     checkWidth();
  139.                     // Bind event listener
  140.                     $(window).resize(checkWidth);
  141.                 });
  142.             {% endblock %}   
  143.         </script>
  144.         {# Modal for popup under 1200px #}
  145.         <div class="modal" id="screenModal" tabindex="-1" data-bs-backdrop="static" role="dialog">
  146.             <div class="modal-dialog modal-dialog-centered" role="document">
  147.                 <div class="modal-content bg-blue" id="modal-screen">
  148.                 <div class="modal-header justify-content-center"> 
  149.                     <img class="" src="{{asset('build/images/v2/metro-warning.png')}}" alt="Ulteam TV - Plateforme de vidéo à la demande Sport, prévention santé, bien-être">
  150.                 </div>
  151.                 <div class="modal-body d-flex text-center">
  152.                     <p>Votre résolution d'écran ne permet pas une navigation optimale.<br><br> Veuillez télécharger notre application mobile <br> <b>ULTEAM TV</b> <br>  sur les App Stores <br>  
  153.                         (<a href="https://play.google.com/store/apps/details?id=com.ulteamtv.apptest&gl=FR">Android</a>  
  154.                         ou 
  155.                         <a href="https://apps.apple.com/fr/app/ulteam-tv/id1609082347"> Apple</a>)
  156.                     </p>
  157.                 </div>
  158.                 </div>
  159.             </div>
  160.         </div>
  161.     </body>
  162. </html>