templates/annuaire/_includes/aide-au-choix-diplomes_professionnel.html.twig line 1

Open in your IDE?
  1. {% set etape0 = not app.request.query.get('filiere', null) and not app.request.query.get('diplome', null) and niveauOnglet == "tout"  %}
  2. {% set etape1 = not app.request.query.get('filiere', null) and not app.request.query.get('diplome', null) and niveauOnglet in ['cap', 'bac-pro', 'formation-pro-continue'] and position == "header" %}
  3. {% set etape2 = app.request.query.get('filiere', null) and not app.request.query.get('diplome', null) and position == "header"  %}
  4. {% set etape3 = app.request.query.get('filiere', null) and app.request.query.get('diplome', null) %}
  5. {% set etape = 0*etape0 + 1*etape1 + 2*etape2 + 3*etape3 %} 
  7. {% set idFiliere = app.request.query.get('filiere') | first %}
  8. {% set idDiplome = app.request.query.get('diplome') | first %}
  9. {% set affichageBas = position == 'footer' and etape == 3 %}
  10. {% if affichageBas %}
  11.     {% set hideMe = "d-none-important" %}
  12. {% else %}
  13.     {% set hideMe = "" %}
  14. {% endif %}
  16. {# ##ETAPE {{etape}}## position = {{position}} ### niveauOnglet = {{niveauOnglet}} ####
  17. ##{{etape0}}/{{etape1}}/{{etape2}}/{{etape3}}## #}
  19. {% if etape == 0 and position == "header" %}
  20. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome">Diplômes : Aide à l'orientation</div>
  21. <div  id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }}">
  22.     <div class="diplome-aide position-relative">
  23.         <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row">
  24.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  25.                 <div class="stepwizard-step step1 text-center">
  26.                     {# TODO ajout classe btn clicked pour le changement d'image hexagonal #}
  27.                     <a href="#step-1" type="button" class="btn clicked position-relative">
  28.                         <strong class="btn1 position-relative">1</strong>
  29.                         <small class="d-flex one mt-4">Niveau de formation</small>
  30.                     </a>
  31.                 </div>
  32.                 <div class="stepwizard-step step2 text-center">
  33.                     <a href="#step-2" type="button" class="btn position-relative" disabled="disabled">
  34.                         <strong class="btn2 position-relative">2</strong>
  35.                         <small class="d-flex two mt-4">Filières</small>
  36.                     </a>
  37.                 </div>
  38.                 <div class="stepwizard-step step3 text-center">
  39.                     <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  40.                         <strong class="btn3 position-relative">3</strong>
  41.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  42.                     </a>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.         <!-- Step 1 -->
  47.         <form role="diplome-choice" action="" method="post" class="d-flex pl-5 pr-5 all-steps justify-content-center">
  48.             <div class="setup-content" id="step-1">
  49.                 <div class="">
  50.                     <h2 class="title font-weight-bold text-center pb-2">Quel niveau de formation souhaitez-vous ?</h2>
  51.                     <div class="d-flex justify-content-center">
  52.                         <div class="btn-group w-100 flex-wrap" role="group" aria-label="checkbox buttons">
  53.                             {% if idsFiltresContexte|filter(v => v starts with 'LYCPRO-CAP-')|length > 0 %}
  54.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  55.                                 path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": 'cap', "typeOnglet": "professionnel", "localisation": lieu.slug}) :
  56.                                 path('annuaire_liste_par_onglet', {"niveauOnglet": 'cap', "typeOnglet": "professionnel"}) %}
  57.                             <a class="btn col-lg mb-3" href="{{url}}">CAP</a>
  58.                             {% endif %}
  60.                             {% if idsFiltresContexte|filter(v => v starts with 'LYCPRO-BACP-')|length > 0 %}
  61.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  62.                                 path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": 'bac-pro', "typeOnglet": "professionnel", "localisation": lieu.slug}) :
  63.                                 path('annuaire_liste_par_onglet', {"niveauOnglet": 'bac-pro', "typeOnglet": "professionnel"}) %}
  64.                             <a class="btn col-lg mb-3" href="{{url}}">Bac Pro</a>
  65.                             {% endif %}
  67.                             {% if idsFiltresContexte|filter(v => v starts with 'LYCPRO-FPC-')|length > 0 %}
  68.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  69.                                 path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": 'formation-pro-continue', "typeOnglet": "professionnel", "localisation": lieu.slug}) :
  70.                                 path('annuaire_liste_par_onglet', {"niveauOnglet": 'formation-pro-continue', "typeOnglet": "professionnel"}) %}
  71.                             <a class="btn col-lg" href="{{url}}">Formation Pro Continue</a>
  72.                             {% endif %}
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </form>
  79.     </div>
  80. </div>
  82. {% elseif etape == 1 %}
  83. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true">Diplômes : Aide à l'orientation</div>
  84. <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  85.     <div class="diplome-aide position-relative">
  86.         <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row">
  87. {#
  88.             <div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>
  89. #}
  90.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  91.                 <div class="stepwizard-step step1 text-center">
  92.                     <a href="/onglet/professionnel" type="button" class="btn position-relative">
  93.                         <strong class="btn1 position-relative">1</strong>
  94.                         <small class="d-flex one mt-4">Niveau de formation</small>
  95.                     </a>
  96.                 </div>
  97.                 <div class="stepwizard-step step2 text-center">
  98.                     <a href="#" type="button" class="btn clicked position-relative" disabled="disabled">
  99.                         <strong class="btn2 position-relative">2</strong>
  100.                         <small class="d-flex two mt-4">Filières</small>
  101.                     </a>
  102.                 </div>
  103.                 <div class="stepwizard-step step3 text-center">
  104.                     <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  105.                         <strong class="btn3 position-relative">3</strong>
  106.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  107.                     </a>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <!-- Step 2 -->
  112.         <form role="diplome-choice" action="" method="post" class="d-flex pl-5 pr-5 all-steps justify-content-center">
  113.             <div class="setup-content" id="step-2">
  114.                 <div class="">
  115.                     <h2 class="title font-weight-bold text-center">Quelles filières {{niveauOnglet | niveauLibelle}} envisagez-vous ?</h2>
  116.                     <div class="d-flex justify-content-center">
  117.                         <div class="list-items">
  118.                             {# TODO à dynamiser niveau de formation #}
  119.                             <ul class="card-three-columns">
  120.                                 {% for filiere in filieres %}
  121.                                     {% set url = lieu is defined and lieu.slug != 'default' ? 
  122.                                         path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet, "localisation": lieu.slug}) :
  123.                                         path('annuaire_liste_par_onglet', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet}) %}
  124.                                     <li class="position-relative step-diplome-li"><a href="{{url}}?filiere[]={{filiere.id}}">{{filiere | itemsLibelle}}</a></li>
  125.                                 {% else %}
  126.                                     <style>
  127.                                         .list-description {
  128.                                             display: none;
  129.                                         }
  130.                                     </style>  
  131.                                 {% endfor %}
  132.                             </ul>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.         </form>
  138.     </div>
  139. </div>
  141. {% elseif etape == 2 or (etape == 3 and position == "footer") %}
  142. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true">Diplômes : Aide à l'orientation</div>
  143. <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  144.     <div class="diplome-aide position-relative">
  145.         <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row {{hideMe}}">
  146. {#
  147.             <div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>
  148. #}
  149.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  150.                 <div class="stepwizard-step step1 text-center">
  151.                     <a href="/onglet/professionnel" type="button" class="btn position-relative">
  152.                         <strong class="btn1 position-relative">1</strong>
  153.                         <small class="d-flex one mt-4">Niveau de formation</small>
  154.                     </a>
  155.                 </div>
  156.                 <div class="stepwizard-step step2 text-center">
  157.                     <a href="/onglet/professionnel/{{niveauOnglet}}" type="button" class="btn position-relative" disabled="disabled">
  158.                         <strong class="btn2 position-relative">2</strong>
  159.                         <small class="d-flex two mt-4">Filières</small>
  160.                     </a>
  161.                 </div>
  162.                 <div class="stepwizard-step step3 text-center">
  163.                     <a href="#step-3" type="button" class="btn clicked position-relative" disabled="disabled">
  164.                         <strong class="btn3 position-relative">3</strong>
  165.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  166.                     </a>
  167.                 </div>
  168.             </div>
  169.         </div>
  170.         <!-- Step 3 -->
  171.         <form role="diplome-choice" action="" method="post" class="d-flex pl-5 pr-5 all-steps justify-content-center">
  172.             <div class="setup-content" id="step-3">
  173.                 <div class="">
  174.                 {# TODO à dynamiser nom du diplôme #}
  175.                     <h2 class="title font-weight-bold text-center">Liste des <a href="/onglet/professionnel/{{niveauOnglet}}" class="wizard-niveau-professionnel">diplômes {{niveauOnglet | niveauLibelle}}</a> : {{ idFiliere | itemIdLibelle}}</h2>
  176.                     <p class="font-weight-bolder font-italic text-center {{hideMe}}">En sélectionnant l'un des diplômes ci-dessous, découvrez les établissements dispensant ce diplôme :</p>
  177.                     <div class="d-flex justify-content-center">
  178.                         <div class="list-items">
  179.                             {# TODO à dynamiser liste diplômes #}
  180.                             <ul class="card-three-columns">
  181.                                 {% for diplome in diplomes %}
  182.                                     <li class="position-relative step-diplome-li">
  183.                                         {% set url = lieu is defined and lieu.slug != 'default' ? 
  184.                                                     path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet, "localisation": lieu.slug}) :
  185.                                                     path('annuaire_liste_par_onglet', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet}) %}
  186.                                         <a href="{{ url }}?filiere[]={{idFiliere}}&diplome[]={{diplome.id}}">{{diplome | itemsLibelle}} {% if diplome.options is not empty %} - {{ diplome.options }} {% endif %}</a>
  187.                                     </li>
  188.                                 {% else %}
  189.                                     <style>
  190.                                         .list-description {
  191.                                             display: none;
  192.                                         }
  193.                                     </style>  
  194.                                 {% endfor %}
  195.                             </ul>
  196.                         </div>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </form>
  201.     </div>
  202. </div>
  203. {% endif %}