Micro-apps

Créer une page de listes

Créez une page de listes pour afficher tous les enregistrements disponibles dans votre système d’enregistrement. 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 : utilisez ce composant pour effectuer une recherche. Cela signifie que vous ne définissez pas la source de texte ni la valeur par défaut.

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 à partir de laquelle vous souhaitez que les enregistrements de la table proviennent. Sélectionnez l’option Sélectionner champs pour choisir les champs qui vont remplir votre page. Sélectionnez Ajouter.

    La nouvelle page est ajoutée à la liste Pages et est prête à être personnalisée. Le générateur remplit les champs que nous avons sélectionnés. Maintenant, nous allons personnaliser la page.

  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.
    • Ne définissez pas l’option Valeur par défaut.
    • 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.
    • 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. (Facultatif) Vous pouvez ajouter des filtres supplémentaires, par exemple, filtrer les enregistrements actifs. En outre, vous pouvez combiner les règles de filtre en sélectionnant ALL/ONE OFF ou en écrivant des expressions logiques.
      8. 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é.

    Vous avez terminé de configurer la page de listes. Comme dernière étape, sélectionnons cette page comme page d’action pour la micro-app et rendons-la visible dans la liste des actions pour cette intégration.

  6. Sélectionnez Propriétés. C’est l’icône d’engrenage située sur la gauche lorsque vous vous trouvez dans le générateur.
  7. Sous Actions, sélectionnez le bouton Activer en tant qu’action et sélectionnez cette page dans le menu Page d’actions .

    La page de listes est maintenant prête.

Créer une page de listes