@eqproject/eqp-dynamic-module 0.0.1 → 0.0.4

package/lib/components/exported/eqp-dynamic-module/eqp-dynamic-module.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { Context } from '../../../models/context.model';
 import { Form, FormTypeEnum } from '../../../models/form.model';
 import { Record } from '../../../models/record.model';
@@ -7,7 +7,11 @@ export declare class EqpDynamicModuleComponent implements OnInit {
     form: Form;
     values: Array<Record>;
     showButtons: boolean;
+    showTitle: boolean;
     viewMode: FormTypeEnum;
+    saveRecord: EventEmitter<Record>;
+    deleteRecord: EventEmitter<Record>;
+    duplicateRecord: EventEmitter<Record>;
     FormTypeEnum: typeof FormTypeEnum;
     selectedRecord: Record;
     onlyView: boolean;
@@ -18,4 +22,6 @@ export declare class EqpDynamicModuleComponent implements OnInit {
         onlyView: boolean;
     }): void;
     onSaveForm(event: Record): void;
+    onDuplicateRecord(record: Record): void;
+    onDeleteRecord(record: Record): void;
 }

package/lib/components/private/add-form-field/add-form-field.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { IAttachmentDTO } from '@eqproject/eqp-attachments';
 import { EnumHelper } from '@eqproject/eqp-select';
 import { ConfigColumn, EqpTableComponent } from '@eqproject/eqp-table';
 import { BaseField, ColSpanSizesEnum, FieldTypeEnum } from '../../../models/baseField.model';
@@ -81,6 +82,19 @@ export declare class AddFormFieldComponent implements OnInit {
      * @param restoreField Se TRUE ripristina i valori base (ereditati dal modello BaseField) del campo aggiunto/modificato
      */
     onFieldTypeChange(restoreField?: boolean): void;
+    /**
+     * Metodo invocato al cambio del valore della proprietà ImageIsContextualAttachment nel caso
+     * di campi di tipo Immagine. Se TRUE allora rimuove i FormControl per le proprietà IsMultiAttach
+     * e AllowedExtensions e aggiunge i FormControl per le proprietà ImgName e ContextualAttachment,
+     * altrimenti il contrario.
+     */
+    onImageIsContextualAttachmentChange(): void;
+    /**
+     * Metodo per intercettare l'aggiunta di un allegato nei campi di tipo Immagine per aggiornare
+     * il valore della proprietà ContextualAttachment e la validazione del relativo FormControl.
+     * @param event Array contenente l'elenco aggiornato degli allegati caricati (nel nostro caso ne contiene al più 1).
+     */
+    catchContextualAttachmentChange(event: Array<IAttachmentDTO>): void;
     /**
      * Metodo invocato alla selezione di una classe nella select per le colonne di bootstrap
      * da usare nella visualizzazione del campo. Questa funzione manipola la sorgente dati per

package/lib/components/private/field-templates/attachment-field-template/attachment-field-template.component.d.ts

@@ -13,26 +13,10 @@ export declare class AttachmentFieldTemplateComponent implements OnInit, OnChang
     field: AttachmentField;
     record: Record;
     recordChange: EventEmitter<Record>;
+    onAttachmentsChange: EventEmitter<void>;
     eqpAttachments: EqpAttachmentsComponent;
     metadataColumnTemplate: TemplateRef<any>;
     metadataFormGroups: Array<FormGroup>;
-    previewLabel: string;
-    emptyTableMessage: string;
-    downloadTooltipPosition: string;
-    openLinkLabel: string;
-    addButtonLabel: string;
-    downloadLabel: string;
-    deleteLabel: string;
-    fileNameLabel: string;
-    uploadFileLabel: string;
-    confirmLabel: string;
-    abortLabel: string;
-    saveLabel: string;
-    exitLabel: string;
-    eqpTableSearchText: string;
-    deleteDialogTitle: string;
-    deleteDialogMessage: string;
-    noImageSelectedErrorMessage: string;
     constructor(utilityService: UtilityHelperService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/components/private/field-templates/image-field-template/image-field-template.component.d.ts

@@ -1,16 +1,65 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { ImageField } from '../../../../models/fields/imageField.model';
 import { Record } from '../../../../models/record.model';
 import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
+import { UtilityHelperService } from '../../../../services/utilityHelper.services';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { FormGroup } from '@angular/forms';
+import { I18nInterface } from '@eqproject/eqp-img-drawing';
 export declare class ImageFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent {
+    private dialog;
+    utilityService: UtilityHelperService;
     record: Record;
     field: ImageField;
     recordChange: EventEmitter<Record>;
-    constructor();
+    preLoadedImageMetadataFormGroup: FormGroup;
+    width: any;
+    height: any;
+    i18n: I18nInterface;
+    dialogImageDrowingRef: MatDialogRef<TemplateRef<any>>;
+    dialogImageDrowing: TemplateRef<any>;
+    constructor(dialog: MatDialog, utilityService: UtilityHelperService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    updateMetadataValidity(): void;
     /**
      * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
      */
     updateField(): void;
+    resetPreLoadedImage(): void;
+    /**
+     * Metodo invocato quando vengono aggiunti o eliminati gli allegati nel componente AttachmentFieldTemplate.
+     * Se l'ImageField è abilitato al disegno (EnableDrawing == true), non permette allegati multipli (IsMulitAttach == false)
+     * e nel Record corrente è presente l'immagine caricata dall'utente allora recupera le dimensioni dell'immagine e
+     * apre il dialog con il componente image-drawing per permettere il disegno sull'immagine appena caricata.
+     */
+    onAttachmentsChange(): void;
+    /**
+     * Metodo invocato al salvataggio dell'immagine dal componente image-drawing.
+     * Trasforma il Blob ricevuto in un base64, aggiorna il FileContetType e il FileDataBase64
+     * dell'allegato caricato e chiude il dialog in cui disegnare.
+     * @param drawnPicture Blob dell'immagine disegnata.
+     */
+    saveDrowning(drawnPicture: Blob): Promise<void>;
+    /**
+     * Metodo per chiudere il dialog in cui disegnare sull'immagine cariata e svuotare le dimensioni.
+     */
+    closeImageDrowingDialog(): void;
+    /**
+     * Metodo per recuperare le dimensioni dell'immagine caricata per mostrare correttamente
+     * il componente image-drawing. Se non viene eseguito questo passaggio l'area in cui disegnare
+     * è più grande dell'immagine stessa e al salvataggio i tratti disegnati vengono spostati.
+     */
+    private getImageDimensions;
+    /**
+     * Metodo per convertire il base64 di un'immagine in un Blob.
+     * Necessario per il recupero delle dimensioni dell'immagine caricata a partire dal suo base64.
+     * Viene eseguito solo nel caso in cui l'ImageField non ammette allegati multipli.
+     * @returns Restituisce il Blob dell'immagine caricata.
+     */
+    private getBlobFromBase64;
+    /**
+     * Metodo per emettere l'evento che il valore del record è cambiato.
+     */
+    private onRecordValueChange;
 }

package/lib/components/private/form-records/add-form-record/add-form-record.component.d.ts

@@ -1,12 +1,14 @@
 import { ChangeDetectorRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { DynamicModuleFieldComponent, UtilityHelperService } from 'projects/eqp-dynamic-module/src/public-api';
 import { BaseField, FieldTypeEnum } from '../../../../models/baseField.model';
 import { Form, FormScalarTypeEnum } from '../../../../models/form.model';
 import { Record } from '../../../../models/record.model';
+import { UtilityHelperService } from '../../../../services/utilityHelper.services';
+import { DynamicModuleFieldComponent } from '../../dynamic-module-field/dynamic-module-field.component';
 export declare class AddFormRecordComponent implements OnInit {
     private cdr;
     utilityService: UtilityHelperService;
+    showTitle: boolean;
     showButtons: boolean;
     form: Form;
     record: Record;

package/lib/components/private/form-records/list-form-record/list-form-record.component.d.ts

@@ -1,7 +1,9 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ConfigColumn, EqpTableComponent } from '@eqproject/eqp-table';
-import { Form, Record } from 'projects/eqp-dynamic-module/src/public-api';
-export declare class ListFormRecordComponent implements OnInit {
+import { Form } from '../../../../models/form.model';
+import { Record } from '../../../../models/record.model';
+export declare class ListFormRecordComponent implements OnInit, OnChanges {
+    showTitle: boolean;
     form: Form;
     values: Array<Record>;
     tableRecords: EqpTableComponent;
@@ -10,8 +12,11 @@ export declare class ListFormRecordComponent implements OnInit {
         record: Record;
         onlyView: boolean;
     }>;
+    onDeleteRecord: EventEmitter<Record>;
+    onDuplicateRecord: EventEmitter<Record>;
     constructor();
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Metodo per configurare le colonne della eqp-table.
      */

package/lib/models/fields/imageField.model.d.ts

@@ -1,10 +1,16 @@
+import { IAttachmentDTO } from "@eqproject/eqp-attachments";
 import { BaseField } from "../baseField.model";
 import { AttachmentField } from "./attachmentField.model";
 export declare class ImageField extends BaseField {
-    ImgName: string;
-    /**Se true il medico può indicare più punti nell'immagine */
-    IsMultiPoint: boolean;
-    /**se true l'immagine non è fissa, ma viene caricata come un allegato; */
+    /**Se true il medico può disegnare sull'immagine */
+    EnableDrawing: boolean;
+    /**Se true l'immagine non è fissa, ma viene caricata come un allegato; */
     ImageIsContextualAttachment: boolean;
+    /**Contiene l'allegato caricato nel campo (se ImageIsContextualAttachment == true) */
+    ContextualAttachment: IAttachmentDTO;
+    /**Proprietà per recuperare l'allegato caricato come array per eqp-attachments (se ImageIsContextualAttachment == true) */
+    get _contextualAttachments(): IAttachmentDTO[];
+    /**Nome dell'immagine caricata (se ImageIsContextualAttachment == true) */
+    ImgName: string;
     AttachDefinition: AttachmentField;
 }

package/package.json

@@ -4,7 +4,7 @@
   "author": {
     "name": "EqProject"
   },
-  "version": "0.0.1",
+  "version": "0.0.4",
   "peerDependencies": {
     "@angular/common": "^9.0.7",
     "@angular/core": "^9.0.7",
@@ -18,10 +18,12 @@
     "@eqproject/eqp-attachments": "^0.1.12",
     "@eqproject/eqp-datetimepicker": "^0.0.18",
     "@eqproject/eqp-filters": "^0.1.6",
+    "@eqproject/eqp-img-drawing": "0.0.2",
     "@eqproject/eqp-numeric": "^0.0.1",
     "@eqproject/eqp-select": "^0.4.7",
     "@eqproject/eqp-table": "^0.8.5",
     "browser-image-compression": "^1.0.15",
+    "fabric": "^3.6.2",
     "ngx-image-cropper": "^3.3.5",
     "ngx-mat-select-search": "^3.3.0",
     "tslib": "^1.10.0"