mirror of
https://git.v0id.ovh/n3wt-innov/n3wt-school.git
synced 2026-01-29 07:53:23 +00:00
feat: Amélioration de la fiche élève pour y ajouter la fratrie et les
modalités de paimenet (problème affichage photo)
This commit is contained in:
N3WT DE COMPET
@ -1,230 +0,0 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ pdf_title }}</title>
|
||||
<style>
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 2cm;
|
||||
}
|
||||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 11pt;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color:#333;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #333;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.title {
|
||||
font-size: 18pt;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.section {
|
||||
margin-bottom: 15px; /* Réduit de 25px à 15px */
|
||||
padding: 10px; /* Réduit de 15px à 10px */
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
.section-title {
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
margin: 0 0 10px 0; /* Réduit de 15px à 10px */
|
||||
padding-bottom: 3px; /* Réduit de 5px à 3px */
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
td {
|
||||
padding: 4px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.label-cell {
|
||||
font-weight: bold;
|
||||
width: 150px;
|
||||
}
|
||||
.value-cell {
|
||||
width: auto;
|
||||
}
|
||||
.half-row td {
|
||||
width: 50%;
|
||||
}
|
||||
.subsection-title {
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px; /* Réduit de 10px à 5px */
|
||||
}
|
||||
.signature {
|
||||
margin-top: 30px;
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
}
|
||||
.signature-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
.clearfix::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
p {
|
||||
margin: 0; /* Ajout de margin 0 pour les paragraphes */
|
||||
padding: 0; /* Ajout de padding 0 pour les paragraphes */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{% load myTemplateTag %}
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div style="position: relative;">
|
||||
<h1 class="title">{{ pdf_title }}</h1>
|
||||
{% if student.photo %}
|
||||
<img
|
||||
src="{{ student.photo }}"
|
||||
alt="Photo de l'élève"
|
||||
style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
border: 2px solid #333;
|
||||
border-radius: 10px;
|
||||
"
|
||||
/>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2 class="section-title">ÉLÈVE</h2>
|
||||
{% with level=student|getStudentLevel %}
|
||||
{% with gender=student|getStudentGender %}
|
||||
<table>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">NOM :</td>
|
||||
<td>{{ student.last_name }}</td>
|
||||
<td class="label-cell">PRÉNOM :</td>
|
||||
<td>{{ student.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">ADRESSE :</td>
|
||||
<td colspan="3">{{ student.address }}</td>
|
||||
</tr>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">GENRE :</td>
|
||||
<td>{{ gender }}</td>
|
||||
<td class="label-cell">NÉ(E) LE :</td>
|
||||
<td>{{ student.birth_date }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">À :</td>
|
||||
<td colspan="3">{{ student.birth_place }} ({{ student.birth_postal_code }})</td>
|
||||
</tr>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">NATIONALITÉ :</td>
|
||||
<td>{{ student.nationality }}</td>
|
||||
<td class="label-cell">NIVEAU :</td>
|
||||
<td>{{ level }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">MÉDECIN TRAITANT :</td>
|
||||
<td colspan="3">{{ student.attending_physician }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endwith %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2 class="section-title">RESPONSABLES</h2>
|
||||
{% with guardians=student.getGuardians %}
|
||||
{% for guardian in guardians%}
|
||||
<div class="subsection">
|
||||
<h3 class="subsection-title">Responsable {{ forloop.counter }}</h3>
|
||||
<table>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">NOM :</td>
|
||||
<td>{{ guardian.last_name }}</td>
|
||||
<td class="label-cell">PRÉNOM :</td>
|
||||
<td>{{ guardian.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">ADRESSE :</td>
|
||||
<td colspan="3">{{ guardian.address }}</td>
|
||||
</tr>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">NÉ(E) LE :</td>
|
||||
<td>{{ guardian.birth_date }}</td>
|
||||
<td class="label-cell">EMAIL :</td>
|
||||
<td>{{ guardian.email }}</td>
|
||||
</tr>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">TÉLÉPHONE :</td>
|
||||
<td>{{ guardian.phone }}</td>
|
||||
<td class="label-cell">PROFESSION :</td>
|
||||
<td>{{ guardian.profession }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2 class="section-title">FRATRIE</h2>
|
||||
{% with siblings=student.getGuardians %}
|
||||
{% for sibling in siblings%}
|
||||
<div class="subsection">
|
||||
<h3 class="subsection-title">Frère/Sœur {{ forloop.counter }}</h3>
|
||||
<table>
|
||||
<tr class="half-row">
|
||||
<td class="label-cell">NOM :</td>
|
||||
<td>{{ sibling.last_name }}</td>
|
||||
<td class="label-cell">PRÉNOM :</td>
|
||||
<td>{{ sibling.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">NÉ(E) LE :</td>
|
||||
<td colspan="3">{{ sibling.birth_date }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2 class="section-title">MODALITÉS DE PAIEMENT</h2>
|
||||
<h3 class="subsection-title">Frais d'inscription</h3>
|
||||
{% with registrationPayment=student|getRegistrationPaymentMethod %}
|
||||
<p>{{ registrationPayment }}</p>
|
||||
{% endwith %}
|
||||
<h3 class="subsection-title">Frais de scolarité</h3>
|
||||
{% with tuitionPayment=student|getTuitionPaymentMethod %}
|
||||
<p>{{ tuitionPayment }}</p>
|
||||
{% endwith %}
|
||||
</div>
|
||||
|
||||
<div class="signature">
|
||||
Fait le <span class="signature-text">{{ signatureDate }}</span> à <span class="signature-text">{{ signatureTime }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
233
Back-End/Subscriptions/templates/pdfs/fiche_eleve.html
Normal file
233
Back-End/Subscriptions/templates/pdfs/fiche_eleve.html
Normal file
@ -0,0 +1,233 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fiche élève de {{ student.last_name }} {{ student.first_name }}</title>
|
||||
<style>
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 2cm;
|
||||
}
|
||||
body {
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 12pt;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #333;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 3px solid #4CAF50;
|
||||
padding-bottom: 15px;
|
||||
position: relative;
|
||||
}
|
||||
.title {
|
||||
font-size: 20pt;
|
||||
font-weight: bold;
|
||||
color: #4CAF50;
|
||||
margin: 0;
|
||||
}
|
||||
.photo {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
border: 2px solid #4CAF50;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8px;
|
||||
background-color: #fefefe;
|
||||
}
|
||||
.section-title {
|
||||
font-size: 18pt;
|
||||
font-weight: bold;
|
||||
color: #4CAF50;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #4CAF50;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 10px;
|
||||
}
|
||||
td {
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.label-cell {
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
width: 35%;
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.value-cell {
|
||||
color: #333;
|
||||
width: 65%;
|
||||
text-align: left;
|
||||
}
|
||||
.phone {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.signature {
|
||||
margin-top: 30px;
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
color: #555;
|
||||
}
|
||||
.signature-text {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{% load myTemplateTag %}
|
||||
<div class="container">
|
||||
<!-- Header Section -->
|
||||
<div class="header">
|
||||
<h1 class="title">Fiche élève de {{ student.last_name }} {{ student.first_name }}</h1>
|
||||
{% if student.photo %}
|
||||
<img
|
||||
src="{{ student.get_photo_url }}"
|
||||
alt="Photo de l'élève"
|
||||
class="photo"
|
||||
/>
|
||||
{% else %}
|
||||
<img
|
||||
src="/static/img/default-photo.jpg"
|
||||
alt="Photo par défaut"
|
||||
class="photo"
|
||||
/>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Student Section -->
|
||||
<div class="section">
|
||||
<h2 class="section-title">ÉLÈVE</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="label-cell">Nom :</td>
|
||||
<td class="value-cell">{{ student.last_name }}</td>
|
||||
<td class="label-cell">Prénom :</td>
|
||||
<td class="value-cell">{{ student.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Adresse :</td>
|
||||
<td colspan="3" class="value-cell">{{ student.address }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Genre :</td>
|
||||
<td class="value-cell">{{ student|getStudentGender }}</td>
|
||||
<td class="label-cell">Né(e) le :</td>
|
||||
<td class="value-cell">{{ student.birth_date }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">À :</td>
|
||||
<td colspan="3" class="value-cell">{{ student.birth_place }} ({{ student.birth_postal_code }})</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Nationalité :</td>
|
||||
<td class="value-cell">{{ student.nationality }}</td>
|
||||
<td class="label-cell">Niveau :</td>
|
||||
<td class="value-cell">{{ student|getStudentLevel }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Guardians Section -->
|
||||
<div class="section">
|
||||
<h2 class="section-title">RESPONSABLES</h2>
|
||||
{% for guardian in student.getGuardians %}
|
||||
<div class="subsection">
|
||||
<h3 class="subsection-title">Responsable {{ forloop.counter }}</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="label-cell">Nom :</td>
|
||||
<td class="value-cell">{{ guardian.last_name }}</td>
|
||||
<td class="label-cell">Prénom :</td>
|
||||
<td class="value-cell">{{ guardian.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Adresse :</td>
|
||||
<td colspan="3" class="value-cell">{{ guardian.address }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Né(e) le :</td>
|
||||
<td class="value-cell">{{ guardian.birth_date }}</td>
|
||||
<td class="label-cell">Email :</td>
|
||||
<td class="value-cell">{{ guardian.email }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Téléphone :</td>
|
||||
<td class="value-cell phone">{{ guardian.phone|phone_format }}</td>
|
||||
<td class="label-cell">Profession :</td>
|
||||
<td class="value-cell">{{ guardian.profession }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Siblings Section -->
|
||||
<div class="section">
|
||||
<h2 class="section-title">FRATRIE</h2>
|
||||
{% for sibling in student.getSiblings %}
|
||||
<div class="subsection">
|
||||
<h3 class="subsection-title">Frère/Soeur {{ forloop.counter }}</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="label-cell">Nom :</td>
|
||||
<td class="value-cell">{{ sibling.last_name }}</td>
|
||||
<td class="label-cell">Prénom :</td>
|
||||
<td class="value-cell">{{ sibling.first_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Né(e) le :</td>
|
||||
<td colspan="3" class="value-cell">{{ sibling.birth_date }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Payment Section -->
|
||||
<div class="section">
|
||||
<h2 class="section-title">MODALITÉS DE PAIEMENT</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="label-cell">Frais d'inscription :</td>
|
||||
<td class="value-cell">{{ student|getRegistrationPaymentMethod }} en {{ student|getRegistrationPaymentPlan }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="label-cell">Frais de scolarité :</td>
|
||||
<td class="value-cell">{{ student|getTuitionPaymentMethod }} en {{ student|getTuitionPaymentPlan }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Signature Section -->
|
||||
<div class="signature">
|
||||
Fait le <span class="signature-text">{{ signatureDate }}</span> à <span class="signature-text">{{ signatureTime }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user