Componente de alertas (toast)

Para la generación de alertas se creo un componente y un servicio, basado en la librería ng-boostrap, y que utiliza los estilos que vienen de la librería de boostrap. Y que van a reeplazar al componente previo que se encuentra en la ruta compontents/generics/toast (carpeta que luego de haber pasado todos los eventos y haber testeado el nuevo servicio se eliminará).

Implementación de servicio.

Para crear un nuevo mensaje de alerta vamos a tener que llamar al ToastService, desde el constructor del component.

Y luego vamos a llamar a la función show, donde vamos a pasar dos parámetros :

El mensaje ( que ya está preparado para realizar la traducción desde el componente de toast, por lo que solamente es necesario para la ruta que debe leer en el json del idioma).
El Tipo de mensaje (opcional) - default : “info”. Este parámetro va asignar el estilo visual del mensaje, y por ahora soporta 4 estilos ( success, error, warning, info).

Descripción del desarrollo.

Component AppToastComponent

Este clase simplemente controla la vista que llama al componente de la librería, y se vincula al servicio, que va a manejar la funcionalidad.

Esta componente se llama desde el app.component.html para que quede accesible desde toda la aplicación

Servicio ToastService

Luego tenemos el Servicio ToastService, que permite crear, eliminar y asignar un estilo específico al toast.

Este es el servicio que vamos a llamar desde las páginas y componentes para mostrar un nuevo elemento de alerta.