Bienvenido

El paquete contiene componentes basados en el framework Angular, el cuál permite mucha flexibilidad para crear interfaces de usuario y experiencia de usuario mas que aceptables.

Componentes

Utiliza los componentes para automatizar procesos básicos de interacción.

Alertas

Son las alertas que se muestran al usuario tras realizar una acción, se mostrarán en un globo con un color y sonido específico para su identificación.

Auto completado

Permite vincular una etiqueta input con un evento que dispara cambios para ser vinculado a un acceso a datos.

Botón asyncrono

Utilízalo para hacerle notar al usuario que estas realizando una acción, este botón muestra un icono de carga mientras una acción se está realizando, para ver mas detalles revisa en la sección: Modelos, "Acciones asyncronas"

Grupo de campos

Facilita la gestión de formularios disminuyendo el código mediante:

• Representación de filas y columnas con espacios basados en bootstrap
• Validación de campos automático
• Tipos de campos dinámica mente
• Enlace con auto completado de campos

Menú

Úsalo para mostrar los puntos de navegación de tu aplicación, también incluye un campo de búsqueda que se enlaza con el servicio de vistas para proveer eventos de navegación y filtrado.

Visualización de filtros

Un componente sencillo que muestra los filtros que se han añadido de algún modo para poder removerlos desde este punto.

Paginación

Ofrece funciones y visualización para paginar bloques de datos para disminuir las cargas por petición y hacer tu aplicación más fluida.

Modelos

Los modelos representan utilerías de actividades o conceptos usados en la mayoría de aplicaciones de negocios.

Entidades

Representa a un objeto o entidad de datos con un ID para poder ser específicos con las APIs.

Acciones asyncronas

Permite notificar al usuario cuando la llamada a una API ha fallado ademas notificar al desarrollador de los casos exitosos.

Respuestas

Muestra los diferentes tipos de respuestas para complementarlas con los diversos componentes que aquí se presentan:

• BasicResponse

Compuesto por {status: ["error" | "ok"], message: [string]} Lo que permite obtener una respuesta sencilla al ejecutar una acción a una API.

• Record response

Ademas de obtener las propiedades de BasicResponse agrega la propiedad data que contendrá un objeto any que la API contestará.

• List response

Ademas de obtener las propiedades de BasicResponse agrega la propiedad data que contendrá una lista de objetos any que la API contestará, ademas de la propiedad total que espera el número total de registros disponibles para la petición, de esta forma se pueden consumir los datos paginados.

• ID response

Cuando se crea un nuevo registro se espera de la API que conteste con un id, el cual es el campo que agrega esta respuesta ademas de las propirdades de BasicResponse

Selección

Ofrece un vector de objetos que son seleccionados en memoria para poder seleccionar objetos que no se encuentran en pantalla, tal como mantener datos de páginas diferentes a la actual.

Interceptores (HTTP)

Realiza una inyección de un token JWT para solicitar el acceso a la ejecución de las APIs.

Servicios

Ofrece utilerías de configuración de los componentes presentados, tal como la URL de la API principal, la velocidad y caracteres por defecto de los módulos de autocompletado, etc.

Alertas

Permite enviar alertas al usuario para la identificación del resultado de sus acciones.

• info

Muestra al usuario una notificación de una actividad irrelevante pero que podría tomar en cuenta

• success

Muestra al usuario la respuesta satisfactoria de una actividad

• warning

Muestra al usuario una advertencia que permite continuar con la acción

• error

Muestra al usuario un error al ejecutar una actividad, ademas de no poder continuar

Vistas

Permite la configuración de varias actividades a realizar en los componentes por el usuario

¡¡Pasa un buen día en tu desarrollo!!