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

61
src/app/components/fiche-contact/fiche-contact.component.html
View file

@ -1,44 +1,43 @@
<div class="container">
<div class="row">
<div class="col-sm">
<button routerLink="../modifier-contact/{{personne.id}}" class="w-100 btn btn-lg btn-rounded btn-secondary">
Modifier
</button>
</div>
<div class="col-sm">
<button class="w-100 btn btn-lg btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
Supprimer
</button>
<div class="row d-flex justify-content-end align-items-center flex-row">
<div class="couleur col-7" [style.background-color]="personne.couleur"></div>
<div class="col-5">
<div class="col">
<button routerLink="../modifier-contact/{{personne.id}}"
class=" btn btn-sm btn-rounded btn-secondary mb-2">
Modifier
</button>
</div>
<div class="col">
<button class=" btn btn-sm btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
Supprimer
</button>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<div class="row d-flex justify-content-center flex-row">
<div class= "couleur col-4" [style.background-color]="personne.couleur"></div>
<span class="fiche-contact col-7" >{{ personne.prenom }} {{ personne.nom }} </span>
<div class="row my-3 d-flex justify-content-center flex-row">
<span class="fiche-contact col-7">{{ personne.prenom }} {{ personne.nom }} </span>
</div>
<div class="row d-flex justify-content-center flex-row">
<img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/phone.png"/>
<span class="fiche-contact col-7" >{{ personne.telephone }}</span>
<div class="row my-3 d-flex justify-content-center flex-row">
<span i class="col-4 bi bi-telephone-inbound"></span>
<span class="fiche-contact col-7">{{ personne.telephone }}</span>
</div>
<div class="row d-flex justify-content-center flex-row">
<img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/logo-gmail.png"/>
<span class="fiche-contact col-7" >{{ personne.email }}</span>
<div class="row my-3 d-flex justify-content-center flex-row">
<i class="col-4 bi bi-envelope"></i>
<span class="fiche-contact col-7">{{ personne.email }}</span>
</div>
<div class="row d-flex justify-content-center flex-row">
<img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/gateau.png"/>
<span class="fiche-contact col-7" >{{ personne.dateNaissance }}</span>
<div class="row my-3 d-flex justify-content-center flex-row">
<i class="col-4 bi bi-calendar-heart"></i>
<span class="fiche-contact col-7">{{ personne.dateNaissance }}</span>
</div>
<div class="row d-flex justify-content-center flex-row">
<p class="fiche-contact col-7" >{{ personne.adresse }}</p>
<div class="row my-3 d-flex justify-content-center flex-row">
<i class="col-4 bi bi-map"></i>
<span class="fiche-contact col-7">{{ personne.adresse }}</span>
</div>
</div>
</div>
</div>
</div>
</div>