templates/articles/groupe-travail.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {# extension.excerpt #}
  3. {% block style %}
  4.     {{ parent() }}
  5.     {% include "css/shepherd.html.twig" %}
  6.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'gt_css'} %}
  7.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'loader_css'} %}
  8.     {% for i, jalon in content.jalons %}
  9.         {% include "articles/styles/base-css-logic.html.twig" with {content : jalon} %}
  10.     {% endfor %}
  11. {% endblock %}
  12. {% block content %}
  13.     {% set name = app.request.attributes.get('structure').structure.name %}
  14.     {% set values = ['Ressources','Groupe de travail'] %}
  15.     {% set jalons = content.jalons %}
  16.     {% include "articles-blocks/breadcrumb.html.twig" with {titles : values} %}
  18.     <section class="single-article-container prelative ingt-intro">
  19.         <article>
  20.             <div class="mlr-1em introGtHeader">
  21.                 {% include "articles-blocks/header.html.twig" %}
  22.                 {% set categories = extension.excerpt.categories %}
  23.                 {% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
  24.                 <div class="fw500 fs20 lh28 text cgrey mt-40px">
  25.                     {{ content.chapo|raw }}
  26.                 </div>
  27.             </div>
  28.             <div class="introGtInfos plr-1em">
  29.                 <div class="gt-infos-container dflex fwwrap jcsb aic introGtInfos">
  30.                     <div class="gt-infos">
  31.                         {% if content.referent_pqna is defined and content.referent_pqna is not null %}
  32.                             <div class="dflex fw600 fs18 fwwrap">
  33.                                 <div class="icon-cont">
  34.                                     <img src="/resources/img/user-offre-icon.svg" alt="" class="mr-8px" width="17" height="19">
  35.                                 </div>
  36.                                 Référent PQN-A :
  37.                                 <span class="fw400 ml-4px">
  38.                                     {{ content.referent_pqna.fullName }}
  39.                                 </span>
  40.                             </div>
  41.                         {% endif %}
  43.                         <div class="dflex fw600 fs18 mt-1em fwwrap"{% if app.user is not empty and app.user.contact in content.participants %}id="show-participants" title="Afficher les participants"{% endif %}>
  44.                             <div class="icon-cont">
  45.                                 <img src="/resources/img/user-offre-icon.svg" alt="" class="mr-8px" width="17" height="19">
  46.                             </div>
  47.                             Nombre de participants :
  48.                             <span class="fw400 ml-4px">
  49.                                 {{ content.participants|length }}
  50.                             </span>
  51.                         </div>
  52.                         {% if content.limit_date is defined and content.limit_date is not null %}
  53.                             <div class="dflex fw600 fs18 mt-1em fwwrap">
  54.                                 <div class="icon-cont">
  55.                                     <img src="/resources/img/calendar-icon.svg" alt="" class="mr-8px" width="21" height="20">
  56.                                 </div>
  57.                                 Dates limites d'inscription :
  58.                                 <span class="ml-4px fw400">
  59.                                     {{ content.limit_date }}
  60.                                 </span>
  61.                             </div>
  62.                         {% endif %}
  63.                     </div>
  64.                     {% if app.user is empty or app.user.contact not in content.participants %}
  65.                         {% include "articles-blocks/gt-inscription-button.html.twig" with {text: "Je souhaite participer", class: "gt-inscription"} %}
  66.                     {% else %}
  67.                         {% include "articles-blocks/gt-forum.html.twig" %}
  68.                     {% endif %}
  69.                 </div>
  70.                 {% if content.group_title is defined and content.group_title is not null %}
  71.                     <h2 class="mt-40px">
  72.                         {{ content.group_title }}
  73.                     </h2>
  74.                 {% endif %}
  75.                 {% if content.group_desc is defined and content.group_desc is not null %}
  76.                     <div class="dflex mt-1em">
  77.                         {{ content.group_desc|raw }}
  78.                     </div>
  79.                 {% endif %}
  80.             </div>
  81.             {% set etapeClass = "etape cwhite dflex jcc aic bgturquoise prelative" %}
  82.             {% set etapeTitleClass = "etape-title pabsolute cblue not-visible-mobile" %}
  83.             {% set actualMobileTitle = '' %}
  84.             <div class="etape-container dflex jcsb aic w100 bgblue">
  85.                 <div
  86.                     class="etape-holder dflex jcsa aic w100 introGtStep plr-1em">
  87.                     {# logique pour capter le jalon le plus tardif parmis ceux qui ont été mis "en cours" #}
  88.                     {% set actualStep = 0 %}
  89.                     {% for i, jalon in jalons %}
  90.                         {% if jalon.jalon_title is defined and jalon.jalon_title is not empty and jalon.main_content|length > 0 %}
  91.                             {% if jalon.jalon_main %}
  92.                                 {% set actualStep = i + 1 %}
  93.                             {% endif %}
  94.                         {% endif %}
  95.                     {% endfor %}
  96.                     {% for i, jalon in jalons %}
  97.                         {% if jalon.jalon_title is defined and jalon.jalon_title is not empty and jalon.main_content|length > 0 %}
  98.                             {% if i + 1 == actualStep %}
  99.                                 {% set actualMobileTitle = jalon.jalon_title %}
  100.                             {% endif %}
  101.                             <button class="{{ etapeClass }}{% if i + 1 == actualStep %} pending{% endif %}" data-jalon={{ i + 1 }}>
  102.                                 <span class="pabsolute fw600{% if i + 1 == actualStep %} fs30{% else %} fs22{% endif %}">
  103.                                     {{i + 1}}
  104.                                 </span>
  105.                                 {% if jalon.jalon_title is defined and jalon.jalon_title is not empty %}
  106.                                     <span class="{{ etapeTitleClass }}{% if i + 1 == actualStep %} fw600{% endif %}">
  107.                                         {{ jalon.jalon_title }}
  108.                                     </span>
  109.                                 {% endif %}
  110.                             </button>
  111.                         {% endif %}
  112.                     {% endfor %}
  113.                 </div>
  114.             </div>
  115.             {% if actualMobileTitle != '' %}
  116.                 <div class="center visible-mobile plr-16px">{{ actualMobileTitle }}</div>
  117.             {% endif %}
  118.             {# ce code est pour éviter d'avoir le bouton d'inscription à un GT quand vu depuis la preview depuis le BO #}
  119.             {% if "sulu_preview" in app.request.pathInfo %}
  120.                 {% include "articles-blocks/gt-content.html.twig" %}
  121.             {% else %}
  122.                 {% if app.user is empty or app.user.contact not in content.participants %}
  123.                     <section class="prelative gt-preview-section plr-1em">
  124.                         <div class="pabsolute dflex aic jcc zi1 w100 h100">
  125.                             {% include "articles-blocks/gt-inscription-button.html.twig" with {text: "Demandez l'accès pour consulter les ressources et participez au groupe de travail", class: "gt-preview-link"} %}
  126.                         </div>
  127.                         <div class="blurred ptb-80px plr-1em">
  128.                             <h2 class="mt-40px fw400 lh40 fs36">Veuillez vous connecter pour accéder à ce groupe de travail.</h2>
  129.                             <div class="fs18 fw600 lh28 mt-24px">En vous inscrivant, vous aurez la possibilité d'intéragir avec les autres personnes inscrites.</div>
  130.                         </div>
  131.                         <div class="blurred ptb-80px plr-1em">
  132.                             <h2 class="mt-40px fw400 lh40 fs36">Veuillez vous connecter pour accéder à ce groupe de travail.</h2>
  133.                             <div class="fs18 fw600 lh28 mt-24px">En vous inscrivant, vous aurez la possibilité de consulter les fichiers mis en ligne par le groupe de travail.</div>
  134.                         </div>
  135.                     </section>
  136.                 {% else %}
  137.                     {% include "articles-blocks/gt-content.html.twig" %}
  138.                     {% include "articles-blocks/gt-fichiers.html.twig" %}
  139.                     <div class="dflex fdc aic jcc w100 h100 participant-popin" id="participant-popin">
  140.                         <div class="participant-container w100 h100 dflex jcc aic fdc">
  141.                             <div class="participant-list" id="participant-list">
  142.                                 <button class="gt-participants-popin-close" id="gt-participants-popin-close">
  143.                                     <img src="/resources/img/exit-icon.svg" alt="Cliquez ici pour fermer la popin" width="15" height="15">
  144.                                 </button>
  145.                                 {% for participant in content.participants %}
  146.                                     <a href="/user/{{participant.id}}" class="cblue nodeco">
  147.                                         <div class="participant dflex aic">
  148.                                             <div class="img-cont">
  149.                                                 {% if participant.avatar.id is defined and participant.avatar.id is not null %}
  150.                                                     {% set avatar = sulu_resolve_media(participant.avatar.id, 'fr') %}    
  151.                                                     <img src="{{ avatar.formats['sulu-260x.webp'] }}" class="referent-avatar" width="40px" height="40px">
  152.                                                 {% endif %}
  153.                                             </div>
  154.                                             <div>
  155.                                                 {{ participant.fullName }}
  156.                                             </div>
  157.                                         </div>
  158.                                     </a>
  159.                                 {% endfor %}
  160.                             </div>
  161.                         </div>
  162.                     </div>
  163.                 {% endif %}
  164.             {% endif %}
  165.         </article>
  166.     </section>
  167. {% endblock %}
  169. {% block javascripts %}
  170.     {{ encore_entry_script_tags('gt_js') }}
  171.     {% if app.user %}
  172.         {{ encore_entry_script_tags('onboard_tour') }}
  173.     {% endif %}
  174.     {% for i, jalon in content.jalons %}
  175.         {% include "articles/javascripts/base-article-js.html.twig" with {content : jalon} %}
  176.     {% endfor %}
  177.     {{ parent() }}
  178. {% endblock %}