templates/articles/experiences.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {# extension.excerpt #}
  3. {% block style %}
  4.     {{ parent() }}
  5.     {% include "css/article-critical-css.html.twig" %}
  6.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'articles_css'} %}
  7.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'sns_icons_css'} %}
  8.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'frame_css'} %}
  9.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'freetext_css'} %}
  10.     {% if content.adresse is defined and content.adresse is not empty %}
  11.         {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'map_css'} %}
  12.     {% endif %}
  13.     {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  14.         {% for data in content.main_content %}
  15.             {% set block = data %}
  16.             {% if data.type == "youtube" %}
  17.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'youtube_css'} %}
  18.             {% endif %}
  19.             {% if data.type == "linked_with" or data.type == "see_more" %}
  20.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'splide_css'} %}
  21.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'previews_css'} %}
  22.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'preview_thematique_css'} %}
  23.             {% endif %}
  24.             {% if data.type == "citation" %}
  25.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'citation_css'} %}
  26.             {% endif %}
  27.         {% endfor %}
  28.     {% endif %}
  29. {% endblock %}
  30. {% block content %}
  31.     {% set values = "" %}
  32.     {% set values = ['Acteurs & territoires', 'Expériences'] %}
  33.     {% include "articles-blocks/breadcrumb.html.twig" with {titles : values} %}
  34.     <div class="main-container w100 plr-1em single-article-container">
  35.         <article>
  36.             {% if content.old_format %}
  37.                 <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 dflex aic jcc">
  38.                     {% if content.header_img is defined and content.header_img is not empty %}
  39.                         <img loading="lazy" src="{{ content.header_img.formats['1000x.webp'] }}" srcset="{{ content.header_img.formats['300x.webp'] }} 300w, {{ content.header_img.formats['600x.webp'] }} 600w, {{ content.header_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ content.header_img | copyright_or_description_or_title }}" width="{{ content.header_img.fileVersion.properties.width }}" height="{{ content.header_img.fileVersion.properties.height }}">
  40.                     {% endif %}
  41.                     <div class="zi1 prelative team-project-head dflex jcc aic fdc">
  42.                         <div class="center">
  43.                             <h1 class="{% if content.header_img is defined and content.header_img is not empty %}cwhite{% else %}cblue{% endif %}">{{ content.title }}</h1>
  44.                         </div>
  45.                     </div>
  46.                     {% if content.header_img is defined and content.header_img is not empty %}
  47.                         <div class="background-color-blue"></div>
  48.                     {% endif %}
  49.                 </div>
  50.                 {% if content.header_img is defined and content.header_img is not empty %}
  51.                     {% if content.header_img.credits and content.header_img.credits is not empty %}
  52.                         <div class="cgrey fs12 lh16 credit mt-8px">&copy; Crédit Photo
  53.                             {{ content.header_img.credits }}</div>
  54.                     {% endif %}
  55.                 {% endif %}
  56.                 {% include "articles/blocks/article-under-header.html.twig" %}
  57.                 {% if content.departement is defined and content.departement is not empty %}
  58.                     <div class="dflex fwwrap">
  59.                         <div class="departement-tag cwhite fw600 departement-exp mb-2em mt-40px">{{ content.departement }}</div>
  60.                     </div>
  61.                 {% endif %}
  62.                 {% if content.desc is defined and content.desc is not empty %}
  63.                     <div class="actualites-PQNA mb-16px fs20 lh28 f500 cgrey">
  64.                         {{ content.desc|raw }}
  65.                     </div>
  66.                 {% endif %}
  67.                 <div class="mb-2em dflex w100">
  68.                     {% if extension.excerpt.categories is defined and extension.excerpt.categories is not empty %}
  69.                         <div class="small-thematique-container">
  70.                             {% set categories = extension.excerpt.categories %}
  71.                             {% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
  72.                         </div>
  73.                     {% endif %}
  74.                 </div>
  75.                 <div class="structure-class">
  76.                     {% if content.societe_porteuse.name is defined and content.societe_porteuse.name  is not empty %}
  77.                         <h2 class="mb-20px structure-class-title">
  78.                             Structure Porteuse :
  79.                             {{ content.societe_porteuse.name }}
  80.                         </h2>
  81.                     {% endif %}
  82.                     {% if content.structure_img is defined and  content.structure_img is not empty %}
  83.                         <div class="br8 dflex aic jcc structure-class-image">
  84.                             <img loading="lazy" src="{{ content.structure_img.formats['1000x.webp'] }}" srcset="{{ content.structure_img.formats['300x.webp'] }} 300w, {{ content.structure_img.formats['600x.webp'] }} 600w, {{ content.structure_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ content.structure_img | copyright_or_description_or_title }}" width="{{ content.structure_img.fileVersion.properties.width }}" height="{{ content.structure_img.fileVersion.properties.height }}">
  85.                         </div>
  86.                     {% endif %}
  87.                 </div>
  88.             {% else %}
  89.                 <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 dflex aic jcc">
  90.                     {% if content.header_img is defined and content.header_img is not empty %}
  91.                         <img loading="lazy" src="{{ content.header_img.formats['1000x.webp'] }}" srcset="{{ content.header_img.formats['300x.webp'] }} 300w, {{ content.header_img.formats['600x.webp'] }} 600w, {{ content.header_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ content.header_img | copyright_or_description_or_title }}" width="{{ content.header_img.fileVersion.properties.width }}" height="{{ content.header_img.fileVersion.properties.height }}">
  92.                     {% endif %}
  93.                     <div class="zi1 prelative team-project-head dflex jcc aic fdc">
  94.                         <div class="center">
  95.                             <h1 class="{% if content.header_img is defined and content.header_img is not empty %}cwhite{% else %}cblue{% endif %}">{{ content.title }}</h1>
  96.                         </div>
  97.                     </div>
  98.                     {% if content.header_img is defined and content.header_img is not empty %}
  99.                         <div class="background-color-blue"></div>
  100.                     {% endif %}
  101.                 </div>
  102.                 {% if content.header_img is defined and content.header_img is not empty %}
  103.                     {% if content.header_img.credits and content.header_img.credits is not empty %}
  104.                         <div class="cgrey fs12 lh16 credit mt-8px">&copy; Crédit Photo
  105.                             {{ content.header_img.credits }}</div>
  106.                     {% endif %}
  107.                 {% endif %}
  109.                 <div class="dflex jcsb lh28 fwwrap article-datas">
  110.                     <div>
  111.                         {% if content.author_name is defined and content.author_name is not empty %}
  112.                             {% include "articles/blocks/show-simple-text-field.html.twig" with {content: content.author_name} %}
  113.                         {% else %}
  114.                             {% include "articles-blocks/contributors.html.twig" %}
  115.                         {% endif %}
  116.                         {% include "articles-blocks/publish-date.html.twig" %}
  117.                     </div>
  118.                     <div class="taright">
  119.                         {% include "articles-blocks/readtime.html.twig" %}
  120.                         {% include "articles-blocks/share-buttons.html.twig" %}
  121.                     </div>
  122.                 </div>
  123.                 <div class="mb-2em dflex w100 fwwrap aic experience-pre-header">
  124.                     {% if content.departement is defined and content.departement is not empty %}
  125.                         <div class="departement-tag cwhite fw600 departement-exp mb-2em mt-1em">
  126.                             {{ content.departement }}
  127.                         </div>
  128.                     {% endif %}
  129.                     {% if extension.excerpt.categories is defined and extension.excerpt.categories is not empty %}
  130.                         {% set categories = extension.excerpt.categories %}
  131.                         {% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
  132.                     {% endif %}
  133.                 </div>
  135.                 {# display des champ post modification des expériences (voir la différence en prod et dans les maquettes figma) #}
  137.                 <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} mt-40px mb-40pxaic frame-overflow mb-2em">
  138.                     <div class="jcc dflex frame-container-print">
  139.                         {% if content.header_img is defined and content.header_img is not empty %}
  140.                             <img loading="lazy" src="{{ content.header_img.formats['1000x.webp'] }}" srcset="{{ content.header_img.formats['300x.webp'] }} 300w, {{ content.header_img.formats['600x.webp'] }} 600w, {{ content.header_img.formats['1000x.webp'] }} 1000w" sizes="1000px" width="{{ content.header_img.fileVersion.properties.width }}" height="{{ content.header_img.fileVersion.properties.height }}" style="z-index: -1;">
  141.                         {% endif %}
  142.                         <div class="frame-wrap-container dflex jcse aic mt-2p5em mb-3p5em">
  143.                             <div class="first-frame p-244024  ml-2per fdc aic">
  144.                                 <h2 class="frame-title-territoire-custom corange wd100 lh28 fs20 fw500 dflex tac">Carte d'identité</h2>
  145.                                 <div class="text-flex fw400 fs16 lh24">
  146.                                     <div class="framed experience">
  147.                                         {% if content.sub_thematiques is defined and content.sub_thematiques is not empty %}
  148.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Sous-thématiques :", content: content.sub_thematiques} %}
  149.                                         {% endif %}
  150.                                         {% if content.structure is defined and content.structure is not empty %}
  151.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Structure porteuse :", content: content.structure} %}
  152.                                         {% endif %}
  153.                                         {% if content.status_juridique is defined and content.status_juridique is not empty %}
  154.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Statut juridique : ", content: content.status_juridique} %}
  155.                                         {% endif %}
  156.                                         {% if content.influence is defined and content.influence is not empty %}
  157.                                             {% include "articles/blocks/show-multiple-select-field.html.twig" with {title: "Aire d'influence :", content: content.influence} %}
  158.                                         {% endif %}
  159.                                         {% if content.date_start is defined and content.date_start is not empty %}
  160.                                             {% include "articles/blocks/show-date-field.html.twig" with {title: "Date de lancement :", content: content.date_start} %}
  161.                                         {% endif %}
  162.                                         {% if content.status is defined and content.status is not empty %}
  163.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "État d'achèvement :", content: content.status} %}
  164.                                         {% endif %}
  165.                                         {% if content.cost is defined and content.cost is not empty %}
  166.                                             {% include "articles/blocks/show-cost-field.html.twig" with {title: "Coût du projet :", content: content.cost} %}
  167.                                         {% endif %}
  168.                                     </div>
  169.                                 </div>
  170.                             </div>
  171.                             <div class="middle-frame p-244024 fdc aic">
  172.                                 <h2 class="frame-title-territoire-custom corange wd100 lh28 fs20 fw500 dflex tac">La démarche en bref</h2>
  173.                                 <div class="text-flex fw400 fs16 lh24">
  174.                                     <div class="framed experience">
  175.                                         {% include "articles/blocks/show-simple-text-field.html.twig" with {classCSS: " mb-1em", content: content.desc} %}
  176.                                         {% include "articles/blocks/show-contact-info.html.twig" with {
  177.                             title: "Contact", 
  178.                             content_adresse: content.adresse, 
  179.                             content_phone: content.phone,
  180.                             content_email: content.email,
  181.                             content_link: content.link_to_resource,
  182.                             content_other_file: content.other_file,
  183.                             content_other_link: content.other_link
  184.                         } %}
  185.                                     </div>
  186.                                 </div>
  187.                             </div>
  188.                             <div class="last-frame p-244024  mr-2per fdc aic">
  189.                                 <h2 class="frame-title-territoire-custom corange wd100 lh28 fs20 fw500 dflex tac">Acteurs</h2>
  190.                                 <div class="text-flex fw400 fs16 lh24">
  191.                                     <div class="framed experience">
  192.                                         {% if content.cible is defined and content.cible is not empty %}
  193.                                             {% include "articles/blocks/show-public-cible.html.twig" with {title: "Public cible :", content: content.cible} %}
  194.                                         {% endif %}
  195.                                         {% if content.cible is defined and content.cible is not empty and content.cible|length > 0 and "Autre" in content.cible %}
  196.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Autre public cible :", content: content.cible_autre} %}
  197.                                         {% endif %}
  198.                                         {% if content.partenaires_techniques is defined and content.partenaires_techniques is not empty %}
  199.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Partenaires techniques :", content: content.partenaires_techniques} %}
  200.                                         {% endif %}
  201.                                         {% if content.partenaires_financiers is defined and content.partenaires_financiers is not empty %}
  202.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Partenaires financiers :", content: content.partenaires_financiers} %}
  203.                                         {% endif %}
  204.                                         {% if content.personne_rsc is defined and content.personne_rsc is not empty %}
  205.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Personne ressource :", content: content.personne_rsc} %}
  206.                                         {% endif %}
  207.                                         {% if content.compo_equipe is defined and content.compo_equipe is not empty %}
  208.                                             {% include "articles/blocks/show-simple-text-field.html.twig" with {title: "Composition de l'équipe rattachée au projet (élus, équipe technique, etc.) :", content: content.compo_equipe} %}
  209.                                         {% endif %}
  210.                                     </div>
  211.                                 </div>
  212.                             </div>
  213.                         </div>
  214.                     </div>
  215.                     <div class="background-color-orange"></div>
  216.                 </div>
  218.                 {% if (content.contexte is defined and content.contexte is not empty) or (content.objectif is defined and content.objectif is not empty) %}
  219.                     <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 mt-40px mb-40px aic frame-overflow">
  220.                         <div class="jcc dflex solution-container-print">
  221.                             <div class="frame-flex-container w100 dflex jcse mt-2p5em mb-3p5em p-1em">
  222.                                 {% if content.contexte is defined and content.contexte is not empty %}
  223.                                     <div class="frame-pics p-2440 fdc aic br6">
  224.                                         <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">Contexte</h2>
  225.                                         <div class="text-flex fw400 fs16 lh24 framed">{{ content.contexte|raw }}</div>
  226.                                     </div>
  227.                                 {% endif %}
  228.                                 {% if content.objectif is defined and content.objectif %}
  229.                                     <div class="frame-pics p-2440 fdc aic br6">
  230.                                         <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">Objectifs</h2>
  231.                                         <div class="text-flex fw400 fs16 lh24 framed">{{ content.objectif|raw }}</div>
  232.                                     </div>
  233.                                 {% endif %}
  234.                             </div>
  235.                         </div>
  236.                         <div class="background-color-orange"></div>
  237.                     </div>
  238.                 {% endif %}
  240.                 {% if content.mise_oeuvre is defined and content.mise_oeuvre is not empty %}
  241.                     <section class="mb-1em">
  242.                         <h3 class="fw600">Mise en œuvre des actions</h3>
  243.                         {% include "articles/blocks/show-simple-text-field.html.twig" with {content: content.mise_oeuvre} %}
  244.                     </section>
  245.                 {% endif %}
  247.                 {% if content.resultats is defined and content.resultats is not empty %}
  248.                     <section class="mb-1em">
  249.                         <h3 class="fw600">Résultats</h3>
  250.                         {% include "articles/blocks/show-simple-text-field.html.twig" with {content: content.resultats} %}
  251.                     </section>
  252.                 {% endif %}
  254.                 {% if (content.facteurs_reussite is defined and content.facteurs_reussite is not empty) or (content.freins is defined and content.freins is not empty) %}
  255.                     <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 mt-40px mb-40px aic frame-overflow">
  256.                         <div class="jcc dflex solution-container-print">
  257.                             <div class="frame-flex-container w100 dflex jcse mt-2p5em mb-3p5em p-1em">
  258.                                 {% if content.facteurs_reussite is defined and content.facteurs_reussite is not empty %}
  259.                                     <div class="frame-pics p-2440 fdc aic br6">
  260.                                         <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">Facteurs de réussite</h2>
  261.                                         <div class="text-flex fw400 fs16 lh24 framed">{{ content.facteurs_reussite|raw }}</div>
  262.                                     </div>
  263.                                 {% endif %}
  264.                                 {% if content.freins is defined and content.freins %}
  265.                                     <div class="frame-pics p-2440 fdc aic br6">
  266.                                         <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">Freins</h2>
  267.                                         <div class="text-flex fw400 fs16 lh24 framed">{{ content.freins|raw }}</div>
  268.                                     </div>
  269.                                 {% endif %}
  270.                             </div>
  271.                         </div>
  272.                         <div class="background-color-orange"></div>
  273.                     </div>
  274.                 {% endif %}
  276.                 {% if content.enseignements is defined and content.enseignements is not empty %}
  277.                     <section class="mb-1em">
  278.                         <h3 class="fw600 mb-0p5em">Enseignements</h3>
  279.                         {% include "articles/blocks/show-simple-text-field.html.twig" with {content: content.enseignements} %}
  280.                     </section>
  281.                 {% endif %}
  283.                 {% if content.perspectives is defined and content.perspectives is not empty %}
  284.                     <section class="mb-1em">
  285.                         <h3 class="fw600 mb-0p5em">Perspectives</h3>
  286.                         {% include "articles/blocks/show-simple-text-field.html.twig" with {content: content.perspectives} %}
  287.                     </section>
  288.                 {% endif %}
  290.                 {% if content.author_name is defined and content.author_name is not empty %}
  291.                     <div class="mt-20px mb-20px">
  292.                         <div class="blue-frame">
  293.                             <div class="diblock cwhite">
  294.                                 <div class="text fw400 fs16 lh24">
  295.                                     Contenu rédigé par :
  296.                                     {{ content.author_name -}}
  297.                                 </div>
  298.                             </div>
  299.                         </div>
  300.                     </div>
  301.                 {% endif %}
  302.             {% endif %}
  303.             {# fin de la nouvelle apparence des expériences #}
  305.             {% if content.adresse is defined and content.adresse is not empty %}
  306.                 {% set map = content.adresse %}
  307.                 {% set display_map = true %}
  308.             {% endif %}
  309.             {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  310.                 {% for data in content.main_content %}
  311.                     {% if data.type =="text" %}
  312.                         {% include "articles-blocks/freetext.html.twig" %}
  313.                     {% endif %}
  314.                     {% if data.type == "triple_frame" %}
  315.                         {% include "articles-blocks/triple-frame-block.html.twig" %}
  316.                     {% endif %}
  317.                     {% if data.type == "text_pic" %}
  318.                         {% include "blocks/text-pic.html.twig" with {block: data} %}
  319.                     {% endif %}
  320.                     {% if data.type == "citation" %}
  321.                         {% include "articles-blocks/citation.html.twig" %}
  322.                     {% endif %}
  323.                     {% if data.type == "solution_frame" %}
  324.                         {% include "blocks/block-picbkg-frame.html.twig" with {block: data} %}
  325.                     {% endif %}
  326.                     {% if data.type == "block_wrap" %}
  327.                         {% include "articles-blocks/block-wrap.html.twig" %}
  328.                     {% endif %}
  329.                     {% if data.type == "block_blue_back" %}
  330.                         {% include "articles-blocks/block-blue-background.html.twig" %}
  331.                     {% endif %}
  332.                     {% if data.type == "youtube" %}
  333.                         {% set embed_link = data.video_link|replace({'watch?v=' : 'embed/'}) %}
  334.                         {% set embed_link_splitted = embed_link|split('/') %}
  335.                         {% set videoID = embed_link_splitted|last %}
  336.                         {# <div class="youtube_player" videoid="{{ videoID }}" width="560" height="315" theme="theme light" rel="rel 1" controls="controls 1" showinfo="showinfo 1 " autoplay="autoplay 0" mute="mute 1" loop="loop 0" loading="loading 0"></div> TAC #}
  337.                         <div class="video-responsive mt-1em">
  338.                             <lite-youtube videoid="{{ videoID }}" class="br8" params="controls=1&start={{ data.timestamp }}&modestbranding=2&rel=0&enablejsapi=1"></lite-youtube>
  339.                         </div>
  340.                     {% endif %}
  342.                     {% if data.type == 'file' %}
  343.                         {% set block = data %}
  344.                         {% include "blocks/file.html.twig" %}
  345.                     {% endif %}
  346.                 {% endfor %}
  347.             {% endif %}
  348.             {% if display_map is defined and display_map is not empty %}
  349.                 <div class="map-cont">
  350.                     {% include "articles-blocks/simple-map.html.twig" %}
  351.                 </div>
  352.             {% endif %}
  353.             {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  354.                 {% for data in content.main_content %}
  355.                     {% if data.type == "linked_with" %}
  356.                         {% include "articles-blocks/linked-with.html.twig" %}
  357.                     {% endif %}
  358.                     {% if data.type == "see_more" %}
  359.                         {% include "articles-blocks/see-more.html.twig" %}
  360.                     {% endif %}
  361.                 {% endfor %}
  362.             {% endif %}
  363.         </article>
  364.     </div>
  365. {% endblock %}
  366. {% block javascripts %}
  367.     {% if content.adresse is defined and content.adresse is not empty %}
  368.         {{ encore_entry_script_tags('map') }}
  369.     {% endif %}
  370.     {% if content.main_content|length > 0 %}
  371.         {% for content in content.main_content %}
  372.             {% if content.type == "youtube" %}
  373.                 {{ encore_entry_script_tags('youtube_defer') }}
  374.                 {{ encore_entry_script_tags('lite-youtube') }}
  375.             {% endif %}
  376.         {% endfor %}
  377.     {% endif %}
  378.     {% include "articles/javascripts/base-article-js.html.twig" %}
  379.     {{ parent() }}
  380. {% endblock %}