Merge pull request #23 from AlineRinquin/aline

fonction delete ok
This commit is contained in:
AlineRinquin 2022-02-14 15:52:26 +01:00 committed by GitHub
commit 7bed54db11
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 11588 additions and 38 deletions

11606
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -6,7 +6,7 @@
</button>
</div>
<div class="col-sm">
<button class="w-100 btn btn-lg btn-rounded btn-secondary">
<button class="w-100 btn btn-lg btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
Supprimer
</button>
</div>

View File

@ -1,4 +1,4 @@
import { Component, Input, OnInit } from '@angular/core';
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
@Component({
selector: 'app-fiche-contact',
@ -7,8 +7,13 @@ import { Component, Input, OnInit } from '@angular/core';
})
export class FicheContactComponent implements OnInit {
@Input() personne: any;
@Output() clickDelete = new EventEmitter();
constructor() {}
ngOnInit(): void {}
onClickDelete(numPerson: number){
this.clickDelete.emit(numPerson);
}
}

View File

@ -26,6 +26,6 @@
<img style="max-height: 12% ; max-width: 12%" src="../../../assets/images/contact-1.png"/>
<p class="fiche-contact" >{{ personne.prenom }} {{ personne.nom }}</p>
</div>
<div *ngIf="openDetails"><app-fiche-contact [personne]="openDetails"></app-fiche-contact></div>
<div *ngIf="openDetails"><app-fiche-contact [personne]="openDetails" (clickDelete)="onClickDelete($event)"></app-fiche-contact></div>
</div>

View File

@ -69,7 +69,10 @@ export class PageRepertoireComponent implements OnInit {
this.openDetails = personne;
}
// this.repertoireService.deleteContact(contact).subscribe((resp) => {
// this.router.navigate(['repertoire/']);
// });
onClickDelete(contact: Contact){
this.repertoireService.deleteContact(contact).subscribe((resp) => {
this.router.navigate(['repertoire/']);
});
}
}