diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 9767d50..38e0a7f 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -5,19 +5,19 @@
- Périodes d'essai
- (7 jours restants ou moins)
+ Fins de périodes d'essai
+ 7 jours restants ou moins
-
+
Collaborateur |
- Date de fin prévue |
+ Date de fin |
-
+
{{getCollaborateurById(periodeEssai.collaborateurId).name}} {{getCollaborateurById(periodeEssai.collaborateurId).firstName}} |
{{getSplitDate(periodeEssai.plannedEndingDate.toString())}} |
@@ -26,15 +26,15 @@
-
+
- Référencements
- (collaborateurs sans référencements)
+ Référencements manquants
+ collaborateurs sans référencements
-
+
@@ -43,8 +43,8 @@
-
- {{collaborateur.name}} |
+
+ {{collaborateur.name}} |
{{collaborateur.firstName}} |
@@ -52,10 +52,51 @@
-
+
+
+ Ajout rapide
+ liens vers les pages d'ajout
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+
+
diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss
index 5802fb8..d317285 100644
--- a/src/app/components/home/home.component.scss
+++ b/src/app/components/home/home.component.scss
@@ -1,11 +1,24 @@
.home-card {
- max-width: 400px;
+ //width: 25%;
margin-right: 20px;
margin-left: 20px;
+ height: fit-content;
}
.title-center {
display: flex;
- justify-content: center; /* align horizontal */
- align-items: center; /* align vertical */
+ justify-content: center;
+ align-items: center;
+ font-size: 22px;
+}
+
+.subtitle-center {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.button-link{
+ width: 100%;
+ padding: 2px;
}
diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
index c713a06..c04dec0 100644
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@@ -22,6 +22,8 @@ export class HomeComponent implements OnInit {
periodeEssaisEnCours: PeriodeEssai[] = [];
+ isShown : boolean = false;
+
constructor(
private http: HttpClient,
private collaborateurService: CollaborateurService,
@@ -30,6 +32,12 @@ export class HomeComponent implements OnInit {
) {
}
+ private static getNextWeek() {
+ let result = new Date();
+ result.setDate(new Date().getDate() + 7);
+ return result;
+ }
+
ngOnInit(): void {
this.collaborateurService.getCollaborateurs()
.subscribe(collaborateurs => {
@@ -58,11 +66,6 @@ export class HomeComponent implements OnInit {
}
- initPeriodeEssai() {
- this.periodeEssais = this.periodeEssaisEnCours;
-
- }
-
getCollaborateurs(): void {
this.collaborateurService.getCollaborateurs()
.subscribe(collaborateurs => this.collaborateurs = collaborateurs);
@@ -89,7 +92,7 @@ export class HomeComponent implements OnInit {
}
})
this.periodeEssaisEnCours.sort((b, a) => new Date(b.plannedEndingDate).getTime() - new Date(a.plannedEndingDate).getTime());
- this.initPeriodeEssai();
+ this.periodeEssais = this.periodeEssaisEnCours;
});
}
@@ -100,10 +103,4 @@ export class HomeComponent implements OnInit {
return date.split('T')[0];
}
- private static getNextWeek() {
- let result = new Date();
- result.setDate(new Date().getDate() + 7);
- return result;
- }
-
}