@clavisco/overlay v0.0.18

Acerca de @clavisco/overlay

Token: Overlay

Este componente es definido como core, debido a que es el encargado de bloquear y desbloquear la interfaz de usuario mientras se transacciona con el backend

¿Qué resuelve?

Estandariza el formato y arquitectura de los side menu, al mismo tiempo que, reduce considerablemente el tiempo de implementación.

Funciones de ClvsOverlayService

• OnPost(_message: string), Bloquea la intefaz de usuario
  • _message: será mostrado en la pantalla de carga mientras se transacciona. Nota En caso de no brindar algún valor para este parámetro el componente asignará por defecto el valor "Procesando, espere por favor"
• OnGet(_message: string), Bloquea la intefaz de usuario
  • El parámetro _message será mostrado en la pantalla de carga mientras se transacciona. En caso de no brindar algún valor para este parámetro el componente asignará por defecto el valor "Cargando, espere por favor"
• Drop(_message: string), Desbloquea la intefaz de usuario

¿Cómo lo uso?

1. Ejecutar el comando npm i @clavisco/overlay en el directorio root del proyecto
2. Injectamos el servicio el módulo OverlayService, sin olvidar incluir la etiqueta @Inject('OverlayService'), con el objetivo de que comparta el mismo contexto en todo momento entre todos los componentes.
3. Luego podemos llamar a los métodos del servicio como se muestra en el siguiente ejemplo:

  this.overlayService.OnPost("Loading data from POST request...");
  // Something you need to do
  this.overlayService.Drop();

  this.overlayService.OnGet("Loading data from GET request...");
  // Something you need to do
  this.overlayService.Drop();

4. Ya con esto tenemos una implementación básica con el uso de los overlays
5. Video explicativo sobre el uso @clavisco/overlay

Clavis Consultores ©