🖥️Elementos comunes de la interfaz

Paneles de información

Hub Corresponsables muestra toda la información en tarjetas o paneles separados entre sí. Los paneles agrupan información que está relacionada entre sí.

Ejemplo de paneles de información

Hay un tipo de panel especial, y son los paneles Editables.

Editar un panel de información

Si pulsamos el botón Editar presente en la parte superior derecha de este tipo de paneles, los controles de dicha tarjeta cambiarán a elementos editables, que nos permitirán editar la información del elemento en el que estemos.

Panel principal de resumen de proyecto convertido en editable

Aparecerán dos botones en la parte inferior del panel:

1. Descartar, que omitirá los posibles cambios que hayamos hecho.

2. Guardar, que previa validación de los datos, guardará la información que hayamos modificado.

Al pulsar cualquiera de estos botones, el panel volverá a modo solo información y dejará de ser editable.

Eliminar un elemento

Si la Persona Usuaria tiene permisos para ello, en la parte superior derecha del panel superior del detalle de Proyectos, Organizaciones y Personas Usuarias, hay un botón desplegable que muestra la acción de Eliminar.

Desplegable con la acción eliminar.

Tras pulsar el botón, aparecerá una ventana emergente solicitando confirmación de la eliminación. Una vez confirmado, el elemento se eliminará completamente del sistema, no siendo posible su recuperación posterior.

Listados

Toda la información de Hub Corresponsables se muestra inicialmente en forma de listados, que permite acceder al detalle de un elemento listado al pulsar sobre él.

Organización de los listados

Todas las cabeceras de los listados permiten ordenar dicho listado por ese campo.

Ejemplo de listado ordenado por el campo Código en orden ascendente.

Botones superiores de los listados

De forma general, los listados tienen estos tres botones::

1. Añadir, que permite agregar elementos nuevos del tipo listado.

2. Exportar, que exporta una hoja de cálculo de los elementos mostrados en ese listado. Si hubiera algún filtro activo, sólo exportará los elementos que se estén mostrando en ese momento en el listado.

3. Filtrar, que permite filtrar los resultados del listado en base a unos parámetros preestablecidos.

Desplegable del botón Filtrar de un listado.

Una vez filtrado un listado, el botón filtrar se marcará con un tick rojo, como una notificación, avisando de que hay un filtro activo. Ese filtro permanecerá activo aunque la persona usuaria navegue por otras páginas de la aplicación.

Búsqueda en los listados

La mayoría de los listados incorporar la funcionalidad de realizar filtros de texto sobre los resultados, escribiendo el texto buscado en la caja superior izquierda. Además se destacará en cada uno de los resultados filtrados esa coincidencia de texto en color amarillo.

Proyectos filtrados por el texto.