Constructeur d'interface

Le constructeur permet de réorganiser le tableau selon vos besoins : masquer des colonnes superflues, changer leur ordre, renommer les en-têtes, ajouter une colonne avec une valeur qui n'est pas initialement présente dans le tableau. La configuration du tableau peut être réalisée par des clics ou décrite par des mots — la demande sera traitée par un modèle d'IA. Sur les pages d'édition des enregistrements et dans les onglets des sections, le constructeur masque et réorganise les onglets, les blocs et les champs de l'ensemble d'attributs.

La configuration est liée à un écran spécifique et n'affecte pas les autres. La configuration terminée peut être enregistrée comme préréglage — alors tous les administrateurs du projet pourront la voir, et un administrateur ayant le droit de désignation pourra en faire l'affichage par défaut pour ses collègues (voir Désignation des paramètres à d'autres administrateurs).

Au moins un agent IA est nécessaire

La demande formulée en mots est exécutée par le modèle, et le modèle est pris à partir des comptes dans l'onglet Settings → AI Agents. Dans le panneau du constructeur, il est sélectionné par les champs AI Account et AI Model. S'il n'y a aucun compte, il ne sera pas possible d'envoyer une demande — il ne restera que l'assemblage manuel par clics.

Droits d'accès

Le constructeur est contrôlé par deux droits du groupe des administrateurs dans l'onglet Setting up rights to modules de la fiche de l'administrateur (voir Édition de l'administrateur) :

Droit	Ce qu'il donne
uiComponentConfigs.edit — configuration des écrans pour soi	roue dentée des colonnes, panneau du constructeur, préréglages, configuration des pages d'enregistrements et des onglets des sections
uiComponentConfigs.assign — désignation des configurations d'écrans à d'autres	onglet de désignation des configurations dans la fiche de l'administrateur, modification et suppression des préréglages enregistrés par d'autres administrateurs

Sans le droit uiComponentConfigs.edit, le constructeur n'affiche rien sur les écrans — ni roues dentées, ni boutons, ni panneaux, même en mode activé. Les mêmes droits sont vérifiés par le serveur : l'interface ne fait que cacher ce qui n'est pas accessible.

Comment activer

Le mode constructeur s'active par un bouton avec une icône d'égaliseur dans l'en-tête de l'application. C'est un interrupteur : lorsque le mode est activé, l'icône est mise en surbrillance. Ce mode est nécessaire pour le panneau du constructeur, les préréglages et la configuration des pages d'enregistrements. La roue dentée des colonnes au-dessus des tableaux est visible même en mode désactivé — voir Roue dentée des colonnes.

Après activation, des boutons apparaissent au-dessus du tableau :

Bouton	Fonction
Roue dentée	sélection des colonnes du tableau — identique à celle en dehors du mode
Builder	ouvre le panneau de configuration de ce tableau
Presets	liste des configurations enregistrées de l'écran
Icône d'annulation	annule la dernière modification de la configuration ; apparaît lorsqu'il y a quelque chose à annuler
Icône de réinitialisation	ramène le tableau à son apparence par défaut

Le constructeur est connecté aux tableaux et aux formulaires dans toutes les sections de l'application. Comment il apparaît sur les pages d'édition des enregistrements — dans la section Pages d'enregistrements et onglets des sections.

Roue dentée des colonnes

Au-dessus de chaque tableau auquel le constructeur est connecté, il y a un bouton avec une icône de roue dentée. Elle est visible pour l'administrateur ayant le droit uiComponentConfigs.edit en permanence, même lorsque le mode constructeur est désactivé : pour montrer ou cacher une colonne, le panneau avec le modèle IA n'est pas nécessaire.

La roue dentée ouvre une liste des colonnes du tableau composée de trois groupes de cases à cocher :

Groupe	Ce qu'il contient	Que fait la case à cocher
colonnes par défaut	colonnes propres au tableau	une case décochée cache la colonne
champs supplémentaires	champs intégrés des enregistrements que le tableau ne montre pas par défaut	une case cochée ajoute une colonne avec ce champ
attributs	attributs des ensembles qui peuvent être présents dans les enregistrements de cet écran	une case cochée ajoute une colonne avec la valeur de l'attribut

Un attribut qui n'est présent dans aucun enregistrement sur l'écran est affiché en gris avec un tooltip : sa colonne sera vide. Un champ déjà affiché par l'une des colonnes par défaut peut également se trouver parmi les champs supplémentaires — si vous le cochez, une deuxième colonne avec les mêmes données apparaîtra dans le tableau.

Cacher une colonne ne retire pas aux lignes des éléments de contrôle : le glisser-déposer, la case à cocher de sélection de ligne et les boutons de déploiement se déplacent vers la première colonne visible.

Les valeurs longues des attributs dans une cellule sont affichées de manière abrégée : le texte HTML — au début du texte sans balisage, le JSON — sur une seule ligne, les images — sous forme de miniatures. À côté d'une telle valeur se trouve une icône d'œil : un clic sur la valeur l'ouvre complètement dans une nouvelle fenêtre — le texte HTML est rendu, le JSON dans le visualiseur, les images en taille réelle.

En bas de la liste se trouve un bouton de réinitialisation des paramètres du tableau. Il supprime toute la configuration de ce tableau dans votre navigateur, y compris les modifications effectuées via le panneau du constructeur. La roue dentée et le panneau écrivent dans la même configuration : une colonne ajoutée par demande et une colonne cochée coexistent ensemble.

Pages d'enregistrements et onglets des sections

Lorsque le mode est activé, le constructeur fonctionne également sur les pages d'édition des enregistrements : administrateur, page de contenu, produit, collection, modèle, bloc, diapositive de bloc, formulaire, événement, remise, entrepôt de commandes, utilisateur, groupe d'utilisateurs, fournisseur d'authentification et autorisations des utilisateurs. Les onglets qui sont affichés dans les sections du menu sont également configurés.

Ce qui peut être configuré :

• onglets — chaque onglet reçoit une icône d'œil (cacher ou montrer) et peut être déplacé à un autre endroit. Le dernier onglet visible ne peut pas être caché ;
• blocs de la page d'édition — icône d'œil et glisser-déposer, là où les blocs sont connectés au constructeur ;
• champs de l'ensemble d'attributs — icône d'œil et glisser-déposer pour chaque champ.

Les éléments cachés en mode constructeur restent à l'écran en étant atténués, afin qu'ils puissent être restaurés ; après la désactivation du mode, ils disparaissent. La configuration ne change que l'apparence : un champ caché participe toujours aux vérifications du formulaire.

Les onglets et les blocs sont configurés pour l'ensemble de l'écran, tandis que les champs le sont séparément pour chaque ensemble d'attributs : il n'est pas possible de savoir à l'avance quel ensemble sera présent dans l'enregistrement ouvert. Par conséquent, chaque zone a son propre panneau d'outils — au-dessus des onglets et au-dessus des champs de l'ensemble :

Bouton	Fonction
configurations	liste des configurations enregistrées de cette zone (dans l'interface en français — «Configurations»)
sauvegarde de la configuration actuelle	sauvegarde la configuration de la zone sous le nom spécifié (dans l'interface en français — «Sauvegarder la configuration actuelle»)
Icône d'annulation	annule la dernière modification de cette zone
Icône de réinitialisation	ramène les onglets et les blocs ou les champs de l'ensemble à leur apparence par défaut

Le bouton Builder n'est pas présent sur les pages d'enregistrements — les onglets, les blocs et les champs ne peuvent être configurés qu'avec l'icône d'œil et le glisser-déposer.

Panneau du constructeur

Le panneau s'ouvre par le bouton Builder et est intitulé Table Constructor.

Sélection du modèle. Les champs AI Account et AI Model déterminent quel compte et quel modèle traiteront la demande. La sélection est commune à l'ensemble du constructeur, et non à un tableau spécifique — il n'est pas nécessaire de la définir à nouveau sur chaque écran.

Demande en mots. Dans le champ What to change?, le résultat souhaité est décrit en langage courant, par exemple «supprime la colonne URL et montre le nombre de produits». En dessous, sous le titre Or start with a ready one, se trouvent des exemples prêts à l'emploi — ils sont insérés d'un simple clic : masquer une colonne, lignes compactes, votre texte d'état vide, nombre de produits dans la catégorie et autres. La demande est envoyée par le bouton Apply.

Aperçu. La réponse du modèle est affichée sous forme de liste de modifications compréhensibles, et la configuration n'est appliquée qu'après confirmation — tant que vous n'avez pas accepté, le tableau ne change pas.

Currently set. La section montre ce qui est actuellement configuré : «modifications de ce tableau, chacune peut être supprimée séparément». Ici se trouve également le bloc Column visibility — un clic sur l'icône d'œil cache la colonne ou la ramène.

Compile manually. Assemblage manuel sans modèle : étape par étape, il est choisi ce qui doit être affiché, la source de la valeur et le champ requis. Pratique lorsque c'est plus simple de choisir dans une liste que de formuler en mots.

What else can be configured. Aide repliée sur ce que le constructeur peut encore faire sur cet écran — utile lorsque vous ne savez pas comment formuler une demande.

Colonnes calculées et sources de données

Une colonne peut afficher une valeur qui n'est pas présente dans la ligne — par exemple, le nombre de produits dans une catégorie. D'où la prendre est décrit par la source : un chemin prédéfini vers l'API avec des paramètres. Les adresses arbitraires ne sont pas acceptées, seules les enregistrements du catalogue des sources.

Le catalogue est composé de sources intégrées et de celles créées par les administrateurs. S'il n'y a pas de source appropriée, le constructeur proposera de chercher dans l'API : l'agent trouvera des candidats, effectuera une demande d'essai sur une ligne réelle et affichera les valeurs reçues — le champ est choisi en fonction des données réelles, et non de la description.

L'agent peut également créer lui-même une source pour la demande. Une telle source est d'abord non sauvegardée : la colonne avec elle affiche déjà des données en direct — c'est la vérification, et une fiche de nouvelle source apparaît au-dessus de l'aperçu. Elle nomme la source, l'opération API appelée et les champs de réponse à partir desquels les valeurs sont prises. Un bouton de la fiche sauvegarde la source dans le catalogue, un autre y renonce — alors toutes les colonnes qui y font référence sont supprimées de la configuration et de la proposition non encore appliquée. Une source non sauvegardée ne vit que jusqu'au rechargement de la page ; lors de la sauvegarde d'un préréglage, les sources utilisées par sa colonne sont automatiquement sauvegardées.

remarque

La recherche de la source prend plus de temps que les autres opérations.

Sauvegarde et réutilisation

Tant que la configuration n'est pas sauvegardée, elle est conservée uniquement dans votre navigateur. La sauvegarde l'envoie sur le serveur sous le nom spécifié — après cela, le préréglage est disponible pour tous les administrateurs du projet dans la liste Presets (sur les pages d'enregistrements — dans la liste des configurations de sa zone), d'où il peut être appliqué chez soi.

L'auteur peut supprimer ou modifier son préréglage. Un préréglage sauvegardé par un autre administrateur ne peut pas être modifié ou supprimé sans le droit uiComponentConfigs.assign. Un préréglage désigné à au moins un administrateur ne peut être supprimé par personne : le serveur refusera et indiquera à combien d'administrateurs il a été désigné — retirez d'abord la désignation.

Le bouton de réinitialisation supprime la configuration qui est conservée dans votre navigateur et ramène le tableau à son apparence d'origine. Les préréglages sauvegardés restent.

Désignation des paramètres à d'autres administrateurs

Un administrateur ayant le droit uiComponentConfigs.assign peut définir comment les écrans apparaissent par défaut pour ses collègues. Pour cela, dans la fiche de l'administrateur (section Administrators), il y a un onglet séparé pour la désignation des configurations d'écrans (dans l'interface en français — «Paramètres des écrans»). Sans ce droit, l'onglet n'est pas présent.

Dans l'onglet, seuls les écrans pour lesquels il existe des préréglages sauvegardés sont énumérés, en trois groupes :

• pages d'enregistrements — une fiche par écran : une ligne distincte pour les onglets et les blocs et une ligne pour chaque ensemble d'attributs pour lequel il existe des préréglages, avec un compteur de lignes désignées ;
• onglets des sections — quels onglets sont visibles dans la section du menu elle-même et dans quel ordre ;
• tableaux et formulaires — une ligne par écran.

Dans chaque ligne, un préréglage est sélectionné dans un menu déroulant ; vider la liste retire la désignation. Une notification informe du succès ou de l'échec.

L'apparence désignée est appliquée lors de la prochaine connexion de l'administrateur à l'interface d'administration — si la désignation est plus récente que celle déjà appliquée dans son navigateur. Une désignation faite après les propres modifications de l'administrateur les remplace ; un simple rechargement de la page ne touche pas son apparence personnelle. Ensuite, l'administrateur peut modifier son apparence — jusqu'à la prochaine désignation. Si la désignation est retirée, l'écran revient à son apparence par défaut, sauf si l'administrateur a eu le temps de la modifier lui-même.