sgc-ng-field-form-edit
Version:
Custom SGC-NG-FIELD-FORM-EDIT UI Components based on Angular and Material. This component automatically generate SGC Component based on [TypeFieldFormEdit](https://www.npmjs.com/package/sgc-share-lib#2-typefieldformedit) ***
170 lines (163 loc) • 10.8 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
import { useField_TEXT, useField_PASSWORD, useField_TEXTAREA, useField_NUMBER, useField_DATE, useField_DATEHEURE, useField_HEURE, useField_SELECTVALUE, useField_FILEINPUT } from 'sgc-share-lib';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i2 from 'sgc-ng-text';
import { SgcNgTextModule } from 'sgc-ng-text';
import * as i3 from 'sgc-ng-textarea';
import { SgcNgTextareaModule } from 'sgc-ng-textarea';
import * as i4 from 'sgc-ng-password';
import { SgcNgPasswordModule } from 'sgc-ng-password';
import * as i5 from 'sgc-ng-datetime';
import { SgcNgDatetimeModule } from 'sgc-ng-datetime';
import * as i6 from 'sgc-ng-number';
import { SgcNgNumberModule } from 'sgc-ng-number';
import * as i7 from 'sgc-ng-select';
import { SgcNgSelectModule } from 'sgc-ng-select';
import * as i8 from 'sgc-ng-fileinput';
import { SgcNgFileinputModule } from 'sgc-ng-fileinput';
class SgcNgFieldFormEditService {
constructor() { }
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditService, providedIn: 'root' }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}], ctorParameters: () => [] });
class SgcNgFieldFormEditComponent {
constructor() {
this.fieldFormChange = new EventEmitter();
this.fieldSubmitted = false;
}
ngOnInit() { }
//************************************************************************************************************** */
//************************** GESTION DES GRILLES DE FIELDS************************************************ */
//-----------------------------
addNewRowFields() {
let newListeFieldsRow = [];
if (this.fieldForm && this.fieldForm.grilleFields) {
for (let i = 0; i < this.fieldForm.grilleFields.modeleRowFields.listeFieldsRow.length; i++) {
let fieldrow = this.fieldForm.grilleFields.modeleRowFields.listeFieldsRow[i];
fieldrow.name = fieldrow.name +
'-' +
this.fieldForm.grilleFields.lastIndexRowFields;
newListeFieldsRow.push({
...fieldrow,
rowNumberInForm: this.fieldForm.grilleFields.lastIndexRowFields,
});
}
this.fieldForm.grilleFields.listeRows.push({
indexRow: this.fieldForm.grilleFields.lastIndexRowFields,
listeFieldsRow: newListeFieldsRow,
});
this.fieldForm.grilleFields.lastIndexRowFields =
this.fieldForm.grilleFields.lastIndexRowFields + 1;
}
}
//------------------------------
removeRowFields(indexRow) {
console.log('********** GRILLE FIELDS FORM EDIT - Remove Row - IndexRow *********');
console.log(indexRow);
if (this.fieldForm && this.fieldForm.grilleFields) {
this.fieldForm.grilleFields.listeRows =
this.fieldForm.grilleFields.listeRows?.filter((row) => row.indexRow != indexRow);
}
}
/*****************************************************/
useField_TEXT() {
return useField_TEXT(this.fieldForm);
}
useField_PASSWORD() {
return useField_PASSWORD(this.fieldForm);
}
useField_TEXTAREA() {
return useField_TEXTAREA(this.fieldForm);
}
useField_NUMBER() {
return useField_NUMBER(this.fieldForm);
}
useField_DATE() {
return useField_DATE(this.fieldForm);
}
useField_DATEHEURE() {
return useField_DATEHEURE(this.fieldForm);
}
useField_HEURE() {
return useField_HEURE(this.fieldForm);
}
useField_SELECTVALUE() {
return useField_SELECTVALUE(this.fieldForm);
}
useField_FILEINPUT() {
return useField_FILEINPUT(this.fieldForm);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: SgcNgFieldFormEditComponent, isStandalone: false, selector: "sgc-ng-field-form-edit", inputs: { fieldForm: "fieldForm", fieldSubmitted: "fieldSubmitted", css_width: "css_width", crudDataService: "crudDataService" }, outputs: { fieldFormChange: "fieldFormChange" }, ngImport: i0, template: "<div [ngStyle]=\"{ width: css_width ? css_width : '100%' }\" class=\"main-div\">\n <sgc-ng-text *ngIf=\"useField_TEXT()\" [(data)]=\"fieldForm\"></sgc-ng-text>\n <sgc-ng-password\n *ngIf=\"useField_PASSWORD()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-password>\n <sgc-ng-textarea\n *ngIf=\"useField_TEXTAREA()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-textarea>\n <sgc-ng-number *ngIf=\"useField_NUMBER()\" [(data)]=\"fieldForm\"></sgc-ng-number>\n <sgc-ng-datetime\n *ngIf=\"useField_DATE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-datetime>\n <sgc-ng-datetime\n *ngIf=\"useField_DATEHEURE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-datetime>\n <!--sgc-ng-datetime\n *ngIf=\"useField_DATE()\"\n [(data)]=\"fieldForm\"\n></sgc-ng-datetime-->\n<sgc-ng-select\n *ngIf=\"useField_SELECTVALUE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-select>\n\n <sgc-ng-fileinput\n *ngIf=\"useField_FILEINPUT()\"\n [(data)]=\"fieldForm\"\n [crudDataService]=\"crudDataService\"\n ></sgc-ng-fileinput>\n\n</div>\n", styles: [".main-div{padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SgcNgTextComponent, selector: "sgc-ng-text" }, { kind: "component", type: i3.SgcNgTextareaComponent, selector: "sgc-ng-textarea" }, { kind: "component", type: i4.SgcNgPasswordComponent, selector: "sgc-ng-password" }, { kind: "component", type: i5.SgcNgDatetimeComponent, selector: "sgc-ng-datetime" }, { kind: "component", type: i6.SgcNgNumberComponent, selector: "sgc-ng-number" }, { kind: "component", type: i7.SgcNgSelectComponent, selector: "sgc-ng-select" }, { kind: "component", type: i8.SgcNgFileinputComponent, selector: "sgc-ng-fileinput", inputs: ["crudDataService"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditComponent, decorators: [{
type: Component,
args: [{ selector: 'sgc-ng-field-form-edit', standalone: false, template: "<div [ngStyle]=\"{ width: css_width ? css_width : '100%' }\" class=\"main-div\">\n <sgc-ng-text *ngIf=\"useField_TEXT()\" [(data)]=\"fieldForm\"></sgc-ng-text>\n <sgc-ng-password\n *ngIf=\"useField_PASSWORD()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-password>\n <sgc-ng-textarea\n *ngIf=\"useField_TEXTAREA()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-textarea>\n <sgc-ng-number *ngIf=\"useField_NUMBER()\" [(data)]=\"fieldForm\"></sgc-ng-number>\n <sgc-ng-datetime\n *ngIf=\"useField_DATE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-datetime>\n <sgc-ng-datetime\n *ngIf=\"useField_DATEHEURE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-datetime>\n <!--sgc-ng-datetime\n *ngIf=\"useField_DATE()\"\n [(data)]=\"fieldForm\"\n></sgc-ng-datetime-->\n<sgc-ng-select\n *ngIf=\"useField_SELECTVALUE()\"\n [(data)]=\"fieldForm\"\n ></sgc-ng-select>\n\n <sgc-ng-fileinput\n *ngIf=\"useField_FILEINPUT()\"\n [(data)]=\"fieldForm\"\n [crudDataService]=\"crudDataService\"\n ></sgc-ng-fileinput>\n\n</div>\n", styles: [".main-div{padding:0;margin:0}\n"] }]
}], propDecorators: { fieldForm: [{
type: Input
}], fieldFormChange: [{
type: Output
}], fieldSubmitted: [{
type: Input
}], css_width: [{
type: Input
}], crudDataService: [{
type: Input
}] } });
class SgcNgFieldFormEditModule {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditModule, declarations: [SgcNgFieldFormEditComponent], imports: [CommonModule,
SgcNgTextModule,
SgcNgTextareaModule,
SgcNgPasswordModule,
SgcNgDatetimeModule,
SgcNgNumberModule,
SgcNgSelectModule,
SgcNgFileinputModule], exports: [SgcNgFieldFormEditComponent] }); }
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditModule, imports: [CommonModule,
SgcNgTextModule,
SgcNgTextareaModule,
SgcNgPasswordModule,
SgcNgDatetimeModule,
SgcNgNumberModule,
SgcNgSelectModule,
SgcNgFileinputModule] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SgcNgFieldFormEditModule, decorators: [{
type: NgModule,
args: [{
declarations: [
SgcNgFieldFormEditComponent
],
imports: [
CommonModule,
SgcNgTextModule,
SgcNgTextareaModule,
SgcNgPasswordModule,
SgcNgDatetimeModule,
SgcNgNumberModule,
SgcNgSelectModule,
SgcNgFileinputModule
],
exports: [
SgcNgFieldFormEditComponent
]
}]
}] });
/*
* Public API Surface of sgc-ng-field-form-edit
*/
//export * from './lib/model/sgc-ng-model-field-form-edit';
/**
* Generated bundle index. Do not edit.
*/
export { SgcNgFieldFormEditComponent, SgcNgFieldFormEditModule, SgcNgFieldFormEditService };
//# sourceMappingURL=sgc-ng-field-form-edit.mjs.map