44 lines
2 KiB
HTML
44 lines
2 KiB
HTML
<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>
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<div class="row d-flex justify-content-center flex-row">
|
|
<p class="fiche-contact col-7" >{{ personne.adresse }}</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|