Skip to content

Commit

Permalink
fix: eligibility forms ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@hellodeloo
hellodeloo committed Jan 21, 2025
1 parent e534cf6 commit 8caf61f
Show file tree
Hide file tree
Showing 5 changed files with 54 additions and 86 deletions.
2 changes: 1 addition & 1 deletion itou/templates/apply/includes/geiq/legislative_text_link.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="c-info">
<div class="c-info mb-4">
<button class="c-info__summary collapsed" data-bs-toggle="collapse" data-bs-target="#collapseInfoAccompagnement" aria-expanded="false" aria-controls="collapseInfoAccompagnement">
<span>En savoir plus sur l’aide à l’accompagnement</span>
</button>
Expand Down
87 changes: 39 additions & 48 deletions itou/templates/apply/submit/application/eligibility.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,56 +38,47 @@
{% endblock %}

{% block form_content %}
<div class="d-flex flex-column flex-lg-row">
{% if is_subject_to_eligibility_rules and prescription_process %}
<div class="order-0 order-lg-1">
<div class="alert alert-primary bg-white py-0" role="status">
<div class="row">
<div class="col-auto pe-0">
<i class="ri-lightbulb-line ri-xl" aria-hidden="true"></i>
</div>
<div class="col">
<p class="mb-2">
<strong>Bon à savoir</strong>
</p>
<p class="mb-0">Pour valider l'éligibilité IAE du candidat :</p>
<ol>
<li>
Veuillez vous assurer d’avoir réalisé un diagnostic socio-professionnel dans le cadre d'un entretien individuel.
Vous pouvez vous appuyer sur le document
<a class="text-important"
href="{% autologin_proconnect 'https://communaute.inclusion.gouv.fr/surveys/dsp/create/' user %}"
target="_blank"
rel="noreferrer noopener"
aria-label="Diagnostic socio-professionnel des candidats (ouverture dans un nouvel onglet)">diagnostic socio-professionnel de référence</a>.
</li>
<li>Il est recommandé de sélectionner le(s) critères(s) administratifs d’éligibilité correspondants.</li>
</ol>
</div>
</div>
</div>
{% if is_subject_to_eligibility_rules and prescription_process %}
<div class="c-info mb-3">
<button class="c-info__summary">
<span>Pour valider l'éligibilité IAE du candidat</span>
</button>
<div class="c-info__detail">
<ul>
<li>
Veuillez vous assurer d’avoir réalisé un diagnostic socio-professionnel dans le cadre d'un entretien individuel.
Vous pouvez vous appuyer sur le document
<a class="has-external-link"
href="{% autologin_proconnect 'https://communaute.inclusion.gouv.fr/surveys/dsp/create/' user %}"
target="_blank"
rel="noreferrer noopener"
aria-label="Diagnostic socio-professionnel des candidats (ouverture dans un nouvel onglet)">diagnostic socio-professionnel de référence</a>.
</li>
<li>Il est recommandé de sélectionner le(s) critères(s) administratifs d’éligibilité correspondants.</li>
</ul>
</div>
{% endif %}
<div class="col-12 col-lg-7 ps-0{% if eligibility_diagnosis and not form.is_bound %} js-shroud{% endif %}">
<fieldset>
<legend class="h3">Critères administratifs de niveau 1</legend>
{% for field in form %}
{% if form.LEVEL_1_PREFIX in field.name %}
{% bootstrap_field field %}
{% endif %}
{% endfor %}
</fieldset>
</div>
{% endif %}

<fieldset>
<legend class="h3">Critères administratifs de niveau 2</legend>
{% for field in form %}
{% if form.LEVEL_2_PREFIX in field.name %}
{% bootstrap_field field %}
{% endif %}
{% endfor %}
</fieldset>
<div class="{% if eligibility_diagnosis and not form.is_bound %}js-shroud{% endif %}">
<fieldset>
<legend class="h3">Critères administratifs de niveau 1</legend>
{% for field in form %}
{% if form.LEVEL_1_PREFIX in field.name %}
{% bootstrap_field field %}
{% endif %}
{% endfor %}
</fieldset>

<input type="hidden" name="shrouded" value="1" data-shroud-input />
</div>
<fieldset>
<legend class="h3">Critères administratifs de niveau 2</legend>
{% for field in form %}
{% if form.LEVEL_2_PREFIX in field.name %}
{% bootstrap_field field %}
{% endif %}
{% endfor %}
</fieldset>

<input type="hidden" name="shrouded" value="1" data-shroud-input>
</div>
{% endblock %}
16 changes: 4 additions & 12 deletions itou/templates/apply/submit/application/geiq_eligibility.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,17 +32,9 @@

{% block form_content %}
<div {% if geiq_eligibility_diagnosis and not form.is_bound %}class="js-shroud"{% endif %}>
<div class="row">
<div class="col-6 col-lg-7">
<h2>Préciser la situation administrative du candidat (facultatif)</h2>
</div>
<div class="col">{% include "apply/includes/geiq/legislative_text_link.html" %}</div>
</div>
<div class="row">
{# Form fragment rendered by HTMX #}
<div class="col-6 col-lg-7">
<div hx-target="this">{% include "apply/includes/geiq/geiq_administrative_criteria_form.html" %}</div>
</div>
</div>
<h2>Préciser la situation administrative du candidat (facultatif)</h2>
{% include "apply/includes/geiq/legislative_text_link.html" %}
{# Form fragment rendered by HTMX #}
<div hx-target="this">{% include "apply/includes/geiq/geiq_administrative_criteria_form.html" %}</div>
</div>
{% endblock %}
6 changes: 2 additions & 4 deletions itou/templates/approvals/prolongation_requests/deny.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,14 +49,12 @@ <h2 class="h4">Réponse envoyée à l'employeur et au candidat</h2>
<p>
Conformément à l’article Art. R. 5132-1-8. du Décret n° 2021-1128 du 30 août 2021 relatif à l'insertion par l'activité économique, le refus de prolongation d'un prescripteur est motivé par écrit et notifié, par tout moyen donnant date certaine à la réception de cette notification, à la structure et à l'intéressé.
</p>
<a class="btn btn-link px-0" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" aria-label="En savoir plus concernant le contexte légal" rel="noopener" target="_blank">
<span>En savoir plus</span>
<i class="ri-external-link-line ri-lg"></i>
<a class="btn-link has-external-link" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" aria-label="En savoir plus concernant le contexte légal" rel="noopener" target="_blank">
En savoir plus
</a>
</div>
</div>
{% endif %}

<hr>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down
29 changes: 8 additions & 21 deletions tests/www/approvals_views/__snapshots__/test_prolongation_requests.ambr
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,14 +68,12 @@
<p>
Conformément à l’article Art. R. 5132-1-8. du Décret n° 2021-1128 du 30 août 2021 relatif à l'insertion par l'activité économique, le refus de prolongation d'un prescripteur est motivé par écrit et notifié, par tout moyen donnant date certaine à la réception de cette notification, à la structure et à l'intéressé.
</p>
<a aria-label="En savoir plus concernant le contexte légal" class="btn btn-link px-0" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
<span>En savoir plus</span>
<i class="ri-external-link-line ri-lg"></i>
<a aria-label="En savoir plus concernant le contexte légal" class="btn-link has-external-link" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
En savoir plus
</a>
</div>
</div>


<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -120,7 +118,6 @@
<div class="form-group form-group-required"><label class="form-label" for="id_reason_explanation-reason_explanation">Explications du motif de refus</label><textarea class="form-control" cols="40" id="id_reason_explanation-reason_explanation" name="reason_explanation-reason_explanation" placeholder="Message" required="" rows="10"></textarea></div>



<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -213,7 +210,6 @@
</div></div><div class="form-group form-group-required"><label class="form-label" for="id_proposed_actions-proposed_actions_explanation">Précisions</label><textarea class="form-control" cols="40" id="id_proposed_actions-proposed_actions_explanation" name="proposed_actions-proposed_actions_explanation" placeholder="Message" required="" rows="10"></textarea></div>



<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -300,14 +296,12 @@
<p>
Conformément à l’article Art. R. 5132-1-8. du Décret n° 2021-1128 du 30 août 2021 relatif à l'insertion par l'activité économique, le refus de prolongation d'un prescripteur est motivé par écrit et notifié, par tout moyen donnant date certaine à la réception de cette notification, à la structure et à l'intéressé.
</p>
<a aria-label="En savoir plus concernant le contexte légal" class="btn btn-link px-0" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
<span>En savoir plus</span>
<i class="ri-external-link-line ri-lg"></i>
<a aria-label="En savoir plus concernant le contexte légal" class="btn-link has-external-link" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
En savoir plus
</a>
</div>
</div>


<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -352,7 +346,6 @@
<div class="form-group form-group-required"><label class="form-label" for="id_reason_explanation-reason_explanation">Explications du motif de refus</label><textarea class="form-control" cols="40" id="id_reason_explanation-reason_explanation" name="reason_explanation-reason_explanation" placeholder="Message" required="" rows="10"></textarea></div>



<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -461,14 +454,12 @@
<p>
Conformément à l’article Art. R. 5132-1-8. du Décret n° 2021-1128 du 30 août 2021 relatif à l'insertion par l'activité économique, le refus de prolongation d'un prescripteur est motivé par écrit et notifié, par tout moyen donnant date certaine à la réception de cette notification, à la structure et à l'intéressé.
</p>
<a aria-label="En savoir plus concernant le contexte légal" class="btn btn-link px-0" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
<span>En savoir plus</span>
<i class="ri-external-link-line ri-lg"></i>
<a aria-label="En savoir plus concernant le contexte légal" class="btn-link has-external-link" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
En savoir plus
</a>
</div>
</div>


<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -513,7 +504,6 @@
<div class="form-group form-group-required"><label class="form-label" for="id_reason_explanation-reason_explanation">Explications du motif de refus</label><textarea class="form-control" cols="40" id="id_reason_explanation-reason_explanation" name="reason_explanation-reason_explanation" placeholder="Message" required="" rows="10"></textarea></div>



<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -622,14 +612,12 @@
<p>
Conformément à l’article Art. R. 5132-1-8. du Décret n° 2021-1128 du 30 août 2021 relatif à l'insertion par l'activité économique, le refus de prolongation d'un prescripteur est motivé par écrit et notifié, par tout moyen donnant date certaine à la réception de cette notification, à la structure et à l'intéressé.
</p>
<a aria-label="En savoir plus concernant le contexte légal" class="btn btn-link px-0" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
<span>En savoir plus</span>
<i class="ri-external-link-line ri-lg"></i>
<a aria-label="En savoir plus concernant le contexte légal" class="btn-link has-external-link" href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000043990367" rel="noopener" target="_blank">
En savoir plus
</a>
</div>
</div>


<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down Expand Up @@ -674,7 +662,6 @@
<div class="form-group form-group-required"><label class="form-label" for="id_reason_explanation-reason_explanation">Explications du motif de refus</label><textarea class="form-control" cols="40" id="id_reason_explanation-reason_explanation" name="reason_explanation-reason_explanation" placeholder="Message" required="" rows="10"></textarea></div>



<hr/>
<p class="fs-xs">* champ obligatoire</p>
<div class="form-group text-end">
Expand Down

0 comments on commit 8caf61f

Please sign in to comment.