general-library-union 2.8.18 → 2.8.20

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

@@ -1,425 +1,425 @@
-import { CommonModule } from '@angular/common';
-import { Component, ViewChild } from '@angular/core';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { ConfirmationService, MenuItem, TreeNode } from 'primeng/api';
-import { ButtonModule } from 'primeng/button';
-import { InputTextModule } from 'primeng/inputtext';
-import { SplitButtonModule } from 'primeng/splitbutton';
-import { Tree, TreeModule } from 'primeng/tree';
-import { AuthService } from '../../../../core/servicios/auth.service';
-import { PlantillasService } from '../../../../webcommon/services/plantillas.service';
-import { CargarControlFuncionalidadService } from '../../../../core/servicios/cargar-control-funcionalidad.service';
-import { ConfirmPopupModule } from 'primeng/confirmpopup';
-import { FormsModule, NgForm } from '@angular/forms';
-import { FieldsetModule } from 'primeng/fieldset';
-import { FileUploadModule } from 'primeng/fileupload';
-import { ToastService } from '../../../../core/servicios/toast.service';
-import { CargarArchivosService } from '../../../../shared/servicios/cargar-archivos.service';
-import { EncriptadoBasicoService } from '../../../../shared/servicios/encriptado-basico.service';
-import { GeneralPipe } from '../../../../webcommon/pipes/general.pipe';
-import { PopupConvertirPlantillasComponent } from '../../../../webcommon/popups/popup-convertir-plantillas/popup-convertir-plantillas.component';
-import { UtilsService } from '../../../../core/servicios/utils.service';
-import { firstValueFrom } from 'rxjs';
-import { EditorModule } from 'primeng/editor';
-
-@Component({
-  selector: 'app-cargue-plantilla-general',
-  standalone: true,
-  imports: [TranslateModule,
-    CommonModule,
-    TreeModule,
-    InputTextModule,
-    ButtonModule,
-    SplitButtonModule,
-    ConfirmPopupModule,
-    FormsModule,
-    FieldsetModule,
-    FileUploadModule,
-    PopupConvertirPlantillasComponent,
-    EditorModule
-  ],
-  templateUrl: './cargue-plantilla-general.component.html',
-  styleUrl: './cargue-plantilla-general.component.scss',
-  providers: [
-    ConfirmationService
-  ]
-})
-export class CarguePlantillaGeneralComponent {
-
-  @ViewChild(PopupConvertirPlantillasComponent) popupConvertirPlantillasComponent: PopupConvertirPlantillasComponent;
-  @ViewChild('miFormulario', { static: false }) miFormulario!: NgForm;
-  @ViewChild('tree') treeComponent!: Tree;
-
-  loading: boolean;
-  propiedad: string;
-  extensiones: string;
-  propiedadDeSistema: boolean = false;
-  anexoPropiedad: string = '';
-  files: TreeNode[];
-  dataSelected: TreeNode;
-  itemsBotonAcciones: MenuItem[];
-  verConvertir: boolean;
-  nomNuevaCarpeta: string;
-  isVisualizarCrearCaperta: boolean = false;
-  archivoSeleccionadoAnexo: File;
-  archivoSeleccionado: TreeNode;
-  isMostrarPopupConvertir: boolean = false;
-  rutaPrincipal: string;
-  filteredFiles: TreeNode[] = [];
-  filterValue: string = '';
-
-  FORMATS_VALIDOS: Set<string> = new Set([
-    '.doc',
-    '.html',
-    '.jasper',
-    '.xls',
-    '.jrxml',
-    '.odt',
-    '.xlsm',
-    '.xlsx',
-    '.pgp',
-    '.asc',
-    '.cer',
-    '.p12',
-    '.docx',
-    '.properties'
-  ]);
-  filtroConvertir: string;
-  html: boolean;
-  mostrarEditor: boolean;
-  modificarHTML: string;
-
-  constructor(private plantillasService: PlantillasService, private authService: AuthService, public translateService: TranslateService,
-    public controlFuncionService: CargarControlFuncionalidadService, private confirmationService: ConfirmationService,
-    private toastService: ToastService, private cargarArchivoServices: CargarArchivosService, private encriptadoBasico: EncriptadoBasicoService,
-    private generalPipe: GeneralPipe, public utilsService: UtilsService
-  ) { }
-
-  async ngOnInit(): Promise<void> {
-
-    this.mostrarEditor = false;
-    let consultarRutaPrincipal = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }));
-    let convertir = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "servidor_openOffice", aplicacion: 0 }));
-    this.verConvertir = !convertir.valor.valor ? true : false;
-    this.rutaPrincipal = consultarRutaPrincipal.valor.valor;
-    this.isVisualizarCrearCaperta = false;
-    await this.openDataTable();
-
-    const sleep = (m) => new Promise((r) => setTimeout(r, m));
-    await sleep(100);
-
-    if (this.filterValue) {
-      await this.aplicarFiltro();
-    }
-  }
-
-  async openDataTable() {
-
-    setTimeout(() => {
-      this.loading = true;
-
-      if (!this.propiedad) {
-        this.propiedad = 'ruta_plantillas'
-      }
-      this.plantillasService.obtenerArchivos(
-        this.propiedad, this.propiedadDeSistema ? '0' : this.authService.getTokenKey('aplicacion'), 'doc;html;jasper;xls;jrxml;odt;xlsm;xlsx;pgp;asc;cer;p12;docx;properties', this.anexoPropiedad, true).subscribe
-        (rta => {
-          this.files = rta;
-          this.filteredFiles = rta
-          this.loading = false;
-          if (!this.archivoSeleccionado) {
-            this.archivoSeleccionado = this.files[0];
-          }
-        });
-    }, 1000);
-  }
-
-  async aplicarFiltro() {
-    this.filtroConvertir = this.filterValue;
-    this.loading = true;
-    setTimeout(() => {
-      this.filteredFiles = this.obtenerFiltrosNodos(this.files, this.filterValue);
-      this.loading = false;
-    }, 1000);
-  }
-
-  obtenerFiltrosNodos(nodes: TreeNode[], filterValue: string): TreeNode[] {
-
-    const filters = this.filtroAvanzado(filterValue);
-
-    const filteredNodes: TreeNode[] = [];
-
-    nodes.forEach(node => {
-
-      // Verifica si el nodo actual o alguno de sus hijos cumple con el filtro
-      const children = node.children ? this.obtenerFiltrosNodos(node.children, filterValue) : [];
-
-      const nodeMatches = filters.some(filter => node.label.includes(filter));
-
-      if (nodeMatches || children.length > 0) {
-        filteredNodes.push({ ...node, children });
-      }
-    });
-
-    return filteredNodes;
-  }
-
-  filtroAvanzado(search: string): string[] {
-
-    if (search.includes('+')) {
-      let aux = search;
-
-      if (aux.startsWith('+')) {
-        aux = aux.substring(1);
-      }
-
-      aux = aux.replace(/\+/g, ':');
-      const items = aux.trim().split(':');
-      return items;
-
-    } else {
-      return [search];
-    }
-  }
-
-  filtrarEnter(event) {
-    if (event.key === 'Enter') {
-      this.aplicarFiltro();
-    }
-  }
-
-  seleccionarArchivo(event) {
-    this.archivoSeleccionado = event.node;
-    this.mostrarEditor = false;
-  }
-
-  deseleccionarArchivo($event) {
-    this.dataSelected = null;
-  }
-
-
-  async cargarNuevo(event, fubauto) {
-
-    this.isVisualizarCrearCaperta = false;
-    this.archivoSeleccionadoAnexo = event.files[0];
-
-    if (!this.isFormatoValido(this.archivoSeleccionadoAnexo.name)) {
-      this.toastService.showWarning("Se debe agregar un archivo " + Array.from(this.FORMATS_VALIDOS).join(', '))
-      fubauto.clear();
-      //this.toastService.showWarning("Se debe agregar un archivo .doc, .docx, .xls, .xlsx , .xlsm, .jrxml, .odt, .jasper, .pgp, .asc, .cer, .properties o .html");
-      return;
-    }
-
-    //Cargar Archivo Temporal
-    let resultado = await firstValueFrom(this.plantillasService.cargarDocumentoTemporal(this.archivoSeleccionadoAnexo));
-
-    fubauto.clear();
-
-    if (resultado?.validacion) {
-      this.toastService.showSuccess(resultado?.validacion);
-      return;
-    }
-
-    let informacionArchivo = resultado?.informacionArchivo ? resultado?.informacionArchivo : null;
-
-    //Obtener Rutas
-    let rutaComplemento = this.archivoSeleccionado.data;
-
-    //let objeto = (await this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }).toPromise());
-
-    if (!this.archivoSeleccionado?.parent) {
-      rutaComplemento = '';
-    }
-
-    //Verifica si el documento ya existe 
-    let data = await firstValueFrom(this.plantillasService.existeDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
-
-    if (data?.validacionDocumento) {
-      this.toastService.showWarning(data?.validacionDocumento);
-      return;
-    }
-
-    //Guarda el documento
-    await firstValueFrom(this.plantillasService.cargarDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
-
-    this.ngOnInit();
-
-  }
-
-  async descargarAnexo() {
-
-    //Ruta archivo  
-    let rutaComplemento = this.archivoSeleccionado.data;
-
-    if (!this.archivoSeleccionado?.parent) {
-      rutaComplemento = '';
-    }
-
-    this.cargarArchivoServices.descargarArchivo(this.encriptadoBasico.encriptar(this.rutaPrincipal + rutaComplemento), undefined, undefined).subscribe(blob => {
-      const a = document.createElement('a');
-      const objectUrl = URL.createObjectURL(blob);
-      a.href = objectUrl;
-      a.download = this.archivoSeleccionado?.label;
-      a.click();
-      URL.revokeObjectURL(objectUrl);
-    });
-
-  }
-
-  eliminarArchivo() {
-    this.confirmationService.confirm({
-      target: event.target,
-      key: 'eliminarArchivo',
-      message: '¿Desea eliminar el registro?',
-      acceptLabel: 'Si',
-      icon: 'confirmar',
-      accept: () => {
-        this.setEliminarArchivo();
-      },
-      reject: () => { },
-    });
-  }
-
-  async setEliminarArchivo() {
-
-    //Ruta archivo  
-    let rutaComplemento = this.archivoSeleccionado.data;
-
-    if (!this.archivoSeleccionado?.parent) {
-      rutaComplemento = '';
-    }
-
-    let propiedad = 'ruta_plantillas'
-    await firstValueFrom(this.cargarArchivoServices.eliminarArchivo(this.encriptadoBasico.encriptar(rutaComplemento), propiedad, '1'));
-    this.toastService.showSuccess(this.generalPipe.MENSAJE_ELIMINAR);
-    this.archivoSeleccionado = null;
-    this.filterValue = null;
-    this.ngOnInit();
-  }
-
-  isFormatoValido(nombreArchivo: string): boolean {
-    // Verifica si el archivo termina con alguna de las extensiones válidas
-    return Array.from(this.FORMATS_VALIDOS).some(ext => nombreArchivo.endsWith(ext));
-  }
-
-  crearCarpeta() {
-    this.isVisualizarCrearCaperta = true;
-    this.nomNuevaCarpeta = null;
-  }
-
-  async guardarCarpeta() {
-
-    if (this.miFormulario.valid) {
-
-      let rutaComplemento = this.archivoSeleccionado.data;
-
-      if (!this.archivoSeleccionado?.parent) {
-        rutaComplemento = '';
-      }
-
-      await firstValueFrom(this.plantillasService.crearCarpeta(this.rutaPrincipal, rutaComplemento, this.nomNuevaCarpeta));
-      this.toastService.showSuccess('La carpeta se ha creado correctamente');
-      this.ngOnInit();
-
-    } else {
-
-      this.toastService.showError('Faltan campos obligatorios');
-      Object.keys(this.miFormulario.controls).forEach((key) => {
-        if (this.miFormulario.controls[key].invalid) {
-          this.miFormulario.controls[key].markAsDirty();
-        }
-      });
-    }
-
-  }
-
-  eliminarCarpeta() {
-
-    this.isVisualizarCrearCaperta = false;
-
-    this.confirmationService.confirm({
-      target: event.target,
-      key: 'eliminarCarpeta',
-      message: '¿Desea eliminar el registro?',
-      acceptLabel: 'Si',
-      icon: 'confirmar',
-      accept: () => {
-        this.setEliminarCarpeta();
-      },
-      reject: () => { },
-    });
-  }
-
-  async setEliminarCarpeta() {
-
-    let rutaComplemento = this.archivoSeleccionado.data;
-
-    if (!this.archivoSeleccionado?.parent) {
-      rutaComplemento = '';
-    }
-
-    this.plantillasService.eliminarCarpeta(this.rutaPrincipal, rutaComplemento).subscribe(rta => {
-      this.toastService.showSuccess('La carpeta ha sido eliminada correctamente');
-      this.archivoSeleccionado = null;
-      this.filterValue = null;
-      this.ngOnInit();
-    })
-
-  }
-
-  async convertirArchivos() {
-
-    this.isVisualizarCrearCaperta = false;
-    this.isMostrarPopupConvertir = true;
-    //const filteredNodes = this.getFilteredNodes();
-    const valorFiltro = this.filterValue;
-
-    const sleep = (m) => new Promise((r) => setTimeout(r, m));
-    await sleep(50);
-
-    this.popupConvertirPlantillasComponent.buscar(this.rutaPrincipal, valorFiltro);
-
-  }
-
-  regresarPopupConvertir($event: any) {
-    this.isMostrarPopupConvertir = false;
-    this.ngOnInit();
-  }
-
-  isHtml() {
-    this.html = false;
-
-    if (this.archivoSeleccionado != null && this.archivoSeleccionado.label != null && this.archivoSeleccionado.label.includes('.html'))
-      this.html = true;
-
-    return this.html;
-  }
-
-  async editarAction() {
-
-    let data = await firstValueFrom(this.plantillasService.consultarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data));
-
-    this.modificarHTML = data;
-
-    this.mostrarEditor = true;
-  }
-
-  async guardarHtml() {
-
-    await firstValueFrom(this.plantillasService.guardarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data, this.modificarHTML));
-
-    this.toastService.showSuccess('El archivo ha sido modificado correctamente');
-
-    this.ngOnInit();
-
-  }
-
-  regresarPrincipal() {
-    this.mostrarEditor = false;
-  }
-
-  public verificarControl(control) {
-    return this.controlFuncionService.getControlFuncionalidad(control);
-  }
-
-}
+import { CommonModule } from '@angular/common';
+import { Component, ViewChild } from '@angular/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { ConfirmationService, MenuItem, TreeNode } from 'primeng/api';
+import { ButtonModule } from 'primeng/button';
+import { InputTextModule } from 'primeng/inputtext';
+import { SplitButtonModule } from 'primeng/splitbutton';
+import { Tree, TreeModule } from 'primeng/tree';
+import { AuthService } from '../../../../core/servicios/auth.service';
+import { PlantillasService } from '../../../../webcommon/services/plantillas.service';
+import { CargarControlFuncionalidadService } from '../../../../core/servicios/cargar-control-funcionalidad.service';
+import { ConfirmPopupModule } from 'primeng/confirmpopup';
+import { FormsModule, NgForm } from '@angular/forms';
+import { FieldsetModule } from 'primeng/fieldset';
+import { FileUploadModule } from 'primeng/fileupload';
+import { ToastService } from '../../../../core/servicios/toast.service';
+import { CargarArchivosService } from '../../../../shared/servicios/cargar-archivos.service';
+import { EncriptadoBasicoService } from '../../../../shared/servicios/encriptado-basico.service';
+import { GeneralPipe } from '../../../../webcommon/pipes/general.pipe';
+import { PopupConvertirPlantillasComponent } from '../../../../webcommon/popups/popup-convertir-plantillas/popup-convertir-plantillas.component';
+import { UtilsService } from '../../../../core/servicios/utils.service';
+import { firstValueFrom } from 'rxjs';
+import { EditorModule } from 'primeng/editor';
+
+@Component({
+  selector: 'app-cargue-plantilla-general',
+  standalone: true,
+  imports: [TranslateModule,
+    CommonModule,
+    TreeModule,
+    InputTextModule,
+    ButtonModule,
+    SplitButtonModule,
+    ConfirmPopupModule,
+    FormsModule,
+    FieldsetModule,
+    FileUploadModule,
+    PopupConvertirPlantillasComponent,
+    EditorModule
+  ],
+  templateUrl: './cargue-plantilla-general.component.html',
+  styleUrl: './cargue-plantilla-general.component.scss',
+  providers: [
+    ConfirmationService
+  ]
+})
+export class CarguePlantillaGeneralComponent {
+
+  @ViewChild(PopupConvertirPlantillasComponent) popupConvertirPlantillasComponent: PopupConvertirPlantillasComponent;
+  @ViewChild('miFormulario', { static: false }) miFormulario!: NgForm;
+  @ViewChild('tree') treeComponent!: Tree;
+
+  loading: boolean;
+  propiedad: string;
+  extensiones: string;
+  propiedadDeSistema: boolean = false;
+  anexoPropiedad: string = '';
+  files: TreeNode[];
+  dataSelected: TreeNode;
+  itemsBotonAcciones: MenuItem[];
+  verConvertir: boolean;
+  nomNuevaCarpeta: string;
+  isVisualizarCrearCaperta: boolean = false;
+  archivoSeleccionadoAnexo: File;
+  archivoSeleccionado: TreeNode;
+  isMostrarPopupConvertir: boolean = false;
+  rutaPrincipal: string;
+  filteredFiles: TreeNode[] = [];
+  filterValue: string = '';
+
+  FORMATS_VALIDOS: Set<string> = new Set([
+    '.doc',
+    '.html',
+    '.jasper',
+    '.xls',
+    '.jrxml',
+    '.odt',
+    '.xlsm',
+    '.xlsx',
+    '.pgp',
+    '.asc',
+    '.cer',
+    '.p12',
+    '.docx',
+    '.properties'
+  ]);
+  filtroConvertir: string;
+  html: boolean;
+  mostrarEditor: boolean;
+  modificarHTML: string;
+
+  constructor(private plantillasService: PlantillasService, private authService: AuthService, public translateService: TranslateService,
+    public controlFuncionService: CargarControlFuncionalidadService, private confirmationService: ConfirmationService,
+    private toastService: ToastService, private cargarArchivoServices: CargarArchivosService, private encriptadoBasico: EncriptadoBasicoService,
+    private generalPipe: GeneralPipe, public utilsService: UtilsService
+  ) { }
+
+  async ngOnInit(): Promise<void> {
+
+    this.mostrarEditor = false;
+    let consultarRutaPrincipal = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }));
+    let convertir = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "servidor_openOffice", aplicacion: 0 }));
+    this.verConvertir = !convertir.valor.valor ? true : false;
+    this.rutaPrincipal = consultarRutaPrincipal.valor.valor;
+    this.isVisualizarCrearCaperta = false;
+    await this.openDataTable();
+
+    const sleep = (m) => new Promise((r) => setTimeout(r, m));
+    await sleep(100);
+
+    if (this.filterValue) {
+      await this.aplicarFiltro();
+    }
+  }
+
+  async openDataTable() {
+
+    setTimeout(() => {
+      this.loading = true;
+
+      if (!this.propiedad) {
+        this.propiedad = 'ruta_plantillas'
+      }
+      this.plantillasService.obtenerArchivos(
+        this.propiedad, this.propiedadDeSistema ? '0' : this.authService.getTokenKey('aplicacion'), 'doc;html;jasper;xls;jrxml;odt;xlsm;xlsx;pgp;asc;cer;p12;docx;properties', this.anexoPropiedad, true).subscribe
+        (rta => {
+          this.files = rta;
+          this.filteredFiles = rta
+          this.loading = false;
+          if (!this.archivoSeleccionado) {
+            this.archivoSeleccionado = this.files[0];
+          }
+        });
+    }, 1000);
+  }
+
+  async aplicarFiltro() {
+    this.filtroConvertir = this.filterValue;
+    this.loading = true;
+    setTimeout(() => {
+      this.filteredFiles = this.obtenerFiltrosNodos(this.files, this.filterValue);
+      this.loading = false;
+    }, 1000);
+  }
+
+  obtenerFiltrosNodos(nodes: TreeNode[], filterValue: string): TreeNode[] {
+
+    const filters = this.filtroAvanzado(filterValue);
+
+    const filteredNodes: TreeNode[] = [];
+
+    nodes.forEach(node => {
+
+      // Verifica si el nodo actual o alguno de sus hijos cumple con el filtro
+      const children = node.children ? this.obtenerFiltrosNodos(node.children, filterValue) : [];
+
+      const nodeMatches = filters.some(filter => node.label.includes(filter));
+
+      if (nodeMatches || children.length > 0) {
+        filteredNodes.push({ ...node, children });
+      }
+    });
+
+    return filteredNodes;
+  }
+
+  filtroAvanzado(search: string): string[] {
+
+    if (search.includes('+')) {
+      let aux = search;
+
+      if (aux.startsWith('+')) {
+        aux = aux.substring(1);
+      }
+
+      aux = aux.replace(/\+/g, ':');
+      const items = aux.trim().split(':');
+      return items;
+
+    } else {
+      return [search];
+    }
+  }
+
+  filtrarEnter(event) {
+    if (event.key === 'Enter') {
+      this.aplicarFiltro();
+    }
+  }
+
+  seleccionarArchivo(event) {
+    this.archivoSeleccionado = event.node;
+    this.mostrarEditor = false;
+  }
+
+  deseleccionarArchivo($event) {
+    this.dataSelected = null;
+  }
+
+
+  async cargarNuevo(event, fubauto) {
+
+    this.isVisualizarCrearCaperta = false;
+    this.archivoSeleccionadoAnexo = event.files[0];
+
+    if (!this.isFormatoValido(this.archivoSeleccionadoAnexo.name)) {
+      this.toastService.showWarning("Se debe agregar un archivo " + Array.from(this.FORMATS_VALIDOS).join(', '))
+      fubauto.clear();
+      //this.toastService.showWarning("Se debe agregar un archivo .doc, .docx, .xls, .xlsx , .xlsm, .jrxml, .odt, .jasper, .pgp, .asc, .cer, .properties o .html");
+      return;
+    }
+
+    //Cargar Archivo Temporal
+    let resultado = await firstValueFrom(this.plantillasService.cargarDocumentoTemporal(this.archivoSeleccionadoAnexo));
+
+    fubauto.clear();
+
+    if (resultado?.validacion) {
+      this.toastService.showSuccess(resultado?.validacion);
+      return;
+    }
+
+    let informacionArchivo = resultado?.informacionArchivo ? resultado?.informacionArchivo : null;
+
+    //Obtener Rutas
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    //let objeto = (await this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }).toPromise());
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    //Verifica si el documento ya existe 
+    let data = await firstValueFrom(this.plantillasService.existeDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
+
+    if (data?.validacionDocumento) {
+      this.toastService.showWarning(data?.validacionDocumento);
+      return;
+    }
+
+    //Guarda el documento
+    await firstValueFrom(this.plantillasService.cargarDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
+
+    this.ngOnInit();
+
+  }
+
+  async descargarAnexo() {
+
+    //Ruta archivo  
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    this.cargarArchivoServices.descargarArchivo(this.encriptadoBasico.encriptar(this.rutaPrincipal + rutaComplemento), undefined, undefined).subscribe(blob => {
+      const a = document.createElement('a');
+      const objectUrl = URL.createObjectURL(blob);
+      a.href = objectUrl;
+      a.download = this.archivoSeleccionado?.label;
+      a.click();
+      URL.revokeObjectURL(objectUrl);
+    });
+
+  }
+
+  eliminarArchivo() {
+    this.confirmationService.confirm({
+      target: event.target,
+      key: 'eliminarArchivo',
+      message: '¿Desea eliminar el registro?',
+      acceptLabel: 'Si',
+      icon: 'confirmar',
+      accept: () => {
+        this.setEliminarArchivo();
+      },
+      reject: () => { },
+    });
+  }
+
+  async setEliminarArchivo() {
+
+    //Ruta archivo  
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    let propiedad = 'ruta_plantillas'
+    await firstValueFrom(this.cargarArchivoServices.eliminarArchivo(this.encriptadoBasico.encriptar(rutaComplemento), propiedad, '1'));
+    this.toastService.showSuccess(this.generalPipe.MENSAJE_ELIMINAR);
+    this.archivoSeleccionado = null;
+    this.filterValue = null;
+    this.ngOnInit();
+  }
+
+  isFormatoValido(nombreArchivo: string): boolean {
+    // Verifica si el archivo termina con alguna de las extensiones válidas
+    return Array.from(this.FORMATS_VALIDOS).some(ext => nombreArchivo.endsWith(ext));
+  }
+
+  crearCarpeta() {
+    this.isVisualizarCrearCaperta = true;
+    this.nomNuevaCarpeta = null;
+  }
+
+  async guardarCarpeta() {
+
+    if (this.miFormulario.valid) {
+
+      let rutaComplemento = this.archivoSeleccionado.data;
+
+      if (!this.archivoSeleccionado?.parent) {
+        rutaComplemento = '';
+      }
+
+      await firstValueFrom(this.plantillasService.crearCarpeta(this.rutaPrincipal, rutaComplemento, this.nomNuevaCarpeta));
+      this.toastService.showSuccess('La carpeta se ha creado correctamente');
+      this.ngOnInit();
+
+    } else {
+
+      this.toastService.showError('Faltan campos obligatorios');
+      Object.keys(this.miFormulario.controls).forEach((key) => {
+        if (this.miFormulario.controls[key].invalid) {
+          this.miFormulario.controls[key].markAsDirty();
+        }
+      });
+    }
+
+  }
+
+  eliminarCarpeta() {
+
+    this.isVisualizarCrearCaperta = false;
+
+    this.confirmationService.confirm({
+      target: event.target,
+      key: 'eliminarCarpeta',
+      message: '¿Desea eliminar el registro?',
+      acceptLabel: 'Si',
+      icon: 'confirmar',
+      accept: () => {
+        this.setEliminarCarpeta();
+      },
+      reject: () => { },
+    });
+  }
+
+  async setEliminarCarpeta() {
+
+    let rutaComplemento = this.archivoSeleccionado.data;
+
+    if (!this.archivoSeleccionado?.parent) {
+      rutaComplemento = '';
+    }
+
+    this.plantillasService.eliminarCarpeta(this.rutaPrincipal, rutaComplemento).subscribe(rta => {
+      this.toastService.showSuccess('La carpeta ha sido eliminada correctamente');
+      this.archivoSeleccionado = null;
+      this.filterValue = null;
+      this.ngOnInit();
+    })
+
+  }
+
+  async convertirArchivos() {
+
+    this.isVisualizarCrearCaperta = false;
+    this.isMostrarPopupConvertir = true;
+    //const filteredNodes = this.getFilteredNodes();
+    const valorFiltro = this.filterValue;
+
+    const sleep = (m) => new Promise((r) => setTimeout(r, m));
+    await sleep(50);
+
+    this.popupConvertirPlantillasComponent.buscar(this.rutaPrincipal, valorFiltro);
+
+  }
+
+  regresarPopupConvertir($event: any) {
+    this.isMostrarPopupConvertir = false;
+    this.ngOnInit();
+  }
+
+  isHtml() {
+    this.html = false;
+
+    if (this.archivoSeleccionado != null && this.archivoSeleccionado.label != null && this.archivoSeleccionado.label.includes('.html'))
+      this.html = true;
+
+    return this.html;
+  }
+
+  async editarAction() {
+
+    let data = await firstValueFrom(this.plantillasService.consultarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data));
+
+    this.modificarHTML = data;
+
+    this.mostrarEditor = true;
+  }
+
+  async guardarHtml() {
+
+    await firstValueFrom(this.plantillasService.guardarArchivoHtml(this.rutaPrincipal, this.archivoSeleccionado.data, this.modificarHTML));
+
+    this.toastService.showSuccess('El archivo ha sido modificado correctamente');
+
+    this.ngOnInit();
+
+  }
+
+  regresarPrincipal() {
+    this.mostrarEditor = false;
+  }
+
+  public verificarControl(control) {
+    return this.controlFuncionService.getControlFuncionalidad(control);
+  }
+
+}