-
Mathias Chouet authored
+ nettoyage code (tslint)
ede1823b
// cf. https://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html
import { Component, ChangeDetectorRef, OnDestroy } from "@angular/core";
import { NumericalString, Message, Observer } from "jalhyd";
import { InternationalisationService } from "../../services/internationalisation/internationalisation.service";
import { NgParameter } from "../../formulaire/ngparam";
import { GenericInputComponent } from "../generic-input/generic-input.component";
@Component({
selector: "ngparam-input",
templateUrl: "../generic-input/generic-input.component.html"
})
export class NgParamInputComponent extends GenericInputComponent implements Observer, OnDestroy {
/**
* paramètre géré
*/
private get _paramDef(): NgParameter {
return this.model;
}
/**
* valeur intermédiaire nécessitée par le fait que toutes les valeurs numériques ne sont pas légales
* pour NgParameter (l'affecter peut provoquer une exception) et qui permet de faire fonctionner la validation du modèle
*/
private _tmp: number;
constructor(private intlService: InternationalisationService, cdRef: ChangeDetectorRef) {
super(cdRef);
}
/**
* appelé avant le changement de modèle
*/
protected beforeSetModel() {
if (this._paramDef) {
this._paramDef.removeObserver(this);
}
}
/**
* appelé après le changement de modèle
*/
protected afterSetModel() {
if (this._paramDef) {
if (this._paramDef.isDefined) {
this._tmp = this._paramDef.getValue();
}
this._paramDef.addObserver(this);
}
}
protected getModelValue(): any {
return this._tmp;
}
protected setModelValue(sender: any, v: any) {
this._tmp = v;
try {
this._paramDef.setValue(sender, v);
} catch (e) {
// géré par validateModelValue()
}
}
protected validateModelValue(v: any): { isValid: boolean, message: string } {
let msg: string;
let valid = false;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
if (! this._paramDef) {
msg = "internal error, model undefined";
} else {
try {
this._paramDef.checkValue(v);
valid = true;
} catch (e) {
if (e instanceof Message) {
msg = this.intlService.localizeMessage(e);
} else {
msg = "invalid value";
}
}
}
return { isValid: valid, message: msg };
}
protected modelToUI(v: any): string {
return String(v);
}
protected validateUIValue(ui: string): { isValid: boolean, message: string } {
let valid = false;
let msg: string;
const v: NumericalString = new NumericalString(ui);
if (!v.isNumerical) {
msg = "Veuillez entrer une valeur numérique";
} else {
valid = true;
}
return { isValid: valid, message: msg };
}
protected uiToModel(ui: string) {
return +ui;
}
public update(sender: any, data: any): void {
switch (data["action"]) {
case "ngparamAfterValue":
// on ne fait rien au cas où la modif vient de l'interface (on ne remet pas à jour _uiValue ce qui permet
// de garder par ex le '.' si on supprime le '2' de '1.2')
if (sender !== this) {
this._tmp = data["value"];
this.updateAndValidateUI();
}
break;
// changement de valueMode du paramètre ou de valeur à laquelle il est lié
case "valueModeChange":
case "valueLinkChange":
if (this._tmp !== data["value"]) {
this._tmp = data["value"];
this.updateAndValidateUI();
}
break;
}
}
public ngOnDestroy() {
this._paramDef.removeObserver(this);
}
}