demarches/app/views/letters/show.html.erb

<h1><%= @letter.title %></h1>
<div class="<%= controller_name %> <%= action_name %> flex-grow-1 d-flex flex-column flex-lg-row p-2">
	<embed id="pdf" class="flex-grow-1 p-2"
		   src="<%= url_for @letter.pdf %>"
		   type="<%= @letter.pdf.attachment.blob.content_type %>"/>
	<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" 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="" 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>