Modifier un tâche

Pour modifier la tâche via l'API il faut utiliser la route PUT /taches/:idTache et y passer les données de la tâche.

L’identifiant de la tâche à modifier est passé à la fin de la route, par exemple pour modifier la tâche 345 :

PUT /taches/345

/taches/:idTache

PUT /taches/:idTache

Path Parameters

Name	Type	Description
id	string	Identifiant de la tâche

Headers

Name	Type	Description
Authorization	string	Token de type Bearer Exemple : "Bearer eyJ0eXAiOiJ..."

Request Body

Name	Type	Description
nom	string
terminee	integer	Booléen au format entier Valeurs possibles : 0 ou 1
dateFin	string	Format Y-M-D
heureFin	string	Format HH:MM

200

{
    "id": 19,
    "nom": "Nouveau nom de tâche",
    "terminee": 0,
    "dateFin": "2020-09-09",
    "heureFin": "19:00",
    "user_id": 16
}

401

404

Action modifierTache

Même principe que pour l'ajout de la tâche, nous devons uniquement modifier l'action modifierTache.

• 8 : Appel de la route PUT /taches/:id

  • Ajout de l'id à la fin de la route + payload.id

  • Passage des nouvelles valeurs de la tâche payload.updates

  • Paramètre d'authentification config

• 11 : remplace les données du payload par celles retournée par l'API

  • Cette opération est importante, car il se peut que l'API effectue des transformations, formattage, sur les données que nous avons envoyées.

src/store/store-taches.js

modifierTache ({ commit, rootState }, payload) {
  Loading.show()
  // Configuration du header avec token
  const config = {
    headers: { Authorization: 'Bearer ' + rootState.auth.token }
  }
  // API : PUT /taches
  api.put('/taches/' + payload.id, payload.updates, config)
    .then(function (response) {
      // Affecte au payload les données retrounée par l'API
      payload.updates = response.data
      commit('modifierTache', payload)
    })
    .catch(function (error) {
      afficherMessageErreur(
        'Modification de tâche impossible !',
        Object.values(error.response.data)
      )
      throw error
    })
    .finally(Loading.hide())
},