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">
	<%#= 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>