general-library-union 2.4.99 → 2.5.1

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>

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

@@ -0,0 +1,96 @@
+import {
+  AfterContentInit,
+  AfterViewInit,
+  Component,
+  ContentChildren,
+  EventEmitter,
+  HostListener,
+  Input,
+  OnInit,
+  Output,
+  QueryList,
+  TemplateRef,
+  ViewChild,
+} from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
+import { Table, TableModule } from 'primeng/table';
+import { TableColumn } from '../../modelos/table-column.model';
+import { CommonModule, DatePipe, TitleCasePipe } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { PaginatorModule } from 'primeng/paginator';
+
+@Component({
+  selector: 'app-tabla-general',
+  imports: [TableModule, TitleCasePipe, DatePipe, TranslateModule, CommonModule, PaginatorModule],
+    standalone: true,
+    templateUrl: './tabla-general.component.html',
+  styleUrls: ['./tabla-general.component.scss'],
+})
+export class TablaGeneralComponent implements OnInit, AfterContentInit, AfterViewInit {
+  @Input() dataKey: string;
+
+  @Input() value: any[] = [];
+
+  @Input() columns: TableColumn[] = [];
+
+  @Input() rows: number;
+
+  @Input() totalRecords: number;
+
+  @Input() loading: boolean;
+
+  @Input() ocultarFraccionador: boolean;
+
+  @Output() onLoad: EventEmitter<any> = new EventEmitter<any>();
+
+  @Output() onRowSelect: EventEmitter<any> = new EventEmitter<any>();
+
+  @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate>;
+
+  @ViewChild(Table) table: Table;
+
+  headerTemplate: TemplateRef<any>;
+  bodyTemplate: TemplateRef<any>;
+  rowExpansionTemplate: TemplateRef<any>;
+
+  showFrozen: boolean = false;
+  minTableWidth: number = 200;
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.minTableWidth = this.columns.reduce((acc, column) => {
+      return acc + column.width;
+    }, 0);
+  }
+
+  ngAfterContentInit(): void {
+    this.templates.forEach((item) => {
+      switch (item.getType()) {
+        case 'header':
+          this.headerTemplate = item.template;
+          break;
+        case 'body':
+          this.bodyTemplate = item.template;
+          break;
+      }
+    });
+  }
+
+  ngAfterViewInit(): void {
+    setTimeout(() => this._shouldFreezeTable());
+  }
+
+  @HostListener('window:resize')
+  onResize() {
+    this._shouldFreezeTable();
+  }
+
+  _shouldFreezeTable() {
+    this.showFrozen = this.table.tableViewChild.nativeElement.parentElement.clientWidth < this.minTableWidth;
+  }
+
+  parseDate(obj) {
+    return new Date(obj);
+  }
+}

package/src/app/core/core.module.ts

@@ -0,0 +1,22 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+ 
+
+@NgModule({
+  declarations: [
+  ],
+  imports: [
+  ],
+  providers: [
+  ],
+  exports: [
+  ],
+})
+export class CoreModule {
+  public static forRoot(): ModuleWithProviders<any> {
+    return {
+      ngModule: CoreModule,
+      providers: [
+      ],
+    };
+  }
+}

package/src/app/core/errores/authentication.error.ts

@@ -0,0 +1,6 @@
+export class AuthenticationError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = this.constructor.name;
+  }
+}

package/src/app/core/modelos/error-response.model.ts

@@ -0,0 +1,9 @@
+export interface ErrorResponseModel {
+  mensaje: string;
+  codigo: string;
+  tipo: string;
+  errorCode: string;
+  causa: string;
+  traza: string;
+  accion: string;
+}

package/src/app/core/modelos/table-column.model.ts

@@ -0,0 +1,10 @@
+export interface TableColumn {
+  field: string;
+  header: string;
+  isFrozen?: boolean;
+  width?: number;
+  flexGrow?: number;
+  canOrder?: boolean;
+  values?: { [key: string]: string };
+  formatDate?: boolean;
+}

package/src/app/core/modelos/user.model.ts

@@ -0,0 +1,6 @@
+export class UserLoginCredentials {
+  login: string;
+  clave: string;
+  aplicacion: string;
+  base: string;
+}

package/src/app/core/plantilla-general/plantilla-general.template.html

@@ -0,0 +1,139 @@
+<div
+  class="layout-wrapper p-input-filled layout-menu-static layout-menu-light layout-topbar-dark"
+  [ngClass]="{'layout-menu-active': menuActive,
+              'layout-menu-mobile-active': mobileMenuActive,
+              'layout-topbar-mobile-active': mobileTopbarActive }"
+>
+ <!--INICIO TOPBAR-->
+ <div class="layout-topbar shadow-4">
+  <div class="layout-topbar-left">
+    <a class="layout-topbar-logo">{{ nombreEmpresa | uppercase }}</a>
+
+    <a class="layout-menu-button shadow-6" (click)="onMenuButtonClick($event)" pRipple>
+      <i class="pi pi-chevron-right"></i>
+    </a>
+
+    <a class="layout-topbar-mobile-button" (click)="onTopbarMobileButtonClick($event)" pRipple>
+      <i class="pi pi-ellipsis-v fs-large"></i>
+    </a>
+  </div>
+
+  <div class="layout-topbar-right" [ngClass]="{ 'layout-topbar-mobile-active': mobileTopbarActive }">
+    <div class="layout-topbar-actions-left"></div>
+
+    <div class="layout-topbar-actions-right">
+      <ul class="layout-topbar-items">
+        <li class="layout-topbar-item layout-search-item">
+          <a class="layout-topbar-action rounded-circle" (click)="onTopbarItemClick($event, 'search')" pRipple>
+            <i class="pi pi-search fs-large"></i>
+          </a>
+
+          <div
+            class="layout-search-panel p-inputgroup"
+            [@topbarActionPanelAnimation]="'visible'"
+            *ngIf="search"
+            (@topbarActionPanelAnimation.done)="onSearchAnimationEnd($event)">
+            <span class="p-inputgroup-addon"><i class="pi pi-search"></i></span>
+            <p-autoComplete
+              #searchInput
+              placeholder="Buscar una tarea..."
+              (click)="searchClick = true"
+              [dropdown]="false"
+              [(ngModel)]="tareaSeleccionadas"
+              [suggestions]="tareasFiltradas"
+              (completeMethod)="filterTarea($event)"
+              (onSelect)="tareaSeleccion()"
+              field="descripcion"
+              styleClass="w-full h-full"
+            >
+            </p-autoComplete>
+            <span class="p-inputgroup-addon">
+              <button
+                pButton
+                pRipple
+                type="button"
+                icon="pi pi-times"
+                class="p-button-rounded p-button-text p-button-plain"
+                (click)="searchClick = false"
+              ></button>
+            </span>
+          </div>
+        </li>
+
+        <li class="layout-topbar-item app">
+          <a class="layout-topbar-action rounded-circle" (click)="onTopbarItemClick($event, 'modules')" pRipple>
+            <i class="pi pi-table fs-large"></i>
+          </a>
+
+          <div
+            class="layout-topbar-action-panel shadow-6"
+            [@topbarActionPanelAnimation]="'visible'"
+            *ngIf="activeTopbarItem === 'modules'"
+          >
+            <div class="grid grid-nogutter">
+              <div class="layout-topbar-action-item col-4" *ngFor="let modulo of modulosDisponibles">
+                <a class="flex align-items-center text-color" href="/inicio"  pRipple (click)="cambioModulo(modulo, true)">
+                  <i class="action app-bgcolor">
+                    <img [src]="'assets/modulos/' + modulo.icono" /> 
+                  </i>
+                  <span style="font-size: 10px; text-align: left">{{ modulo.descripcion }}</span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </li>
+
+        <li class="layout-topbar-item">
+          <a
+            class="layout-topbar-action flex flex-row justify-content-center align-items-center px-2 rounded-circle"
+            (click)="onTopbarItemClick($event, 'profile')"
+            pRipple
+          >
+            <img src="" alt="avatar" style="width: 32px; height: 32px" />
+          </a>
+
+          <ul
+            class="layout-topbar-action-panel shadow-6"
+            [@topbarActionPanelAnimation]="'visible'"
+            *ngIf="activeTopbarItem === 'profile'"
+          >
+            <li class="layout-topbar-action-item">
+              <a class="flex flex-row align-items-center" pRipple (click)="salir()">
+                <i class="pi pi-power-off mr-2"></i>
+                <span>Logout</span>
+              </a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+ <!--FIN TOPBAR-->
+  <!--<div class="menu-wrapper" (click)="menuClick = true">
+    <div class="layout-menu-container">
+     
+    </div>
+  </div>
+  <p-sidebar [(visible)]="menuClick">
+    <app-menu [modulo]="modulo"></app-menu>
+  </p-sidebar>
+
+  <div class="layout-main">
+    <app-breadcrumb></app-breadcrumb>
+    <app-carga-breadcrumb></app-carga-breadcrumb>
+
+    <div class="layout-content">
+      <div class="grid">
+        <div class="col-12">
+          <div class="us-main-content card p-3">
+            <router-outlet></router-outlet>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <app-footer></app-footer>
+  </div>
+</div>-->

package/src/app/core/plantilla-general/plantilla-general.template.scss

@@ -0,0 +1,37 @@
+@import "../../../styles/sass/variables";
+@import "../../../styles/sass/mixins";
+
+.us-main-content {
+    min-height: calc(100vh - 190px);
+}
+
+//@import "variables";
+//@import "mixins";
+.p-inputgroup button.p-button-rounded {
+    border-radius: 50%;
+}
+
+.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.app {
+    .layout-topbar-action-panel {
+        min-width: 35rem;
+        box-shadow: 0px 0px 20px hsla(var(--color-h), 100%, 35%, 0.4) !important;
+
+
+        .app-bgcolor {
+            background: var(--color-400);
+            flex: 0 0 42px;
+
+            img {
+                width: 20px;
+            }
+
+            + span {
+                padding-left: 0.6rem;
+            }
+        }
+    }
+
+    .layout-topbar-action-item:hover {
+        background: hsla(var(--color-h) 100% 60%/0.18);
+    }
+}