isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

page repertoire presque fini

Browse source
This commit is contained in:
AlineRinquin 2022-02-17 14:02:01 +01:00
parent b0c9a5368f
commit 257bbdde40
5 changed files with 59 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/app/pages/page-repertoire/page-repertoire.component.html
View file

@ -4,12 +4,11 @@
<app-side-bar></app-side-bar>
</div>
<div class=" col compte text-center">
<div class=" col compte text-center py-3 border">
<div>
<button class="w-100 btn btn-lg btn-secondary " type="submit">Tous les contacts
<button class="btn btn-sm btn-rounded btn-secondary m-3" type="submit">Tous les contacts
</button>
<button routerLink="/ajouter-contact" class="w-100 btn btn-lg btn-rounded btn-secondary">
<button routerLink="/ajouter-contact" class="btn btn-sm btn-rounded btn-secondary m-3">
Ajouter un contact
</button>
@ -23,20 +22,20 @@
<div>
<h4>Liste des Contacts</h4>
</div>
<div class="row justify-content-evenly">
<div class="col-4">
<div *ngFor="let personne of listContact" (click)="onClick(personne)">
<div class= "couleur" [style.background-color]="personne.couleur"></div>
<p class="fiche-contact">{{ personne.prenom }} {{ personne.nom }}</p>
<div class="row justify-content-evenly">
<div class="col-4">
<div class="row my-3 d-flex justify-content-center flex-row" *ngFor="let personne of listContact"
(click)="onClick(personne)">
<div class="couleur col-4" [style.background-color]="personne.couleur"></div>
<span class="fiche-contact col-7">{{ personne.prenom }} {{ personne.nom }}</span>
</div>
</div>
<div class="col-4" *ngIf="openDetails">
<app-fiche-contact [personne]="openDetails" (clickDelete)="onClickDelete($event)">
</app-fiche-contact>
</div>
</div>
<div class="col-4" *ngIf="openDetails">
<app-fiche-contact [personne]="openDetails" (clickDelete)="onClickDelete($event)"></app-fiche-contact>
</div>
</div>
</div>
</div>
</div>

8
src/app/pages/page-repertoire/page-repertoire.component.scss
View file

@ -2,9 +2,12 @@
color: #fff;
background-color: #5a1e63 !important;
width: 100%;
max-width: 330px;
max-width: 230px;
padding: 15px;
margin: auto;
min-width: 100px;
border-radius: 55px;
font-weight: bold;
}
.input-group.mb-3 {
@ -24,7 +27,8 @@
height: 60px;
flex-direction: row;
}
;h4 {
.h4 {
color: black;
font-weight: bold;
}