general-library-union 2.9.73 → 2.9.74

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

@@ -0,0 +1,118 @@
+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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,29 @@
+<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

@@ -0,0 +1,69 @@
+: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;
+    }
+  }
+
+
+
+

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

@@ -0,0 +1,65 @@
+import { HttpClient } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { ModulosModel } from '../../../seguridad/modelos/ModulosModel';
+import { ToastService } from '../../servicios/toast.service';
+import { UtilsService } from '../../servicios/utils.service';
+import { StorageService } from '../../servicios/storage.service';
+import { AuthService } from '../../servicios/auth.service';
+import { CommonModule } from '@angular/common';
+import { MessageService } from 'primeng/api';
+import { ButtonModule } from 'primeng/button';
+@Component({
+    imports: [CommonModule, ButtonModule],
+    standalone: true,
+    providers: [MessageService],
+    templateUrl: './inicio-component.component.html',
+  styleUrls: ['./inicio-component.component.scss'],
+})
+export class InicioComponentComponent implements OnInit {
+  public modulo?: ModulosModel = new ModulosModel(null, null);
+
+  constructor(
+    private httpClient: HttpClient,
+    private activatedRoute: ActivatedRoute,
+    private toast: ToastService,
+    private authService: AuthService,
+    private utilsService: UtilsService,
+    private storageService: StorageService,
+  ) {}
+
+  ngOnInit(): void {
+    this.consultarModulo();
+  }
+
+  consultarModulo() {
+    let objeto  = {
+      nombreDTO: 'ModuloDTO',
+      nombreConsulta: null,
+      seguridad: true,
+      objeto: {
+        llave: this.utilsService.rightpad(this.storageService.getItem('moduloSeleccionado'), 3, ' '),
+        aplicacion: this.utilsService.rightpad(this.authService.getTokenKey('codigoAplicacion'), 10, ' ')
+      },
+    }
+    console.log(objeto)
+    this.activatedRoute.data.subscribe((v) => {
+      this.httpClient
+        .post<any>(
+          `${this.utilsService.obtenerUrlApi()}/requieretoken/general/queryForObject`,
+          objeto
+        )
+        .subscribe((data) => {
+          this.modulo = data;
+          console.log(this.modulo);
+        });
+    });
+  }
+
+  marcarModuloFavorito(){
+    if (this.modulo && this.modulo?.descripcion) {
+    this.storageService.setItem('moduloFavorito',this.modulo?.descripcion);
+    this.toast.showSuccess('Se agrego '+this.modulo?.descripcion+' como favorito');
+    }
+  }
+}

package/src/app/core/componentes/menu/menu.component.html

@@ -0,0 +1,13 @@
+<div class="layout-inline-menu">
+  <a class="layout-inline-menu-action flex flex-row align-items-center p-4 menu-titulo">
+          <span>{{modulo}}
+            <span pTooltip="{{'Tooltip text'}}" tooltipPosition="right">
+              <i class="pi pi-question-circle"></i>
+            </span>
+          </span>
+  </a>
+</div>
+
+<p-scrollPanel>
+  <p-panelMenu [model]="model" [multiple]="false"></p-panelMenu>
+</p-scrollPanel>

package/src/app/core/componentes/menu/menu.component.scss

@@ -0,0 +1,36 @@
+@import "../../../../styles/sass/variables";
+@import "../../../../styles/sass/mixins";
+.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i {
+  color: $white;
+  background: us-color();
+  font-size: 1.5rem;
+  border-radius: 50%;
+}
+
+.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover {
+  background-color: transparent;
+}
+
+.menu-titulo span {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 2rem;
+  color: $black;
+  margin-right: 0.5rem;
+}
+
+@media (max-width:1420px){
+
+  .menu-titulo span{
+    font-size: 1.4rem;
+    line-height: 1.5rem;
+  }
+
+}
+
+@media(max-width:1300px){
+  .menu-titulo span{
+    font-size: 1.1rem;
+
+  }
+}

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

@@ -0,0 +1,35 @@
+import {Component, Input, OnDestroy, OnInit} from '@angular/core';
+import { MenuService } from '../../../core/servicios/menu.service';
+import { MenuItem } from 'primeng/api';
+import { Subscription } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { PanelMenuModule } from 'primeng/panelmenu';
+
+@Component({
+  selector: 'app-menu',
+    imports: [CommonModule, ScrollPanelModule, PanelMenuModule],
+    standalone: true,
+    templateUrl: './menu.component.html',
+  styleUrls: ['./menu.component.scss'],
+})
+export class MenuComponent implements OnInit, OnDestroy {
+  subcription: Subscription;
+  model: MenuItem[] = [];
+
+  @Input()
+  modulo:string = '';
+  constructor(private menuService: MenuService) {}
+
+  ngOnInit() {
+    this.subcription = this.menuService.menu.subscribe((menu) => {
+      this.model = menu.items;
+    });
+  }
+
+  ngOnDestroy(): void {
+    if (this.subcription) {
+      this.subcription.unsubscribe();
+    }
+  }
+}

package/src/app/core/componentes/tabla-general/tabla-general.component.html

@@ -0,0 +1,90 @@
+<p-table
+  [dataKey]="dataKey"
+  [value]="value"
+  [columns]="columns"
+  selectionMode="single"
+  [scrollable]="true"
+  responsiveLayout="scroll"
+  scrollDirection="horizontal"
+  styleClass="p-datatable-striped"
+  [ngClass]="{ 'show-frozen': showFrozen }"
+  [paginator]="totalRecords > rows"
+  [rows]="rows"
+  [totalRecords]="totalRecords"
+  [rowsPerPageOptions]="ocultarFraccionador ? null : [10, 20, 50]"
+  [showCurrentPageReport]="true"
+  currentPageReportTemplate="{first} al {last} de {totalRecords} registros"
+  [lazy]="true" [loading]="loading"
+  (onLazyLoad)="onLoad.emit($event)"
+  (onRowSelect)="onRowSelect.emit($event.data)"
+  (onRowUnselect)="onRowSelect.emit($event.data)"
+>
+  <!-- Header Template-->
+  <ng-template pTemplate="header" let-columns>
+    <ng-container *ngIf="headerTemplate; else header">
+      <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: columns }"></ng-container>
+    </ng-container>
+    <ng-template #header>
+      <tr>
+        <ng-container *ngFor="let col of columns">
+          <ng-container *ngIf="col.isFrozen; else headCell">
+            <th [style.font-weight]="500" [style.width.px]="col.width || 200" [style.flex]="'0 1 auto'" pFrozenColumn>
+              {{ col.header | titlecase }}
+            </th>
+          </ng-container>
+          <ng-template #headCell>
+            <th [style.width.px]="col.width || 200" [style.flex]="(col.flexGrow || 1) + ' 1 auto'">
+              {{ col.header | titlecase }}
+            </th>
+          </ng-template>
+        </ng-container>
+      </tr>
+    </ng-template>
+  </ng-template>
+
+  <!-- Body Template-->
+  <ng-template
+    pTemplate="body"
+    let-row
+    let-rowIndex="rowIndex"
+    let-columns="columns"
+    let-expanded="expanded"
+    let-rowgroup="rowgroup"
+    let-rowspan="rowspan"
+  >
+    <ng-container *ngIf="bodyTemplate; else body">
+      <ng-container
+        *ngTemplateOutlet="
+          bodyTemplate;
+          context: { $implicit: row, rowIndex: rowIndex, columns: columns, expanded: expanded, rowgroup: rowgroup, rowspan: rowspan }
+        "
+      ></ng-container>
+    </ng-container>
+    <ng-template #body>
+      <tr [pSelectableRow]="row">
+        <ng-container *ngFor="let col of columns">
+          <ng-container *ngIf="col.isFrozen; else bodyCell">
+            <td [style.font-weight]="500" [style.width.px]="col.width || 200" [style.flex]="'0 1 auto'" pFrozenColumn>
+              <ng-container *ngIf="col.values; else plainData">
+                {{ col.values[row[col.field]] }}
+              </ng-container>
+            </td>
+          </ng-container>
+          <ng-template #bodyCell>
+            <td [style.width.px]="col.width || 200" [style.flex]="(col.flexGrow || 1) + ' 1 auto'">
+              <ng-container *ngIf="col.values; else plainData">
+                {{ col.values[row[col.field]] }}
+              </ng-container>
+            </td>
+          </ng-template>
+          <ng-template #plainData>{{col.formatDate ? (parseDate(row[col.field]) | date : ('formatofecha' | translate )) : row[col.field] }}</ng-template>
+        </ng-container>
+      </tr>
+    </ng-template>
+  </ng-template>
+  <ng-template pTemplate="emptymessage">
+    <tr>
+        <td colspan="100" class="p-3 font-medium emptymessage">{{'mensajetablavacia' | translate}}</td>
+    </tr>
+  </ng-template>
+</p-table>