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(asset('/static/vendors/jquery/jquery-3.7.1.min.js'), 'text/javascript') %}
  29.         {#% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js') %#}
  30.         {% do pimcore_head_script().appendFile(asset('/static/js/apik.js')) %}
  31.         {% do pimcore_head_script().appendFile(asset('/static/js/main.js')) %}
  32.     {% endapply %}
  33.     {# Affiche les styles CSS personnalisés pour toutes les pages #}
  34.     {% block head_stylesheets deferred %}
  35.         {{ pimcore_head_link() }}
  36.     {% endblock %}
  37.     {# Affiche les styles CSS personnalisés propres au footer #}
  38.     
  39.     {% if not document is defined or not document %}
  40.         {% set document = pimcore_document(1) %}
  41.     {% endif %}
  42.     {# Favicons (utilisez RealFaviconGenerator) #}
  43.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
  44.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
  45.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
  46.     <link rel="manifest" href="/static/img/favicon/site.webmanifest">
  47.     <link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
  48.     <link rel="shortcut icon" href="/static/img/favicon/favicon.ico">
  49.     <meta name="msapplication-TileColor" content="#ffffff">
  50.     <meta name="msapplication-config" content="/static/img/favicon/browserconfig.xml">
  51.     <meta name="theme-color" content="#ffffff">
  52.     {% block header_scripts  %}
  53.         
  54.     {% endblock %}
  55. </head>
  56. <body class="{{ editmode ? "apk-cms-pimcore" : "" }}">
  57. {# Vérifie si "Your website name" a bien été traduit. Si non, on affiche un message d'erreur #}
  58. {# Attention, il ne faut pas renommer le nom du site ici... Il faut le renommer dans les Shared Translations! #}
  59. {% if "Your website name"|trans == "Your website name" %}
  60.     {{ '<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>' }}
  61. {% endif %}
  62. {% if not document.hasProperty('politiqueDeConfidentialite') %}
  63.     {{ '<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>' }}
  64. {% endif %}
  65. {# Affiche le  header #}
  66. {% include "includes/header.html.twig" %}
  67. {% block content %}{% endblock %}
  68. {# Affiche le footer #}
  69. {% if not editmode %}
  70.     {% if pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") %}
  71.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer") }}
  72.     {% else %}
  73.         {{ '<p class="uk-alert-danger" uk-alert>Vous avez oublié de mettre votre footer dans un snippet</p>' }}
  74.     {% endif %}
  75. {% endif %}
  76. {# output scripts added before #}
  77. {% block headscripts %}
  78.     {{ pimcore_head_script() }}
  79. {% endblock %}
  80. {% block inlinescripts  %}
  81. {% endblock %}
  82. {% block snippetscripts  %}
  83. {% endblock %}
  84. <script>
  85.     (function waitForjQueryAndDOM(callback) {
  86.         if (typeof jQuery === 'undefined' || !document.body) {
  87.             setTimeout(function () {
  88.                 waitForjQueryAndDOM(callback);
  89.             }, 50);
  90.             return;
  91.         }
  92.         callback(jQuery);
  93.     })(function ($) {
  94.         $(function () { // DOM ready
  95.             $.ajax({
  96.                 method: "GET",
  97.                 url: "/{{ app.request.locale }}/api/plasma/status",
  98.                 success: function(data){
  99.                     $("#plasma-status").toggleClass("apk-btn-" + data.status);
  100.                     $(".meteo-type").html(data.texte_status);
  101.                     $("#meteo-type-goutte").html(data.texte_status);
  102.                     $("#goutte-" + data.status).show();
  103.                     $("#plasma-plages").html(data.plages);
  104.                 }
  105.             });
  106.         });
  107.     });
  108. </script>
  109. </body>
  110. </html>