runt-transversal-library v1.2.4

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: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@github.com/runtgmarquez/runt_transversal_library.git"

Importe:

RuntBridgeModule: Modulo que contiene componentes para hacer uso del Bridge RuntComponentsModule: Módulo que contiene otros componentes transversales. RuntReporteModule: Módulo que contiene servicios para impresión de documentos.

@NgModule({
  declarations: [AppComponent],
  imports: [
    ...
    RuntBridgeModule,
    RuntComponentsModule,
    ReporteModule,
	...
  ],
  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:

Eventos

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

Atributos interfaz ICiudadanoValidar

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()]]
    });

RuntReporteModule

Modulo que permite previsualizar un reporte/documento o enviarlo a correo; se debe realizar la importacion en el modulo que se vaya a usar el servicio de impresión.

###Servicio para previsualizar documento

constructor(
...
   private _impresionService: ImpresionService
...
) { }

async reporte() {
    const parametros: SolicitudReporteInterface = {
      documentoImpresion: 658,
      especieVenal: 758424,
      idAutoridad: 134,
      idSolicitud: 8751515,
      enviarCorreo: true,
      datosCorreo: {
        asunto: "Documento prueba desde Libreria",
        contenido: 'Cordial saludo ...',
        tipoCorreo: 'ServiciosCiudadanoMailSession',
        nombreDocumento: "Documento Prueba"
      },
      parametros: {
        PAR_IDCUPL: "600000000031303406",
        pBarCode: "(415)7709998000445(8020)600000000031303406(8020)0000000001(3900)0000089700(96)20151002"
      }
    }
    const resp = await this._impresionService.obtenerReporte(this.hostTransversal, this.hostBridge, parametros)
    console.log(resp)
  }

Atributos interfaz SolicitudReporteInterface

Atributos interfaz DatosCorreoSolicitudInterface