general-library-union 2.7.24 → 2.7.26

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

@@ -1,34 +0,0 @@
-<div class="flex justify-content-start align-items-center">
-  <div class="flex align-items-center">
-    <h4 class="m-0 mr-2 text-black-alpha-90">Filtros</h4>
-    <button
-      pButton
-      pRipple
-      type="button"
-      icon="pi pi-filter"
-      class="p-button-rounded p-button-outlined"
-      (click)="abrirPanel($event)"
-    ></button>
-  </div>
-  <div class="ml-3">
-    <p-chip
-      *ngFor="let chip of chips"
-      [label]="chip.header + ': ' + (chip.labelMostrar.length > 100 ? chip.labelMostrar.substring(0, 100) + '...' : chip.labelMostrar)"
-      styleClass="m-1"
-      [removable]="true"
-      (onRemove)="removeChip(chip)"
-    ></p-chip>
-  </div>
-</div>
-
-<p-overlayPanel #op (onHide)="onHide()" [dismissable]="false" [showCloseIcon]="true">
-  <div class="grid p-input-filled">
-    <form [formGroup]="filterForm" class="p-fluid col-12">
-      <ng-container *ngTemplateOutlet="inputFilters; context: { $implicit: filterForm }"></ng-container>
-      <div class="flex justify-content-end mt-2 align-items-center">
-        <button pButton pRipple (click)="aplicarFiltros()" class="ml-2">{{'link_aplicar' | translate}}</button>
-        <button pButton pRipple (click)="limpiarFiltros()" icon="glyphicons glyphicons-cleaning" class="p-button-rounded p-button-outlined ml-2"></button>
-      </div>
-    </form>
-  </div>
-</p-overlayPanel>

package/src/app/core/componentes/filtro-general/filtro-general.component.scss

@@ -1,3 +0,0 @@
-.grid .flex button:last-child {
-    width: auto;
-}

package/src/app/core/componentes/filtro-general/filtro-general.component.ts

@@ -1,200 +0,0 @@
-import { CommonModule, DatePipe } from '@angular/common';
-import {
-  Component,
-  ContentChild,
-  EventEmitter,
-  Input,
-  OnInit,
-  Optional,
-  Output,
-  SkipSelf,
-  TemplateRef,
-  ViewChild,
-  inject,
-  Renderer2,
-  ElementRef} from '@angular/core';
-import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
-import { ButtonModule } from 'primeng/button';
-import { ChipModule } from 'primeng/chip';
-import { Dialog } from 'primeng/dialog';
-import { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';
-
-@Component({
-  selector: 'app-filtro-general',
-  imports: [ChipModule, OverlayPanelModule, ReactiveFormsModule, TranslateModule, ButtonModule, FormsModule, CommonModule],
-  standalone: true,
-  templateUrl: './filtro-general.component.html',
-  styleUrls: ['./filtro-general.component.scss'],
-})
-export class FiltroGeneralComponent implements OnInit {
-  @ViewChild('op') overlayPanel: any;
-
-  @Input() filtros: any[];
-
-  @Input() datatable;
-
-  @Output() metodoRegresar = new EventEmitter();
-  @Output() metodoRegresarAdicional = new EventEmitter();
-
-  @ViewChild(OverlayPanel) panel: OverlayPanel;
-  public eventoPanel;
-  @ContentChild(TemplateRef) inputFilters: TemplateRef<any>;
-
-  filterForm: FormGroup = new FormGroup({});
-
-  chips: any[] = [];
-
-  isApply: boolean = false;
-
-  private clickListener: Function | null = null;
-
-  private renderer = inject(Renderer2);
-  private elRef = inject(ElementRef);
-  private dialog = inject(Dialog, { optional: true, self: true });
-
-  constructor() { }
-
-  ngOnInit(): void {
-    if (this.filtros === undefined) {
-    } else {
-      this.filtros.forEach((control) => {
-        this.filterForm.addControl(control.field, new FormControl());
-      });
-    }
-  }
-
-  onHide() {
-    if (!this.isApply) {
-      this.filtros.forEach((filtro) => {
-        const chipActive = this.chips.find(
-          (chip) => chip.field === filtro.field
-        );
-        this.filterForm.get(filtro.field).setValue(chipActive?.value);
-      });
-    }
-    this.isApply = false;
-  }
-
-  abrirPanel(event): void {
-    this.eventoPanel = event;
-    this.panel.show(event);
-    this.showOverlay(this.overlayPanel, event)
-  }
-
-  limpiarFiltros() {
-    this.isApply = false;
-    this.chips = [];
-    this.filterForm.reset();
-    this._updateFilters();
-  }
-
-  aplicarFiltros() {
-    this.isApply = true;
-    this.panel.hide();
-    this.chips = [];
-    this._updateFilters();
-  }
-
-  removeChip(chip) {
-    this._updateFilters(chip);
-  }
-
-  _updateFilters(chip?: any): void {
-    const filters = {};
-    this.filtros.forEach((filtro) => {
-      if (chip?.field !== filtro.field) {
-        const value = this.filterForm.get(filtro.field).value;
-        if (value) {
-          filters[filtro.field] = { value: value, matchMode: filtro.matchMode };
-
-          if (!chip) {
-            if (Array.isArray(value)) {
-              var mostrar = '';
-              for (let i = 0; i < value.length; i++) {
-                if (i > 0) {
-                  mostrar = mostrar + ' - '
-                }
-                if (value[i] instanceof Date) {
-                  mostrar = mostrar + new DatePipe('en-US').transform(value[i], 'dd/MM/yyyy')
-                } else {
-                  mostrar = mostrar + value[i]
-                }
-              }
-              this.chips.push({
-                field: filtro.field,
-                value: value,
-                label: filtro.values ? filtro.values(value) : value,
-                header: filtro.header,
-                labelMostrar: mostrar
-              });
-            } else {
-              this.chips.push({
-                field: filtro.field,
-                value: value,
-                label: filtro.values ? filtro.values(value) : value,
-                header: filtro.header,
-                labelMostrar: filtro.formatDate
-                  ? new DatePipe('en-US').transform(value, 'dd/MM/yyyy')
-                  : filtro.values
-                    ? filtro.values(value)
-                    : value,
-                formatDate: filtro.formatDate,
-              });
-            }
-          }
-        }
-      } else {
-        this.chips = this.chips.filter((chip) => chip.field !== filtro.field);
-        this.filterForm.get(filtro.field).setValue(null);
-      }
-    });
-    if (this.datatable) {
-      if (this.datatable.table?.filters) {
-        this.datatable.table.filters = filters;
-        this.datatable.table._filter();
-      } else {
-        this.datatable.filters = filters;
-        this.datatable._filter();
-      }
-    } else {
-      this.metodoRegresar.emit(filters);
-    }
-
-    if (this.metodoRegresarAdicional) {
-      this.metodoRegresarAdicional.emit(filters);
-    }
-  }
-
-  //listener del overlay @autor Jesus-Ramirez
-  showOverlay(op: any, event: Event) {
-    this.clickListener = null
-    // Mostrar el overlay panel
-    op.show(event); //muestra el overlay-panel
-    if (this.dialog) /* Si el overlay está dentro de un p-dialog, usa el método de ocultar al perder el foco*/ {
-      // Eliminar cualquier listener anterior
-      if (this.clickListener) {
-        this.clickListener();
-      }
-      //  adicionar listener para cerrar el overlay al hacer clic fuera de él
-      this.clickListener = this.renderer.listen('document', 'click', (clickEvent: Event) =>  {
-        const clickedInsideOverlay = this.elRef.nativeElement.contains(clickEvent.target);
-        if (!clickedInsideOverlay) {
-          op.hide();
-          this.removeClickListener(); // remueve el overlay
-        }
-      });
-    }
-  }
-
-  removeClickListener() {
-    if (this.clickListener) {
-      this.clickListener();
-      this.clickListener = null;
-    }
-  }
-
-  ngOnDestroy() {
-    this.removeClickListener();
-  }
-}

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

@@ -1,13 +0,0 @@
-<div class="layout-footer flex align-items-center p-3 shadow-2">
-  <img id="footer-logo" [id]="'logoImg'" [src]="'assets/images/logo-union-simple.png'" alt="ultima-footer-logo" />
-  <img id="footer-logo" [id]="'logoName'" [src]=" 'assets/images/texto-union-soluciones.png'" alt="ultima-footer-logo" />
-  <button
-    pButton
-    pRipple
-    type="button"
-    icon="pi pi-facebook fs-large"
-    class="p-button-rounded p-button-text p-button-plain ml-auto mr-2"
-  ></button>
-  <button pButton pRipple  
-  type="button" icon="pi pi-twitter fs-large" class="p-button-rounded p-button-text p-button-plain mr-2"></button>
-</div>

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

@@ -1,3 +0,0 @@
-img {
-    height: 40px;
-}

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

@@ -1,20 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-footer',
-  
-    standalone: true,
-    templateUrl: './footer.component.html',
-  styleUrls: ['./footer.component.scss']
-})
-export class FooterComponent implements OnInit {
-
-  constructor() {}
-
-  ngOnInit(): void {
-  }
-
-  cambiarColor(color){
-  }
-
-}

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

@@ -1,267 +0,0 @@
-<p-table [value]="campos">
-  <ng-template pTemplate="body" let-campo>
-    <tr *ngIf="validarVisibilidadCampos(campo)">
-      <td style="width: 20%;">
-        <label *ngIf="campo.editable != 'N'" [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [class]="campo.tipo  == 'I' ? 'font-bold color-400 mt-7' : ''">
-            {{ campo.descripcion }} 
-            <ng-container *ngIf="campo.editable != 'N' && campo.obligatorio">*</ng-container>
-        </label>
-      </td>
-      <td style="width: 80%">
-        <div class="p-fluid p-formgrid grid">
-        <div [ngClass]="campo.ayuda && campo.editable != 'N' ? 'col-11' : 'col-12'">
-        <!--campo tipo FECHA-->
-        <p-calendar
-          class="w-full"
-          appendTo="body" 
-          type="text"
-          [(ngModel)]="campo.valor"
-          [disabled]="!editable || campo.editable == 'L'"
-          dateFormat="dd/mm/yy"
-          [tabIndex]="campo.orden + 1"
-          *ngIf="campo.tipo == 'F' && campo.editable != 'N'"
-          [showIcon]="true"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                                    
-        ></p-calendar>
-
-        <!--campo tipo HORA-->
-        <p-calendar
-          class="w-full"
-          appendTo="body" 
-          [(ngModel)]="campo.valor"
-          [disabled]="!editable || campo.editable == 'L'"
-          [tabIndex]="campo.orden + 1"
-          *ngIf="campo.tipo == 'X' && campo.editable != 'N'"
-          [showTime]="true"
-          [showSeconds]="true"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        ></p-calendar>
-
-        <!--campo tipo HORA VALOR-->
-        <input
-          pInputText
-          type="time"
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          [tabIndex]="campo.orden + 1"
-          *ngIf="campo.tipo == 'Z' && campo.editable != 'N'"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        />
-
-        <!--campo tipo TEXTO-->
-        <input
-          pInputText
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          [tabIndex]="campo.orden + 1"
-          *ngIf="campo.tipo == 'T' && campo.editable != 'N'"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        />
-
-        <!--campo tipo AREA TEXTO-->
-        <textarea
-          pInputTextarea
-          [(ngModel)]="campo.valor"
-          rows="5"
-          cols="5"
-          [tabIndex]="campo.orden + 1"
-          [disabled]="!editable || campo.editable == 'L'"
-          *ngIf="campo.tipo == 'A' && campo.editable != 'N'"
-          class="w-full p-inputtextarea p-inputtext p-component p-element min-h-100 max-h-250"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        >
-        </textarea>
-
-        <!--campo tipo NUMERO-->
-        <p-inputNumber
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          [tabIndex]="campo.orden + 1"
-          [maxlength]="campo.longitud"
-          *ngIf="campo.tipo == 'N' && campo.editable != 'N'"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        >
-        </p-inputNumber>
-
-        <!--campo tipo DECIMAL-->
-        <p-inputNumber
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          mode="decimal"
-          [minFractionDigits]="2"
-          *ngIf="campo.tipo == 'D' && campo.editable != 'N'"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        >
-        </p-inputNumber>
-
-        <!--campo tipo SECRET-->
-        <p-password
-          [feedback]="false"
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          [tabIndex]="campo.orden + 1"
-          *ngIf="campo.tipo == 'S' && campo.editable != 'N'"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        ></p-password>
-
-        <!--campo tipo COMBO-->
-        <p-dropdown
-          class="w-full"
-          appendTo="body"
-          [options]="campo.lista"
-          [autoDisplayFirst]="false"
-          [(ngModel)]="campo.valor"
-          [disabled]="!editable || campo.editable == 'L'"
-          *ngIf="campo.tipo == 'C' && campo.editable != 'N'"
-          [showClear]="!campo.obligatorio"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        >
-        </p-dropdown>
-
-        <!--campo tipo LOGICO-->
-        <div *ngIf="campo.tipo == 'L' && campo.editable != 'N'">
-          <div class="col-md-12">
-            <div class="p-fluid p-formgrid grid">
-              <div *ngFor="let valor of listaSiNoRadioButton" class="mt-4 col-12 md:col-2 field-checkbox">
-                <p-radioButton
-                  [inputId]="valor.key"
-                  name="valor"
-                  [value]="valor.key"
-                  [label]="valor.name"
-                  [(ngModel)]="campo.valor"
-                  [disabled]="!editable || campo.editable == 'L'"
-                  [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                  [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                ></p-radioButton>
-                <label>    </label>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!--campo tipo RADIO-->
-        <div *ngIf="campo.tipo == 'R' && campo.editable != 'N'">
-          <div class="col-md-12">
-            <div class="p-fluid p-formgrid grid">
-              <div *ngFor="let valor of campo.lista" class="mt-4 col-12 md:col-2 field-checkbox">
-              <p-radioButton
-                [inputId]="valor.value"
-                name="valor"
-                [value]="valor.value"
-                [label]="valor.label"
-                [(ngModel)]="campo.valor"
-                [disabled]="!editable || campo.editable == 'L'"
-                [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-              ></p-radioButton>
-            </div>
-            </div>
-          </div>
-        </div>
-
-        <!--campo tipo CHECKBOX-->
-        <div *ngIf="campo.tipo == 'H' && campo.editable != 'N'">
-          <div class="col-md-12">
-            <div class="p-fluid p-formgrid grid">
-              <div *ngFor="let valor of campo.lista" class="col-12 md:col-3 field-checkbox">
-                    <p-checkbox
-                      [inputId]="valor.value"
-                      name="valor"
-                      [value]="valor"
-                      [(ngModel)]="campo.valor"
-                      [disabled]="!editable || campo.editable == 'L'"
-                      [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                      [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-                    ></p-checkbox>
-                    <label [for]="valor.value">{{ valor.label }}</label>
-                </div>
-              </div>
-          </div>
-        </div>
-
-        <!--campo tipo AUTOCOMPLETAR-->
-        <p-autoComplete
-          *ngIf="
-            (campo.tipo == 'O' || campo.tipo == 'Y') && campo.editable != 'N'
-          "
-          [disabled]="!editable || campo.editable == 'L'"
-          [(ngModel)]="campo.valor"
-          [suggestions]="campo.listaAutocompleteFiltrada"
-          (completeMethod)="campo.filtrarAutocomplete($event)"
-          field="label"
-          [dropdown]="true"
-          [style.color]="campo.resaltado ? 'var(--color-500) !important' : ''"
-          [pTooltip]="campo.novedad ? campo.novedad : null" tooltipPosition="top"
-          [class.ng-dirty]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-          [class.ng-invalid]="campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false"
-        >
-          <ng-template let-valor pTemplate="item">
-            <div>
-              <div>{{ valor.label }}</div>
-            </div>
-          </ng-template>
-        </p-autoComplete>
-
-        <!--campo tipo POPUP-->
-        <div class="field" *ngIf="campo.tipo == 'P' && campo.editable != 'N'" >
-          <ng-container   *ngFor="let item of campo.listaPopups" [hash]="item"></ng-container>
-        </div>
-        <div *ngIf="verMensajeFuncion" class="text-center w-1">
-          <label>{{ campo.mensajeFuncion }}</label>
-        </div>
-        <div *ngIf="isMensaje">
-          <label *ngIf="campo.mensaje">{{ campo.mensaje }}</label>
-        </div>
-        </div>
-
-        <div *ngIf="campo.ayuda && campo.editable != 'N'" class="col-1 contenedor"  >
-          <span
-          class="w-1rem"
-          style="color: var(--color-400)"
-          tooltipStyleClass="tw-250"
-          [hideDelay]="1800"
-          pTooltip="{{ campo.ayuda }}"
-          tooltipPosition="top"
-          *ngIf="campo.ayuda && campo.editable != 'N'"
-          ><i class="pi pi-question-circle"></i
-        ></span>
-          </div>
-        </div>
-    </td>
-    </tr>
-  </ng-template>
-</p-table>

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

@@ -1,21 +0,0 @@
-.contenedor {
-    display: flex;
-    justify-content: center; /* Centrado horizontal */
-    align-items: center; /* Centrado vertical */
-  }
-
-  :host ::ng-deep .subtitulo{
-    display: table;
-    margin-top: 12px;
-    margin-bottom: 30px;
-  }
-
-  :host ::ng-deep .subtitulo label{
-    position: absolute;
-    font-weight: 600;
-    color: #232323;
-  }
-
-  :host ::ng-deep .p-datatable table{
-    background: #fafafa;
-  }