templates/annuaire/_includes/aide-au-choix-diplomes_superieur.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 ['bac-2-bts', 'bac-3-licence', 'bac-4-bac-5-master', 'ecoles-d-ingenieurs', 'classes-preparatoires', 'formation-professionnelle-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. <br/>
  18. ##{{etape0}}/{{etape1}}/{{etape2}}/{{etape3}}## #}
  20. {% if etape == 0 and position == "header" %}
  21. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome">Diplômes : Aide à l'orientation</div>
  22. <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }}">
  23.     <div class="diplome-aide position-relative">
  24.         <div class="stepwizard pt-2 d-flex align-items-center flex-column flex-lg-row">
  25.             {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  26.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  27.                 <div class="stepwizard-step step1 text-center">
  28.                     {# TODO ajout classe btn clicked pour le changement d'image hexagonal #}
  29.                     <a href="/onglet/superieur" type="button" class="btn clicked position-relative">
  30.                         <strong class="btn1 position-relative">1</strong>
  31.                         <small class="d-flex one mt-4">Niveau de formation</small>
  32.                     </a>
  33.                 </div>
  34.                 <div class="stepwizard-step step2 text-center">
  35.                     <a href="#step-2" type="button" class="btn position-relative" disabled="disabled">
  36.                         <strong class="btn2 position-relative">2</strong>
  37.                         <small class="d-flex two mt-4">Filières</small>
  38.                     </a>
  39.                 </div>
  40.                 <div class="stepwizard-step step3 text-center">
  41.                     <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  42.                         <strong class="btn3 position-relative">3</strong>
  43.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  44.                     </a>
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <!-- Step 1 -->
  49.         <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pt-4 pl-5 pr-5 all-steps justify-content-center">
  50.             <div class="setup-content" id="step-1">
  51.                 <div class="">
  52.                     <h2 class="title font-weight-bold text-center pb-2">Quel niveau de formation souhaitez-vous ?</h2>
  53.                     <div class="d-flex justify-content-center ">
  54.                         <div class="btn-group w-100 flex-wrap" role="group" aria-label="checkbox buttons">
  55.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  56.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'bac-2-bts', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  57.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'bac-2-bts', "sousTypeOnglet": "niveau"}) %}
  58.                             <a class="btn col-lg mb-3" href="{{url}}">BTS - Bac+2</a>
  60.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  61.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'classes-preparatoires', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  62.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'classes-preparatoires', "sousTypeOnglet": "niveau"}) %}
  63.                             <a class="btn col-lg mb-3" href="{{url}}">Classe Prépa</a>
  65.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  66.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'bac-3-licence', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  67.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'bac-3-licence', "sousTypeOnglet": "niveau"}) %}
  68.                             <a class="btn col-lg mb-3" href="{{url}}">Licence - Bac+</a>
  70.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  71.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'bac-4-bac-5-master', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  72.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'bac-4-bac-5-master', "sousTypeOnglet": "niveau"}) %}
  73.                             <a class="btn col-lg mb-3" href="{{url}}">Master - Bac +4/5</a>
  75.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  76.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'ecoles-d-ingenieurs', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  77.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'ecoles-d-ingenieurs', "sousTypeOnglet": "niveau"}) %}
  78.                             <a class="btn col-lg mb-3" href="{{url}}">École d'ingénieurs</a>
  80.                             {% set url = lieu is defined and lieu.slug != 'default' ? 
  81.                                 path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": 'formation-professionnelle-continue', "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  82.                                 path('annuaire_liste_par_onglet_sup', {"niveauOnglet": 'formation-professionnelle-continue', "sousTypeOnglet": "niveau"}) %}
  83.                             <a class="btn col-lg mb-3" href="{{url}}">Formation pro continue</a>
  84.                         </div>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         </form>
  89.     </div>
  90. </div>
  92. {% elseif etape == 1 %}
  93. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true">Diplômes : Aide à l'orientation</div>
  94. <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  95.     <div class="diplome-aide position-relative">
  96.         <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row">
  97.             {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  98.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  99.                 <div class="stepwizard-step step1 text-center">
  100.                     <a href="/onglet/superieur" type="button" class="btn position-relative">
  101.                         <strong class="btn1 position-relative">1</strong>
  102.                         <small class="d-flex one mt-4">Niveau de formation</small>
  103.                     </a>
  104.                 </div>
  105.                 <div class="stepwizard-step step2 text-center">
  106.                     <a href="#step-2" type="button" class="btn clicked position-relative" disabled="disabled">
  107.                         <strong class="btn2 position-relative">2</strong>
  108.                         <small class="d-flex two mt-4">Filières</small>
  109.                     </a>
  110.                 </div>
  111.                 <div class="stepwizard-step step3 text-center">
  112.                     <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  113.                         <strong class="btn3 position-relative">3</strong>
  114.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  115.                     </a>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.         <!-- Step 2 -->
  120.         <form role="diplome-choice" action="" method="post" class="d-flex pt-2 pl-5 pr-5 all-steps justify-content-center">
  121.             <div class="setup-content" id="step-2">
  122.                 <div class="">
  123.                     <h2 class="title font-weight-bold text-center">Quelles filières {{niveauOnglet | niveauLibelle}} envisagez-vous ?</h2>
  124.                     <div class="d-flex justify-content-center ">
  125.                         <div class="list-items">
  126.                             {# TODO à dynamiser niveau de formation #}
  127.                             <ul class="card-three-columns">
  128.                                 {% for filiere in filieres %}
  129.                                     {% set url = lieu is defined and lieu.slug != 'default' ? 
  130.                                         path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": niveauOnglet, "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  131.                                         path('annuaire_liste_par_onglet_sup', {"niveauOnglet": niveauOnglet, "sousTypeOnglet": "niveau"}) %}
  132.                                     <li class="position-relative step-diplome-li"><a href="{{url}}?filiere[]={{filiere.id}}">{{filiere | itemsLibelle}}</a></li>
  133.                                 {% else %}
  134.                                     <style>
  135.                                         .list-description {
  136.                                             display: none;
  137.                                         }
  138.                                     </style>  
  139.                                 {% endfor %}
  140.                             </ul>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </form>
  146.     </div>
  147. </div>
  149. {% elseif etape == 2 or (etape == 3 and position == "header") %}
  150. <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true" >Diplômes : Aide à l'orientation</div>
  151. <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  152.     <div class="diplome-aide position-relative">
  153.         <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row {{hideMe}}">
  154.             {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  155.             <div class="steps setup-panel d-flex justify-content-between position-relative">
  156.                 <div class="stepwizard-step step1 text-center">
  157.                     <a href="/onglet/superieur" type="button" class="btn position-relative">
  158.                         <strong class="btn1 position-relative">1</strong>
  159.                         <small class="d-flex one mt-4">Niveau de formation</small>
  160.                     </a>
  161.                 </div>
  162.                 <div class="stepwizard-step step2 text-center">
  163.                     <a href="/onglet/superieur/niveau/{{niveauOnglet}}" type="button" class="btn position-relative" disabled="disabled">
  164.                         <strong class="btn2 position-relative">2</strong>
  165.                         <small class="d-flex two mt-4">Filières</small>
  166.                     </a>
  167.                 </div>
  168.                 <div class="stepwizard-step step3 text-center">
  169.                     <a href="#step-3" type="button" class="btn clicked position-relative" disabled="disabled">
  170.                         <strong class="btn3 position-relative">3</strong>
  171.                         <small class="d-flex justify-content-center three mt-4">Diplômes</small>
  172.                     </a>
  173.                 </div>
  174.             </div>
  175.         </div>
  176.         <!-- Step 3 -->
  177.         <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pl-5 pr-5 all-steps justify-content-center">
  178.             <div class="setup-content" id="step-3">
  179.                 <div class="">
  180.                 {# TODO à dynamiser nom du diplôme #}
  181.                     <h2 class="title font-weight-bold text-center">Liste des <a href="/onglet/superieur/niveau/{{niveauOnglet}}" class="wizard-niveau-superieur">diplômes {{niveauOnglet | niveauLibelle}}</a> : {{ idFiliere | itemIdLibelle}}</h2>
  182.                     <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>
  183.                     <div class="d-flex justify-content-center ">
  184.                         <div class="list-items mb-2">
  185.                             {# TODO à dynamiser liste diplômes #}
  186.                             <ul class="card-three-columns">
  187.                                 {# Si on a un seul item on n'affiche plus ce bloc #}
  188.                                 {% if diplomes | length <= 1 %}
  189.                                     <!-- Aide aux choix : il n'y a qu'un seul item ! On n'affiche rien ici... -->
  190.                                     <style>
  191.                                         .list-description {
  192.                                             display: none;
  193.                                         }
  194.                                     </style>
  195.                                 {% else %}
  196.                                     {% for diplome in diplomes %}
  197.                                         <li class="position-relative step-diplome-li">
  198.                                         {% set url = lieu is defined and lieu.slug != 'default' ? 
  199.                                             path('annuaire_liste_par_onglet_sup_localisation', {"niveauOnglet": niveauOnglet, "sousTypeOnglet": "niveau", "localisation": lieu.slug}) :
  200.                                             path('annuaire_liste_par_onglet_sup', {"niveauOnglet": niveauOnglet, "sousTypeOnglet": "niveau"}) %}
  201.                                             <a href="{{ url }}?filiere[]={{idFiliere}}&diplome[]={{diplome.id}}">{{diplome | itemsLibelle}} {% if diplome.options is not empty %} - {{ diplome.options }} {% endif %}</a>
  202.                                         </li>
  203.                                     {% else %}
  204.                                         <style>
  205.                                             .list-description {
  206.                                                 display: none;
  207.                                             }
  208.                                         </style>  
  209.                                     {% endfor %}
  210.                                 {% endif %}
  211.                             </ul>
  212.                         </div>
  213.                     </div>
  214.                 </div>
  215.             </div>
  216.         </form>
  217.     </div>
  218. </div>
  220. {% endif %}