templates/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="{{ app.request.locale }}">
  3. <head>
  4.     
  5.     {% include "head/metas.html.twig" %}
  6.     {# 
  7.     Enregistre la liste des fichiers CSS et JS
  8.     
  9.     Attention:
  10.     Veillez à mettre à jour les adresses ci-dessous en remplacant la version par la dernière version disponible (jQuery,
  11.     Uikit, FontAwesome,...), et ce pour tous les fichiers layout[...].html.twig !
  12.     #}
  13.     {% apply spaceless %}
  14.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  15.         {# we use the view helper to have cache buster functionality #}
  16.         
  17.         {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/css/uikit.min.css') %}
  18.         {#% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css') %#}
  19.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/application.min.css')) %}
  20.         {#% do pimcore_head_link().appendStylesheet(asset('/static/css/custom.css')) %#}
  21.         {# Adobe Font #}
  22.         {% do pimcore_head_link().appendStylesheet('https://use.typekit.net/cdw7sie.css') %}
  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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
  26.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/js/uikit.min.js') %}
  27.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js') %}
  28.         {#% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js') %#}
  29.         {% do pimcore_head_script().appendFile(asset('/static/js/apik.js')) %}
  30.         {% do pimcore_head_script().appendFile(asset('/static/js/main.js')) %}
  31.     {% endapply %}
  32.     {# Affiche les styles CSS personnalisés pour toutes les pages #}
  33.     {% block head_stylesheets deferred %}
  34.         {{ pimcore_head_link() }}
  35.     {% endblock %}
  36.     {# Affiche les styles CSS personnalisés propres au footer #}
  37.     
  38.     {% if not document is defined or not document %}
  39.         {% set document = pimcore_document(1) %}
  40.     {% endif %}
  41.     {# Favicons (utilisez RealFaviconGenerator) #}
  42.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
  43.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
  44.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
  45.     <link rel="manifest" href="/static/img/favicon/site.webmanifest">
  46.     <link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
  47.     <link rel="shortcut icon" href="/static/img/favicon/favicon.ico">
  48.     <meta name="msapplication-TileColor" content="#ffffff">
  49.     <meta name="msapplication-config" content="/static/img/favicon/browserconfig.xml">
  50.     <meta name="theme-color" content="#ffffff">
  51.     {% block header_scripts  %}
  52.         
  53.     {% endblock %}
  54. </head>
  55. <body class="{{ editmode ? "apk-cms-pimcore" : "" }}">
  56. {# Vérifie si "Your website name" a bien été traduit. Si non, on affiche un message d'erreur #}
  57. {# Attention, il ne faut pas renommer le nom du site ici... Il faut le renommer dans les Shared Translations! #}
  58. {% if "Your website name"|trans == "Your website name" %}
  59.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de traduire \'Your website name\' et les autres chaines de traduction via Tools > Translations > Shared Translation.</p>' }}
  60. {% endif %}
  61. {% if not document.hasProperty('politiqueDeConfidentialite') %}
  62.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de créer la propriété \'politiqueDeConfidentialite\' (type Document) à la racine du site et de la faire pointer vers la page Politique de confidentialité (pour le bandeau des cookies).</p>' }}
  63. {% endif %}
  64. {# Affiche le  header #}
  65. {% include "includes/header.html.twig" %}
  66. {% block content %}{% endblock %}
  67. {# Affiche le footer #}
  68. {% if not editmode %}
  69.     {% if pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") %}
  70.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") }}
  71.     {% else %}
  72.         {{ '<p class="uk-alert-danger" uk-alert>Vous avez oublié de mettre votre footer dans un snippet</p>' }}
  73.     {% endif %}
  74. {% endif %}
  75. {# output scripts added before #}
  76. {% block headscripts %}
  77.     {{ pimcore_head_script() }}
  78. {% endblock %}
  79. {% block inlinescripts  %}
  80. {% endblock %}
  81. {% block snippetscripts  %}
  82. {% endblock %}
  83. <script>
  84.     $(document).ready(function () {
  85.         $.ajax({
  86.             method: "GET",
  87.             //url: "https://www.donneurdesang.be/{{ app.request.locale }}/api/plasma/status",
  88.             url: "/{{ app.request.locale }}/api/plasma/status",
  89.             success: function(data){
  90.                 //console.log(data);
  91.                 $("#plasma-status").toggleClass("apk-btn-"+data.status);
  92.                 $(".meteo-type").html(data.texte_status);
  93.                 $("#meteo-type-goutte").html(data.texte_status);
  94.                 $("#goutte-"+data.status).show();
  95.                 $("#plasma-plages").html(data.plages);
  96.             }
  97.         });
  98.     });
  99. </script>
  100. </body>
  101. </html>