173 lines
4.0 KiB
JavaScript
Raw Normal View History

import {isPresent} from 'angular2/src/facade/lang';
import {Observable, ObservableWrapper} from 'angular2/src/facade/async';
import {StringMap, StringMapWrapper} from 'angular2/src/facade/collection';
import {Validators} from './validators';
export const VALID = "VALID";
export const INVALID = "INVALID";
2015-02-24 11:59:10 -08:00
//interface IControl {
// get value():any;
// validator:Function;
// get status():string;
2015-02-25 12:54:27 -08:00
// get valid():boolean;
2015-02-24 11:59:10 -08:00
// get errors():Map;
2015-03-19 10:51:49 -07:00
// get pristine():boolean;
// get dirty():boolean;
2015-02-24 11:59:10 -08:00
// updateValue(value:any){}
// setParent(parent){}
//}
export class AbstractControl {
2015-02-24 11:59:10 -08:00
_value:any;
_status:string;
_errors;
2015-03-19 10:51:49 -07:00
_pristine:boolean;
_parent:ControlGroup;
2015-02-24 11:59:10 -08:00
validator:Function;
constructor(validator:Function) {
this.validator = validator;
2015-03-19 10:51:49 -07:00
this._pristine = true;
}
2015-02-24 11:59:10 -08:00
get value() {
return this._value;
}
get status() {
return this._status;
}
get valid() {
2015-02-24 11:59:10 -08:00
return this._status === VALID;
}
get errors() {
return this._errors;
}
2015-03-19 10:51:49 -07:00
get pristine() {
return this._pristine;
}
get dirty() {
return ! this.pristine;
}
2015-02-24 11:59:10 -08:00
setParent(parent){
this._parent = parent;
}
_updateParent() {
if (isPresent(this._parent)){
this._parent._updateValue();
}
}
}
export class Control extends AbstractControl {
valueChanges:Observable;
_valueChangesController;
constructor(value:any, validator:Function = Validators.nullValidator) {
super(validator);
this._setValueErrorsStatus(value);
this._valueChangesController = ObservableWrapper.createController();
this.valueChanges = ObservableWrapper.createObservable(this._valueChangesController);
}
updateValue(value:any) {
this._setValueErrorsStatus(value);
2015-03-19 10:51:49 -07:00
this._pristine = false;
ObservableWrapper.callNext(this._valueChangesController, this._value);
this._updateParent();
2015-02-24 11:59:10 -08:00
}
_setValueErrorsStatus(value) {
this._value = value;
this._errors = this.validator(this);
this._status = isPresent(this._errors) ? INVALID : VALID;
}
}
export class ControlGroup extends AbstractControl {
controls;
optionals;
2015-02-24 11:59:10 -08:00
valueChanges:Observable;
_valueChangesController;
constructor(controls, optionals = null, validator:Function = Validators.group) {
super(validator);
this.controls = controls;
this.optionals = isPresent(optionals) ? optionals : {};
this._valueChangesController = ObservableWrapper.createController();
this.valueChanges = ObservableWrapper.createObservable(this._valueChangesController);
this._setParentForControls();
this._setValueErrorsStatus();
}
include(controlName:string) {
StringMapWrapper.set(this.optionals, controlName, true);
this._updateValue();
}
exclude(controlName:string) {
StringMapWrapper.set(this.optionals, controlName, false);
this._updateValue();
}
contains(controlName:string) {
var c = StringMapWrapper.contains(this.controls, controlName);
return c && this._included(controlName);
}
_setParentForControls() {
StringMapWrapper.forEach(this.controls, (control, name) => {
2015-02-24 11:59:10 -08:00
control.setParent(this);
});
}
_updateValue() {
this._setValueErrorsStatus();
this._pristine = false;
ObservableWrapper.callNext(this._valueChangesController, this._value);
this._updateParent();
}
_setValueErrorsStatus() {
this._value = this._reduceValue();
this._errors = this.validator(this);
this._status = isPresent(this._errors) ? INVALID : VALID;
2015-02-24 11:59:10 -08:00
}
_reduceValue() {
2015-03-19 10:51:49 -07:00
return this._reduceChildren({}, (acc, control, name) => {
acc[name] = control.value;
return acc;
});
}
_reduceChildren(initValue, fn:Function) {
var res = initValue;
2015-02-24 11:59:10 -08:00
StringMapWrapper.forEach(this.controls, (control, name) => {
if (this._included(name)) {
2015-03-19 10:51:49 -07:00
res = fn(res, control, name);
2015-02-24 11:59:10 -08:00
}
});
2015-03-19 10:51:49 -07:00
return res;
}
_included(controlName:string):boolean {
var isOptional = StringMapWrapper.contains(this.optionals, controlName);
return !isOptional || StringMapWrapper.get(this.optionals, controlName);
2015-02-24 11:59:10 -08:00
}
}