Mettre en favoris

La mise en favoris permet à l’utilisateur de sauvegarder et consulter une liste d’éléments préférés.

Dans l’application Paris City Guide, l’utilisateur met en favoris des bons plans (en cliquant sur l’icône coeur) et les retrouve dans une section dédiée de l’app.

Préparer votre structure de données

• Ouvrez la base de données PandaSuite.

• Créez une nouvelle propriété de type Multi-références dans votre base de données.

• Nommez cette propriété par exemple “Favoris”.

• Dans les propriétés, configurez la collection vers laquelle ce multi-référence pointe.

• Cette propriété stockera les éléments que l’utilisateur ajoute à ses favoris.

Implémenter les actions pour ajouter/retirer des favoris

Le composant Multi-état est particulièrement intéressant pour implémenter une fonctionnalité de favoris car il permet de gérer facilement les différentes actions (ajout et retrait) avec un retour visuel immédiat.

• Créez un bouton qui permet d’ajouter ou de retirer un élément de la liste des favoris.

• Configurez l’action de manière à mettre à jour dynamiquement la propriété “Favoris” (de type Multi-références).

  • Ajouter un favori : Ajouter l’ID de l’élément sélectionné à la propriété “Favoris” et changer l’état visuel (ex. passer d’une étoile vide à une étoile pleine).

    

  • Retirer un favori : Retirer l’ID de l’élément de la propriété “Favoris” et revenir à l’état initial.

Afficher la liste des favoris

• Utilisez un composant Collection / Liste pour afficher dynamiquement les éléments présents dans la propriété “Favoris”.

• Configurez ce composant pour qu’il affiche uniquement les éléments marqués comme favoris par l’utilisateur.