NgConsultaCliente

This library was generated with Angular CLI version 9.1.7.

Code scaffolding

Run ng generate component component-name --project ng-consulta-cliente to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project ng-consulta-cliente.

Note: Don't forget to add --project ng-consulta-cliente or else it will be added to the default project in your angular.json file.

Compilar y Publicar

Actualizar la versión en el archivo package.json

Compilar la librería con ng build ng-consulta-cliente --prod

ubicarse en la carpeta dist cd dist/ng-consulta-cliente

ejecutar npm pack

publicar npm publish.

Como utilizar:

Agregar la etiqueta del componente: consulta-cliente-modal en el selector principal

<consulta-cliente-modal (onSelect)="onSelect($event)" #modalCliente [config]="modalClienteConfig">
</consulta-cliente-modal>

Definir el valor a enviar en el input [config]

    this.modalClienteConfig = {
      accessToken: accessToken,
      host: 'https://sion-dev.tcc.com.co',
      rolId: this.rol, /*Rol, valor dinámico definido por el usuario*/
      api: '/maestrosapi/api/componente/cliente/consulta-criterios', /* Valor opcional */
    };
 }

Definir el @ViewChild para acceder al componente <consulta-cliente-modal #modalCliente></consulta-cliente-modal>

@ViewChild('modalCliente') modalCliente;

Abrir el modal

modalCliente.open();

Configuración

Definición de atributos del [input] config para el correcto funcionamiento del modal ng-consulta-cliente

| Atributo | Descripción | | ----------- | ------------------------------------------------------------------------------------- | | accessToken | valor del token de autorización para consumir la api de clientes | | host | host donde se ejecuta el api de clientes | | api? | (opcional) complemento del host o api de clientes | | rolId? | (opcional) id del rol para condicionar la consulta a clientes con el rol especificado | | pais | id del país el cual condicionará las ciudades a consultar en el modal |

Eventos

Definición de los eventos que utiliza el componente ng-consulta-cliente

| Atributo | Descripción | | ---------------- | ----------------------------------------------------- | | onSelect($event) | evento que devuelve el valor del cliente seleccionado |