Discussion :

[Histo]

Bonjour à tous, je me permet de solliciter votre aide afin de résoudre mon problème.

J'ai réalisais une fonction qui permet de supprimer un événement de mon calendrier. Dans cette fonction j'ai importais la mutation apollo.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
deleteEvent: function () {
      this.$apollo
        .mutate({
          mutation: MUTATION_entreePlanningDelete,
          variable: {
            id: this.id,
          },
        })
 
        .then((data) => {
          console.log(data);
        });
    },

je dois récupérer la valeur de l'id de mon événement pour la stocker dans la variable id de ma fonction.



voici le tableau ainsi que les objets qui le compose.

Je vous remerci d'avance.

[Séb.]

Apparemment ton tableau d'événements contient bien les ID.

Qu'est-ce qui te bloque exactement ?

[Histo]

Bonjour Séb désolé pour le retard je cherche à récupérer l'id qui est dans le tableau et de le stocker dans la variable id de ma fonction Delete.

merci pour votre aide.

cordialement.

[Séb.]

On n'a pas beaucoup d'infos, même pas un nom de variable

Dans le principe tu peux faire ce genre de chose :

Code :

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

1
2
3
4
5
6
<x-calendar>
    <x-event v-for="calendarEvent in $data.calendarEvents">
        ...
        <button @click="deleteEvent(calendarEvent.id)">Supprimer</button>
    </x-event>
</x-calendar>

On envoie l'ID de l'événement à supprimer en paramètre de deleteEvent()

[Histo]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
deleteEvent: function () {
      this.$apollo
        .mutate({
          mutation: MUTATION_entreePlanningDelete,
          variable: {
            id:  ici doit être mis la valeur de l'id de mon tableau
          },
        })
 
        .then((data) => {
          console.log(data);
        });
    },

J'ai réalisais cette portion de code aussi pour afficher les différents événements dans mon calendier

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
    watch: {
    entreesPlanning: function () {
      if (this.entreesPlanning != {}) {
        const evenements = [];
        // On parcourt toutes les entrées planning
        this.entreesPlanning.map((entree) => {
          // On ajoute pour chaque entrée planning un objet dans le tableau évènement de la forme
          // { id: ID, name: String, start: Date, end: Date, color: String }
          evenements.push({
            id: entree.id,
            name: entree.label,
            start: entree.dateDebut,
            details: entree.description,
            end: entree.dateFin,
            color: this.colors[this.rnd(0, this.colors.length - 1)],
          });
        });
 
        // On update le tableau d'évènements
        this.events = evenements;
        console.log(evenements);
      }
    },
  },
    },

Se que j'essai de faire c'est de dire si tu clique sur l'événement récupère l'id de cette événement pour ainsi supprimer l'entrée en base de donnée. Appart faire un foreach je ne vois pas d'autre solution.

[Séb.]

Ça m'a pas l'air optimum de mettre ça dans le watch.

Et au niveau du template ça donne quoi ?