ajout du drag and drop pour ajouter une image

This commit is contained in:
MiharyR 2021-11-09 14:10:36 +01:00
parent 54324794e9
commit 2f9c9c2b77
12 changed files with 377 additions and 12 deletions

View file

@ -29,6 +29,9 @@ export class PopupAddOrUpdateAdComponent implements OnInit
advert: Advert;
urlBackend: string = "" ;
title: string = "" ;
tabWaitingFile: File[] = []; // fichiers selectionnés mais pas encore "validés"
tabSelectedFile: File[] = []; // fichier "validés"
_event;
constructor( public dialogRef: MatDialogRef<PopupAddOrUpdateAdComponent>,
@ -79,9 +82,34 @@ export class PopupAddOrUpdateAdComponent implements OnInit
}
onEventBarTags(myTags: string[])
onEventBarTags(myTags: string[]): void
{
this.advert.tags = myTags;
}
// Lorsque l'annonceur selectionne des fichiers
onSelectFile(event)
{
const nbFileSelected = event.target.files.length ;
for(let i=0 ; i<nbFileSelected ; i++) this.tabWaitingFile.push(event.target.files[i]);
this._event = event;
}
// Lorsque l'annonceur "valide" sont choix de fichier selectionné
onValidateFiles(): void
{
const nbFile = this.tabWaitingFile.length;
for(let i=0 ; i<nbFile ; i++) this.tabSelectedFile.push(this.tabWaitingFile[i]);
this.tabWaitingFile = [];
this._event.target.value = "";
}
// Lorsque l'annonceur souhaite supprimer un fichier "validé"
onDeleteFile(file: File)
{
const index = this.tabSelectedFile.findIndex(x => file);
this.tabSelectedFile.splice(index, 1);
}
}