88 lines
4 KiB
Text
88 lines
4 KiB
Text
<h1><%= @letter.title %></h1>
|
||
<div class="<%= controller_name %> <%= action_name %> flex-grow-1 d-flex flex-column flex-lg-row p-2">
|
||
<%#= content_tag :object, id: :pdf, class: %i[flex-grow-1 p-2],
|
||
type: @letter.pdf.attachment.blob.content_type do %>
|
||
<%# tag :embed, src: url_for(@letter.pdf) %>
|
||
<%# end %>
|
||
<%#= content_tag :embed, nil, id: :pdf, class: %i[flex-grow-1 p-2],
|
||
src: url_for(@letter.pdf),
|
||
type: @letter.pdf.attachment.blob.content_type %>
|
||
<% url = polymorphic_url @letter.pdf, anchor: 'view=Fit&toolbar=0' %>
|
||
<%#= content_tag :object, class: %i[flex-grow-1 p-2], data: url,
|
||
type: @letter.pdf.attachment.blob.content_type do %>
|
||
<%= content_tag :iframe, nil, src: url %>
|
||
<%# end %>
|
||
<form method="post" class="p-5">
|
||
<h2 class="text-center">Signez la lettre ouverte</h2>
|
||
|
||
<%
|
||
target, current = @letter.target, @letter.current_signatories
|
||
style, _ = ((current / target.to_f) * 100).divmod 5
|
||
style = [style, 20].min
|
||
%>
|
||
<%= content_tag :div, class: %i[progress mt-3], role: :progressbar, aria: { valuenow: target, valuemin: 0, valuemax: target } do %>
|
||
<%= content_tag :div, class: %W[progress-bar progress-bar-striped progress-bar-animated w-#{style}] do %>
|
||
<%= current %> / <%= target %>
|
||
<% end %>
|
||
<% end %>
|
||
|
||
<div class="form-group row mt-3">
|
||
<label for="name" class="col-sm-2 col-form-label mt-2 p-2">Nom :</label>
|
||
<div class="col-sm-10">
|
||
<input id="name" name="name" class="form-control" placeholder="Prénom Nom idéalement, pseudonyme…" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label for="quality" class="col-sm-2 col-form-label mt-2 p-2">Qualité :</label>
|
||
<div class="col-sm-10">
|
||
<input id="quality" name="quality" class="form-control" placeholder="Citoyen, DPO, personne concernée, chercheur…" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<label for="email" class="col-sm-2 col-form-label mt-2 p-2">Email :</label>
|
||
<div class="col-sm-10">
|
||
<input id="email" name="email" type="email" class="form-control" required>
|
||
</div>
|
||
<p class="text-small">(GMail refusant d’accepter nos emails, une adresse email autre est donc
|
||
préférable !)</p>
|
||
</div>
|
||
<%= invisible_captcha :surname, nil, nonce: true %>
|
||
<%= hidden_field_tag :authenticity_token, form_authenticity_token %>
|
||
<button type="submit" class="btn btn-outline-success btn-lg w-100 mt-2">Signer</button>
|
||
<div class="mt-5 text-small">
|
||
<p>
|
||
En signant cette lettre ouverte, vous donnez votre consentement
|
||
au traitement des données personnelles ci-dessus, comme indiqué dans
|
||
<a href="https://asso-purr.eu.org/conformite:registre#bkmrk-signature-des-lettre">
|
||
notre registre de traitement
|
||
</a>.<br/>
|
||
À l’issue de la procédure, nous conserverons, au titre de notre intérêt légitime,
|
||
<a href="https://fr.wikipedia.org/wiki/User_agent" target="_blank">votre user-agent</a> et
|
||
<a href="https://fr.wikipedia.org/wiki/Adresse_IP" target="_blank">votre adresse IP</a>, à des fins de
|
||
preuve de votre signature et de dédoublonnage.
|
||
</p>
|
||
<p>
|
||
Votre nom et qualité sont nécessaires pour identifier le signataire
|
||
de cette lettre ouverte et seront transmis à son destinataire.<br/>
|
||
Votre email est nécessaire uniquement au processus de signature,
|
||
et ne lui sera pas transmis.
|
||
</p>
|
||
<p>
|
||
Vous pourrez retirer à tout moment votre consentement à l’issue
|
||
de la procédure de signature, via un email qui vous sera envoyé,
|
||
contenant un lien de retrait de votre signature.<br/>
|
||
L’ensemble des données collectées sera alors supprimé.
|
||
</p>
|
||
<p>
|
||
Les données collectées seront supprimées passé 6 mois après la
|
||
remise de cette lettre ouverte à son destinataire.<br/>
|
||
Aucun autre traitement ne sera réalisé.<br/>
|
||
L’association est seule responsable de traitement et ne recourt
|
||
à aucun sous-traitant.<br/>
|
||
Notre politique de confidentialité est disponible
|
||
<a href="https://asso-purr.eu.org/legal.html">ici</a>.
|
||
</p>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|