Lier un composant à un autre

Utiliser le plugin LinkFreeListPlugin pour lier vos composants entre eux.

    Objectif

    Quand vous aurez terminé ce module de formation, vous pourrez lier un composant à un autre en utilisant le plugin LinkFreeListPlugin.

    Un exemple en pratique

    L’exemple de ce module est basé sur la déposition de candidature pour une offre d’emploi. Pour la gestion de la candidature, il est important que la candidature référence l’offre d’emploi pour pouvoir déterminer l’objet de la candidature.


    L’utilisation de ce plugin va permettre, à partir d’une liste de valeurs (tag de type FREE_LIST) de :

    • parcourir l’ensemble des offres d’emploi afin de sélectionner celle correspondante,
    • accéder à n’importe quel moment à l’offre d’emploi référencée à travers une icône.

    Modèle

    Afin de mettre en pratique l’exemple, le modèle suivant est nécessaire.

    L’offre d’emploi

    Point de départ de cet exemple, l’offre d’emploi est une tâche de classe JobOffer disposant des tags obligatoires suivants :

    • RH_Service : liste des services concernés
    • RH_Job : liste des types de poste

    La candidature

    La candidature est une tâche de classe ApplicationSubmission avec le tag RH_OfferLink permettant de stocker le lien vers l’offre d’emploi à laquelle le candidat postule.

    Script

    Pour utiliser le plugin de lien de composant, ajoutez le script suivant dans votre scope.

    Pour cela, suivez les étapes ci-dessous :

    • Allez dans la console d’administration,
    • Ouvrez la section Configurations > Scripts,
    • Cliquez sur le bouton + pour démarrer la création,
    • Renseignez un nom pour le script ,
    • Ajoutez le contenu suivant dans l’éditeur de texte :

      var plugin = new LinkFreeListPlugin({
      	toPopulate: 'RH_OfferLink',
      	category: 'TASK',
      	classId: 'JobOffer',
      	tagsToDisplay: ['RH_Service', 'RH_Job'],
      	title: "Consultez l'offre",
      	description: "Accéder aux détails de l'offre d'emploi publiée."
      });
      plugin.bind()
      

    Résultat

    • Pour commencer, créez une offre d’emploi avec un service et un poste pour que notre candidat puisse postuler.

    • Puis, créez une candidature : Dans le formulaire d’indexation,le tag RH_OfferLink contient l’offre d’emploi créée précédemment et les valeurs saisies pour ses tags RH_Service et RH_Job sont affichées. Vous pouvez sélectionner l’offre et valider la création de la candidature.


    Ouvrez la candidature créée, vous pourrez voir qu’à côté du tag RH_OfferLink, une icône est apparue. En cliquant sur cette icône, une popup s’ouvre et affiche les tags de l’offre d’emploi référencée (ou liée). Le bouton Ouvrir permet d’accéder à l’écran de consultation de l’offre d’emploi afin de visualiser à la fois les tags et les pièces jointes de cette tâche.