Micro-apps

Créer une page de listes

Créez une page de listes pour afficher tous les éléments disponibles dans votre workflow. Cela peut correspondre, par exemple, à tous les problèmes appartenant à un utilisateur particulier (personnalisé) ou à tous les problèmes dans un projet particulier. Cet article suppose que vous avez déjà créé votre micro-app pour ce workflow. Pour obtenir des informations détaillées, consultez la section Ajouter une micro-app.

Pour ajouter une page de listes à votre micro-app, sélectionnez une page dans les modèles initiaux, puis personnalisez la page dans le générateur. Pour cette page de listes, commencez par un modèle Tableau qui possède les composants Table du générateur déjà disponibles. Ajoutez ensuite un composant Saisie de texte pour effectuer une recherche dans la table. Cette page utilise les composants de générateur suivants :

  • Tableau : permet d’ajouter un tableau en définissant la source, les filtres et les colonnes du tableau. Des actions de lien de page peuvent être ajoutées. Les requêtes personnalisées doivent être définies pour limiter l’exposition des données.
  • Saisie de texte : permet de définir la source et la valeur par défaut du texte à charger sur la page.

L’image suivante montre un exemple de page de détails qui inclut les détails du ticket avec un lien vers une page de détails que nous avons créée avec les composants énumérés ci-dessus :

Exemple de page de listes

Important :

Un tableau sans requête personnalisée expose tous les enregistrements qui correspondent à un filtre de tableau, quelle que soit la relation des données avec les abonnés. Vos données potentiellement sensibles peuvent être exposées à tous les utilisateurs de la micro-app, sauf si vous limitez l’exposition des données. Contrôlez l’accès aux données des pages à l’aide de la fonction Personnaliser.

Sur une page, sélectionnez le tableau dans le volet du générateur de composants. Sélectionnez Propriétés du tableau, puis PERSONNALISER. Sélectionnez ensuite +Ajouter une condition et ajoutez les contraintes si nécessaire.

Procédez comme suit :

  1. Sélectionnez la micro-app à laquelle vous souhaitez ajouter une page. Sélectionnez Pages et Ajouter une nouvelle page.
  2. Donnez un nom à la page et sélectionnez le modèle Table.
  3. Confirmez votre source de données et sélectionnez la table de données à laquelle vous souhaitez accéder. Sélectionnez Ajouter. La nouvelle page est ajoutée à la liste Pages et est prête à être personnalisée.
  4. Pour ajouter une zone de recherche, faites glisser un composant Saisie de texte vers le générateur et placez-le au-dessus du composant de table.
    • Sélectionnez l’onglet Propriétés de saisie de texte. Dans le champ Intitulé, entrez Rechercher.
    • Désactivez l’option Assigner à la colonne de données.
    • Pour ce champ, n’activez pas la case à cocher Obligatoire.
  5. Sélectionnez le composant Tableau déjà disponible dans le générateur.
    • Sélectionnez l’onglet Propriétés du tableau. Dans le champ Intitulé, entrez Tickets.
    • Activez l’option Utiliser les enregistrements liés à la page des détails.
    • Sélectionnez la table de données à afficher, Vous devez ajouter les colonnes que vous souhaitez afficher dans la table. Consultez la capture d’écran ci-dessus pour un modèle des éléments que nous souhaitons ajouter.
    • Sous Filtre de données, sélectionnez Définir filtre pour mapper les colonnes dans lesquelles la recherche est effectuée.
      1. Sélectionnez Ajouter.
      2. Sélectionnez une valeur pour Sélectionner une colonne.
      3. Sélectionnez la valeur contient pour le champ Action. Cette valeur permet de récupérer davantage de résultats pour les entrées de chaîne partielles ou inachevées.
      4. Sélectionnez valeur du composant pour le champ Type de valeur.
      5. Sélectionnez Saisie de texte pour le champ Composant.
      6. Activez l’option Uniquement avec valeur.
      7. Sélectionnez Enregistrer.
    • Sélectionnez Colonnes, puis sélectionnez le premier élément qui apparaît dans la liste. Sous Titre de la colonne, donnez un nom à la colonne, Par exemple, nous allons nommer la colonne Numéro de ticket, mais la colonne de données sur laquelle cette colonne est mappée est intitulée issue_key. Sélectionnez une valeur pour la table de données, qui est préremplie, puis sélectionnez la colonne de données à mapper sur la colonne appropriée.
    • Sélectionnez + et répétez l’opération pour les colonnes suivantes que allons appeler : Description, Type de problème et Priorité.
    • Sélectionnez l’onglet Actions et sélectionnez la page Détails que nous avons déjà créée. Cela permet de placer un lien appelé Afficher les détails sur le côté droit et de créer un lien vers une page remplie avec les détails du problème donné.

    La page de listes est maintenant prête.

Créer une page de listes