fam-archetype-app 0.0.1

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/pages/detail/Xxx_detail_ts.vm

@@ -0,0 +1,382 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+import { Component, ViewChild, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Create${entityName}UseCase } from '../../../../application/create-#kebabCase("${entityName}").use-case';
+import { ${entityName} } from '../../../../domain/#kebabCase("${entityName}").entity';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Update${entityName}UseCase } from '@modules/#kebabCase("${entityName}")/application/update-#kebabCase("${entityName}").use-case';
+import { Find${entityName}UseCase } from '@modules/#kebabCase("${entityName}")/application/find-#kebabCase("${entityName}").use-case';
+import { ${entityName}Resource } from '../../resources/#kebabCase("${entityName}").resource';
+import { ${entityName}Mapper } from '../../mappers/#kebabCase("${entityName}").mapper';
+import { PrimeNgTranslationPipe } from '@core/pipes/primeng-translation.pipe';
+import { Button } from 'primeng/button';
+import { UtilsService } from '@shared/service/utils.service';
+import { SelectModule } from 'primeng/select';
+import { InputTextModule } from 'primeng/inputtext';
+import { InputNumberModule } from 'primeng/inputnumber';
+import { DatePickerModule } from 'primeng/datepicker';
+import { CheckboxModule } from 'primeng/checkbox';
+import { TextareaModule } from 'primeng/textarea';
+import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { FileUpload, FileUploadModule } from 'primeng/fileupload';
+import { InputGroupModule } from 'primeng/inputgroup';
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import { TabsModule } from 'primeng/tabs';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+//to One
+#end
+#if( ${entityName} != ${link.fieldType})
+import { ${link.fieldType} } from '../../../../../#kebabCase("${link.fieldType}")/domain/#kebabCase("${link.fieldType}").entity';
+#end
+import { Search${link.fieldType}UseCase } from '@modules/#kebabCase("${link.fieldType}")/application/search-#kebabCase("${link.fieldType}").use-case';
+#end
+#if($existsDetailTabs)
+#foreach($detailTab in $listDetailTabs)
+import { ${detailTab}ListComponent } from '@modules/#kebabCase("${detailTab}")/infrastructure/inbound/pages/#kebabCase("${detailTab}")-list/#kebabCase("${detailTab}")-list.component';
+#end#end
+#if($hasFileTypeinNAS)
+import { Download${entityName}UseCase } from '@modules/#kebabCase("${entityName}")/application/download-#kebabCase("${entityName}")-file.use-case';
+#end
+
+
+
+@Component({
+  selector: 'app-#kebabCase("${entityName}")-detail',
+    imports: [
+      FormsModule, 
+      PrimeNgTranslationPipe, 
+      CommonModule, 
+      Button,
+      SelectModule,
+      InputTextModule,
+      InputNumberModule,
+      DatePickerModule,
+      CheckboxModule,
+      TextareaModule,
+      FileUploadModule,
+      InputGroupModule,
+      InputGroupAddonModule,
+      TabsModule,
+      ReactiveFormsModule,
+#if($existsDetailTabs)
+#foreach($detailTab in $listDetailTabs)
+      ${detailTab}ListComponent,
+#end#end
+    ],
+  templateUrl: './#kebabCase("${entityName}")-detail.component.html',
+  styleUrl: './#kebabCase("${entityName}")-detail.component.scss'
+})
+export class ${entityName}DetailComponent {
+  #camelCase("${entityName}"): ${entityName}Resource = new ${entityName}Resource();
+  isEmbedded: boolean = false;
+
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+  //to One
+#end
+  ${link.fieldName}Select: { label: string; value: any }[] = [];
+#end
+
+  isNew = false;
+  stackingForm = $entity.tagValueAsBoolean("stackingForm", false);
+  twoColumnForm = $entity.tagValueAsBoolean("twoColumnForm", true);
+
+  form!: FormGroup;
+
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+  selectedFile#camelCaseCapitalize("${attribute.name}"): File | null = null;
+
+  uploadedFile#camelCaseCapitalize("${attribute.name}"): File | null = null;
+  @ViewChild('#snakeLowerCase("$attribute.name")_fileUploader') #camelCase("${attribute.name}")fileUploader!: FileUpload;
+#end#end
+
+  //Funcionamiento en popup
+  private ref = inject(DynamicDialogRef, { optional: true });
+  private cfg = inject(DynamicDialogConfig, { optional: true });
+  parentControlName: string | undefined;
+
+  constructor(
+    private fb: FormBuilder,
+    private route: ActivatedRoute,
+    private router: Router,
+    private utils: UtilsService,
+    private create${entityName}: Create${entityName}UseCase,
+    private update${entityName}: Update${entityName}UseCase,
+    private find${entityName}: Find${entityName}UseCase
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+    ,
+#end
+    private search${link.fieldType}: Search${link.fieldType}UseCase #comma( $foreach.hasNext )
+
+#end
+#if($hasFileTypeinNAS)
+    , private download${entityName}: Download${entityName}UseCase
+#end
+  ) {}
+
+  async ngOnInit() {
+    // 1) Form
+    // Inicializa el formulario
+    this.form = this.fb.group({
+#foreach( $attribute in $sortedAttributes )
+      #snakeLowerCase("$attribute.name"): [ #if($attribute.tagValueAsBoolean("disbaled", false)){value:#end null#if($attribute.tagValueAsBoolean("disbaled", false)) ,disabled: true}#end #if($attribute.isNotNull()), Validators.required#end ]#if($foreach.hasNext), 
+#end
+#end
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+        ,
+#end
+      #snakeLowerCase("${link.fieldName}"): [null, Validators.required]#if($foreach.hasNext), 
+#end
+#end
+
+    });
+
+    this.twoColumnForm = this.utils.checkTwoColumnForm(this.form);
+    this.isEmbedded = !!this.ref; // si hay DynamicDialogRef, estamos embebidos
+    
+    // 2) Cargar combos
+#foreach( $link in $toOneLinks )
+#set($fieldShowFront = $link.tagValue("fieldShowFront", "id"))
+    this.${link.fieldName}Select = await this.loadDropdownForm('#snakeLowerCase("${fieldShowFront}")', this.search${link.fieldType});
+#end
+
+    // 3) Resolver id y modo desde ruta o diálogo
+    const idFromRoute = this.route.snapshot.paramMap.get('id') ?? undefined;
+    const idFromDialog = this.cfg?.data?.id as string | undefined;
+    const modeFromDialog = this.cfg?.data?.mode as ('create' | 'edit' | undefined);
+    const parentId = this.cfg?.data?.parentId as string | number | undefined;
+    this.parentControlName = this.cfg?.data?.parent as string | undefined;
+
+    //this.#camelCase("${entityName}").id = this.route.snapshot.paramMap.get('id') ?? undefined;
+    //this.#camelCase("${entityName}").id = this.cfg?.data?.id ?? this.route.snapshot.paramMap.get('id');
+    this.#camelCase("${entityName}").id = idFromDialog ?? idFromRoute;
+
+    //this.isNew = this.route.snapshot.routeConfig?.path === 'new';
+    // `isNew` si viene explícito en dialog (mode=create) o si no hay id y la ruta es /new
+    this.isNew = (modeFromDialog === 'create') ||
+               (!this.#camelCase("${entityName}").id && this.route.snapshot.routeConfig?.path === 'new');
+
+    // 4) Si es edición, carga entidad y parchea formulario
+    if (!this.isNew && this.#camelCase("${entityName}").id) {
+      // Lógica para editar: cargar datos del ${entityName} existente
+      const #camelCase("${entityName}") = await this.find${entityName}.execute(this.#camelCase("${entityName}").id);
+      if (#camelCase("${entityName}")) {
+        this.#camelCase("${entityName}") = new ${entityName}Resource(#camelCase("${entityName}"));
+
+
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+      let fileList#camelCaseCapitalize("${attribute.name}") = null; 
+        if(this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name") != null && this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name") != undefined) {
+          const file = new File(
+            [this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name")], // Pasamos el Uint8Array directamente
+            this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name")_nom,
+            { type: this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name")_content_type }
+          );
+          if(file.name != null && file.name != "") {
+            this.uploadedFile#camelCaseCapitalize("${attribute.name}") = file;
+
+            // Crear un objeto tipo FileList falso (si lo necesitas)
+            const dataTransfer = new DataTransfer();
+            dataTransfer.items.add(file);
+            fileList#camelCaseCapitalize("${attribute.name}") = dataTransfer.files;
+            console.log("FileList creado #camelCaseCapitalize("${attribute.name}") :", fileList#camelCaseCapitalize("${attribute.name}"));
+            this.form.get('#snakeLowerCase("$attribute.name")')?.setValue(fileList#camelCaseCapitalize("${attribute.name}"));
+          }
+        } 
+#end#end
+
+        this.form.patchValue({
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "LocalDate" || $attribute.type == "localdate" || $attribute.type == "Date" || $attribute.type == "date")
+          #snakeLowerCase("$attribute.name"): this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name") ? new Date(this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name")) : null #if($foreach.hasNext),
+#end
+#else
+          #snakeLowerCase("$attribute.name"): this.#camelCase("${entityName}").#snakeLowerCase("$attribute.name") #if($foreach.hasNext), 
+#end
+#end
+#end
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+          ,
+#end
+          #snakeLowerCase("${link.fieldName}"): this.#camelCase("${entityName}").#snakeLowerCase("${link.fieldName}")?.id ?? null #if($foreach.hasNext), #end
+#end
+        
+        });
+      }
+    }
+
+    // 5) Bloquear campo padre cuando está embebido
+    if (this.isEmbedded && typeof this.parentControlName === 'string' && this.parentControlName.length > 0 && parentId != null) {
+      this.parentControlName = this.utils.toSnakeCase(this.parentControlName, { stripAccents: true })
+      const ctrl = this.form.get(this.parentControlName);
+      // forzamos el valor del padre
+      ctrl?.setValue(parentId, { emitEvent: false });
+
+      // lo bloqueamos en modo embebido (si no lo has hecho ya)
+      ctrl?.disable({ emitEvent: false });
+    }
+  }
+
+  removeFile(field: string): void {
+    this.utils.removeFile(field, this.form, this);
+  }
+
+  async loadDropdownForm(field: string, searchService: any) {
+    // Load info for dropdown filter
+    return this.utils.mapJsonApiToDropdownOptions((await searchService.execute()).data, field);
+  }
+
+  onFileSelected(event: any, field: string): void {
+    console.log("File selected:", event);
+    this.utils.onFileSelected(event, field, this.form, this);
+  }
+
+  async save() {
+    if (this.form.invalid) {
+      this.form.markAllAsTouched();
+      return;
+    }
+
+    const values = this.form.getRawValue();
+
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+    if (values.fam_ent_fitxer == null || (typeof values.#snakeLowerCase("$attribute.name") === 'object' && Object.keys(values.#snakeLowerCase("$attribute.name")).length === 0)) {
+      values.#snakeLowerCase("$attribute.name") = null;
+      values.#snakeLowerCase("$attribute.name")_nom = null;
+      values.#snakeLowerCase("$attribute.name")_content_type = null;
+      values.#snakeLowerCase("$attribute.name")_pes = null;
+    }
+#end#end
+
+
+    const #camelCase("${entityName}"): ${entityName} = ${entityName}Mapper.toDomain({
+      ...this.#camelCase("${entityName}"),
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "LocalDate" || $attribute.type == "localdate" || $attribute.type == "Date" || $attribute.type == "date")
+      #snakeLowerCase("$attribute.name"): this.utils.formatDateAsIsoNoTZ(values.#snakeLowerCase("$attribute.name")) #if($foreach.hasNext), 
+#end
+#else
+      #snakeLowerCase("$attribute.name"): values.#snakeLowerCase("$attribute.name") #if($foreach.hasNext), 
+#end
+#end
+#end
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+      ,
+#end
+      #snakeLowerCase("${link.fieldName}"): {id: values.#snakeLowerCase("${link.fieldName}")} as ${link.fieldType} #if($foreach.hasNext), 
+#end
+#end
+    
+    });
+
+    if (this.isNew) {
+      // Crear nueva ${entityName}
+#if($hasFileType)
+      const created: ${entityName} = await this.create${entityName}.execute(
+        #camelCase("${entityName}"),
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+      this.selectedFile#camelCaseCapitalize("${attribute.name}")
+        ? { file: this.selectedFile#camelCaseCapitalize("${attribute.name}"), field: '#snakeLowerCase("$attribute.name")' }
+        : undefined);
+#end#end
+#else 
+      //await this.create${entityName}.execute(#camelCase("${entityName}"));
+      const created = await this.create${entityName}.execute(#camelCase("${entityName}"));
+#end
+      // Capturar el ID del FamArea creado
+      const createdId = (created as any)?.id ?? this.#camelCase("${entityName}").id;
+
+      if (this.ref) {
+        this.ref.close({ created: true, id: createdId });
+        return;
+      }
+      this.router.navigate(['../'], { relativeTo: this.route });
+      return;
+
+    } else if (this.#camelCase("${entityName}").id) {
+      // Editar ${entityName} existente
+#if($hasFileType)
+      await this.update${entityName}.execute(
+        #camelCase("${entityName}"),
+#foreach( $attribute in $sortedAttributes )
+#if( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+        this.selectedFile#camelCaseCapitalize("${attribute.name}")
+          ? { file: this.selectedFile#camelCaseCapitalize("${attribute.name}"), field: '#snakeLowerCase("$attribute.name")' }
+          : undefined
+#end#end
+      ).then(async () => {
+#else
+      await this.update${entityName}.execute(#camelCase("${entityName}")).then(async () => {
+#end
+        console.log("#camelCase("${entityName}") updated successfully"); 
+        if (this.ref) {
+          this.ref.close({ update: true, id: this.#camelCase("${entityName}").id });
+        } else {
+          this.router.navigate(['../'], { relativeTo: this.route });
+        }        
+      }).catch(error => {
+        console.error("Error updating #camelCase("${entityName}"):", error);
+        throw error;
+      });
+    }
+  }
+
+
+#if($hasFileType)
+  downloadFile(field: string): void {
+#if($hasFileTypeinNAS)
+  const idFromRoute = this.route.snapshot.paramMap.get('id') ?? 0;
+  const fileName = this.form.get(`#[[${field}]]#_nom`)?.value;
+  this.download${entityName}.execute(idFromRoute as number)
+    .then(async (blob) => {
+      // Truco estándar para descargar Blob en navegador
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = fileName; // Nombre del fichero
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }, error => {
+      console.error('Error descargando', error);
+    });
+#else
+    const camelCaseName = this.utils.toCamelCaseCapitalized(field);
+    const selectedFile: File | null = (this as any)[`selectedFile#[[${camelCaseName}]]#`];
+    const base64String = (this as any)[`#camelCase("${entityName}")`][field];
+    const fileName = this.form.get(`#[[${field}]]#_nom`)?.value;
+    const contentType = this.form.get(`#[[${field}]]#_content_type`)?.value;
+
+    this.utils.downloadFile(selectedFile, base64String, fileName, contentType);
+#end
+  }
+#end
+
+  goBack() {
+    if (this.ref) {
+      // cierra el diálogo y devuelve un resultado opcional al padre
+      this.ref.close();
+    } else {
+      this.router.navigate(['../'], { relativeTo: this.route });
+    }
+  }
+
+  isDisabled = (name: string) => this.utils.isDisabled(this.form, name);
+}

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/pages/list/Xxx_list_html.vm

@@ -0,0 +1,37 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+<h3 *ngIf="!embedded">{{ '#snakeUpperCase("${entityName}")_LIST' | primengTranslation }}</h3>
+
+<app-diba-filters
+        *ngIf="showFilters"
+        [filters]="filters"
+        (searchClick)="newSearch(#[[$event]]#)"
+        (cleanClick)="cleanFilters(#[[$event]]#)">
+</app-diba-filters>
+
+<app-diba-table
+  [data]="#camelCase("${entityName}")List"
+  [columnasMostrar]="columnasMostrar"
+  [columnasOcultar]="columnasOcultar"
+  [page]="meta.page.number"
+  [rows]="meta.page.size"
+  [rowsPerPageOptions]="rowsPerPageOptions"
+  [totalRecords]="meta.page.totalElements"
+  [selectRows]="selectRows"
+  [editButton]="allowEdit"
+  [deleteButton]="allowDelete"
+  [loading]="loading"
+  [linkColumn]="linkColumn"
+  [embedded]="embedded"
+  [detailComponent]="detailComponent"
+  [parentId]="parentId"
+  [parent]="parent"
+  (pageChange)="onPageChange(#[[$event]]#)"
+  (sortChange)="onSortChange(#[[$event]]#)"
+  (deleteEvent)="onDeleteEvent(#[[$event]]#)"
+  (updateEvent)="onPageUpdate(#[[$event]]#)">
+</app-diba-table>

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/pages/list/Xxx_list_scss.vm

@@ -0,0 +1,10 @@
+table {
+  border-collapse: collapse;
+}
+
+table, 
+table th, 
+table td {
+  border: 1px solid black;
+  padding: 8px;
+}

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/pages/list/Xxx_list_spec_ts.vm

@@ -0,0 +1,29 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ${entityName}ListComponent } from './#kebabCase("${entityName}")-list.component';
+
+describe('${entityName}ListComponent', () => {
+  let component: ${entityName}ListComponent;
+  let fixture: ComponentFixture<${entityName}ListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [${entityName}ListComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(${entityName}ListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});