diff --git a/epf-front-skeleton-main/src/app/models/student.model.ts b/epf-front-skeleton-main/src/app/models/student.model.ts
index cc9283a5b71789474672a1eec4bf977e734fc7fe..af821a27cf9180b36a7d3668ada7153cd22433b3 100644
--- a/epf-front-skeleton-main/src/app/models/student.model.ts
+++ b/epf-front-skeleton-main/src/app/models/student.model.ts
@@ -3,6 +3,7 @@ import { Major } from "./major.model"
export interface Student {
id?: bigint
+ image?: string
firstName: string
lastName: string
birthDate?: Date
diff --git a/epf-front-skeleton-main/src/app/navbar/navbar.component.ts b/epf-front-skeleton-main/src/app/navbar/navbar.component.ts
index 30d67f01559c44a606d44e46888af85df393e65c..fdc532d657c0444aa00fa895dd457e3d0ad4e8a9 100644
--- a/epf-front-skeleton-main/src/app/navbar/navbar.component.ts
+++ b/epf-front-skeleton-main/src/app/navbar/navbar.component.ts
@@ -6,14 +6,11 @@ import { Link } from "models/links.model"
templateUrl: "./navbar.component.html",
styleUrls: ["./navbar.component.scss"],
})
-export class NavbarComponent implements OnInit {
+export class NavbarComponent {
links: Link[] = []
constructor() {
this.links.push({ name: "Students", href: "students" })
this.links.push({ name: "Majors", href: "majors" })
}
-
- ngOnInit(): void {
- }
}
diff --git a/epf-front-skeleton-main/src/app/students/student-details/student-details.component.html b/epf-front-skeleton-main/src/app/students/student-details/student-details.component.html
index cdd03ba0c1213910b4a1698f19c30a20f5c57363..43a48fb0dafbafe219ee30432736d33a70ba25a4 100644
--- a/epf-front-skeleton-main/src/app/students/student-details/student-details.component.html
+++ b/epf-front-skeleton-main/src/app/students/student-details/student-details.component.html
@@ -1,6 +1,12 @@
<ng-container *ngIf="student$ | async; let student">
<h1>Student's personal data</h1>
<form (ngSubmit)="save(student)" #studentForm="ngForm">
+ <div class="form-group">
+ <label for="firstName">Picture</label>
+ <input type="file" class="form-control" id="image"
+ required
+ [(ngModel)]="student.image">
+ </div>
<div class="form-group">
<label for="firstName">First Name</label>
<input type="text" class="form-control" id="firstName"
diff --git a/epf-front-skeleton-main/src/app/students/students.component.html b/epf-front-skeleton-main/src/app/students/students.component.html
index d8bbc048a42a12d42dba22cbbff850ac69d188ff..ad3be37d0c16625cfa597bbf2f8145dd6792716e 100644
--- a/epf-front-skeleton-main/src/app/students/students.component.html
+++ b/epf-front-skeleton-main/src/app/students/students.component.html
@@ -6,6 +6,7 @@
<table class="table table-hover">
<thead>
<tr>
+ <th scope="col">Picture</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Birthdate</th>
@@ -15,6 +16,9 @@
</thead>
<tbody>
<tr *ngFor="let student of (students$ | async)" routerLink="/student-details/{{student.id}}">
+ <td>
+ <img src="assets/defaultPicture.svg" alt="Photo manquante">
+ </td>
<td>{{ student.firstName }}</td>
<td>{{ student.lastName }}</td>
<td>{{ student.birthDate | date : "dd/MM/yyyy" }}</td>
diff --git a/epf-front-skeleton-main/src/app/students/students.component.scss b/epf-front-skeleton-main/src/app/students/students.component.scss
index a560190b8cd8df8739963e2616473cef4065b890..584f56d9eaa572da4b946d71606a995cd4b90638 100644
--- a/epf-front-skeleton-main/src/app/students/students.component.scss
+++ b/epf-front-skeleton-main/src/app/students/students.component.scss
@@ -23,4 +23,9 @@
}
}
}
+
+ img {
+ height: 3rem;
+ width: auto;
+ }
}
diff --git a/epf-front-skeleton-main/src/assets/defaultPicture.svg b/epf-front-skeleton-main/src/assets/defaultPicture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c935fa809c5f9fe0dc4bf18c75d016cba81d94db
--- /dev/null
+++ b/epf-front-skeleton-main/src/assets/defaultPicture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480" fill="none" shape-rendering="auto"><desc>"Custom Avatar" by "Ashley Seo", licensed under "CC BY 4.0". / Remix of the original. - Created with dicebear.com</desc><metadata xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><rdf:RDF><cc:Work><dc:title>Custom Avatar</dc:title><dc:creator><cc:Agent rdf:about="http://www.ashleyseo.com/"><dc:title>Ashley Seo</dc:title></cc:Agent></dc:creator><dc:source>https://www.figma.com/community/file/881358461963645496</dc:source><cc:license rdf:resource="https://creativecommons.org/licenses/by/4.0/" /></cc:Work></rdf:RDF></metadata><mask id="viewboxMask"><rect width="480" height="480" rx="0" ry="0" x="0" y="0" fill="#fff" /></mask><g mask="url(#viewboxMask)"><g transform="matrix(.85775 0 0 .85427 52 47)"><path d="M264 38.6s131.4 20.6 121.4 208.1c0 .7 15.2 10.9 16.4 12a77.1 77.1 0 0 1 23.4 36.3c13.9 51.3-35.7 104.2-75.8 118.2a155 155 0 0 1-46.7 8.3c-103.1 3-239.7-62.7-246.7-191a202.7 202.7 0 0 1 15.1-83.9c0 .1 57.4-142.5 192.9-108Z" fill="#efcc9f"/><path d="M388.7 248.7a57 57 0 0 0-3.2 10.5 40 40 0 0 0 8.5 30.4 42.3 42.3 0 0 0 33 15.7c-3.2-31.7-29-50.7-38.3-56.6ZM203.5 332c24.4-5.2 39.6-31 33.9-57.5-5.7-26.5-30.2-43.7-54.6-38.5-24.4 5.3-39.5 31-33.8 57.6 5.7 26.5 30.1 43.7 54.5 38.5Z" fill="#DC2400" style="mix-blend-mode:multiply" opacity=".1"/><path opacity=".1" d="M323 257.9s20.9-19.9 37-1.2Z" fill="#000"/><path d="M128.7 356.9C59.3 391.7-3.7 304.4 16.5 255.3c12.9-31.4 50.4-33.8 72.1-5.2a185 185 0 0 1 29.1 59.1" fill="#efcc9f"/><path opacity=".1" d="M71.5 279c9 9 16.1 22.5 25 30-1.7-12.5-4.3-26-10.4-37.3-6.2-11.6-17.5-21-29-20.3-14.2 1-25.9 17.6-27.4 32.6 1-9 19-15 25.9-14.2 10.8 20.4 15 60.6 15 60.6 9-22.7 5.4-40.7 1-51.5Z" fill="#000"/></g><g transform="matrix(.85472 0 0 .855 19 -17)"><path d="M385.3 380.4c9.4.2 18.3-2.5 26-10.5 4-4.2 8.2-6.5 14-3 13.9 8.7 17.1 30.2 13.4 44.6a63.3 63.3 0 0 1-30.7 36.8c-38.2 22.4-67.6 17.4-106.8 3-30.8-11.2-72.5-33.9-62-72.9 13.2-48.3 69.6-25 101.4-12 13.5 5.5 29.6 13.5 44.7 14Z" fill="#fff"/><path d="m347 463.2-6-.8 22.7-86.7 5.7 1.9-22.3 85.6ZM426.9 433a68.7 68.7 0 0 1-5.1 5.3l-13-66 2.6-2.4c.8-.9 1.7-1.7 2.6-2.4l12.9 65.6ZM296.8 351.4 264.4 433a98.1 98.1 0 0 1-5-3.7l31.4-79 6 1.1Z" fill="#D1D3D4"/></g><g transform="matrix(.85472 0 0 .855 19 -17)"><path d="M397 294.3a80.4 80.4 0 0 0 16.9-8.1c3.1 3.5 5 9 5 14 0 8-3.6 16.6-12.8 15.6-7.7-.8-9.7-11-9.7-16 0-1.9.2-3.8.6-5.5ZM301.2 283.1c-2.8 3.8-4.6 9-4.6 15.4 0 12.5 6.1 19 15.4 21.5 13 2 19.1-7.6 19.1-19.5a26 26 0 0 0-.8-6.4 49 49 0 0 1-29-11Z" fill="#2A1200"/><path d="M332 270.3a43.9 43.9 0 0 1-38.3-12.6c-3.3-3.3-4.2-9.2-1-13 3-3.6 8.6-4.7 12-1.2l3.3 3c.3.3 1.3.8 1.6 1.2l.6.3a37.7 37.7 0 0 0 6 3c.5 0 1.2.3 1.7.5a34.8 34.8 0 0 0 6.3 1h2c1.5-.2 2.9-.3 4.3-.6 4.4-.8 9 3.5 9.3 8.3.2 5.2-3 9.3-7.7 10.1ZM421.7 261.4c-6 6-13.8 9.5-21.8 9.7a8.1 8.1 0 0 1-6-2.8 9.5 9.5 0 0 1-2.1-6.5 10 10 0 0 1 2.7-6.5 9 9 0 0 1 6.2-2.7h1.1l3.4-1c1.3-.6 2.5-1.4 3.7-2.2l1.2-1.1c1.6-1.7 4-2.7 6.1-2.7 2.1 0 4.6 1 6 2.8 1.4 1.8 2.4 4 2.2 6.5-.2 2.5-1 4.8-2.7 6.5Z" fill="#71472D"/></g><g transform="matrix(.85472 0 0 .85667 18 -15)"><path d="M366.8 170.9c-8 7.2-16.8 17.6-26.5 29.1-16.3 19.3-35.3 41.8-57.3 57.3a227.2 227.2 0 0 1-86.5 35.3 86.4 86.4 0 0 0-16.4 32c-3.2 9.9-5.5 17-13 17.4-9-20.6-25.4-54.2-71.1-39-38.5 12.8-40.4 56.3-28 78.5 7 12.4 35.3 40 81 34l29.5 25.5c-2.9 5.4-8.2 13.1-25.8 20.7-21.9 9.5-123.8 1-133.3-60.8-23.8-20.6-61.1-78.2-20-143.6 12.6-20 30.3-34.4 51.3-43.7-.2-8.2-.2-17.7.1-28.6 2-60 58.1-108.4 102-118.9 42.7-10.2 132.8-6.8 169.8 26.2C443 47.5 473.8 193.9 469.5 249.5c22.4 44 7 106.7-1 131.5-4-33.6-31.3-56-44-61.5 5.6-30.4-5-82-11-104a139 139 0 0 0-46.7-44.6Z" fill="#71472d"/></g><g transform="matrix(.85472 0 0 .85667 14 -12)"></g></g></svg>
\ No newline at end of file