EqpDynamicModule

Progetto effettivo del modulo dinamico

Struttura del codice

Nella cartella exported ci sono i componenti pubblici utilizzabili dall'esterno

Nella cartella private ci sono i componenti privati del progetto non utilizzabili dall'esterno

Componenti pubblici

I componenti pubblici sono due:
1. eqp-dynamic-module : visualizza la form dinamica;
2. eqp-dynamic-module-configuration: permette la configurazione delle form dinamiche

$3

Componente che visualizza la form dinamica.

Input
| Input | obbligatorio/default | descrizione
| ----- | ----------- | ----------- | ----------- |
| configurations: dynamicModuleGeneralConfig | obbligatorio | configurazioni generiche per la connessione al DB
| formID: string | obbligatorio | ID del form da compilare, visualizzare,
| starterViewMode: EndPointConfiguration | LIST |
| userID: string | 0 | Set user id for save |
| showTitle | boolean | true | Show/Hide module name in COMPILE |
| userMode | boolean | false | Show/Hide the buttons for "save" and "back" |
| showSaveButton | true | boolean | Show/Hide form save button when userMode is true |
| values: Record[] | null |
| FormJSON: string | "" |

#### DynamicModuleConfig Outputs
| Output | Event Arguments | Required | Description |
| ------------- | ------------- | ------------- | ------------- |
| saveRecord | EventEmitter | - | Evento emesso quando si salva un record se non è stato specificato un endpoint da chiamare.
| afterSaveRecord | EventEmitter | - | Evento emesso DOPO aver eseguito una chiamata al server per il salvataggio di un record all'endpoint specificato.
| deleteRecord | EventEmitter | - | Evento emesso quando si elimina un record se non è stato specificato un endpoint da chiamare.
| afterDeleteRecord | EventEmitter | - | Evento emesso DOPO aver eseguito una chiamata al server per il l'eliminazione di un record all'endpoint specificato.
| duplicateRecord | EventEmitter | - | Evento emesso quando si duplica un record se non è stato specificato un endpoint da chiamare.
| afterDuplicateRecord | EventEmitter | - | Evento emesso DOPO aver eseguito una chiamata al server per la duplicazione di un record all'endpoint specificato.
| SaveJSON | EventEmitter | - | Evento emesso quando si

$3

Componente che permette la configurazione delle form dinamiche

4 modalità d'uso:

Nuovo Modulo:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentUser.ID

    specific.orgaID = this.currentOrga.ID;

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.loader=true;

html

            *ngIf="loader"

        [configurations] = "config"

        (saveFormEvent)="onSaveForm($event)">





Modifica di un modulo esistente:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = "xxxxxx-xxxxxx-xxxxxx";

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      (saveFormEvent)="onSaveForm($event)">



Esportazione di un modulo dato l'ID:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = "xxxxxx-xxxxxx-xxxxxx";

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      [viewMode] = "'Export'"

      (saveFormEvent)="onSaveForm($event)">



importazione di un modulo dato il JSON:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    specific.form = JSON.parse(this.stringForm)

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = null;

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      [viewMode] = "'Export'"

      (saveFormEvent)="onSaveForm($event)">







| Input | Descrizione |

| ----- | ----------- |

| configurations: DynamicModuleConfiguratorConfig | an object that is a configurations container. It holds 2 objects: dynamicModuleGeneralConfig, DynamicModuleConfiguratorSpecificConfig |

| formID: string | obbligatorio | ID del form da compilare, visualizzare, 



#### DynamicModuleConfiguratorConfig Outputs

| Output  | Event Arguments | Required | Description |

| ------------- | ------------- | ------------- | ------------- |

| (saveFormEvent) |

EventEmitter

 | - | Evento emesso quando si salva una form e non è stato specificato un endpoint da chiamare. |

| (afterSaveFormEvent) |

EventEmitter

 | - | Evento emesso DOPO aver eseguito una chiamata al server per il salvataggiodi una form all'endpoint specificato. |



Models used



$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| dynamicModuleGeneralConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |

| DynamicModuleConfiguratorSpecificConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |





$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| dynamicModuleGeneralConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |

| dynamicModuleCompileConfig | dynamicModuleCompileConfig | contiene le informazioni specifiche per la visualizzazione della risposta |

| dynamicModuleListConfig | dynamicModuleListConfig | contiene le informazioni specifiche per la visualizzazione della lista di risposte |

| dynamicModuleRepairConfig | dynamicModuleRepairConfig | contiene le configurazioni specifiche per la modalità repair |





$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| form | Form | 

| orgaID | string | 

| UserID | number | 

| innerFormManagment | boolean | 

| innerFormRef | MatDialogRef> |



$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| baseServerUrl | string | server Url to call for API | "http://localhost:5015/api"

| userToken | string | Token dell'utente |

| endPointConfiguration | EndPointConfiguration | Configurazione degli endpoint da chiamare per recuperare o salvare i dati. Può essere definita dall'utente oppure lasciata null, viene popolata con dei valori di default se viene valorizzata la proprietà "baseServerUrl" altrimenti viene lasciata null e non viene eseguita nessuna chiamata al server. |

| context | Context | Contesto |





Note:

- se non viene fornita una configurazione degli EndPoint si utilizza la configurazione standard



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| showTitle | boolean | Show/Hide module name in COMPILE |

| userMode | boolean | Show/Hide the buttons for "save" and "back" |

| showSaveButton | boolean | Show/Hide form save button when userMode is true |

| userID | string | Set user id for save |



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| showTitle | boolean | Show/Hide module name in LIST |

| defaultListActions | dynamicModuleListFormRecordActionsDefault | Lista delle azioni di default da mostrare per visualizzare/modificare/duplicare/eliminare in LIST MODE |

| values | Array |Lista dei record da mostrare in LIST MODE |



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| FormJSON | string | stringa rappresentante il json del form da revisionare in REPAIR MODE |









$3



example

js

export class EndPointConfiguration {

    Records: {

        GetByFormIDEndPoint?: EndPointData;

        GetAllByEntAndUserIDEndPoint?: EndPointData;

        GetByIDEndPoint?: EndPointData;

        SaveEndPoint?: EndPointData;

        DuplicateEndPoint?: EndPointData;

        DeleteEndPoint?: EndPointData;

        RepairEndPoint?: EndPointData;

    };

    Forms: {

        GetByIDEndPoint: EndPointData;

        GetByIDAndVersionEndPoint: EndPointData;

        SaveEndPoint: EndPointData;

    }

}





$3

export class EndPointData {

    Url: string;

    Token?: string;

    RequestMethod: RequestMethodEnum;

    Params?: EndPointDataParams[];

}



$3

export class EndPointDataParams {

    ParamName: string;

    ParamValue: any = null;

    ParamType: ParamTypeEnum;

}



$3

js

export enum ParamTypeEnum {

    "Query param" = 1,

    "In route" = 2,

    "In Body" = 3

}

$3

js

export enum RequestMethodEnum {

    GET = 'GET',

    POST = 'POST',

    PUT = 'PUT',

    DELETE = 'DELETE'

}

$3

EqpDynamicModule

Progetto effettivo del modulo dinamico

Struttura del codice

Nella cartella exported ci sono i componenti pubblici utilizzabili dall'esterno

Nella cartella private ci sono i componenti privati del progetto non utilizzabili dall'esterno

Componenti pubblici

I componenti pubblici sono due:
1. eqp-dynamic-module : visualizza la form dinamica;
2. eqp-dynamic-module-configuration: permette la configurazione delle form dinamiche

$3

Componente che permette la configurazione delle form dinamiche

4 modalità d'uso:

Nuovo Modulo:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentUser.ID

    specific.orgaID = this.currentOrga.ID;

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.loader=true;

html

            *ngIf="loader"

        [configurations] = "config"

        (saveFormEvent)="onSaveForm($event)">





Modifica di un modulo esistente:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = "xxxxxx-xxxxxx-xxxxxx";

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      (saveFormEvent)="onSaveForm($event)">



Esportazione di un modulo dato l'ID:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = "xxxxxx-xxxxxx-xxxxxx";

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      [viewMode] = "'Export'"

      (saveFormEvent)="onSaveForm($event)">



importazione di un modulo dato il JSON:

js

    let specific: DynamicModuleConfiguratorSpecificConfig = new DynamicModuleConfiguratorSpecificConfig();

    specific.UserID = this.currentOrga.ID

    specific.orgaID = "2";

    specific.form = JSON.parse(this.stringForm)

    let general: DynamicModuleGeneralConfig = new DynamicModuleGeneralConfig(this.baseServerUrl, "", this.context, null)



    this.config = new DynamicModuleConfiguratorConfig(general, specific)

    this.formID = null;

    this.loader=true;

html

          *ngIf="loader"

      [configurations] = "config"

      [formID]="formID"

      [viewMode] = "'Export'"

      (saveFormEvent)="onSaveForm($event)">







| Input | Descrizione |

| ----- | ----------- |

| configurations: DynamicModuleConfiguratorConfig | an object that is a configurations container. It holds 2 objects: dynamicModuleGeneralConfig, DynamicModuleConfiguratorSpecificConfig |

| formID: string | obbligatorio | ID del form da compilare, visualizzare, 



#### DynamicModuleConfiguratorConfig Outputs

| Output  | Event Arguments | Required | Description |

| ------------- | ------------- | ------------- | ------------- |

| (saveFormEvent) |

EventEmitter

 | - | Evento emesso quando si salva una form e non è stato specificato un endpoint da chiamare. |

| (afterSaveFormEvent) |

EventEmitter

 | - | Evento emesso DOPO aver eseguito una chiamata al server per il salvataggiodi una form all'endpoint specificato. |



Models used



$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| dynamicModuleGeneralConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |

| DynamicModuleConfiguratorSpecificConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |





$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| dynamicModuleGeneralConfig | dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione |

| dynamicModuleCompileConfig | dynamicModuleCompileConfig | contiene le informazioni specifiche per la visualizzazione della risposta |

| dynamicModuleListConfig | dynamicModuleListConfig | contiene le informazioni specifiche per la visualizzazione della lista di risposte |

| dynamicModuleRepairConfig | dynamicModuleRepairConfig | contiene le configurazioni specifiche per la modalità repair |





$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| form | Form | 

| orgaID | string | 

| UserID | number | 

| innerFormManagment | boolean | 

| innerFormRef | MatDialogRef> |



$3

| Property | Type | Description | Examples | 

| ------------- | ------------- | ------------- | ------------- |

| baseServerUrl | string | server Url to call for API | "http://localhost:5015/api"

| userToken | string | Token dell'utente |

| endPointConfiguration | EndPointConfiguration | Configurazione degli endpoint da chiamare per recuperare o salvare i dati. Può essere definita dall'utente oppure lasciata null, viene popolata con dei valori di default se viene valorizzata la proprietà "baseServerUrl" altrimenti viene lasciata null e non viene eseguita nessuna chiamata al server. |

| context | Context | Contesto |





Note:

- se non viene fornita una configurazione degli EndPoint si utilizza la configurazione standard



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| showTitle | boolean | Show/Hide module name in COMPILE |

| userMode | boolean | Show/Hide the buttons for "save" and "back" |

| showSaveButton | boolean | Show/Hide form save button when userMode is true |

| userID | string | Set user id for save |



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| showTitle | boolean | Show/Hide module name in LIST |

| defaultListActions | dynamicModuleListFormRecordActionsDefault | Lista delle azioni di default da mostrare per visualizzare/modificare/duplicare/eliminare in LIST MODE |

| values | Array |Lista dei record da mostrare in LIST MODE |



$3

| Property | Type | Description | Examples |

| ------------- | ------------- | ------------- | ------------- |

| FormJSON | string | stringa rappresentante il json del form da revisionare in REPAIR MODE |









$3



example

js

export class EndPointConfiguration {

    Records: {

        GetByFormIDEndPoint?: EndPointData;

        GetAllByEntAndUserIDEndPoint?: EndPointData;

        GetByIDEndPoint?: EndPointData;

        SaveEndPoint?: EndPointData;

        DuplicateEndPoint?: EndPointData;

        DeleteEndPoint?: EndPointData;

        RepairEndPoint?: EndPointData;

    };

    Forms: {

        GetByIDEndPoint: EndPointData;

        GetByIDAndVersionEndPoint: EndPointData;

        SaveEndPoint: EndPointData;

    }

}





$3

export class EndPointData {

    Url: string;

    Token?: string;

    RequestMethod: RequestMethodEnum;

    Params?: EndPointDataParams[];

}



$3

export class EndPointDataParams {

    ParamName: string;

    ParamValue: any = null;

    ParamType: ParamTypeEnum;

}



$3

js

export enum ParamTypeEnum {

    "Query param" = 1,

    "In route" = 2,

    "In Body" = 3

}

$3

js

export enum RequestMethodEnum {

    GET = 'GET',

    POST = 'POST',

    PUT = 'PUT',

    DELETE = 'DELETE'

}

@eqproject/eqp-dynamic-module

EqpDynamicModule

Struttura del codice

Componenti pubblici

$3

$3

Nuovo Modulo:

Modifica di un modulo esistente:

Esportazione di un modulo dato l'ID:

importazione di un modulo dato il JSON:

Models used

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

@eqproject/eqp-dynamic-module

EqpDynamicModule

Struttura del codice

Componenti pubblici

$3

$3

Nuovo Modulo:

Modifica di un modulo esistente:

Esportazione di un modulo dato l'ID:

importazione di un modulo dato il JSON:

Models used

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3