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:[email protected]/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()]]
    });