general-library-union 3.3.39 → 3.3.41

package/src/app/shared/servicios/general.service.ts

@@ -0,0 +1,124 @@
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable, catchError, throwError } from 'rxjs';
+import { GeneralModel } from '../../seguridad/modelos/GeneralModel';
+import { CookieService } from 'ngx-cookie-service';
+import { UtilsService } from '../../core/servicios/utils.service';
+import { ErrorIntecertorService } from '../../core/servicios/error-interceptor.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class GeneralService {
+
+  
+  constructor(private httpClient: HttpClient, private errorInterceptor: ErrorIntecertorService, private utilsService: UtilsService) {
+    this.handleError = this.handleError.bind(this);
+  }
+
+  private handleError(error: HttpErrorResponse) {
+    if (error.status === 500) {
+      //Llamado a interceptor
+      this.errorInterceptor.showError(JSON.stringify(error.error));
+      // A client-side or network error occurred. Handle it accordingly.
+      console.error('An error occurred:', error.error);
+    } else {
+      // The backend returned an unsuccessful response code.
+      // The response body may contain clues as to what went wrong.
+      console.error(
+        `Backend returned code ${error.status}, body was: `, error.error);
+    }
+    // Return an observable with a user-facing error message.
+    return throwError(() => new Error('Something bad happened; please try again later.'));
+  }
+
+  listProcedure(objetoFiltro: GeneralModel) {
+    throw new Error('Method not implemented.');
+  }
+
+  queryForList(general: GeneralModel,ambiente?: any): Observable<any[]> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<any[]>(`${ambiente}/requieretoken/general/queryForList`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  queryForObject(general: GeneralModel,ambiente?: any): Observable<any> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+      return this.httpClient.post<any>(`${ambiente}/requieretoken/general/queryForObject`, general).pipe(
+        catchError(this.handleError)
+      );
+  }
+
+  cantidadRegistros(general: GeneralModel,ambiente?: any): Observable<number> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<number>(`${ambiente}/requieretoken/general/cantidadRegistros`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  crearRegistro(general: GeneralModel,ambiente?: any): Observable<any> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<any>(`${ambiente}/requieretoken/general/crearRegistro`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  delete(general: GeneralModel,ambiente?: any): Observable<number> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<number>(`${ambiente}/requieretoken/general/delete`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  update(general: GeneralModel,ambiente?: any): Observable<number> {
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<number>(`${ambiente}/requieretoken/general/update`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  procedure(general: GeneralModel,ambiente?: any): Observable<any> {
+    console.log('Objeto: ' +  JSON.stringify(general));
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    console.log('INGRESO PROCEDIMIENTO: ' + ambiente + '/requieretoken/general/procedure');
+    return this.httpClient.post<any>(`${ambiente}/requieretoken/general/procedure`, general).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  obtenerJasper(rutaJasper,ambiente?: any): Observable<any> {
+    let formData = new FormData();
+    formData.append("jasper", rutaJasper);
+    let url = this.utilsService.obtenerUrlApi();
+    if (!ambiente){
+      ambiente = url;
+    }
+    return this.httpClient.post<any>(`${ambiente}/requieretoken/general/obtenerJasper`, formData).pipe(
+      catchError(this.handleError)
+    );
+  }
+}
+
+

package/src/app/shared/servicios/parametros-navegacion.service.ts

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ParametrosNavegacionService {
+
+  parametros: any;
+
+  constructor() { }
+
+  setParametros(parametros: any) {
+    this.parametros = parametros;
+  }
+
+  getParametros() {
+    return this.parametros;
+  }
+
+}

package/src/app/shared/servicios/plantillas.service.ts

@@ -0,0 +1,22 @@
+import { HttpClient, HttpEvent, HttpParams, HttpRequest } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class PlantillasService {
+
+  constructor(private httpClient: HttpClient) { }
+
+  obtenerArchivos(propiedad, aplicativo, ambiente , extensiones?, anexoPropiedad?): Observable<any> {
+    let formData = new FormData();
+    formData.append("propiedad", propiedad);
+    formData.append("aplicativo", aplicativo);
+    formData.append("extensiones", extensiones);
+    formData.append("anexoPropiedad", anexoPropiedad);
+    return this.httpClient.post<any>(`${ambiente}/requieretoken/plantillas/obtenerArchivos`, formData);
+  }
+
+}

package/src/app/shared/servicios/tarea.service.ts

@@ -0,0 +1,71 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpErrorResponse, HttpEvent, HttpParams, HttpRequest } from '@angular/common/http';
+import { UtilsService } from '../../core/servicios/utils.service';
+import { ErrorIntecertorService } from '../../core/servicios/error-interceptor.service';
+import { Observable, catchError, throwError } from 'rxjs';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TareaService {
+
+  
+  constructor(private httpClient: HttpClient , private errorInterceptor : ErrorIntecertorService, private utilsService: UtilsService) {
+    this.handleError = this.handleError.bind(this);
+  }
+
+  private handleError(error: HttpErrorResponse) {
+    if (error.status === 500) {
+      //Llamado a interceptor
+      this.errorInterceptor.showError(JSON.stringify(error.error));
+      // A client-side or network error occurred. Handle it accordingly.
+      console.error('An error occurred:', error.error);
+    } else {
+      // The backend returned an unsuccessful response code.
+      // The response body may contain clues as to what went wrong.
+      console.error(
+        `Backend returned code ${error.status}, body was: `, error.error);
+    }
+    // Return an observable with a user-facing error message.
+    return throwError(() => new Error('Something bad happened; please try again later.'));
+  }
+
+  obtenerTareasNoRelacionConRol(tarea): Observable<any[]> {
+    return this.httpClient.post<any[]>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/obtenerTareasNoRelacionConRol`, tarea).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  eliminarUrl(tarea, urlQuitar): Observable<number> {
+    let formData = new FormData();
+    formData.append("tarea", tarea);
+    formData.append("urlQuitar", urlQuitar);
+    return this.httpClient.post<number>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/eliminarUrl`, formData).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  obtenerTodosUrl(tarea): Observable<any[]> {
+    return this.httpClient.post<any[]>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/obtenerTodosUrl`, tarea).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  obtenerTareaPorLlaveRol(tarea): Observable<any[]> {
+    return this.httpClient.post<any[]>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/obtenerArchivos`, tarea).pipe(
+      catchError(this.handleError)
+    );
+  }
+
+  cantidadTareasNoRelacionConRol(tarea): Observable<number> {
+    return this.httpClient.post<number>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/obtenerArchivos`, tarea).pipe(
+      catchError(this.handleError)
+    );
+  }
+  getSelectListPadre(lista): Observable<any[]> {
+    return this.httpClient.post<any[]>(`${this.utilsService.obtenerUrlApi()}/requieretoken/seguridad/tarea/getSelectListPadre`, lista).pipe(
+      catchError(this.handleError)
+    );
+  }
+}

package/src/app/shared/utilidades/translate-loader.util.ts

@@ -0,0 +1,44 @@
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { TranslateLoader } from '@ngx-translate/core';
+
+import { Observable, from, of, switchMap } from 'rxjs';
+import { environment } from '../../../environments/environment';
+import { StorageService } from 'src/app/core/servicios/storage.service';
+import { AuthService } from 'src/app/core/servicios/auth.service';
+import { UtilsService } from 'src/app/core/servicios/utils.service';
+
+export class TranslateLoaderUtil implements TranslateLoader {
+  constructor(private http: HttpClient, 
+              private localStorage: StorageService,
+              private authService: AuthService,
+              public utilsService: UtilsService) {}
+
+  /**
+   * Consume el servicio para obtener las etiquetas de la aplicación
+   */
+  public getTranslation(lang: string): Observable<Object> {
+    return from(this.translationDetalle(lang));
+  }
+
+  async translationDetalle(lang: string): Promise<Observable<any>> {
+    console.log(this.utilsService.obtenerBase())
+    if (window.location.href.endsWith('not-found')) {
+      return null;
+    }
+    const url = `${environment.urlapisara}/authentication/inicio`;
+    let params = new HttpParams();
+    params = params.set('numeroAplicacion', environment.codigoAplicacion);
+    params = params.set('tipo', 'etiqueta');
+    
+    if (!this.localStorage.getItem('etiquetas')){
+      var tokenPublico = await this.authService.generarTokenPublico(environment.urlapisara).toPromise();
+      var headers = new HttpHeaders().set('Authorization', `Bearer ${tokenPublico.token}`)
+      var data = await this.http.get(url, { params: params, headers: headers }).toPromise()
+      this.localStorage.setItem('etiquetas', JSON.stringify((data as any).etiquetas))
+      return await ((data as any).etiquetas);
+    } else {
+      return await (this.localStorage.getItem('etiquetas') != null? JSON.parse(this.localStorage.getItem('etiquetas')) : {})
+    }
+
+  }
+}

package/src/app/webcommon/pages/cargue-plantilla/cargue-plantilla-general/cargue-plantilla-general.component.html

@@ -0,0 +1,175 @@
+<div id="cargue-plantillas">
+<p-confirmPopup key="eliminarCarpeta"></p-confirmPopup>
+<p-confirmPopup key="eliminarArchivo"></p-confirmPopup>
+
+<h1 class="mb-4">{{'cargue' | translate}} {{'plantillas' | translate}}</h1>
+
+<div class="p-fluid p-formgrid grid">
+
+    <div class="field col-12 md:col-6 lg:col-5 card p-5">
+        <div class="flex justify-content-between align-items-center justify-content-center relative">
+            <input type="text" pInputText [(ngModel)]="filterValue" placeholder="{{'filtro' | translate}}"
+                (keydown)="filtrarEnter($event)" />
+            <button type="button" pButton pRipple icon="pi pi-search text-xl" (click)="aplicarFiltro()"
+                class="p-element p-ripple p-button-rounded  p-button-secondary p-button p-component p-button-icon-only absolute right-0 border-none bg-white-alpha-10"
+                tooltipPosition="bottom" pTooltip="Editar HTML"></button>
+        </div>
+
+        <p-tree #tree scrollHeight="670px" [value]="filteredFiles" selectionMode="single" [(selection)]="dataSelected"
+            [filter]="false" [filterPlaceholder]="'filtro' | translate" filterMode="strict"
+            (onNodeSelect)="seleccionarArchivo($event)" [loading]="loading"
+            (onNodeUnselect)="deseleccionarArchivo($event)"></p-tree>
+    </div>
+
+    <!-- OPCINES DIRECTORIOS - ARCHIVOS -->
+    <div class="field col-12 md:col-6 lg:col-7 p-0 pl-3">
+
+        @if(this.loading){
+        <p-progressBar mode="indeterminate" [style]="{ height: '6px' }"></p-progressBar>
+        }
+
+        @if(!this.loading){
+        <div class="encabezado-acciones sombra-caja mb-3">
+
+            <!-- CARPETA -->
+            @if(archivoSeleccionado.expanded){
+            <div class="flex align-items-center">
+                <h1 class="text-xl mt-2 mb-4 mr-3">Carpeta: </h1>
+                <h5 class="text-sm mt-2 mb-4"> {{archivoSeleccionado.label}} </h5>
+            </div>
+
+            <div class="flex justify-content-between">
+
+                <!-- Convertir -->
+                <button type="button" pButton pRipple (click)="convertirArchivos()"
+                    *ngIf="verConvertir && controlFuncionService.getControlFuncionalidad('seguplacor:guardar')"
+                    tooltipPosition="bottom" label="{{'convertir' | translate}}"
+                    class="w-full mr-3 p-button-secondary boton-accion-principal color-500"
+                    pTooltip="Convertir archivo" tooltipPosition="bottom">
+                    <div class="contenedor-icono-acciones-principal">
+                        <i class="pi pi-arrow-right-arrow-left color-500"></i>
+                    </div>
+                </button>
+
+                <!--Nueva Carpeta-->
+                <button *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:guardar')" pButton pRipple
+                    class="w-full mr-3 p-button-secondary boton-accion-principal color-500"
+                    label="{{'link_nuevo' | translate}}" (click)="crearCarpeta()">
+                    <div class="contenedor-icono-acciones-principal">
+                        <i class="glyphicons glyphicons-plus color-500"></i>
+                    </div>
+                </button>
+
+                <!--Eliminar-->
+                <div class="btn-fileupload-claro mr-3">
+                    <button *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:guardar')" pButton pRipple
+                        class="p-button p-button-secondary font-semibold flex-shrink-0 boton-accion-principal mr-3"
+                        label="{{'link_eliminar' | translate}}" (click)="eliminarCarpeta()">
+                        <div class="contenedor-icono-acciones-principal">
+                            <i style="color: var(--color-500)" class="glyphicons glyphicons-bin"></i>
+                        </div>
+                    </button>
+                </div>
+
+                <!-- Cargar Archivo -->
+                <div class="btn-fileupload-claro" [ngClass]="{ 'min-width-100': !verConvertir, 'min-width-20': verConvertir }">
+                    <p-fileUpload #fubauto mode="basic" [auto]="true" [customUpload]="true" chooseIcon="pi pi-paperclip"
+                        *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:guardar')"
+                        chooseLabel="{{'link_subirarchivos' | translate}}" (onSelect)="cargarNuevo($event, fubauto)">
+                        <div class="contenedor-icono-acciones-principal">
+                            <i class="pi pi-trash"></i>
+                        </div>
+                    </p-fileUpload>
+                </div>
+            </div>
+            }
+
+            <!-- ARCHIVO-->
+            @if(!archivoSeleccionado.expanded){
+
+            <div class="flex align-items-center">
+                <h1 class="text-xl mt-2 mb-4 mr-3">Archivo: </h1>
+                <h5 class="text-sm mt-2 mb-4"> {{archivoSeleccionado.label}} </h5>
+            </div>
+
+            <div class="flex justify-content-end">
+                @if(archivoSeleccionado.label.includes('.html')){
+
+                <!--EDITAR HTML-->
+                <button type="button" pButton pRipple icon="pi pi-code text-xl color-500" (click)="editarAction()"
+                    class="mr-3 w-full p-button-secondary  boton-accion-principal " label="Editar HTML">
+                </button>
+                }
+
+                <!-- DESCARGAR-->
+                <button pButton pRipple class="mr-3 w-full p-button-secondary boton-accion-principal color-500"
+                    label="{{'link_descargar' | translate}}" (click)="descargarAnexo()"
+                    *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:descargar')">
+                    <div class="contenedor-icono-acciones-principal">
+                        <i class="glyphicons glyphicons-download color-500"></i>
+                    </div>
+                </button>
+
+                <!--ELIMINAR-->
+                <button pButton pRipple class="w-full p-button-secondary  boton-accion-principal color-500"
+                    label="{{'link_eliminar' | translate}}" (click)="eliminarArchivo()"
+                    *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:guardar')">
+                    <div class="contenedor-icono-acciones-principal">
+                        <i class="glyphicons glyphicons-bin color-500"></i>
+                    </div>
+                </button>
+            </div>
+            }
+        </div>
+        }
+
+        @if(archivoSeleccionado.expanded && isVisualizarCrearCaperta){
+        <div class="encabezado-acciones sombra-caja mb-3">
+
+            <h5 class="mt-2"><i class="glyphicons glyphicons-note"></i> Nueva carpeta</h5>
+
+            <form #miFormulario="ngForm">
+                <!-- campos -->
+                <div class="flex mb-3">
+                    <!-- Nombre -->
+                    <div class="w-full p-0 mb-0">
+                        <span class="p-float-label mr-2">
+                            <input pInputText id="id_numero_de_evento" [(ngModel)]="nomNuevaCarpeta" required
+                                name="nombreCarpeta">
+                            <label for="id_numero_de_evento">{{'nombre' | translate}} *</label>
+                        </span>
+                    </div>
+
+                    <div class="flex justify-content-end">
+                        <!--Guardar Carpeta-->
+                        <button pButton pRipple class="mr-2 p-button-raised" icon="glyphicons glyphicons-floppy-save"
+                            [label]="('link_guardar' | translate)" (click)="guardarCarpeta()">
+                        </button>
+                    </div>
+                </div>
+            </form>
+
+        </div>
+        }
+        <!-- EDITOR DE HTML -->
+        <div *ngIf="isHtml() && mostrarEditor">
+
+            <div class="flex justify-content-end align-items-center mb-3">
+                <!-- Botón guardar HTML -->
+                <button pButton pRipple label="{{'link_guardar' | translate }}" (click)="guardarHtml()"
+                    icon="glyphicons glyphicons-floppy-save" class="p-button-raised"
+                    *ngIf="controlFuncionService.getControlFuncionalidad('seguplacor:guardar')"></button>
+            </div>
+
+            <p-editor id="editor" [style]="{ height: '500px' }" required [(ngModel)]="modificarHTML"
+                name="htmlPublicacion"></p-editor>
+
+        </div>
+    </div>
+</div>
+
+@if(isMostrarPopupConvertir){
+<app-popup-convertir-plantillas (regresar)="regresarPopupConvertir($event)"></app-popup-convertir-plantillas>
+}
+
+</div>

package/src/app/webcommon/pages/cargue-plantilla/cargue-plantilla-general/cargue-plantilla-general.component.scss

@@ -0,0 +1,78 @@
+// :host ::ng-deep #cargue-plantillas .p-fluid .p-fileupload .p-button {
+//     width: 100%;
+//     background: var(--color-85);
+//     border: none;
+//     box-shadow: none;
+//     color: var(--color-500);
+//     border-radius:10px ;
+
+//     &:hover{
+//         background: var(--color-100) !important;
+//      }
+// }
+
+// :host ::ng-deep #cargue-plantillas .min-width-20 {
+//     min-width: 20%;
+// }
+
+// :host ::ng-deep #cargue-plantillas .min-width-100 {
+//     min-width: 30%;
+// }
+
+// #cargue-plantillas .btn-fileupload-claro {
+
+//    .p-button{
+//     background: var(--color-85) !important;
+//     color: var(--color-500) !important;
+//     border-radius: 10px;
+
+
+//     &:hover{
+//         background: var(--color-100) !important;
+//      }
+//     }
+
+
+//     .contenedor-icono-acciones-principal {
+//         background: #fff;
+//         padding: 4px 2px;
+//         margin-right: 8px;
+//         padding: 12px;
+        
+//      }
+
+//      .boton-accion-principal i{
+//         margin: 0 !important;
+//      }
+
+// }
+
+// #cargue-plantillas .contenedor-icono-acciones-principal{
+//     display: inline-block;
+//     background-color: white;
+//     border-radius: 50%;
+//     width: 25px;
+//     height: 25px;
+//     display: flex;
+//     align-items: center;
+//     justify-content: center;
+// }
+
+// #cargue-plantillas .boton-accion-principal i {
+//      margin-right: 0 !important;
+// }
+
+// :host ::ng-deep  span.p-button-icon.p-button-icon-left.pi.pi-paperclip{
+//     padding: 6px 6px;
+//     background: #fff;
+//     border: none;
+//     border-radius: 50%;
+//     color: var(--color-400);
+// }
+
+// :host ::ng-deep span.p-button-icon.p-button-icon-left.pi.pi-code{
+//     background: #fff;
+//     padding: 5px 5px;
+//     border-radius: 50%;
+// }
+