@eqproject/eqp-dynamic-module 0.0.6 → 0.0.7

package/{lib/models/endPointConfiguration.model.d.ts → src/lib/models/endPointConfiguration.model.ts}

@@ -1,4 +1,4 @@
-export declare class EndPointConfiguration {
+export class EndPointConfiguration {
     Records: {
         GetByFormIDEndPoint?: EndPointData;
         GetByIDEndPoint?: EndPointData;
@@ -9,27 +9,31 @@ export declare class EndPointConfiguration {
     Forms: {
         GetByIDEndPoint: EndPointData;
         SaveEndPoint: EndPointData;
-    };
+    }
 }
-export declare class EndPointData {
+
+export class EndPointData {
     Url: string;
     Token?: string;
     RequestMethod: RequestMethodEnum;
     Params?: EndPointDataParams[];
 }
-export declare class EndPointDataParams {
+
+export class EndPointDataParams {
     ParamName: string;
-    ParamValue: any;
+    ParamValue: any = null;
     ParamType: ParamTypeEnum;
 }
-export declare enum ParamTypeEnum {
+
+export enum ParamTypeEnum {
     "Query param" = 1,
     "In route" = 2,
     "In Body" = 3
 }
-export declare enum RequestMethodEnum {
-    GET = "GET",
-    POST = "POST",
-    PUT = "PUT",
-    DELETE = "DELETE"
-}
+
+export enum RequestMethodEnum {
+    GET = 'GET',
+    POST = 'POST',
+    PUT = 'PUT',
+    DELETE = 'DELETE'
+}

package/{lib/models/entity.model.d.ts → src/lib/models/entity.model.ts}

@@ -1,10 +1,11 @@
 import { IRootObject } from "../interfaces/iRootObject.interface";
 import { BaseField } from "./baseField.model";
 import { BaseObj } from "./baseObj.model";
+
 /**
  * Rappresenta l'entità su cui vengono eseguite le operazioni di salvataggio.
  */
-export declare class Entity extends BaseObj implements IRootObject {
+export class Entity extends BaseObj implements IRootObject {
     Name: string;
     Fields: Array<BaseField>;
 }

package/src/lib/models/fields/attachmentField.model.ts

@@ -0,0 +1,32 @@
+import { BaseField } from "../baseField.model";
+
+export class AttachmentField extends BaseField {
+    /**Elenco delle estensioni consentite. Se vuoto usa il default (pdf) */
+    AllowedExtensions: Array<string>;
+
+    /**Se true permette l'inserimento di più allegati. In questo caso i metadati vengono rappresentati come una detail */
+    IsMultiAttach: boolean;
+
+    /**Elenco campi che possono rappresentare i metadati dell'allegato, ad esempio nome, ecc... */
+    MetadataFields: Array<BaseField>;
+}
+
+export const AvailableFileExtensions: Array<{ key: string, value: string }> = [
+    { value: '.pdf', key: 'application/pdf' },
+    { value: '.doc', key: 'application/msword' },
+    { value: '.xls', key: 'application/vnd.ms-excel' },
+    { value: '.ppt', key: 'application/vnd.ms-powerpoint' },
+    { value: '.docx', key: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' },
+    { value: '.xlsx', key: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' },
+    { value: '.pptx', key: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' },
+    { value: '.csv', key: 'text/csv' },
+    { value: '.txt', key: 'text/plain' },
+];
+
+export const AvailableImageExtensions: Array<{ key: string, value: string }> = [
+    { value: '.jpg/.jpeg', key: 'image/jpeg' },
+    { value: '.png', key: 'image/png' },
+    { value: '.bmp', key: 'image/bmp' },
+    { value: '.svg', key: 'image/svg+xml' },
+    { value: '.ico', key: 'image/x-icon' },
+];

package/{lib/models/fields/booleanField.model.d.ts → src/lib/models/fields/booleanField.model.ts}

@@ -1,11 +1,15 @@
 import { BaseField } from "../baseField.model";
-export declare class BooleanField extends BaseField {
+
+export class BooleanField extends BaseField {
     /**Se true il boolean accetta anche il valore N/A (non assegnato) */
     IsTristate: boolean;
     PresetationType: BoolPresentantioEnum;
 }
-export declare enum BoolPresentantioEnum {
+
+export enum BoolPresentantioEnum {
     "Checkbox" = 1,
     "Toggle" = 2,
-    "Radio button" = 3
-}
+    "Radio button" = 3,
+    // "Stringa true o false" = 3,
+    // "Numerico 0 o 1" = 4
+}

package/{lib/models/fields/dateField.model.d.ts → src/lib/models/fields/dateField.model.ts}

@@ -1,13 +1,15 @@
 import { BaseField } from "../baseField.model";
+
 /**Rappresenta la configurazione di un campo Data o Data e ora, o solo ora */
-export declare class DateField extends BaseField {
+export class DateField extends BaseField {
     IsOnlyDate: DateTimeTypeEnum;
     MinDate: Date;
     MaxDate: Date;
     DateFormat: string;
 }
-export declare enum DateTimeTypeEnum {
+
+export enum DateTimeTypeEnum {
     "Solo data" = 1,
     "Solo orario" = 2,
     "Data e ora" = 3
-}
+}

package/{lib/models/fields/imageField.model.d.ts → src/lib/models/fields/imageField.model.ts}

@@ -1,16 +1,21 @@
 import { IAttachmentDTO } from "@eqproject/eqp-attachments";
 import { BaseField } from "../baseField.model";
 import { AttachmentField } from "./attachmentField.model";
-export declare class ImageField extends BaseField {
+
+export class ImageField extends BaseField {
     /**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[];
+    get _contextualAttachments() {
+        return this.ContextualAttachment ? [this.ContextualAttachment] : [];
+    }
     /**Nome dell'immagine caricata (se ImageIsContextualAttachment == true) */
     ImgName: string;
+
     AttachDefinition: AttachmentField;
-}
+}

package/{lib/models/fields/listValueField.model.d.ts → src/lib/models/fields/listValueField.model.ts}

@@ -1,24 +1,28 @@
 import { AttachmentType, IAttachmentDTO } from "@eqproject/eqp-attachments";
 import { BaseField } from "../baseField.model";
+
 /**Lista di valori */
-export declare class ListValueField extends BaseField {
+export class ListValueField extends BaseField {
     /**
-     * Lista di valori ordinata. La parte "Value", viene utilizzata in modi diversi a seconda del tipo di presentazione, e/o
+     * Lista di valori ordinata. La parte "Value", viene utilizzata in modi diversi a seconda del tipo di presentazione, e/o 
      * come valore relazionato nelle formule
      */
-    ValuePairs: {
-        [key: string]: any;
-    };
+    ValuePairs: { [key: string]: any };
+
     /**Se true è l'utente può scegliere più di un valore */
     IsMultiChoiche: boolean;
+
     /**Modalità di presentazione */
     PresentationMode: ListPresentationEnum;
+
     /**Elenco delle immagini per la visualizzazione a immagini (ListPresentationEnum.Immagini) */
     ButtonImageList: Array<ButtonImage>;
 }
-export declare class ButtonImage implements IAttachmentDTO {
+
+export class ButtonImage implements IAttachmentDTO {
     ButtonKey: string;
     ButtonValue: string;
+
     ID: string | number;
     FileName?: string;
     FileContentType?: string;
@@ -30,9 +34,10 @@ export declare class ButtonImage implements IAttachmentDTO {
     FileThumbnailBase64?: string;
     TrustedUrl?: any;
 }
-export declare enum ListPresentationEnum {
+
+export enum ListPresentationEnum {
     "Combo box" = 1,
     "Radio button" = 2,
     "Pulsante con testo" = 3,
     "Immagini" = 4
-}
+}

package/{lib/models/fields/lookupField.model.d.ts → src/lib/models/fields/lookupField.model.ts}

@@ -1,10 +1,13 @@
 import { BaseField } from "../baseField.model";
+
 /**Questo tipo di campo rappresenta una lookup ad altri valori */
-export declare class LookupField extends BaseField {
+export class LookupField extends BaseField {
     /**Entità relazionata (il padre) */
     EntitySourceName: string;
+
     /**Elenco di campi ordinato che verrà visualizzato nella lookup */
     FieldNames: string[];
+
     /**Se true la lookup viene visualizzata in una modale per lo scegli scarta  */
     UseAsGetOrDiscard: boolean;
-}
+}

package/{lib/models/fields/numericField.model.d.ts → src/lib/models/fields/numericField.model.ts}

@@ -1,6 +1,7 @@
 import { BaseField } from "../baseField.model";
+
 /**Classe contiene la configurazione dei campi numerici */
-export declare class NumericField extends BaseField {
+export class NumericField extends BaseField {
     IsInteger: boolean;
     MinValue: number;
     MaxValue: number;
@@ -8,4 +9,4 @@ export declare class NumericField extends BaseField {
     DecimalPrecision: number;
     ThousandsSeparator: string;
     CurrencySymbol: string;
-}
+}

package/{lib/models/fields/testareaField.model.d.ts → src/lib/models/fields/testareaField.model.ts}

@@ -1,7 +1,8 @@
 import { BaseField } from "../baseField.model";
-export declare class TextareaField extends BaseField {
+
+export class TextareaField extends BaseField {
     /**Numero di righe in altezza con cui viene rappresentata la text area */
     Rows: number;
     MaxLenght: number;
     MinLenght: number;
-}
+}

package/src/lib/models/fields/textField.model.ts

@@ -0,0 +1,18 @@
+import { BaseField } from "../baseField.model";
+
+/**Campo di testo */
+export class TextField extends BaseField {
+    TextMask: TextMaskEnum;
+    MaxLenght: number;
+    MinLenght: number;
+}
+
+export enum TextMaskEnum {
+    'Password' = 1,
+    'Email' = 2,
+    'Telefono' = 3,
+    'Url' = 4
+}
+
+export const UrlRegex = '(https?://)?([\\da-z.-]+)\\.([a-z.]{2,6})[/\\w .-]*/?';
+export const TelRegex = '([+]?[0-9]{10,14})';

package/{lib/models/form.model.d.ts → src/lib/models/form.model.ts}

@@ -1,46 +1,59 @@
 import { BaseObj } from "./baseObj.model";
 import { IRootObject } from "../interfaces/iRootObject.interface";
 import { BaseField } from "./baseField.model";
+
 /**
  * Classe che rappresenta una Form completa.
  * Si tratta dell'oggetto che viene rappresentato a video e con cui l'utente interagisce.
  */
-export declare class Form extends BaseObj implements IRootObject {
+export class Form extends BaseObj implements IRootObject {
     Name: string;
     OrgaID: string;
+    // FormType: FormTypeEnum;
     FormScalarType: FormScalarTypeEnum;
     FormFieldsGroups: Array<FormFieldGroup>;
+
     /**
      * Elenco dei campi rappresentati nella form
      * possono appartenere ad una sola entità
      */
     Fields: Array<BaseField>;
+
     ActionsOnRecord: Array<ActionOnRecord>;
+
     /**
      * Elenco delle form contenute nella form base, ad esempio possono essere le varie form di
      * dettaglio
      */
     InnerForms: Array<Form>;
+
     RootEntityID: string;
+
+    // Proprietà client
     OldName?: string;
 }
-export declare class FormFieldGroup {
+
+export class FormFieldGroup {
     Name: string;
     OrdinalPosition?: number;
 }
-export declare class ActionOnRecord {
+
+export class ActionOnRecord {
     Name: string;
     Icon: string;
-    Action: string;
+    Action: string; //Codice js
     OrdinalPosition: number;
 }
-export declare enum FormTypeEnum {
-    SCALAR = 1,
-    LIST = 2
+
+export enum FormTypeEnum {
+    SCALAR = 1,     /* form di tipo scalare */
+    LIST = 2        /* form di tipo lista che viene rappresentata con molti record */
 }
-export declare enum FormScalarTypeEnum {
-    "Semplice" = 1,
-    "A step" = 2,
-    "In tab" = 3,
-    "In accordion" = 4
+
+export enum FormScalarTypeEnum {
+    "Semplice" = 1, //FLAT
+    "A step" = 2, //STEPPER
+    "In tab" = 3, //GROUPED_BY_TAB
+    "In accordion" = 4 //GROUPED_BY_ACCORDION
 }
+

package/{lib/models/record.model.d.ts → src/lib/models/record.model.ts}

@@ -1,13 +1,12 @@
-export declare class Record {
+export class Record {
     ID: string;
     EntID: string;
     [key: string]: any;
 }
-export declare class DynRecord {
+
+export class DynRecord {
     ID: string;
     EntID: string;
-    Values: {
-        [key: string]: any;
-    };
+    Values: { [key: string]: any; } = {};
     SerializedValues: string;
 }

package/src/lib/modules/material.module.ts

@@ -0,0 +1,104 @@
+import { NgModule } from '@angular/core';
+
+//Angular Material Components
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatButtonModule } from '@angular/material/button';
+import { MatInputModule } from '@angular/material/input';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatListModule } from '@angular/material/list';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatCardModule } from '@angular/material/card';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatIconModule } from '@angular/material/icon';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatTableModule } from '@angular/material/table';
+import { MatSortModule } from '@angular/material/sort';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatNativeDateModule } from '@angular/material/core';
+
+
+@NgModule({
+  imports: [
+    MatCheckboxModule,
+    MatButtonModule,
+    MatInputModule,
+    MatAutocompleteModule,
+    MatDatepickerModule,
+    MatFormFieldModule,
+    MatRadioModule,
+    MatSelectModule,
+    MatSliderModule,
+    MatSlideToggleModule,
+    MatMenuModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatListModule,
+    MatGridListModule,
+    MatCardModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatExpansionModule,
+    MatButtonToggleModule,
+    MatChipsModule,
+    MatIconModule,
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
+    MatDialogModule,
+    MatTooltipModule,
+    MatSnackBarModule,
+    MatTableModule,
+    MatSortModule,
+    MatPaginatorModule,
+    MatDatepickerModule,
+    MatNativeDateModule
+  ],
+  exports: [
+    MatCheckboxModule,
+    MatButtonModule,
+    MatInputModule,
+    MatAutocompleteModule,
+    MatDatepickerModule,
+    MatFormFieldModule,
+    MatRadioModule,
+    MatSelectModule,
+    MatSliderModule,
+    MatSlideToggleModule,
+    MatMenuModule,
+    MatSidenavModule,
+    MatToolbarModule,
+    MatListModule,
+    MatGridListModule,
+    MatCardModule,
+    MatStepperModule,
+    MatTabsModule,
+    MatExpansionModule,
+    MatButtonToggleModule,
+    MatChipsModule,
+    MatIconModule,
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
+    MatDialogModule,
+    MatTooltipModule,
+    MatSnackBarModule,
+    MatTableModule,
+    MatSortModule,
+    MatPaginatorModule],
+})
+export class MaterialModule { }

package/src/lib/services/custom-form-validators.service.ts

@@ -0,0 +1,21 @@
+import { AbstractControl, ValidationErrors } from "@angular/forms";
+
+export class ArrayValidators {
+  public static minLenght(minLenght: number): (AbstractControl) => ValidationErrors | null {
+    var validationFunction = (control: AbstractControl): ValidationErrors | null => {
+      return !!control && !!control.value && Array.isArray(control.value) && control.value.length >= minLenght
+        ? null
+        : { hasMinLenght: false };
+    };
+    return validationFunction;
+  }
+
+  public static maxLenght(maxLenght: number): (AbstractControl) => ValidationErrors | null {
+    var validationFunction = (control: AbstractControl): ValidationErrors | null => {
+      return !!control && !!control.value && Array.isArray(control.value) && control.value.length <= maxLenght
+        ? null
+        : { hasMinLenght: false };
+    };
+    return validationFunction;
+  }
+}

package/src/lib/services/eqp-dynamic-module-dialog.service.ts

@@ -0,0 +1,114 @@
+import { Injectable } from "@angular/core";
+import Swal from 'sweetalert2';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class EqpDynamicModuleDialogService {
+
+    constructor() { }
+    
+    /**
+     * Mostra uno sweet alert di tipo SUCCESS con il messaggio passato come parametro.
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Operazione completata')
+     */
+    static Success(message: string, title: string = null) {
+        let currentTitle = title != null ? title : 'Operazione completata con successo.';
+        Swal.fire(currentTitle, message, 'success');
+    }
+
+    /**
+     * Mostra uno sweet alert di tipo ERROR con il messaggio passato come parametro.
+     * @param message Messaggio d'errore da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Errore')
+     */
+    static Error(message: string | string[], title: string = null) {
+        let currentTitle = title != null ? title : 'Errore';
+        if (Array.isArray(message)) {
+            currentTitle = title != null ? title : 'Errore';
+            let htmlErrors: string = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlErrors,
+                icon: 'error'
+            });
+        }
+        else {
+            Swal.fire(currentTitle, message, 'error');
+        }
+    }
+
+
+    /**
+     * Mostra uno sweetalert di tipo CONFIRM con il messaggio passato come parametro e se viene premuto
+     * CONFERMA lancia la funzione di callback passata come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Confirm(message: string | string[], confirmCallback: any, isWarning: boolean = false, title: string = null, customWidth: string = null) {
+
+        let currentTitle = title != null ? title : 'Sei sicuro di voler procedere?';
+        if (Array.isArray(message)) {
+            let htmlErrors: string = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlErrors,
+                width: customWidth ? customWidth : '32rem',
+                icon: !isWarning ? 'question' : 'warning',
+                showCancelButton: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false
+            }).then((result) => {
+                if (result.value && confirmCallback) {
+                    confirmCallback();
+                }
+            });
+        }
+        else {
+            Swal.fire({
+                title: currentTitle,
+                text: message,
+                width: customWidth ? customWidth : '32rem',
+                icon: !isWarning ? 'question' : 'warning',
+                showCancelButton: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false
+            }).then((result) => {
+                if (result.value && confirmCallback) {
+                    confirmCallback();
+                }
+            })
+        }
+    }
+
+    /**
+     * Mostra uno sweetalert di tipo INFO con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Info(message: string, title: string = null, isToast: boolean = null) {
+        let currentTitle = title != null ? title : "Informazione:";
+        Swal.fire(currentTitle, message, 'info');
+    }
+
+    /**
+     * Mostra uno sweetalert di tipo WARNING con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Attenzione!')
+     */
+    static Warning(message: string | string[], title: string = null, isToast: boolean = null) {
+        let currentTitle = title != null ? title : "Attenzione!";
+
+        if (Array.isArray(message)) {
+            let htmlWarnings: string = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlWarnings,
+                icon: 'warning'
+            });
+        } else {
+            Swal.fire(currentTitle, message, 'warning');
+        }
+    }
+}

package/src/lib/services/spinner.service.ts

@@ -0,0 +1,40 @@
+import { Injectable } from "@angular/core";
+import { Subject } from 'rxjs';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class SpinnerService {
+    isLoading = new Subject<boolean>();
+
+    private requestsCount: number = 0;
+
+    /**
+     * Mostra lo spinner
+     */
+    show() {
+        setTimeout(() => {
+            this.isLoading.next(true);
+        }, 100);
+    }
+
+    /**
+     * Nasconde lo spinner
+     */
+    hide() {
+        setTimeout(() => {
+            this.isLoading.next(false);
+        }, 100);
+    }
+
+    addRequestCounter() {
+        this.requestsCount++;
+        this.show();
+    }
+
+    removeRequestCounter() {
+        this.requestsCount--;
+        if (this.requestsCount == 0)
+            this.hide();
+    }
+}