Constructor de interfaz
El constructor permite reestructurar la tabla según tus necesidades: ocultar columnas innecesarias, cambiar su orden, renombrar encabezados, agregar una columna con un valor que originalmente no está en la tabla. La configuración de la tabla se puede construir con clics o describirse con palabras; la solicitud será procesada por un modelo de IA. En las páginas de edición de registros y en las pestañas de secciones, el constructor oculta y reorganiza pestañas, bloques y campos del conjunto de atributos.
La configuración está vinculada a una pantalla específica y no afecta a las demás. La configuración final se puede guardar como preset; entonces, todos los administradores del proyecto la verán, y un administrador con derecho a asignar podrá hacerla la vista predeterminada para sus colegas (ver Asignación de configuraciones a otros administradores).
La solicitud en palabras la ejecuta el modelo, y el modelo se obtiene de las cuentas en la pestaña Settings → AI Agents. En el panel del constructor, se selecciona mediante los campos AI Account y AI Model. Si no hay ninguna cuenta, no se podrá enviar la solicitud; solo quedará la construcción manual con clics.
Derechos de acceso
El constructor está controlado por dos derechos del grupo de administradores en la pestaña Setting up rights to modules de la tarjeta del administrador (ver Edición de administrador):
| Derecho | Qué otorga |
|---|---|
uiComponentConfigs.edit — configuración de pantallas para uno mismo | engranaje de columnas, panel del constructor, presets, configuración de páginas de registros y pestañas de secciones |
uiComponentConfigs.assign — asignación de configuraciones de pantallas a otros | pestaña de asignación de configuraciones en la tarjeta del administrador, modificación y eliminación de presets guardados por otros administradores |
Sin el derecho uiComponentConfigs.edit, el constructor no muestra nada en las pantallas: ni engranajes, ni botones, ni panel, incluso con el modo activado. El servidor también verifica esos derechos: la interfaz solo oculta lo que no está disponible.
Cómo activar
El modo constructor se activa con el botón que tiene el ícono de ecualizador en la parte superior de la aplicación. Es un interruptor: cuando el modo está activado, el ícono se ilumina. Este modo es necesario para el panel del constructor, presets y configuración de páginas de registros. El engranaje de columnas sobre las tablas es visible incluso cuando el modo está desactivado; ver Engranaje de columnas.
Después de activar, aparecen botones sobre la tabla:
| Botón | Función |
|---|---|
| Engranaje | selección de columnas de la tabla — el mismo que fuera del modo |
| Builder | abre el panel de configuración de esta tabla |
| Presets | lista de configuraciones guardadas de la pantalla |
| Ícono de deshacer | deshace el último cambio de configuración; aparece cuando hay algo que deshacer |
| Ícono de reinicio | devuelve la tabla a su vista predeterminada |
El constructor está conectado a tablas y formularios en todas las secciones de la aplicación. Cómo se ve en las páginas de edición de registros se describe en la sección Páginas de registros y pestañas de secciones.
Engranaje de columnas
Sobre cada tabla a la que está conectado el constructor, hay un botón con el ícono de engranaje. Es visible para el administrador con el derecho uiComponentConfigs.edit siempre, incluso cuando el modo constructor está desactivado: para mostrar u ocultar una columna, no se necesita el panel con el modelo de IA.
El engranaje abre una lista de columnas de la tabla dividida en tres grupos de casillas de verificación:
| Grupo | Qué contiene | Qué hace la casilla |
|---|---|---|
| columnas por defecto | columnas propias de la tabla | desmarcar oculta la columna |
| campos adicionales | campos integrados de registros que la tabla no muestra por defecto | marcar agrega una columna con este campo |
| atributos | atributos de conjuntos que pueden tener los registros de esta pantalla | marcar agrega una columna con el valor del atributo |
Un atributo que no está presente en ningún registro en la pantalla se muestra atenuado con un aviso: su columna estará vacía. Un campo que ya se muestra en una de las columnas por defecto puede aparecer también entre los campos adicionales; si se marca, aparecerá una segunda columna en la tabla con los mismos datos.
Ocultar una columna no quita las filas de los controles: el arrastre, la casilla de selección de fila y los botones de expansión se trasladan a la primera columna visible.
Los valores largos de los atributos en una celda se muestran de forma abreviada: texto HTML — el inicio del texto sin formato, JSON — en una sola línea, imágenes — en miniaturas. Junto a tal valor hay un ícono de ojo: hacer clic en el valor lo abre completamente en una ventana separada — el texto HTML se muestra renderizado, JSON en un visor, imágenes en tamaño completo.
En la parte inferior de la lista hay un botón de reinicio de la configuración de la tabla. Este elimina toda la configuración de esta tabla en tu navegador, incluidos los cambios realizados a través del panel del constructor. El engranaje y el panel escriben en la misma configuración: una columna agregada por solicitud y una columna marcada con una casilla pueden coexistir.
Páginas de registros y pestañas de secciones
Con el modo activado, el constructor también funciona en las páginas de edición de registros: administrador, página de contenido, producto, colección, plantilla, bloque, diapositiva de bloque, formulario, evento, descuento, almacenamiento de pedidos, usuario, grupo de usuarios, proveedor de autorización y permisos de usuarios. También se configuran las pestañas que se muestran en las secciones del menú.
Lo que se puede configurar:
- pestañas — cada pestaña tiene un ícono de ojo (ocultar o mostrar) y se puede arrastrar a otro lugar. No se puede ocultar la última pestaña visible;
- bloques de la página de edición — ícono de ojo y arrastre, donde los bloques están conectados al constructor;
- campos del conjunto de atributos — ícono de ojo y arrastre para cada campo.
Los elementos ocultos en el modo constructor permanecen en la pantalla atenuados, para que se puedan recuperar; después de desactivar el modo, desaparecen. La configuración solo cambia la vista: un campo oculto sigue participando en las validaciones del formulario.
Las pestañas y bloques se configuran para toda la pantalla, y los campos — por separado para cada conjunto de atributos: no se sabe de antemano qué conjunto tendrá el registro abierto. Por lo tanto, cada área tiene su propio panel de herramientas — sobre las pestañas y sobre los campos del conjunto:
| Botón | Función |
|---|---|
| configuraciones | lista de configuraciones guardadas de esta área (en la interfaz en español — «Configuraciones») |
| guardar configuración actual | guarda la configuración del área bajo el nombre especificado (en la interfaz en español — «Guardar actual») |
| Ícono de deshacer | deshace el último cambio de esta área |
| Ícono de reinicio | devuelve las pestañas y bloques o campos del conjunto a su vista predeterminada |
No hay botón Builder en las páginas de registros; las pestañas, bloques y campos se configuran solo con el ícono de ojo y arrastre.
Panel del constructor
El panel se abre con el botón Builder y se titula Constructor de Tablas.
Selección de modelo. Los campos AI Account y AI Model determinan qué cuenta y qué modelo procesarán la solicitud. La selección es común para todo el constructor, no para una tabla específica; no es necesario establecerlo de nuevo en cada pantalla.
Solicitud en palabras. En el campo What to change? se describe el resultado deseado en lenguaje natural, por ejemplo, «quitar la columna URL y mostrar la cantidad de productos». Abajo, bajo el encabezado Or start with a ready one, hay ejemplos listos — se insertan con un clic: ocultar columna, filas compactas, texto personalizado para el estado vacío, cantidad de productos en la categoría y otros. La solicitud se envía con el botón Apply.
Vista previa. La respuesta del modelo se muestra como una lista de cambios comprensibles, y la configuración se aplica solo después de la confirmación; mientras no estés de acuerdo, la tabla no cambia.
Currently set. La sección muestra lo que está configurado actualmente: «cambios de esta tabla, cada uno se puede eliminar por separado». Aquí también está el bloque Column visibility — hacer clic en el ícono de ojo oculta la columna o la devuelve.
Compile manually. Construcción manual sin modelo: se selecciona paso a paso qué mostrar, la fuente del valor y el campo necesario. Es conveniente cuando es más fácil elegir de una lista que formular en palabras.
What else can be configured. Ayuda colapsada sobre lo que más puede hacer el constructor en esta pantalla; es útil cuando no está claro cómo formular la solicitud.
Columnas calculadas y fuentes de datos
Una columna puede mostrar un valor que no está en la fila, por ejemplo, la cantidad de productos en la categoría. De dónde obtenerlo se describe en la fuente: una ruta predefinida a la API con parámetros. No se aceptan direcciones arbitrarias, solo registros del catálogo de fuentes.
El catálogo consta de fuentes integradas y creadas por administradores. Si no hay una adecuada, el constructor sugerirá buscar en la API: el agente encontrará candidatos, realizará una solicitud de prueba en una fila real y mostrará los valores recibidos; el campo se selecciona según los datos reales, no por descripción.
El agente también puede construir una fuente para la solicitud. Tal fuente primero no está guardada: la columna con ella ya muestra datos en vivo — esta es la verificación, y sobre la vista previa aparece la tarjeta de la nueva fuente. En ella se nombran la fuente, la operación de API llamada y los campos de respuesta de los que se obtienen los valores. Un botón de la tarjeta guarda la fuente en el catálogo, otro la rechaza; entonces se eliminan de la configuración y de la propuesta aún no aplicada todas las columnas que la referencian. La fuente no guardada vive solo hasta que se recarga la página; al guardar un preset, las fuentes que utiliza su columna se guardan automáticamente.
La búsqueda de fuentes toma más tiempo que las otras operaciones.
Guardar y reutilizar
Mientras la configuración no esté guardada, se almacena solo en tu navegador. Guardar la envía al servidor bajo el nombre especificado; después de esto, el preset está disponible para todos los administradores del proyecto en la lista Presets (en las páginas de registros — en la lista de configuraciones de su área), desde donde se puede aplicar.
El autor puede eliminar o modificar su propio preset. Un preset guardado por otro administrador no se puede modificar o eliminar sin el derecho uiComponentConfigs.assign. Un preset asignado a al menos un administrador no se puede eliminar por nadie: el servidor rechazará y comunicará a cuántos administradores se les ha asignado; primero debes quitar la asignación.
El botón de reinicio elimina la configuración que se almacena en tu navegador y devuelve la tabla a su vista original. Los presets guardados permanecen.
Asignación de configuraciones a otros administradores
Un administrador con el derecho uiComponentConfigs.assign puede establecer cómo se ven las pantallas para sus colegas por defecto. Para ello, en la tarjeta del administrador (sección Administrators) hay una pestaña separada para la asignación de configuraciones de pantallas (en la interfaz en español — «Configuraciones de pantallas»). Sin este derecho, no hay pestaña.
En la pestaña se enumeran solo las pantallas para las que hay presets guardados, en tres grupos:
- páginas de registros — una tarjeta por pantalla: una fila separada para pestañas y bloques y una fila por cada conjunto de atributos para el que hay presets, con un contador de filas asignadas;
- pestañas de secciones — qué pestañas son visibles en la sección del menú y en qué orden;
- tablas y formularios — una fila por pantalla.
En cada fila se selecciona un preset de un menú desplegable; limpiar la lista quita la asignación. Una notificación informa sobre el éxito o error.
La vista asignada se aplica en la próxima entrada del administrador en el panel de administración — si la asignación es más reciente que la que ya se ha aplicado en su navegador. La asignación hecha después de las propias modificaciones del administrador las reemplaza; una recarga normal de la página no afecta su propia vista. Luego, el administrador puede cambiar su vista — hasta la siguiente asignación. Si se quita la asignación, la pantalla vuelve a la vista predeterminada, a menos que el administrador haya tenido tiempo de cambiarla él mismo.