runt-transversal-library-public

RuntTransversalLibrary

Esta biblioteca se generó con Angular CLI versión 14.2.0.

Quick start

Quick start options:

Agregue al package.json

"@runtgmarquez/runt_transversal_library": "git+https://runtgmarquez:[e-mail]/runtgmarquez/runt_transversal_library.git"

Importe:

RuntBridgeModule: Modulo que contiene componentes para hacer uso del Bridge RuntComponentsModule: Módulo que contiene otros componentes transversales.

@NgModule({
  declarations: [AppComponent],
  imports: [
    ...
    RuntBridgeModule,
    RuntComponentsModule,
	...
  ],
  providers: [DatePipe],
  bootstrap: [AppComponent],
})
export class AppModule {}

RuntBridgeModule

Realizar captura de fotografía

<runt-boton-captura-foto
  [hostBridge]="hostBridge"
  [hostTransversal]="hostTransversal"
  (fotoUsuario)="onFotoCapturada($event)">
</runt-boton-captura-foto>

Atributos:

Input	Tipo	Descripcion
hostBridge	string	Direccion url para levantar el bridge que toma la foto
hostTransversal	string	Direccion url transversal donde se obtine token

Eventos

Evento	Descripcion	Returns
fotoUsuario($event: string)	Completa la captura de la fotografía	{ string }Emite la trama de la foto capturada a traves del Bridge

Realizar captura de huellas

Para levantar la captura de huellas se debe hacer uso del servicio HuellaService

constructor(
private _huellaService: HuellaService
) { }

Haga uso del método capturarHuellas Pasandole los parametros requeridos IParametrosValidacionHuellas, este retornará una promesa con los datos IDataValidacionHuellas

let huellas: IParametrosValidacionHuellas = {
      hostTransversal: "http://localhost:8080/transversalMs",
      hostBridge: "http://localhost:9000/api",
      forzarBotonAceptar: false,
      usuario: '5466646',
      idAutoridad: '5545545',
      tramites: [],
      subTramites: [],
      listCiudadanosValidar: [
        {
          nombres: 'JAIR MUÑOZ',
          documento: '999999958',
          nombreTipoDocumento: 'Cedeula de ciudadanía',
          codigoTipoDocumento: 'C',
          tipoValidacion: 'FUNCIONARIO',
        },
        {
          nombres: 'CARLOS DIAZ',
          documento: '2225896',
          nombreTipoDocumento: 'Cedeula de ciudadanía',
          codigoTipoDocumento: 'C',
          tipoValidacion: 'CIUDADANO',
        },
      ],
    };
    console.log('Inicio Captura huellas');
    const datos = await this._huellaService.capturarHuellas(huellas);
    console.log('Fin Captura huellas', datos);

Atributos interfaz IParametrosValidacionHuellas

Input	Tipo	Descripcion
hostBridge	string	Direccion url para levantar el bridge que toma la foto
hostTransversal	string	Direccion url transversal donde se obtine token
forzarBotonAceptar	boolean	Permite activar el boton de Aceptar para hacer la simulacion de la valiadacion de la huella (Solo Para pruebas)
usuario	string	Usuario autenticado
idAutoridad	string	Id de la autoridad Autenticada
tramites	Array<string o number>	Lista de sub tramites a validar
subTramites	Array<string o number>	Lista de sub tramites a validar
listCiudadanosValidar	ICiudadanoValidar[]	Lista de Ciudadanos a validar

Atributos interfaz ICiudadanoValidar

Input	Tipo	Descripcion
codigoTipoDocumento	string	Código del tipo de documento
nombreTipoDocumento	string	Nombre del tipo de documento que se mostrará por pantalla
tipoValidacion	string	Tipo de Validacion ['FUNCIONARIO', CIUDADANO]
documento	string	Número de documento de la persona a validar huella
nombres	string	Nombres de la persona a Validar Huellas

Realizar firmado de datos

Para firmar los datos se debe hacer uso del servicio FirmaDigitalService

constructor(
    _firmaService: FirmaDigitalService
) { }

Haga uso del método firmarDatos() o firmarDatosEnviar() Pasandole los parametros requeridos.

Otros componentes y servicios

###Mostrar un loading en toda la pantalla Agregue los estilos a angular.json

"node_modules/@runtgmarquez/runt_custom_theme/loading-backdrop.scss"

constructor(
   _loadingService: LoadingBackdropService
) { }

  loading() {
    this._loadingService.show();
    const interval$ = interval(5000).pipe(take(1));
    interval$.subscribe(() => {
      this._loadingService.hide();
    });
  }

Servicio mensajes validacion campos

constructor(
   public formErrorService: FormErrorService
) { }
  
  formPrueba!: FormGroup;
  fechaMinima = new Date();
  fechaMaxima = new Date(2022,10,30);

  <mat-form-field>
    <mat-label>Choose a date</mat-label>
    <input
      matInput
      [min]="fechaMinima"
      [max]="fechaMaxima"
      [matDatepicker]="picker"
      formControlName="fecha" />
    <mat-hint>MM/DD/YYYY</mat-hint>
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
    <mat-error
      *ngFor="let error of formErrorService.mapErrors(formPrueba.controls['fecha'], 'Fecha')">
      {{ error }}
    </mat-error>
  </mat-form-field>

RuntComponentsModule

Campo doble digitación

<mat-form-field>
    <mat-label>Placa</mat-label>
    <runt-doble-digitacion formControlName="placa"></runt-doble-digitacion>
    <mat-error
      *ngFor="let error of formErrorService.mapErrors(formPrueba.controls['placa'], 'Placa')">
      {{ error }}
    </mat-error>
</mat-form-field>

#Validators Incluidos onlyAlphaNumericWhitAccents() Validar entrada de solo caracteres alfanumericos inluidos acentos

onlyNumbers() Validar entrada de solo caracteres numericos

onlyEmail() Validar entrada de un E-Mail correcto

onlyPlaca() Validar entrada de una placa

this.formPrueba = this._formBuilder.group({
      placa: ['', [ onlyPlaca()]],
      fecha: ['', [Validators.required]],
      cedula:['',[onlyNumbers()]]
    });