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

Open in your IDE?
  1. {% if niveauOnglet == 'technologique' %}
  2.     {% set filiere = app.request.query.get('filiere') | first %}
  3.     {% set diplome = app.request.query.get('diplome') | first %}
  5.     {% set etape0 = not app.request.query.get('filiere', null) and not app.request.query.get('diplome', null)  %}
  6.     {% set etape1 = app.request.query.get('filiere', null) and not app.request.query.get('diplome', null)  %}  
  7.     {% set etape = 0*etape0 + 1*etape1 %} {# n° étape : 0, 1 #}
  9.     {% set idFiliere = app.request.query.get('filiere') | first %}
  10.     {% set idDiplome = app.request.query.get('diplome') | first %}
  11.     {% set affichageBas = position == 'footer' and etape == 2 %}
  12.     {% if affichageBas %}
  13.         {% set hideMe = "d-none-important" %}
  14.     {% else %}
  15.         {% set hideMe = "" %}
  16.     {% endif %}
  18.     {#
  19.     ##ETAPE {{etape}}## position = {{position}} ### niveauOnglet = {{niveauOnglet}} ####
  20.     ##{{etape0}}/{{etape1}}/{{etape2}}##
  21.     #}
  23.     {% if etape == 0 and position != 'footer' %}
  24.         <div class="title-aide-dip" data-bs-toggle="collapse" data-bs-target="#stepDiplome">Diplômes : Aide à l'orientation</div>
  25.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }}">
  26.             <div class="diplome-aide position-relative">
  27.                 <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row">
  28.                     {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  29.                     <div class="steps setup-panel d-flex justify-content-between position-relative">
  30.                         <div class="stepwizard-step step1 text-center">
  31.                             <a href="#step-1" type="button" class="btn clicked position-relative" disabled="disabled">
  32.                                 <strong class="btn1 position-relative">1</strong>
  33.                                 <small class="d-flex two mt-4">Séries</small>
  34.                             </a>
  35.                         </div>
  36.                         <div class="stepwizard-step step2 text-center">
  37.                             <a href="#step-2" type="button" class="btn position-relative" disabled="disabled">
  38.                                 <strong class="btn2 position-relative">2</strong>
  39.                                 <small class="d-flex justify-content-center three mt-4">Options</small>
  40.                             </a>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  45.                 <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pt-4 pl-5 pr-5 all-steps justify-content-center">
  46.                     <div class="setup-content" id="step-1">
  47.                         <div class="">
  48.                             <h2 class="title font-weight-bold text-center">Quelle série technologique envisagez-vous ?</h2>
  49.                             <div class="d-flex justify-content-center ">
  50.                                 <div class="list-items">
  51.                                     <ul class="card-three-columns">
  52.                                     {% for filiere in filieres %}
  53.                                         {% set url = lieu is defined and lieu.slug != 'default' ? 
  54.                                         path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet, "localisation": lieu.slug}) :
  55.                                         path('annuaire_liste_par_onglet', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet}) %}
  56.                                         <li class="position-relative step-diplome-li"><a href="{{url}}?filiere[]={{filiere.id}}">{{filiere | itemsLibelle | raw}}</a></li>
  57.                                     {% else %}
  58.                                         <style>
  59.                                             .list-description {
  60.                                                 display: none;
  61.                                             }
  62.                                         </style> 
  63.                                     {% endfor %}
  64.                                 </ul>
  65.                                 </div>
  66.                             </div>
  67.                         </div>
  68.                     </div>
  69.                 </form>
  70.             </div>
  71.         </div>
  73.     {% elseif (etape == 1 and position != 'footer') or affichageBas %}
  74.         <div class="title-aide-dip" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true">Diplômes : Aide à l'orientation</div>
  75.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  76.             <div class="diplome-aide position-relative">
  77.                 <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row {{hideMe}}">
  78.                     {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  79.                     <div class="steps setup-panel d-flex justify-content-between position-relative">
  80.                         <div class="stepwizard-step step1 text-center">
  81.                             <a href="/onglet/lycee/technologique" type="button" class="btn position-relative" disabled="disabled">
  82.                                 <strong class="btn1 position-relative">1</strong>
  83.                                 <small class="d-flex two mt-4">Séries</small>
  84.                             </a>
  85.                         </div>
  86.                         <div class="stepwizard-step step2 text-center">
  87.                             <a href="#step-2" type="button" class="btn clicked position-relative" disabled="disabled">
  88.                                 <strong class="btn2 position-relative">2</strong>
  89.                                 <small class="d-flex justify-content-center three mt-4">Options</small>
  90.                             </a>
  91.                         </div>
  92.                     </div>
  93.                 </div>
  96.                 <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pt-4 pl-5 pr-5 all-steps justify-content-center">
  97.                     <div class="setup-content" id="step-2">
  98.                         <div class="">
  100.                             <h2 class="title font-weight-bold text-center">Quelle option ?</h2>
  101.                             <div class="d-flex justify-content-center ">
  102.                                 <div class="list-items">
  103.                                     <ul class="card-three-columns">
  104.                                         {# Si on a un seul item on n'affiche plus ce bloc #}
  105.                                         {% if diplomes | length <= 1 %}
  106.                                             <!-- Aide aux choix : il n'y a qu'un seul item ! On n'affiche rien ici... -->
  107.                                             <style>
  108.                                                 .list-description {
  109.                                                     display: none;
  110.                                                 }
  111.                                             </style>
  112.                                         {% else %}
  113.                                             {% for diplome in diplomes %}
  114.                                                 {% set url = lieu is defined and lieu.slug != 'default' ? 
  115.                                                     path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet, "localisation": lieu.slug}) :
  116.                                                     path('annuaire_liste_par_onglet', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet}) %}
  117.                                                 <li class="position-relative step-diplome-li">
  118.                                                     <a href="{{ url }}?filiere[]={{idFiliere}}&diplome[]={{diplome.id}}">{{diplome | itemsLibelle | raw}} {# if diplome.options is not empty %} - {{ diplome.options }} {% endif #}</a>
  119.                                                 </li>
  120.                                             {% else %}
  121.                                                 <style>
  122.                                                     .list-description {
  123.                                                         display: none;
  124.                                                     }
  125.                                                 </style> 
  126.                                             {% endfor %}
  127.                                         {% endif %}
  128.                                     </ul>
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </form>
  134.             </div>
  135.         </div>
  136.     {% endif %}
  137. {% endif %} {#-- {% if niveauOnglet == 'technologique' %} --#}
  139. {% if niveauOnglet == 'general' %}
  141.     {% set eds = app.request.query.get('eds', null) %}
  142.     {% set stepLva = app.request.query.get('lva', null) %}
  143.     {% set stepLvb = app.request.query.get('lvb', null) %}
  145.     {% if eds is null %}
  146.         {% set etape = 0 %}
  147.     {% elseif stepLva is null %}
  148.         {% set etape = 1 %}
  149.     {% elseif stepLvb is null %}
  150.         {% set etape = 2 %}
  151.     {% else %}
  152.         {% set etape = 3 %}
  153.     {% endif %}
  156.     {% set idEds = app.request.query.get('eds') | first %}
  157.     {% set idDiplome = app.request.query.get('diplome') | first %}
  158.     {% set affichageBas = position == 'footer' and etape == 3 %}
  159.     {% if affichageBas %}
  160.         {% set hideMe = "d-none-important" %}
  161.     {% else %}
  162.         {% set hideMe = "" %}
  163.     {% endif %}
  165.     {% if etape == 0  %}
  166.         <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome">Lycée général : Aide à l'orientation</div>
  167.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }}">
  168.             <div class="diplome-aide position-relative">
  169.                 <div class="stepwizard pt-2 d-flex align-items-center flex-column flex-lg-row">
  170.                     {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  171.                     <div class="steps setup-panel d-flex justify-content-between position-relative">
  172.                         <div class="stepwizard-step step1 text-center">
  173.                             {# TODO ajout classe btn clicked pour le changement d'image hexagonal #}
  174.                             <a href="/onglet/lycee/general" type="button" class="btn clicked position-relative">
  175.                                 <strong class="btn1 position-relative">1</strong>
  176.                                 <small class="d-flex one mt-4">Spécialité principale</small>
  177.                             </a>
  178.                         </div>
  179.                         <div class="stepwizard-step step2 text-center">
  180.                             <a href="#step-2" type="button" class="btn position-relative" disabled="disabled">
  181.                                 <strong class="btn2 position-relative">2</strong>
  182.                                 <small class="d-flex two mt-4">LVA</small>
  183.                             </a>
  184.                         </div>
  185.                         <div class="stepwizard-step step3 text-center">
  186.                             <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  187.                                 <strong class="btn3 position-relative">3</strong>
  188.                                 <small class="d-flex justify-content-center three mt-4">LVB</small>
  189.                             </a>
  190.                         </div>
  191.                     </div>
  192.                 </div>
  193.                 <!-- Step 1 -->
  194.                 <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pt-4 pl-5 pr-5 all-steps justify-content-center">
  195.                     <div class="setup-content" id="step-1">
  196.                         <div class="">
  197.                             <h2 class="title font-weight-bold text-center pb-2">Quelle spécialité principale recherchez-vous ?</h2>
  198.                             <div class="d-flex justify-content-center ">
  199.                                 <div class="list-items mb-2">
  200.                                     <ul class="card-three-columns">
  201.                                             {% for eds in enseignementsDeSpecialite %}
  202.                                                 {% set url = lieu is defined and lieu.slug != 'default' ? 
  203.                                                         path('annuaire_liste_par_onglet_localisation', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet, "localisation": lieu.slug}) :
  204.                                                         path('annuaire_liste_par_onglet', {"niveauOnglet": niveauOnglet, "typeOnglet": typeOnglet}) %}
  205.                                                 <li class="position-relative step-diplome-li"><a href="{{url}}?eds[]={{eds.id}}">{{eds | itemsLibelle}}</a></li>
  206.                                             {% else %}
  207.                                                 <style>
  208.                                                     .list-description {
  209.                                                         display: none;
  210.                                                     }
  211.                                                 </style>                                                
  212.                                             {% endfor %}
  213.                                     </ul>
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                 </form>
  219.             </div>
  220.         </div>
  222.     {% elseif etape == 1 %}
  223.         <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true">Lycée général : Aide à l'orientation</div>
  224.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  225.             <div class="diplome-aide position-relative">
  226.                 <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row">
  227.                     {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  228.                     <div class="steps setup-panel d-flex justify-content-between position-relative">
  229.                         <div class="stepwizard-step step1 text-center">
  230.                             <a href="/onglet/lycee/general" type="button" class="btn position-relative">
  231.                                 <strong class="btn1 position-relative">1</strong>
  232.                                 <small class="d-flex one mt-4">Spécialité principale</small>
  233.                             </a>
  234.                         </div>
  235.                         <div class="stepwizard-step step2 text-center">
  236.                             <a href="#step-2" type="button" class="btn clicked position-relative" disabled="disabled">
  237.                                 <strong class="btn2 position-relative">2</strong>
  238.                                 <small class="d-flex two mt-4">LVA</small>
  239.                             </a>
  240.                         </div>
  241.                         <div class="stepwizard-step step3 text-center">
  242.                             <a href="#step-3" type="button" class="btn position-relative" disabled="disabled">
  243.                                 <strong class="btn3 position-relative">3</strong>
  244.                                 <small class="d-flex justify-content-center three mt-4">LVB</small>
  245.                             </a>
  246.                         </div>
  247.                     </div>
  248.                 </div>
  249.                 <!-- Step 2 -->
  250.                 <form role="diplome-choice" action="" method="post" class="d-flex pt-2 pl-5 pr-5 all-steps justify-content-center">
  251.                     <div class="setup-content" id="step-2">
  252.                         <div class="">
  253.                             <h2 class="title font-weight-bold text-center">Quelle langue vivante A (LVA) ?</h2>
  254.                             <div class="d-flex justify-content-center ">
  255.                                 <div class="list-items">
  256.                                     {# TODO à dynamiser niveau de formation #}
  257.                                     <ul class="card-three-columns">
  258.                                         {% for lang in lva | filter ( lang => "-TXTS" not in lang.id ) %}
  259.                                             <li class="position-relative step-diplome-li"><a href="{{ generate_uri('lva[]', lang.id) }}">{{lang | itemsLibelle}}</a></li>
  260.                                         {% else %}
  261.                                             <style>
  262.                                                 .list-description {
  263.                                                     display: none;
  264.                                                 }
  265.                                             </style>  
  266.                                         {% endfor %}
  267.                                     </ul>
  268.                                 </div>
  269.                             </div>
  270.                         </div>
  271.                     </div>
  272.                 </form>
  273.             </div>
  274.         </div>
  276.     {% elseif etape == 2 or (etape == 3 and position == "header") %}
  277.         <div class="title-aide-dip collapsed" data-bs-toggle="collapse" data-bs-target="#stepDiplome" aria-expanded="true" >Lycée général : Aide à l'orientation</div>
  278.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }} show">
  279.             <div class="diplome-aide position-relative">
  280.                 <div class="stepwizard pt-2 pb-2 d-flex align-items-center flex-column flex-lg-row {{hideMe}}">
  281.                     {#<div class="font-weight-bold color"><span class="title">Diplômes : </span>Aide à l'orientation</div>#}
  282.                     <div class="steps setup-panel d-flex justify-content-between position-relative">
  283.                         <div class="stepwizard-step step1 text-center">
  284.                             <a href="/onglet/lycee/general" type="button" class="btn position-relative">
  285.                                 <strong class="btn1 position-relative">1</strong>
  286.                                 <small class="d-flex one mt-4">Spécialité principale</small>
  287.                             </a>
  288.                         </div>
  289.                         <div class="stepwizard-step step2 text-center">
  290.                             <a href="#step-2" type="button" class="btn position-relative" disabled="disabled">
  291.                                 <strong class="btn2 position-relative">2</strong>
  292.                                 <small class="d-flex two mt-4">LVA</small>
  293.                             </a>
  294.                         </div>
  295.                         <div class="stepwizard-step step3 text-center">
  296.                             <a href="#step-3" type="button" class="btn clicked position-relative" disabled="disabled">
  297.                                 <strong class="btn3 position-relative">3</strong>
  298.                                 <small class="d-flex justify-content-center three mt-4">LVB</small>
  299.                             </a>
  300.                         </div>
  301.                     </div>
  302.                 </div>
  303.                 <!-- Step 3 -->
  304.                 <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pl-5 pr-5 all-steps justify-content-center">
  305.                     <div class="setup-content" id="step-3">
  306.                         <div class="">
  307.                             {# TODO à dynamiser nom du diplôme #}
  308.                             <h2 class="title font-weight-bold text-center">Quelle langue vivante B (LVB) ?</h2>
  309.                             <div class="d-flex justify-content-center ">
  310.                                 <div class="list-items mb-2">
  311.                                     {# TODO à dynamiser liste diplômes #}
  312.                                     <ul class="card-three-columns">
  313.                                         {% for lang in lvb | filter ( lang => "-TXTS" not in lang.id ) %}
  314.                                             <li class="position-relative step-diplome-li"><a href="{{ generate_uri('lvb[]', lang.id) }}">{{lang | itemsLibelle}}</a></li>
  315.                                         {% else %}
  316.                                             <style>
  317.                                                 .list-description {
  318.                                                     display: none;
  319.                                                 }
  320.                                             </style>  
  321.                                         {% endfor %}
  322.                                     </ul>
  323.                                 </div>
  324.                             </div>
  325.                         </div>
  326.                     </div>
  327.                 </form>
  328.             </div>
  329.         </div>
  331.     {% endif %}
  332. {% endif %}
  334. {% if niveauOnglet != 'technologique' and niveauOnglet != 'general' %}
  335.         <div class="title-aide-dip" data-bs-toggle="collapse" data-bs-target="#stepDiplome">Lycée : Aide à l'orientation</div>
  336.         <div id="stepDiplome" class="collapse p-4 mb-3 step-diplome {{ typeOnglet }}">
  337.             <div class="diplome-aide position-relative">
  338.                 <form role="diplome-choice" action="" method="post" class="d-flex mt-3 pl-5 pr-5 all-steps justify-content-center">
  339.                     <div class="setup-content" id="step-1">
  340.                         <div class="">
  341.                             <h2 class="title font-weight-bold text-center">Quel type d’enseignement recherchez-vous ?</h2>
  342.                             <div class="d-flex justify-content-center pt-4">
  343.                                 <div class="btn-group w-100 flex-wrap" role="group" aria-label="checkbox buttons">
  344.                                     <a class="btn col-lg mb-3" href="/onglet/lycee/general">Lycée général</a>
  345.                                     <a class="btn col-lg mb-3" href="/onglet/lycee/technologique">Lycée technologique</a>
  346.                                 </div>
  347.                             </div>
  348.                         </div>
  349.                     </div>
  350.                 </form>
  351.             </div>
  352.         </div>
  354. {% endif %}