Skip to content

Commit

Permalink
Improve the widget to send an ADS manager request
Browse files Browse the repository at this point in the history
  • Loading branch information
@brmzkw
brmzkw committed Jan 19, 2024
1 parent 7eba549 commit 7f99dcb
Showing 1 changed file with 117 additions and 114 deletions.
231 changes: 117 additions & 114 deletions mesads/templates/webpack/pages/ads_register/ads_manager_request.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,137 +94,140 @@
MesADS est le registre national des autorisations de stationnement (licences de taxi) délivrées par l'administration.
</p>

<div class="fr-accordions-group fr-mb-5w">
<section class="fr-accordion">
<h3 class="fr-accordion__title">
<button class="fr-accordion__btn" aria-expanded="{% if user_ads_manager_requests|length != 0 or ads_managers_administrators|length != 0 %}true{% else %}false{% endif %}" aria-controls="accordion-1">
Je suis instructeur au sein d'une administration et je souhaite gérer ses ADS

<div class="fr-tabs">
<ul class="fr-tabs__list" role="tablist" aria-label="[A modifier | nom du système d'onglet]">
<li role="presentation">
<button id="tabpanel-1" class="fr-tabs__tab fr-icon-government-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="tabpanel-1-panel">
Je suis instructeur au sein d'une administration et je souhaite gérer ses ADS
</button>
</li>
<li role="presentation">
<button id="tabpanel-2" class="fr-tabs__tab fr-icon-questionnaire-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-2-panel">
J'ai un autre profil
</button>
</h3>
<div class="fr-collapse" id="accordion-1">
<form class="fr-grid-row fr-grid-row--middle" method="post" action="{% url 'app.ads-manager.index' %}">
{% csrf_token %}
<div class="fr-form-group">
<fieldset class="fr-fieldset">
<legend class="fr-fieldset__legend fr-text--regular" id='radio-inline-legend'>
Afin d'obtenir un accès pour la gestion de vos ADS, sélectionnez votre administration puis cliquez sur “envoyer la demande à la préfecture”. <strong>L'accès est strictement réservé aux agents de l'administration</strong>.
</legend>

<div class="fr-mb-2w fr-alert fr-alert--info">
<h3 class="fr-alert__title">Un problème ? Contactez-nous !</h3>
<p>
Si vous avez le moindre problème, par exemple si votre demande est refusée ou met trop de temps avant d'être acceptée, vous pouvez contacter notre équipe par email à <a href="mailto:{{ MESADS_CONTACT_EMAIL }}">{{ MESADS_CONTACT_EMAIL }}</a>
</p>
</div>
</li>
</ul>

<div id="tabpanel-1-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-1" tabindex="0">
<form class="fr-grid-row fr-grid-row--middle" method="post" action="{% url 'app.ads-manager.index' %}">
{% csrf_token %}
<div class="fr-form-group">
<fieldset class="fr-fieldset">
<legend class="fr-fieldset__legend fr-text--regular" id='radio-inline-legend'>
Afin d'obtenir un accès pour la gestion de vos ADS, sélectionnez votre administration puis cliquez sur “envoyer la demande à la préfecture”. <strong>L'accès est strictement réservé aux agents de l'administration</strong>.
</legend>

<div class="fr-mb-2w fr-alert fr-alert--info">
<h3 class="fr-alert__title">Un problème ? Contactez-nous !</h3>
<p>
Si vous avez le moindre problème, par exemple si votre demande est refusée ou met trop de temps avant d'être acceptée, vous pouvez contacter notre équipe par email à <a href="mailto:{{ MESADS_CONTACT_EMAIL }}">{{ MESADS_CONTACT_EMAIL }}</a>
</p>
</div>

<p>Vous souhaitez gérer les ADS :</p>

<p>Vous souhaitez gérer les ADS :</p>
<div class="fr-fieldset__content">
<!-- Commune -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-1" name="radio-inline">
<label class="fr-label" for="radio-inline-1">
D'une commune
</label>

<div class="fr-fieldset__content">
<!-- Commune -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-1" name="radio-inline">
<label class="fr-label" for="radio-inline-1">
D'une commune
<div class="fr-input-group radio-inline{% if form.errors.commune %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.commune.id_for_label }}"
>
Sélectionnez la commune:
</label>

<div class="fr-input-group radio-inline{% if form.errors.commune %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.commune.id_for_label }}"
>
Sélectionnez la commune:
</label>

{{ form.commune }}

{% for error in form.errors.commune %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
{{ form.commune }}

{% for error in form.errors.commune %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
</div>

<!-- EPCI -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-2" name="radio-inline">
<label class="fr-label" for="radio-inline-2">
D'un établissement public à fiscalité propre (métropole, communauté de commune, communauté d’agglomération ou communauté urbaine)
</label>

<!-- EPCI -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-2" name="radio-inline">
<label class="fr-label" for="radio-inline-2">
D'un établissement public à fiscalité propre (métropole, communauté de commune, communauté d’agglomération ou communauté urbaine)
<div class="fr-input-group radio-inline{% if form.errors.epci %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.epci.id_for_label }}"
>
Sélectionnez l'établissement :
</label>

<div class="fr-input-group radio-inline{% if form.errors.epci %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.epci.id_for_label }}"
>
Sélectionnez l'établissement :
</label>

{{ form.epci }}

{% for error in form.errors.epci %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
{{ form.epci }}

{% for error in form.errors.epci %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
</div>

<!-- Préfecture -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-3" name="radio-inline">
<label class="fr-label" for="radio-inline-3">
D'une préfecture (ADS aéroport)
</label>

<!-- Préfecture -->
<div class="fr-radio-group">
<input type="radio" id="radio-inline-3" name="radio-inline">
<label class="fr-label" for="radio-inline-3">
D'une préfecture (ADS aéroport)
<div class="fr-input-group radio-inline{% if form.errors.prefecture %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.prefecture.id_for_label }}"
>
Sélectionnez la préfecture :
</label>

<div class="fr-input-group radio-inline{% if form.errors.prefecture %} fr-input-group--error{% endif %}">
<label
class="fr-label"
for="{{ form.prefecture.id_for_label }}"
>
Sélectionnez la préfecture :
</label>

{{ form.prefecture }}

{% for error in form.errors.prefecture %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
{{ form.prefecture }}

{% for error in form.errors.prefecture %}
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
</div>
</fieldset>
</div>

<!-- Non-fields errors -->
{% if form.non_field_errors %}
<div class="fr-input-group fr-input-group--error">
{% for error in form.non_field_errors %}
<!-- Non-field error -->
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
{% endif %}
<div class="fr-input-group">
<button type="submit" class="fr-btn">Envoyer la demande à la préfecture</button>
</fieldset>
</div>

<!-- Non-fields errors -->
{% if form.non_field_errors %}
<div class="fr-input-group fr-input-group--error">
{% for error in form.non_field_errors %}
<!-- Non-field error -->
<p class="fr-error-text">
{{ error }}
</p>
{% endfor %}
</div>
</form>
</div>
</section>
<section class="fr-accordion">
<h3 class="fr-accordion__title">
<button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-2">
J'ai un autre profil
</button>
</h3>
<div class="fr-collapse" id="accordion-2">
Le registre des ADS (licences de taxi) ne vous est pas ouvert, si nécessaire vous pouvez nous contacter en cliquant sur la bulle en bas à droite de votre écran
</div>
</section>
{% endif %}
<div class="fr-input-group">
<button type="submit" class="fr-btn">Envoyer la demande à la préfecture</button>
</div>
</form>
</div>

<div id="tabpanel-2-panel" class="fr-tabs__panel" role="tabpanel" aria-labelledby="tabpanel-2" tabindex="0">
<p>
Le registre des ADS (licences de taxi) ne vous est pas ouvert, si nécessaire vous pouvez nous contacter en cliquant sur la bulle en bas à droite de votre écran
</p>
</div>
</div>
{% endblock %}

Expand Down

0 comments on commit 7f99dcb

Please sign in to comment.