templates/base.html.twig line 1

  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.         <link rel="icon" href="{{ asset('images/favicon.png') }}"/>
  7.         <title>
  8.             {% block title %}
  9.                 NEOCOGNITION (by Chrysippe-R&D) \n Collaborative Artificial Inteligence
  10.             {% endblock %}
  11.         </title>
  12.         {% block stylesheets %}
  13.       {# Bootstrap datepicker #}
  14.       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/css/bootstrap-datepicker.standalone.min.css" integrity="sha512-D5/oUZrMTZE/y4ldsD6UOeuPR4lwjLnfNMWkjC0pffPTCVlqzcHTNvkn3dhL7C0gYifHQJAIrRTASbMvLmpEug==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  16.       {# Select2 #}
  17.             <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
  19.       {# Fonts #}
  20.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
  21.             <link rel="preconnect" href="https://fonts.googleapis.com">
  22.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  23.             <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500&family=Roboto&display=swap" rel="stylesheet">
  25.       {# Custom tooltip #}
  26.       <link href="/css/custom-tooltip.css" rel="stylesheet"/>
  27.       <link href="/css/toggle-list.css" rel="stylesheet"/>
  28.       <link href="/css/style.css" rel="stylesheet"/>
  30.             {{ encore_entry_link_tags('app') }}
  31.         {% endblock %}
  32.         {% block javascripts %}
  33.       {# Jquery #}
  34.             <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  36.       {# Bootstrap #}
  37.       <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/js/bootstrap.min.js" integrity="sha512-nKXmKvJyiGQy343jatQlzDprflyB5c+tKCzGP3Uq67v+lmzfnZUi/ZT+fc6ITZfSC5HhaBKUIvr/nTLCV+7F+Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  38.       <script>
  39.         $(document).ready(function() {
  40.           $('.js-datepicker').datepicker({
  41.             format: 'dd/mm/yyyy',
  42.             language: {{ app.request.locale|json_encode|raw }}
  43.           });
  44.         });
  45.       </script>
  47.       {# Bootstrap datepicker #}
  48.       <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js" integrity="sha512-LsnSViqQyaXpD4mBBdRYeP6sRwJiJveh2ZIbW41EBrNmKxgr/LFZIiWT6yr+nycvhvauz8c2nYMhrP80YhG7Cw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  49.       <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/locales/bootstrap-datepicker.fr.min.js" integrity="sha512-fx3aztaUjb4NyoD+Tso5g7R1l29bU3jnnTfNRKBiY9fdQOHzVhKJ10wEAgQ1zM/WXCzB9bnVryHD1M40775Tsw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  51.       {# Select2 #}
  52.             <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
  54.       {# Sortable #}
  55.       <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.15.6/Sortable.min.js" integrity="sha512-csIng5zcB+XpulRUa+ev1zKo7zRNGpEaVfNB9On1no9KYTEY/rLGAEEpvgdw6nim1WdTuihZY1eqZ31K7/fZjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  56.             <script>
  57.                 setTimeout(() => {
  58.           jQuery(document).ready(function () {
  59.             jQuery('.form-select').select2();
  60.           });
  61.         }, 500);
  62.             </script>
  64.       <script src="/js/custom-tooltip.js" defer></script>
  65.       <script src="/js/toggle-list.js" defer></script>
  67.             {{ encore_entry_script_tags('app') }}
  69.             <script src="{{ asset('js/tarteaucitron.js' )}}"></script>
  70.             <script src="{{ asset('js/html2canvas.min.js' )}}"></script>
  72.             <script>
  73.                 tarteaucitron.init({
  74.           "privacyUrl": "", /* Privacy policy url */
  75.           "bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
  76.           "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
  77.           "cookieName": "tarteaucitron", /* Cookie name */
  78.           "orientation": "middle", /* Banner position (top - bottom - middle - popup) */
  79.           "groupServices": false, /* Group services by category */
  80.           "showAlertSmall": false, /* Show the small banner on bottom right */
  81.           "cookieslist": false, /* Show the cookie list */
  82.           "showIcon": true,
  83.           /* Show cookie icon to manage cookies */
  84.           // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
  85.           "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
  86.           "adblocker": false, /* Show a Warning if an adblocker is detected */
  87.           "DenyAllCta": true, /* Show the deny all button */
  88.           "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
  89.           "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
  90.           "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
  91.           "removeCredit": false, /* Remove credit link */
  92.           "moreInfoLink": true, /* Show more info link */
  93.           "useExternalCss": false,
  94.           /* If false, the tarteaucitron.css file will be loaded */
  95.           // "cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
  96.           "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
  97.           "mandatory": true /* Show a message about mandatory cookies */
  98.         });
  99.             </script>
  101.             <script type="text/javascript">
  102.                 tarteaucitron.user.googleFonts = [
  103.           'Asap:wght@500',
  104.           'Montserrat:wght@400',
  105.           'Montserrat:wght@700',
  106.           'Roboto+Slab:wght@400',
  107.           'Roboto+Slab:wght@100',
  108.           'Roboto+Slab:wght@300',
  109.           'Roboto+Slab:wght@700'
  110.         ];
  112.         {# Google fonts #}
  113.         (tarteaucitron.job = tarteaucitron.job || []).push('googlefonts');
  114.             </script>
  115.         {% endblock %}
  117.         {% block javascriptsApp %}{% endblock %}
  118.     {% block stylesheetsApp %}{% endblock %}
  119.     </head>
  120.     <body data-bs-theme="dark">
  121.         {% include 'header.html.twig' %}
  123.     {% if block('container_start') is not empty and block('container_end') is not empty %}
  124.       {% block container_start %}{% endblock %}
  125.     {% else %}
  126.       <div class="container-md mt-4">
  127.     {% endif %}
  128.             {% if error is defined and error is not empty %}
  129.                 {% if error.type is defined %}
  130.                     <div class="alert alert-{{error.type}}" role="alert">
  131.                         {{error.content}}
  132.                     </div>
  133.                 {% else %}
  134.                     <div class="alert alert-danger" role="alert">
  135.                         {{error}}
  136.                     </div>
  137.                 {% endif %}
  138.             {% endif %}
  140.       {# Alert for missing organisation #}
  141.             {% if app.user != null and (app.user.organisation == null or app.user.organisation == "") %}
  142.                 {% if '/profile' in app.request.requestURI %}
  143.                     <div class="alert alert-chrysippe">
  144.                         {{'Bonjour'|trans}}
  145.                         {{app.user.firstname}}
  146.                         {{'pourriez-vous s\'il-vous-plaît indiquer de façon détaillée et claire votre entreprise dans la rubrique "Entreprise" de votre profil ?' | trans}}
  147.           </div>
  148.         {% else %}
  149.           <div class="modal fade" id="alert-organisation-modal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="alert-job-modal-label">
  150.             <div class="modal-dialog" role="document">
  151.               <div class="modal-content">
  152.                 <div class="modal-header">
  153.                   <h5 class="modal-title" id="alert-organisation-modal-label">{{'Bonjour'|trans}} {{app.user.firstname}}</h5>
  154.                   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
  155.                 </div>
  156.                 <div class="modal-body">
  157.                     {{'pourriez-vous s\'il-vous-plaît indiquer de façon détaillée et claire votre entreprise dans la rubrique "Entreprise" de votre profil ?' | trans}}
  158.                 </div>
  159.                 <div class="modal-footer">
  160.                   <a class="btn btn-chrysippe" role="button" href="{{ path('app_user_profile') }}?origin={{ app.request.attributes.get('_route') }}&origin_params={{ app.request.attributes.get('_route_params') | json_encode }}">{{'Cliquez ici' | trans}}</a>
  161.                 </div>
  162.               </div>
  163.             </div>
  164.           </div>
  165.           <script type="text/javascript">
  166.             $(window).on('load', function () {
  167.               $('#alert-organisation-modal').modal('show');
  168.             });
  169.           </script>
  170.         {% endif %}
  171.       {% endif %}
  173.       {# Alert for missing job #}
  174.             {% if app.user != null and (app.user.job == null or app.user.job == "") %}
  175.                 {% if '/profile' in app.request.requestURI %}
  176.                     <div class="alert alert-chrysippe">
  177.                         {{'Bonjour'|trans}}
  178.                         {{app.user.firstname}}
  179.                         {{'pourriez-vous s\'il-vous-plaît indiquer de façon détaillée et claire votre intitulé de poste (en indiquant de façon précise votre secteur professionnel) dans la rubrique "Poste" de votre profil ?' | trans}}
  180.           </div>
  181.         {% else %}
  182.           <div class="modal fade" id="alert-job-modal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="alert-job-modal-label">
  183.             <div class="modal-dialog" role="document">
  184.               <div class="modal-content">
  185.                 <div class="modal-header">
  186.                   <h5 class="modal-title" id="alert-job-modal-label">{{'Bonjour'|trans}} {{app.user.firstname}}</h5>
  187.                   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
  188.                 </div>
  189.                 <div class="modal-body">
  190.                   {{'pourriez-vous s\'il-vous-plaît indiquer de façon détaillée et claire votre intitulé de poste (en indiquant de façon précise votre secteur professionnel) dans la rubrique "Poste" de votre profil ?' | trans}}
  191.                 </div>
  192.                 <div class="modal-footer">
  193.                   <a class="btn btn-chrysippe" role="button" href="{{ path('app_user_profile') }}?origin={{ app.request.attributes.get('_route') }}&origin_params={{ app.request.attributes.get('_route_params') | json_encode }}">{{'Cliquez ici' | trans}}</a>
  194.                 </div>
  195.               </div>
  196.             </div>
  197.           </div>
  198.           <script type="text/javascript">
  199.             $(window).on('load', function () {
  200.               $('#alert-job-modal').modal('show');
  201.             });
  202.           </script>
  204.         {% endif %}
  205.       {% endif %}
  207.       {% block body %}{% endblock %}
  208.     {% if block('container_start') is not empty and block('container_end') is not empty %}
  209.       {% block container_end %}{% endblock %}
  210.     {% else %}
  211.       </div>
  212.     {% endif %}
  213.     {% if block('bodyFluid') is not empty %}
  214.       <div class="container-md mb-4">
  215.         {% block bodyFluid %}{% endblock %}
  216.       </div>
  217.     {% endif %}
  218.   </body>
  219. </html>