Este modal actúa como una ventana de confirmación para acciones masivas.

Modal de confirmación

Estructura

Header

Estos modales están compuestos por un header con un icono de cierre a la izquierda y un título con el siguiente formato: {Tipo de contenido} confirmación.

 

Header del modal de confirmación

Contenido

Un «summary», que muestra las acciones que han sido exitosas y cuáles no, se muestra en la parte superior. Los números deben estar en negrita, así como los términos “not” y “succesfully”.

Todos los ítems sobre los que actúa se colocan en una tabla con scroll. Las primeras columnas deben siempre mostrar el estado de la acción con los fallos en la parte superior. Para añadir feedback visual, los elementos fallidos tienen que un icono de advertencia rojo + un texto mientras que los elementos exitosos tienen un check verde + texto.

Botón

Un icono de cierre se ubica en la parte inferior derecha.

Contenido del modal de confirmación

Comportamiento

Cuando una acción masiva ha sido llevada a cabo, el modal de confirmación aparece.

Todos los elementos sobre los que actúa son mostrados en una tabla, permitiendo a los usuarios a hacer scroll arriba y abajo.

Clicando en el mensaje de estado del ítem, una tooltip aparece para proporcionar más información.

Modal de confirmación después de clicar en el mensaje de estado