general-library-union 2.7.4 → 2.7.7

package/src/app/core/componentes/formulariodinamico/formulariodinamico.component.ts

@@ -1,275 +0,0 @@
-import { Component, OnChanges, Input, OnInit, ComponentRef, Type, ViewChild, ViewContainerRef, ViewChildren, QueryList, AfterViewInit, ElementRef } from '@angular/core';
-import { CampoFormularioModel } from './objetosformulario/CampoFormulario';
-import { HashDirective } from './objetosformulario/HashDirective';
-import { UtilsService } from '../../../core/servicios/utils.service';
-import { GeneralService } from '../../../shared/servicios/general.service';
-import { AuthService } from '../../servicios/auth.service';
-import { Cambio } from './objetosformulario/Cambio';
-import { FormsModule } from '@angular/forms';
-import { CalendarModule } from 'primeng/calendar';
-import { CheckboxModule } from 'primeng/checkbox';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { InputTextModule } from 'primeng/inputtext';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { TooltipModule } from 'primeng/tooltip';
-import { DropdownModule } from 'primeng/dropdown';
-import { PasswordModule } from 'primeng/password';
-import { CommonModule } from '@angular/common';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { TableModule } from 'primeng/table';
-
-@Component({
-  selector: 'formulario-dinamico',
-    imports: [FormsModule, CalendarModule, CheckboxModule, InputTextareaModule, InputTextModule, RadioButtonModule, TooltipModule, DropdownModule, PasswordModule, CommonModule, InputNumberModule, AutoCompleteModule, HashDirective, TableModule],
-    standalone: true,
-    templateUrl: './formulariodinamico.component.html',
-  styleUrls: ['./formulariodinamico.component.scss']
-})
-export class FormulariodinamicoComponent implements OnInit, AfterViewInit, OnChanges {
-
-  @Input() campos: CampoFormularioModel[];
-  listaSiNoRadioButton: any[] = [{ name: 'Si', key: 'S' }, { name: 'No', key: 'N' }];
-  @ViewChild ('popup', { read: ViewContainerRef }) vcr: ViewContainerRef;
-  @ViewChildren(HashDirective) private hashes: QueryList<HashDirective>;
-  @Input() editable: boolean;
-  @Input() objeto: any;
-  @Input() isMensaje: boolean = false;
-  public validando: boolean = false;  
-  verMensajeFuncion: boolean = false;
-  public autoZIndex: string = 'true';
-
-  constructor(public utilsService: UtilsService, private generalService: GeneralService, private authService: AuthService) { }
-
-  ngOnChanges(){
-   
-  }
-
-  ngAfterViewInit(): void {
-    
-    this.verMensajeFuncion = false;
-
-    this.campos.forEach(campo => {
-      if(campo.mensajeFuncion){
-        this.verMensajeFuncion = true;
-      }
-      if (campo.tipo == 'P'){
-        if (campo.popupComponent){
-          this.mostrarPopupFormulario(campo).then(data => {});
-        }
-      }
-    })
-    this.campos.sort((a, b) => a.orden - b.orden);
-
-  }
-
-  ngOnInit(): void {
-  }
-
-  modificar(objeto: any, editable: boolean) {
-		this.limpiar();
-		this.objeto = objeto;
-		this.editable = editable;
-    this.campos.forEach(campo => {
-      if (!campo.caracteristica){
-        for (let atributo in objeto) {
-          let valor = objeto[atributo];
-          if (atributo == campo.campo){
-            this.cargarValor(campo.campo, valor, null);
-          }
-        }
-      }
-      if(campo.campoDepende!= null){
-				this.campos.forEach(campo2 => {
-					if(campo2.campo == campo.campoDepende){
-						campo2.campoReferencia = campo.valor;
-					}
-				})
-			}
-    })
-    
-    this.campos.sort((a, b) => a.orden - b.orden);
-	}
-
-  modificarValorCamposAdicionales(objeto: any, idGrupo: string) {
-		this.objeto = objeto;
-    this.campos.forEach(campo => {
-      if(idGrupo == campo.idGrupoPertenece) {
-        if (!campo.caracteristica){
-          for (let atributo in objeto) {
-            let valor = objeto[atributo];
-            if (atributo == campo.campo){
-              this.cargarValor(campo.campo, valor, null);
-            }
-          }
-        }
-        if(campo.campoDepende!= null){
-          this.campos.forEach(campo2 => {
-            if(campo2.campo == campo.campoDepende){
-              campo2.campoReferencia = campo.valor;
-            }
-          })
-        }
-      }
-      
-    })
-    
-    this.campos.sort((a, b) => a.orden - b.orden);
-  }
-
-  guardar(){
-    this.campos.forEach(data => {
-    })
-  }
-
-  setValorPopup(objeto){
-  }
-
-  async loadComponentDynamic<T>(campo: CampoFormularioModel, component: Type<T>, props: Partial<T>) {
-    var container =   this.getContainerFor(campo.popup)
-    container.clear();
-    const hasProps: boolean = !!Object.keys(props).length;
-    const compRef: ComponentRef<any> = container.createComponent( component ); //Angular 13
-    
-    if (hasProps) {
-      for (let key of Object.keys(props)) {
-        compRef.instance[key] = props[key];
-      }
-    }
-    const componente = new campo.popupComponent();
-    if('getDescripcionLlave' in componente ){
-      compRef.instance['label'] = await componente.getDescripcionLlave(this.generalService, this.authService, campo.valor, campo)
-    }
-
-  }
-
-  getContainerFor(name: string) {
-    return this.hashes.find(x => x.hash === name).vcRef;
-  }
-
-  async mostrarPopupFormulario(campo: CampoFormularioModel){
-    await this.loadComponentDynamic(campo, campo.popupComponent, campo.propiedadesPopupComponent)
-      
-  }
-
-  validar(): boolean{
-    this.validando = true;
-    var validador = true;
-    this.campos.forEach(campo => {
-      if (campo.obligatorio && !this.utilsService.validarCampoObligatorio(campo.valor)  ){
-        if (campo.tipo == 'P') {
-          var container =   this.getContainerFor(campo.popup)
-          container.clear()
-          let props = campo.propiedadesPopupComponent;
-          const hasProps: boolean = !!Object.keys(props).length;
-          const compRef: ComponentRef<any> = container.createComponent( campo.popupComponent ); //Angular 13
-          if (hasProps) {
-            for (let key of Object.keys(props)) {
-              compRef.instance[key] = props[key];
-            }
-          }
-          compRef.instance['booleano'] = true; 
-        }
-        validador = validador && false;
-      }
-    })
-    return validador;
-  }
-
-  getObjecto(): any{
-    var campos2 = this.campos.filter(data => !data.caracteristica);
-    campos2.forEach(campo => {
-      this.objeto[campo.campo] = campo.valor;
-    })
-    return this.objeto;
-  }
-
-  camposCaracteristicaClear(){
-    for (let i = 0; i < this.campos.length; i++){
-      if (this.campos[i].caracteristica){
-        this.campos.splice(i, 1)
-      }
-    }
-  }
-
-  cargarValor(campo: string, valor: any, dato: any) {
-    this.campos.forEach(campoF => {
-      if (campoF.campo == campo) {
-        //campoF.cargar(valor);
-        campoF.valor = valor;
-        campoF.dato = dato;
-      }
-		})
-	}
-  
-  getCamposCaracteristica() {
-		var camposReturn: CampoFormularioModel[] = [];
-		this.campos.forEach(campo => {
-      if (campo.caracteristica) {
-        camposReturn.push(campo);
-      }
-		})
-		return camposReturn;
-  }
-
-  obtenerCampo(campo: string){
-    var retorno = null
-    this.campos.forEach(cam => {
-      if(cam.campo != null && cam.campo == campo){
-          retorno = cam;
-      }
-    })
-		return retorno;
-	}
-
-  limpiar() {
-    if (this.campos != null && this.campos.length > 0){
-      this.campos.forEach(campo => {
-        campo.valor = null;
-        campo.resaltado = false;
-        campo.mensajeFuncion = null;
-      })
-    }
-  }
-  
-  validarVisibilidadCampos(campo: CampoFormularioModel): boolean {
-
-    if ((campo.tipo == 'N' && campo.editable == 'N')) {
-      return false;
-    }
-
-    return true;
-  }
-
-  editarPermisoCamposPorIdGrupo(idGrupo: string, permisoCampo: string) {
-    this.campos.forEach(campo => {
-      if (idGrupo != campo.idGrupoPertenece || campo.editable == 'L') {
-        return;
-      }
-      campo.editable = permisoCampo;
-    })
-  }
-
-  getCambios(): Cambio[] {
-    const cambios: Cambio[] = [];
-    for (const campo of this.campos) {
-      if (campo.isCambio()) {
-        cambios.push(new Cambio(campo.original, campo.valor, campo));
-      }
-    }
-    return cambios;
-  }
-
-  removerCamposIdGrupo(idGrupo: string) {
-    var camposRemover: CampoFormularioModel[] = [];
-    this.campos.forEach(campo => {
-      if (idGrupo != campo.idGrupoPertenece) {
-        return;
-      }
-      camposRemover.push(campo);
-    })
-    this.campos = this.campos.filter(obj => !camposRemover.some(objEliminar => objEliminar.campo === obj.campo));
-
-  }
-
-}

package/src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormulario.ts

@@ -1,118 +0,0 @@
-import { Type } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-import { CampoFormularioCons } from './CampoFormularioCons';
-
-export class CampoFormularioModel {
-
-	caracteristica: boolean;
-	tipo: string;
-	descripcion: string;
-	descripcionAdicional: string;
-	valor: any;
-	longitud: number;
-	decimales: number;
-	campo: string;
-	obligatorio: boolean;
-	lista: SelectItem[];
-	listaRespuesta: string[];
-	mensaje: string;
-	popup: string;
-	titulo: boolean;
-	textoPopup: string;
-	original: any;
-	dato: any;
-	orden: number;
-	resaltado: boolean;
-	editable: string;
-	novedad: any;
-	campoTabla: string;
-	funcion: string;
-	mensajeFuncion: string;
-	campoDepende: string;
-	campoReferencia: any;
-	campoReferenciaDos: any;
-	limpiarPopup: boolean;
-	idGrupoPertenece: string;
-	ayuda: string;
-	validarEspecial: string;
-	popupComponent: Type<any>;
-	propiedadesPopupComponent: Partial<any>
-	listaPopups: any[]
-
-	//campos creados por primeng
-	listaAutocompleteFiltrada: SelectItem[];
-
-	constructor(tipo: string, descripcion: string, longitud: number, decimales: number,
-		campo: string, obligatorio: boolean, lista: SelectItem[], popup: string, editable: string) {
-		this.tipo = this.ajustar(tipo);
-		this.descripcion = descripcion;
-		this.longitud = longitud;
-		this.decimales = decimales;
-		this.campo = campo;
-		this.obligatorio = obligatorio;
-		this.lista = lista;
-		this.listaRespuesta = [];
-		this.popup = popup;
-		this.editable= editable;
-	}
-
-	private ajustar(tipo2){
-		let tipo = tipo2;
-		if (tipo2 == ('1')) tipo = CampoFormularioCons.CHECK;
-		if (tipo2 == ('2')) tipo = CampoFormularioCons.RADIO;
-		if (tipo2 == ('3')) tipo = CampoFormularioCons.COMBO;
-		if (tipo2 == ('4')) tipo = CampoFormularioCons.TEXTO;
-		if (tipo2 == ('5')) tipo = CampoFormularioCons.NUMERO;
-		if (tipo2 == ('6')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('7')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('8')) tipo = CampoFormularioCons.FECHA;
-		if (tipo2 == ('9')) tipo = CampoFormularioCons.TEXTOAREA;
-		if (tipo2 == ('11')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('12')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('13')) tipo = CampoFormularioCons.LOGICO;
-		if (tipo2 == ('14')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('15')) tipo = CampoFormularioCons.POPUP;
-		if (tipo2 == ('16')){
-			tipo = CampoFormularioCons.TITULO;
-			this.titulo=true;
-		}
-		if (tipo2 == ('17')) tipo = CampoFormularioCons.DECIMAL;
-		if (tipo2 == ('18')) tipo = CampoFormularioCons.SECRET;
-		if (tipo2 == ('19')) tipo = CampoFormularioCons.HORA;
-		return tipo
-	}
-
-	filtrarAutocomplete(event) {
-		let filtered : any[] = [];
-        let query = event.query;
-        for(let i = 0; i < this.lista.length; i++) {
-            let objeto = this.lista[i];
-			console.log(objeto)
-            if (objeto.label.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(objeto);
-            }
-        }
-
-        this.listaAutocompleteFiltrada = filtered;
-    }
-
-	isCambio(): boolean {
-		if (this.tipo === CampoFormularioCons.TEXTO || this.tipo === CampoFormularioCons.TEXTOAREA || this.tipo === CampoFormularioCons.SECRET) {
-		  return (this.original == null ? '' : '' + this.original.toString().trim()) != (this.valor == null ? '' : '' + this.valor.toString().trim());
-		}
-		if (this.tipo === CampoFormularioCons.CHECK) {
-		  let respuestas = '';
-		  for (const item of this.listaRespuesta) {
-			respuestas += item + ';';
-		  }
-		  return (this.original == null ? '' : '' + this.original) != (respuestas == null ? '' : '' + respuestas);
-		}
-		return (this.original == null ? '' : '' + this.original) != (this.valor == null ? '' : '' + this.valor);
-	  }
-
-	cargarValorPopup(event){
-		console.log('cargarValorPopup')
-		console.log(event)
-		this.valor = event;
-	}
-}

package/src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioCons.ts

@@ -1,76 +0,0 @@
-export const CampoFormularioCons = {
-    TEXTO:'T', 
-    COMBO:'C', 
-    NUMERO:'N',
-    DECIMAL:'D',
-    FECHA:'F', 
-    HORA:'X', 
-    FECHAHORA:'E', 
-    RADIO:'R',
-    POPUP:'P',
-    CHECK:'H',
-    LOGICO:'L',
-    TITULO:'I',
-    SUBTITULO:'B',
-    MENSAJE:'M',
-    TEXTOAREA:'A',
-    SECRET:'S',
-    VALORHORA:'Z',
-    AUTOCOMPLETAR:'Y',
-    AUTOCOMPLETAR_AREA:'O',
-    COMBOSQL:'Q',
-	
-	COMBO_CONSULTA : 'Consulta',
-	COMBO_ESTATICO : 'Estarico',
-	
-	GRUPO_FINAL : 'F',
-	GRUPO_INICIAL : 'I',
-	
-	CAMPO_LECTURA : 'L',
-	CAMPO_EDITABLE : 'E',
-	CAMPO_NO_VISIBLE : 'N',
-    TEXTO_DES:'Texto', 
-    COMBO_DES:'Lista', 
-    NUMERO_DES:'Entero',
-    DECIMAL_DES:'Decimal',
-    FECHA_DES:'Fecha', 
-    RADIO_DES:'Alternativa',
-    CHECK_DES:'Marca',
-    LOGICO_DES:'Logico',
-    TITULO_DES:'Titulo',
-    SUBTITULO_DES:'Subtitulo',
-    MENSAJE_DES:'Mensaje',
-    TEXTOAREA_DES:'Texto Area',
-    SECRET_DES:'Secret',
-    COMBOSQL_DES:'Lista Sql',
-    MAPA_TIPO_CAMPOS: new Map<string, string>()
-    .set('T', 'Texto')
-	.set('C', 'Combo')
-	.set('N', 'Numero')
-	.set('D', 'Decimal')
-	.set('F', 'Fecha')
-	.set('X', 'Hora')
-	.set('R', 'Radio')
-	.set('P', 'Popup')
-	.set('H', 'Check')
-	.set('L', 'Logico')
-	.set('I', 'Titulo')
-	.set('A', 'TextoArea')
-	.set('S', 'Secreto')
-	.set('Z', 'ValorHora'),
-
-    MAPA_COMPONENTES_CARACTERISTICAS_ADI: new Map<string, string>()
-    .set('T', 'Texto')
-	.set('C', 'Combo')
-	.set('N', 'Numero')
-	.set('D', 'Decimal')
-	.set('F', 'Fecha')
-	.set('X', 'Hora')
-	.set('R', 'Radio')
-	.set('H', 'Check')
-	.set('L', 'Logico')
-	.set('I', 'Titulo')
-	.set('A', 'TextoArea')
-	.set('S', 'Secreto')
-	.set('Z', 'ValorHora'),
-}

package/src/app/core/componentes/formulariodinamico/objetosformulario/CampoFormularioNuevo.ts

@@ -1,67 +0,0 @@
-import { Type } from '@angular/core';
-import { SelectItem } from 'primeng/api';
-
-export class CampoFormularioNuevoModel {
-
-	tipo:string;
-	descripcion:string;
-	valorNuevo:any;
-	objeto:any;
-	longitud:number;
-	campo:string;
-	obligatorio:boolean;
-	lista:any[];
-	listaRespuesta:any[];
-	popup:string;
-	textoPopup:string;
-	valorAntiguo:any;
-	orden:number;
-	editable:boolean;
-	mensaje:string;
-	mostrar:boolean;
-	//formulario:IFormularioNuevo;
-	decimales:number;
-	ayuda:string;
-	caracteristica:boolean;
-	campoTabla:string;
-	resaltado:boolean;
-	campoReferencia:string;
-	tituloCampo:string;
-	popupComponent: Type<any>;
-	propiedadesPopupComponent: Partial<any>
-	listaPopups: any[]
-
-	//campos creados por primeng
-	listaAutocompleteFiltrada: SelectItem[];
-
-	constructor(tipo: string, descripcion: string, longitud: number, decimales: number, campo: string, obligatorio: boolean,
-		lista: any[], popup: string, editable: boolean, orden: number, mostrar: boolean, caracteristica: boolean, objeto: any) {
-		this.tipo = tipo;
-		this.descripcion = descripcion;
-		this.longitud = longitud;
-		this.decimales = decimales;
-		this.campo = campo;
-		this.obligatorio = obligatorio;
-		this.lista = lista;
-		this.popup = popup;
-		this.editable= editable;
-		this.objeto= objeto;
-		this.orden=orden;
-		this.mostrar=mostrar;
-		this.caracteristica = caracteristica;
-	}
-
-	filtrarAutocomplete(event) {
-		let filtered : any[] = [];
-        let query = event.query;
-        for(let i = 0; i < this.lista.length; i++) {
-            let objeto = this.lista[i];
-			console.log(objeto)
-            if (objeto.label.toLowerCase().indexOf(query.toLowerCase()) == 0) {
-                filtered.push(objeto);
-            }
-        }
-
-        this.listaAutocompleteFiltrada = filtered;
-    }
-}

package/src/app/core/componentes/formulariodinamico/objetosformulario/HashDirective.ts

@@ -1,11 +0,0 @@
-import {  Input, Directive, ViewContainerRef } from '@angular/core';
-
-@Directive({
-    selector: '[hash]',
-    standalone: true,
-  })
-  export class HashDirective  {
-    @Input() hash: string;
-  
-    constructor(public vcRef: ViewContainerRef) {}
-  }

package/src/app/core/componentes/inicio-component/inicio-component.component.html

@@ -1,29 +0,0 @@
-<div>
-    <div class="Inputgroup p-4 mt-0 ">
-        <div class="p-fluid p-formgrid grid align-items-center favorito">
-          <div class="Icono">
-            <button pButton pRipple type="button" icon="glyphicons glyphicons-heart" class="p-button-rounded p-button-help p-button-text mr-2 mb-2"
-            style="float: right;" (click)="marcarModuloFavorito()"></button>
-          </div>
-            <div class="field col-12 md:col-3 animacion">
-                <img class="FormaImagen"
-                    [src]="'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))"
-                    alt="" srcset="">
-            </div>
-            <div class="field col-12 md:col-9" >
-                <div class="pl-3 animacion" *ngIf="modulo">
-
-                    <h2 >
-                        <span >{{'Bienvenido'}} a</span><br>
-                        {{modulo.descripcion}}
-                    </h2>
-                    <div class="col-12 md:col-9 separador"></div>
-                    <div>
-                        <p>{{modulo.descripcionLarga}}</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!-- <div class="Inputgroup-borde pt-2"></div> -->
-</div>

package/src/app/core/componentes/inicio-component/inicio-component.component.scss

@@ -1,69 +0,0 @@
-:host ::ng-deep .animacion{
-    position: relative;
-  animation-name: example;
-  animation-duration: 2s;
-
-  p{
-    white-space: pre-wrap;
-     animation-duration: 3s;
-    animation-name: slidein;
-    animation-iteration-count: infinite;
-  }
-
-  h2{
-    text-transform:uppercase;
-    margin-bottom: 0;
-    font-size: 2rem;
-    span{
-      color: var(--color-400);
-      margin-top: 20px;
-    }
-  }
-}
-
-:host ::ng-deep .separador{
-  border-bottom:3px solid var(--color-100);
-   width: 100%;
-   margin-bottom: 15px;
-}
-
-:host ::ng-deep .FormaImagen{
-  width:100%; border-radius:50%;
-   padding:5%;
-    background: var(--color-100);
-
-}
-
-@keyframes example {
-    0%   {left:-200px; top:0px;}
-    50%  {left:0px;}
-    100%  {left:0px;}
-  }
-
-  @media (max-width:1300px){
-
-    :host ::ng-deep .animacion h2{
-      font-size: 1.5rem;
-    }
-
-    :host ::ng-deep .animacion p{
-      font-size: 0.9rem;
-    }
-
-  }
-
-  @media only screen and (max-width:1600px) and (min-width:1360px){
-
-
-    :host ::ng-deep .animacion p{
-      font-size: 0.9rem;
-    }
-
-    :host ::ng-deep .animacion h2{
-      font-size: 1.5rem;
-    }
-  }
-
-
-
-