71v2/project/templates/airtable/participants/participant_profile.html
2023-06-05 19:31:52 +02:00

125 lines
6.8 KiB
HTML

{% extends 'airtable_base.html' %}
{% block content %}
<div class="column is-three-quarters-desktop box is-centered has-text-centered">
<h2 class="title">Edit Participant</h2>
<form method="POST" enctype="multipart/form-data" id="detailsForm{{ record.id }}">
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label" for="family_name">Nom de famille</label>
</div>
<div class="field-body has-text-left">
<div class="field">
<div class="control">
<input id="family_name" name="family_name" value="{{ record.fields['Nom de famille'] }}" required readonly><br><br>
</div>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label" for="first_name">Prénom</label>
</div>
<div class="field-body has-text-left">
<div class="field">
<div class="control">
<input id="first_name" name="first_name" value="{{ record.fields.Prénom }}" required readonly><br><br>
</div>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label">CNI</label>
</div>
<div class="field-body">
<div class="field">
<div class="control">
<div class="columns is-multiline" id="CNI-columns">
<div class="column is-one-quarter">
<div class="card">
<div class="card-image">
</div>
<div class="card-footer">
<div class="button card-footer-item" id="add-image-label-CNI" data-field="CNI" data-columns-container="CNI-columns">Add</div>
</div>
</div>
</div>
{% for attachment in record.fields.CNI %}
<div class="column is-one-quarter">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<a href="{{ attachment.url }}" target="_blank">
<img class="thumbnail" id="thumbnail_CNI_{{ attachment.id }}" src="{{ attachment.thumbnails.large.url }}"></img>
<img id="red_cross_CNI_{{ attachment.id }}" src="{{ url_for('static', filename='svg/full-cross-circle-alt-svgrepo-com.svg')}}" alt="Red Cross" style="display: none;">
</a>
</figure>
</div>
<div class="card-footer">
<div class="button card-footer-item existing-remove-label" id="remove_label_CNI_{{ attachment.id }}" data-field="CNI" data-attachment-id="{{ attachment.id }}">Remove</div>
</div>
<input type="file" name="CNI_{{ attachment.id }}" id="CNI_{{ attachment.id }}" field-data="CNI" value="{{ attachment.url }}" style="display: none;">
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label">Attestation Pôle Emploi</label>
</div>
<div class="field-body">
<div class="field">
<div class="control">
<div class="columns is-multiline" id="Attestation-columns">
<div class="column is-one-quarter">
<div class="card">
<div class="card-image">
</div>
<div class="card-footer">
<div class="button card-footer-item" id="add-image-label-Attestation" data-field="Attestation" data-columns-container="Attestation-columns">Add</div>
</div>
</div>
</div>
{% for attachment in record.fields['Attestation Pôle Emploi'] %}
<div class="column is-one-quarter">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<a href="{{ attachment.url }}" target="_blank">
<img class="thumbnail" id="thumbnail_Attestation_{{ attachment.id }}" src="{{ attachment.thumbnails.large.url }}"></img>
<img id="red_cross_Attestation_{{ attachment.id }}" src="{{ url_for('static', filename='svg/full-cross-circle-alt-svgrepo-com.svg')}}" alt="Red Cross" style="display: none;">
</a>
</figure>
</div>
<div class="card-footer">
<div class="button card-footer-item existing-remove-label" id="remove_label_Attestation_{{ attachment.id }}" data-field="Attestation" class="card-footer-item" data-attachment-id="{{ attachment.id }}">Remove</div>
</div>
<input type="file" name="Attestation_{{ attachment.id }}" id="Attestation_{{ attachment.id }}" field-data="Attestation" value="{{ attachment.url }}" style="display: none;">
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="control center">
<button class="button is-link" type="submit" id="saveButton{{ record.id }}" style="display: none;">Save</button>
</div>
</form>
<div class="control">
<button class="button is-link" id="editButton{{ record.id }}">Edit</button>
</div>
</div>
{% endblock %}