i. distinction d'un timeNode ou d'une slide sélectionné - ThomasDejoux/timesheets.js GitHub Wiki

Suite à la sélection d'un timeNode ou d'une slide, il n'était pas possible de l'identifier dans le timeContainer ni dans la barre de gauche. Nous avons donc décidé de changer le style des éléments sélectionnés, c'est à dire qu'une fois un timeNode sélectionné, il s'affiche en rouge ainsi que la slide qui lui correspond.

Pour mettre en place cette fonctionnalité, nous avons créé 2 classes de style différentes. Lorsqu'un élément est cliqué, on appelle la fonction liée au "listener" et dans cette fonction, on va récupérer l'ID de l'élément cliqué. De cette façon, nous pourrons identifier le timeNode et la slide correspondant, nous pourrons donc leur changer leur classe de style.

Le fait d'utiliser des classes différentes permet aussi d'identifier l'élément en cours de sélection. Cela sera utile pour la prochaine fonctionnalité qui permettra de modifier dynamiquement la taille d'un timeNode.