@eqproject/eqp-dynamic-module v2.9.39

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

eqp-dynamic-module

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

eqp-dynamic-module-configurator

Componente che permette la configurazione delle form dinamiche

4 modalità d'uso:

Nuovo Modulo:

    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;

    <eqp-dynamic-module-configurator 
        *ngIf="loader"
        [configurations] = "config"
        (saveFormEvent)="onSaveForm($event)">
    </eqp-dynamic-module-configurator>

Modifica di un modulo esistente:

    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;

    <eqp-dynamic-module-configurator
      *ngIf="loader"
      [configurations] = "config"
      [formID]="formID"
      (saveFormEvent)="onSaveForm($event)">
    </eqp-dynamic-module-configurator>

Esportazione di un modulo dato l'ID:

    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;

    <eqp-dynamic-module-configurator
      *ngIf="loader"
      [configurations] = "config"
      [formID]="formID"
      [viewMode] = "'Export'"
      (saveFormEvent)="onSaveForm($event)">
    </eqp-dynamic-module-configurator>

importazione di un modulo dato il JSON:

    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;

    <eqp-dynamic-module-configurator
      *ngIf="loader"
      [configurations] = "config"
      [formID]="formID"
      [viewMode] = "'Export'"
      (saveFormEvent)="onSaveForm($event)">
    </eqp-dynamic-module-configurator>

DynamicModuleConfiguratorConfig Outputs

Models used

DynamicModuleConfiguratorConfig

DynamicModuleConfig

DynamicModuleConfiguratorSpecificConfig | contiene le informazioni generali comuni per la visualizzazione

dynamicModuleGeneralConfig | contiene le informazioni generali comuni per la visualizzazione

Note:

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

dynamicModuleCompileConfig | contiene le informazioni specifiche per la visualizzazione della risposta

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

dynamicModuleRepairConfig | contiene le configurazioni specifiche per la modalità repair

EndPointConfiguration

example

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;
    }
}

EndPointData

export class EndPointData { Url: string; Token?: string; RequestMethod: RequestMethodEnum; Params?: EndPointDataParams[]; }

EndPointDataParams

export class EndPointDataParams { ParamName: string; ParamValue: any = null; ParamType: ParamTypeEnum; }

ParamTypeEnum

export enum ParamTypeEnum {
    "Query param" = 1,
    "In route" = 2,
    "In Body" = 3
}

RequestMethodEnum

export enum RequestMethodEnum {
    GET = 'GET',
    POST = 'POST',
    PUT = 'PUT',
    DELETE = 'DELETE'
}

Componenti privati