fam-archetype-app 0.0.1

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/mappers/Xxx_jsona_mapper_ts.vm

@@ -0,0 +1,52 @@
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+import { ModelPropertiesMapper } from 'jsona';
+
+export class ${entityName}JsonaMapper extends ModelPropertiesMapper {
+  override getRelationships(model: any): any {
+    const relationships: any = {};
+
+#foreach( $link in $toOneLinks )
+#set($fieldShowFront = $link.tagValue("fieldShowFront", ""))
+    if (model.#snakeLowerCase("${link.fieldName}")?.id) {
+      relationships['#snakeLowerCase("${link.fieldName}")'] = {
+#set($type = $link.tagValue("type", ""))
+#if($type != "")
+        type: '$type',
+#end
+        id: model.#snakeLowerCase("${link.fieldName}")?.id
+#if($fieldShowFront != ""),
+        #snakeLowerCase("${fieldShowFront}"):model.#snakeLowerCase("${link.fieldName}")?.#snakeLowerCase("${fieldShowFront}")
+#end
+      };
+    }
+#end
+
+#foreach( $link in $toManyLinks )
+    if (Array.isArray(model.#snakeLowerCase("${link.fieldName}"))) {
+      relationships['#snakeLowerCase("${link.fieldName}")'] = model.#snakeLowerCase("${link.fieldName}").map((item: any) => ({
+        type: '#snakeLowerCase("${link.fieldName}")',
+        id: item.id
+      }));
+    }
+#end
+    return relationships;
+  }
+
+  override getAttributes(model: any): any {
+    // Excluir relaciones del bloque de attributes
+    const { id, 
+            type,
+#foreach( $link in $toOneLinks ) 
+            #snakeLowerCase("${link.fieldName}"),
+#end
+#foreach( $link in $toManyLinks )
+            #snakeLowerCase("${link.fieldName}"),
+#end
+            ...attributes } = model;
+    return attributes;
+  }
+}

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/mappers/Xxx_mapper_ts.vm

@@ -0,0 +1,36 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+import { ${entityName} } from '../../../domain/#kebabCase("${entityName}").entity';
+import { ${entityName}Resource } from '../resources/#kebabCase("${entityName}").resource';
+
+export class ${entityName}Mapper {
+  static toResource(#camelCase("${entityName}"): ${entityName}): ${entityName}Resource {
+    return new ${entityName}Resource({ ...#camelCase("${entityName}") });
+  }
+
+  static toDomain(resource: ${entityName}Resource): ${entityName} {
+    return { id: resource.id, 
+#foreach( $attribute in $entity.nonKeyAttributes )
+        #snakeLowerCase("$attribute.name"): resource.#snakeLowerCase("$attribute.name")#comma( $foreach.hasNext )
+
+#end
+#foreach( $link in $toOneLinks )
+#if( $velocityCount == 1 )
+        ,
+#end
+        #snakeLowerCase("${link.fieldName}"): resource.#snakeLowerCase("${link.fieldName}") #comma( $foreach.hasNext )
+#end
+#foreach( $link in $toManyLinks )
+#if( $velocityCount == 1 )
+        ,
+#end
+        #snakeLowerCase("${link.fieldName}"): resource.#snakeLowerCase("${link.fieldName}") #comma( $foreach.hasNext )
+#end
+    
+    };
+  }
+}

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

@@ -0,0 +1,15 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+import { Routes } from '@angular/router';
+import { ${entityName}ListComponent } from './#kebabCase("${entityName}")-list/#kebabCase("${entityName}")-list.component';
+import { ${entityName}DetailComponent } from './#kebabCase("${entityName}")-detail/#kebabCase("${entityName}")-detail.component';
+
+export default [
+    { path: '', data: { breadcrumb: '${entityName}' }, component: ${entityName}ListComponent },
+    { path: 'new', data: { breadcrumb: 'Nova ${entityName}' }, component: ${entityName}DetailComponent },
+    { path: ':id', data: { breadcrumb: '${entityName} Detall' }, component: ${entityName}DetailComponent }
+] as Routes;

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

@@ -0,0 +1,178 @@
+#parse("include/macros.vm")
+## --------------------------------------------------
+#checkId($entity)
+#parse("include/init_var_entity.vm")
+#parse("include/macros.vm")
+##---------------------------------------------------
+<h3>{{ '${entityName}_EDIT' | primengTranslation }}</h3>
+<form [formGroup]="form" (ngSubmit)="save()" class="w-full">
+    <div [ngClass]="{ 
+        'diba-form': !stackingForm, 
+        'diba-form-stacking': stackingForm,
+        'diba-form-two-column-flow': twoColumnForm 
+    }">
+#foreach( $attribute in $sortedAttributes )
+        <!-- #snakeLowerCase("$attribute.name") - $attribute.type -->
+        <div class="diba-form-field" *ngIf="!isDisabled('#snakeLowerCase("$attribute.name")')">
+            <label for="#snakeLowerCase("$attribute.name")">{{ '#snakeLowerCase("$attribute.name")' | primengTranslation }}</label>
+#if( $attribute.type == "String"  || $attribute.type == "string" )
+#if( $attribute.tagValue("isTextArea", "") == "true")
+            <textarea
+                id="#snakeLowerCase("$attribute.name")" 
+                rows="5" 
+                cols="30" 
+                pTextarea 
+                formControlName="#snakeLowerCase("$attribute.name")" 
+            ></textarea>
+#else
+            <input 
+                pInputText 
+                id="#snakeLowerCase("$attribute.name")" 
+                formControlName="#snakeLowerCase("$attribute.name")" 
+                class="w-full" 
+            />
+#end
+#elseif( $attribute.type == "long" || $attribute.type == "Long" || $attribute.type == "int" || $attribute.type == "integer" || $attribute.type == "Integer")
+            <p-inputgroup>
+                <p-inputnumber 
+                    id="#snakeLowerCase("$attribute.name")" 
+                    formControlName="#snakeLowerCase("$attribute.name")"
+#set($pipe = $attribute.tagValue("pipe"))
+#if($pipe == 'money') 
+                    mode="decimal"
+                    locale="es-ES"
+                    [minFractionDigits]="2"
+#end
+                />
+#if($pipe == 'money') 
+                <p-inputgroup-addon>€</p-inputgroup-addon>
+#end
+            </p-inputgroup>
+#elseif( $attribute.type == "LocalDate" || $attribute.type == "localdate" || $attribute.type == "Date" || $attribute.type == "date")
+            <p-datepicker 
+                id="#snakeLowerCase("$attribute.name")" 
+                formControlName="#snakeLowerCase("$attribute.name")"
+                [showIcon]="true"
+                dateFormat="dd/mm/yy"
+            />
+#elseif( $attribute.type == "Boolean" || $attribute.type == "boolean")
+            <p-checkbox 
+                id="#snakeLowerCase("$attribute.name")"
+                formControlName="#snakeLowerCase("$attribute.name")" 
+                [binary]="true"  />
+#elseif( $attribute.type == "binary[]" || $attribute.type == "byte[]")
+            <p-fileUpload ##snakeLowerCase("$attribute.name")_fileUploader
+                name="#snakeLowerCase("$attribute.name")"
+                customUpload="true"
+                [auto]="false"
+                (onSelect)="onFileSelected(#[[$event]]#, '#snakeLowerCase("$attribute.name")')"
+                [showUploadButton]="false"
+                [showCancelButton]="false"
+                [maxFileSize]="5000000"
+                accept=".pdf,.jpg,.png"
+                chooseLabel="Tria un fitxer"
+                [mode]="'advanced'"
+            >
+            <ng-template pTemplate="content">
+                <ul *ngIf="form.get('#snakeLowerCase("$attribute.name")_nom')?.value" 
+                    class="list-none p-0 m-0">
+                    <li class="inline-flex justify-between w-full items-center">
+                        <div class="inline-flex w-[80%]">
+                            <i class="pi pi-file"></i>
+                            <p class="ml-2">{{ form.get('#snakeLowerCase("$attribute.name")_nom')?.value }} - 
+                            {{ form.get('#snakeLowerCase("$attribute.name")_content_type')?.value }} 
+                            ({{ form.get('#snakeLowerCase("$attribute.name")_pes')?.value }} bytes)</p>
+                        </div>
+                        <div>
+                            <button
+                                type="button"
+                                *ngIf="uploadedFile#camelCaseCapitalize("${attribute.name}")"
+                                (click)="downloadFile('#snakeLowerCase("$attribute.name")')"
+                                class="ml-2 mr-2"
+                                >
+                                <i class="fa-solid fa-download text-primary-600 text-base"></i>
+                            </button>
+                            <button 
+                                type="button" 
+                                (click)="removeFile('#snakeLowerCase("$attribute.name")')"
+                                >
+                                <i class="fa-solid fa-trash text-primary-600"></i>
+                            </button>
+                        </div>
+                    </li>
+                </ul>
+            </ng-template>
+            <ng-template #file></ng-template>
+            <ng-template #empty>
+                <div 
+                    *ngIf="!form.get('#snakeLowerCase("$attribute.name")_nom')?.value"
+                    class="flex items-center">
+                    <i class="fa-solid fa-upload ml-1 mr-2 text-primary-600 text-lg"></i>
+                    <p class="mb-0 text-primary-600 ">{{ 'Arrossega un fitxer' | primengTranslation }}</p>
+                </div>
+            </ng-template>
+            </p-fileUpload>
+#end
+            <div *ngIf="form.get('#snakeLowerCase("$attribute.name")')?.invalid && form.get('#snakeLowerCase("$attribute.name")')?.touched" class="text-red-500 text-sm">
+                {{ 'Aquest camp és obligatori' | primengTranslation }}
+            </div>
+        </div>
+#end
+#foreach( $link in $toOneLinks )
+#set($fieldShowFront = $link.tagValue("fieldShowFront", ""))
+#if($fieldShowFront != "")
+        <!-- #snakeLowerCase("${link.fieldName}") -->
+        <div class="diba-form-field" [ngClass]="{ '!hidden': isEmbedded && parentControlName === '#snakeLowerCase("${link.fieldName}")' }">
+            <label for="#snakeLowerCase("${link.fieldName}")">{{ '#snakeLowerCase("${link.fieldName}").#snakeLowerCase("${fieldShowFront}")' | primengTranslation }}</label>
+            <p-select 
+                id="#snakeLowerCase("${link.fieldName}")"
+                [options]="${link.fieldName}Select" 
+                formControlName="#snakeLowerCase("${link.fieldName}")"
+                class="w-full" />
+            <div *ngIf="form.get('#snakeLowerCase("${link.fieldName}")')?.invalid && form.get('#snakeLowerCase("${link.fieldName}")')?.touched" class="text-red-500 text-sm">
+                {{ 'Aquest camp és obligatori' | primengTranslation }}
+            </div>
+        </div>
+#end
+#end    
+    </div>
+    <div class="buttons flex mt-8">
+        <p-button
+        type="submit"
+        class="btn-primary-diba mr-2"
+        label="{{ isNew ? ('Desa' | primengTranslation) : ('Desa' | primengTranslation) }}"
+        severity="success"
+        ><i class="fa-solid fa-pencil"></i></p-button>
+
+        <p-button
+        class="btn-secondary-diba"
+        label="{{ 'Cancel·la' | primengTranslation }}"
+        severity="success"
+        (click)="goBack()"
+        ><i class="fa-solid fa-xmark-large"></i></p-button>
+    </div>
+</form>
+#if($existsDetailTabs)
+<hr class="my-6" *ngIf="!isNew">
+<p-tabs value="0">
+    <p-tablist>
+#foreach($tab in $listDetailTabs)
+    <p-tab value="0" *ngIf="!isNew && #camelCase("${entityName}")?.id">{{ '${tab}_EMBEDDED' | primengTranslation }}</p-tab>
+#end
+    </p-tablist>
+    <p-tabpanels>
+#foreach($tab in $listDetailTabs)
+        <p-tabpanel value="0" *ngIf="!isNew && #camelCase("${entityName}")?.id">
+            <app-#kebabCase("${tab}")-list
+                *ngIf="!isNew && #camelCase("${entityName}")?.id"
+                [embedded]="true"
+                [parentId]="#camelCase("${entityName}").id"
+                [showFilters]="false"           
+                [pageSizeEmbedded]="5"
+                [parent]="'${entityName}'">         
+            </app-#kebabCase("${tab}")-list>
+        </p-tabpanel>
+#end
+    </p-tabpanels>
+</p-tabs>
+#end

package/src/fam-archetype-app/files/tools/cli/TelosysTools/templates/fam-app-templates/main-angular/modules/infrastructure/inbound/pages/detail/Xxx_detail_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}DetailComponent } from './#kebabCase("${entityName}")-detail.component';
+
+describe('${entityName}DetailComponent', () => {
+  let component: ${entityName}DetailComponent;
+  let fixture: ComponentFixture<${entityName}DetailComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [${entityName}DetailComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(${entityName}DetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});