From 9fa635c47bf042568e2795e5163c8d706851e0ff Mon Sep 17 00:00:00 2001 From: "mathias.chouet" <mathias.chouet@irstea.fr> Date: Tue, 4 Jun 2019 14:15:02 +0200 Subject: [PATCH] =?UTF-8?q?Meilleure=20propagation=20des=20=C3=A9v=C3=A9ne?= =?UTF-8?q?ments=20inputChange?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/field-set/field-set.component.html | 2 +- .../components/field-set/field-set.component.ts | 4 ++-- .../fieldset-container.component.html | 2 +- .../fieldset-container.component.ts | 4 ++-- .../generic-calculator/calculator.component.html | 5 +++-- .../param-field-line.component.html | 14 ++++++++++---- 6 files changed, 19 insertions(+), 12 deletions(-) diff --git a/src/app/components/field-set/field-set.component.html b/src/app/components/field-set/field-set.component.html index c80e4c991..2471c8dcb 100644 --- a/src/app/components/field-set/field-set.component.html +++ b/src/app/components/field-set/field-set.component.html @@ -30,7 +30,7 @@ <mat-card-content> <ng-template ngFor let-p [ngForOf]="fields"> <param-field-line *ngIf="isInputField(p)" [param]=p (radio)=onRadioClick($event) (valid)=onParamLineValid() - (inputChange)=onInputChange() (tabPressed)="onTabPressed($event)"> + (inputChange)=onInputChange($event) (tabPressed)="onTabPressed($event)"> </param-field-line> <select-field-line *ngIf="isSelectField(p)" [_select]=p> diff --git a/src/app/components/field-set/field-set.component.ts b/src/app/components/field-set/field-set.component.ts index 1a2a71700..70cd6a4ff 100644 --- a/src/app/components/field-set/field-set.component.ts +++ b/src/app/components/field-set/field-set.component.ts @@ -306,8 +306,8 @@ export class FieldSetComponent implements DoCheck { /** * réception d'un événement de changement de valeur d'un input */ - private onInputChange(event: boolean) { - this.inputChange.emit(); + private onInputChange($event) { + this.inputChange.emit($event); } /** diff --git a/src/app/components/fieldset-container/fieldset-container.component.html b/src/app/components/fieldset-container/fieldset-container.component.html index c2f75e4f1..0bb2ea7c2 100644 --- a/src/app/components/fieldset-container/fieldset-container.component.html +++ b/src/app/components/fieldset-container/fieldset-container.component.html @@ -6,7 +6,7 @@ <mat-card-content> <field-set *ngFor="let fs of fieldsets" class="fieldset-inner" [fieldSet]=fs - (radio)=onRadioClick($event) (validChange)=onFieldsetValid() (inputChange)=onInputChange() + (radio)=onRadioClick($event) (validChange)=onFieldsetValid() (inputChange)=onInputChange($event) (addFieldset)=onAddFieldset($event) (removeFieldset)=onRemoveFieldset($event) (moveFieldsetDown)=onMoveFieldsetDown($event) (moveFieldsetUp)=onMoveFieldsetUp($event) (tabPressed)="onTabPressed($event)"> diff --git a/src/app/components/fieldset-container/fieldset-container.component.ts b/src/app/components/fieldset-container/fieldset-container.component.ts index 2c161f764..e10c849a3 100644 --- a/src/app/components/fieldset-container/fieldset-container.component.ts +++ b/src/app/components/fieldset-container/fieldset-container.component.ts @@ -145,8 +145,8 @@ export class FieldsetContainerComponent implements DoCheck, AfterViewInit { /** * réception d'un événement de changement de valeur d'un input */ - private onInputChange(event: boolean) { - this.inputChange.emit(); + private onInputChange($event) { + this.inputChange.emit($event); } /** diff --git a/src/app/components/generic-calculator/calculator.component.html b/src/app/components/generic-calculator/calculator.component.html index db06e3792..4b518f5ab 100644 --- a/src/app/components/generic-calculator/calculator.component.html +++ b/src/app/components/generic-calculator/calculator.component.html @@ -33,12 +33,13 @@ <mat-card id="calc-card-field-sets" fxFlex.gt-xs="1 0 400px" fxFlex.lt-sm="1 0 300px"> <ng-template ngFor let-fe [ngForOf]="formElements"> <field-set *ngIf="isFieldset(fe)" [style.display]="getFieldsetStyleDisplay(fe.id)" [fieldSet]=fe - (radio)=onRadioClick($event) (validChange)=OnFieldsetValid() (inputChange)=onInputChange() + (radio)=onRadioClick($event) (validChange)=OnFieldsetValid() (inputChange)=onInputChange($event) (tabPressed)="onTabPressed($event)"> </field-set> <fieldset-container *ngIf="isFieldsetContainer(fe)" [_container]=fe (radio)=onRadioClick($event) - (validChange)=onFieldsetContainerValid() (tabPressed)="onTabPressed($event)"> + (validChange)=onFieldsetContainerValid() (inputChange)=onInputChange($event) + (tabPressed)="onTabPressed($event)"> </fieldset-container> </ng-template> diff --git a/src/app/components/param-field-line/param-field-line.component.html b/src/app/components/param-field-line/param-field-line.component.html index 1c71eb5b9..35c1fd0c8 100644 --- a/src/app/components/param-field-line/param-field-line.component.html +++ b/src/app/components/param-field-line/param-field-line.component.html @@ -5,16 +5,22 @@ <div fxFlex="1 0 120px"> <!-- composant pour gérer le cas général (valeur numérique à saisir) --> <ngparam-input [title]="param.title" [hidden]="! isRadioFixChecked" - (change)="onInputChange($event)" (tabPressed)="onTabPressed($event)"></ngparam-input> + (change)="onInputChange($event)" (tabPressed)="onTabPressed($event)"> + </ngparam-input> <!-- composant pour gérer le cas "paramètre calculé" --> - <param-computed *ngIf="isRadioCalChecked" [title]="title" [param]="param"></param-computed> + <param-computed *ngIf="isRadioCalChecked" [title]="title" [param]="param"> + </param-computed> <!-- composant pour gérer le cas "paramètre à varier" (min-max/liste de valeurs) --> - <param-values *ngIf="isRadioVarChecked" [title]="title" [param]="param" (change)="onInputChange($event)" (valid)=onParamValuesValid($event)></param-values> + <param-values *ngIf="isRadioVarChecked" [title]="title" [param]="param" + (change)="onInputChange($event)" (valid)=onParamValuesValid($event)> + </param-values> <!-- composant pour gérer le cas "paramètre lié" --> - <param-link *ngIf="isRadioLinkChecked" [title]="title" [param]="param" (change)="onInputChange($event)" (valid)=onParamValuesValid($event)></param-link> + <param-link *ngIf="isRadioLinkChecked" [title]="title" [param]="param" + (change)="onInputChange($event)" (valid)=onParamValuesValid($event)> + </param-link> </div> <div class="toggle-group-container" fxFlex="0 0 auto"> -- GitLab