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

mise en place du html et lien vers le back de repertoire

Browse source
This commit is contained in:
AlineRinquin 2022-01-20 17:30:17 +01:00
parent 68e1df8eb7
commit 4a55d75da7
20 changed files with 221 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1 +1,18 @@
<p>fiche-contact works!</p>
<div>
<button class="w-100 btn btn-lg btn-rounded btn-secondary">
Modifier
</button>
<button class="w-100 btn btn-lg btn-rounded btn-secondary">
Supprimer
</button>
<img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/contact-1.png"/>
<p class="fiche-contact" >{{ personne.prenom }} {{ personne.nom }}</p>
<p class="fiche-contact" ><img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/phone.png"/>
{{ personne.telephone }}</p>
<p class="fiche-contact" ><img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/logo-gmail.png"/>
{{ personne.email }}</p>
<p class="fiche-contact" ><img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/gateau.png"/>
{{ personne.dateNaissance }}</p>
<p class="fiche-contact" >
{{ personne.adresse }}</p>
</div>

8
src/app/components/fiche-contact/fiche-contact.component.scss
View file

@ -0,0 +1,8 @@
.btn-secondary {
color: #fff;
background-color: #5a1e63 !important;
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
}

11
src/app/components/fiche-contact/fiche-contact.component.ts
View file

@ -1,15 +1,14 @@
import { Component, OnInit } from '@angular/core';
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-fiche-contact',
templateUrl: './fiche-contact.component.html',
styleUrls: ['./fiche-contact.component.scss']
styleUrls: ['./fiche-contact.component.scss'],
})
export class FicheContactComponent implements OnInit {
@Input() personne: any;
constructor() { }
ngOnInit(): void {
}
constructor() {}
ngOnInit(): void {}
}