Discussion :

[Invité]

Bonjour

J'essaye d'ajouter alertController sur mon bouton "delete" mais j'ai l'impression de ne pas m'y prendre correctement...
Le problème est que le pop up et l'action se font simultanément, c'est à dire, quand je clique sur le bouton supprimer, l'alert s'affiche, mais le formulaire se supprime sans que je n'ai besoin de confirmer mon action via le dialog, donc il ne sert pas à grand chose...

J'aimerais donc que le formulaire ne s'efface que lorsque j'ai confirmé via l'alert.

Quelle est mon erreur ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
 async onRefuse(ref: string, data: number) {
    const alert = await this.alertController.create({
      header: 'Attention!',
      message: 'Êtes-vous sûr de vouloir supprimer cette maison? <br>' +
          ' <strong>Cette action est irréversible.</strong> <br> ',
      buttons: [
        {
          text: 'Annuler',
          role: 'cancel',
          cssClass: 'secondary',
        }, {
          text: 'Confirmer',
          role: 'deleteHouse',
        }
        ]
        });
 
await alert.present();
    const status = true, content = {
      ref,
      status
    };
    const Toast = Swal.mixin({
      toast: true,
      position: "center",
      showConfirmButton: false,
      timer: 2000,
      onOpen: (toast) => {
        toast.addEventListener('mouseenter', Swal.stopTimer);
        toast.addEventListener('mouseleave', Swal.resumeTimer);
      }
    });
    this.apiService.postApi('house', 'deleteHouse', content).then((res: ApiModel) => {
          if (res.success) {
 
            Toast.fire('Maison supprimée !', '', 'success');
 
            this.houseManag.getHouseNotValidateList(ref).then((result) => {
              this.houses = result;
            });
          } else {
            Toast.fire('Oups !', 'Une erreur est survenue', 'error');
          }
    });
  }