@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
70 lines (69 loc) • 6.23 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { DefaultControlValueAccessor } from './../common/default-control-value-accessor';
import { NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
import { Component, forwardRef, Input, HostBinding } from '@angular/core';
export class AsiIbanFRInputComponent extends DefaultControlValueAccessor {
constructor() {
super();
this.class = 'asi-component asi-ibanfr-input';
this.placeholder = '';
this.labelPosition = 'top';
this.countryControl = new FormControl();
this.countryControl.valueChanges.subscribe((value) => {
if (value === '') {
console.log('value ' + value);
}
});
}
/**
* @return {?}
*/
ngOnInit() {
this.class += ' label-' + this.labelPosition;
}
}
AsiIbanFRInputComponent.decorators = [
{ type: Component, args: [{
selector: 'asi-ibanfr-input',
template: "<label class=\"input-label\" *ngIf=\"label != null\">{{label | translate}}</label>\r\n<div class=\"inputs-panel\">\r\n <asi-input [placeholder]=\"'ASI-COMPONENT.ASI-IBAN.country' | translate\" [maxlength]=\"4\" [formControl]=\"countryControl\"></asi-input>\r\n <asi-input [placeholder]=\"'ASI-COMPONENT.ASI-IBAN.bank' | translate\" [number]=\"true\" [maxlength]=\"5\" [(ngModel)]=\"bank\"></asi-input>\r\n <asi-input [placeholder]=\"'ASI-COMPONENT.ASI-IBAN.branch' | translate\" [number]=\"true\" [maxlength]=\"5\" [(ngModel)]=\"branch\"></asi-input>\r\n <asi-input [placeholder]=\"'ASI-COMPONENT.ASI-IBAN.account' | translate\" [maxlength]=\"11\" [(ngModel)]=\"account\"></asi-input>\r\n <asi-input [placeholder]=\"'ASI-COMPONENT.ASI-IBAN.key' | translate\" [number]=\"true\" [maxlength]=\"2\" [(ngModel)]=\"key\"></asi-input>\r\n</div>",
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => AsiIbanFRInputComponent),
multi: true
}
]
}] }
];
/** @nocollapse */
AsiIbanFRInputComponent.ctorParameters = () => [];
AsiIbanFRInputComponent.propDecorators = {
class: [{ type: HostBinding, args: ['class',] }],
label: [{ type: Input }],
placeholder: [{ type: Input }],
labelPosition: [{ type: Input }]
};
if (false) {
/** @type {?} */
AsiIbanFRInputComponent.prototype.class;
/** @type {?} */
AsiIbanFRInputComponent.prototype.label;
/** @type {?} */
AsiIbanFRInputComponent.prototype.placeholder;
/** @type {?} */
AsiIbanFRInputComponent.prototype.labelPosition;
/** @type {?} */
AsiIbanFRInputComponent.prototype.bank;
/** @type {?} */
AsiIbanFRInputComponent.prototype.branch;
/** @type {?} */
AsiIbanFRInputComponent.prototype.account;
/** @type {?} */
AsiIbanFRInputComponent.prototype.key;
/** @type {?} */
AsiIbanFRInputComponent.prototype.countryControl;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpLWliYW5mci1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYXNpLW5ndG9vbHMvbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvYXNpLWliYW5mci1pbnB1dC9hc2ktaWJhbmZyLWlucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDekYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBVSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFhbEYsTUFBTSw4QkFBK0IsU0FBUSwyQkFBMkI7SUFnQnRFO1FBQ0UsS0FBSyxFQUFFLENBQUM7cUJBZm9CLGdDQUFnQzsyQkFHdkMsRUFBRTs2QkFDc0UsS0FBSzs4QkFPbkYsSUFBSSxXQUFXLEVBQUU7UUFLaEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDM0QsRUFBRSxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ2pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDO2FBQy9CO1NBQ0YsQ0FBQyxDQUFDO0tBQ0o7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztLQUM5Qzs7O1lBdENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixzMUJBQThDO2dCQUM5QyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzt3QkFDdEQsS0FBSyxFQUFFLElBQUk7cUJBQ1o7aUJBQ0Y7YUFDRjs7Ozs7b0JBR0UsV0FBVyxTQUFDLE9BQU87b0JBRW5CLEtBQUs7MEJBQ0wsS0FBSzs0QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGVmYXVsdENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnLi8uLi9jb21tb24vZGVmYXVsdC1jb250cm9sLXZhbHVlLWFjY2Vzc29yJztcclxuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBPbkluaXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FzaS1pYmFuZnItaW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnYXNpLWliYW5mci1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBc2lJYmFuRlJJbnB1dENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXNpSWJhbkZSSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBEZWZhdWx0Q29udHJvbFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnYXNpLWNvbXBvbmVudCBhc2ktaWJhbmZyLWlucHV0JztcclxuXHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnXHJcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnYm90dG9tLWNlbnRlcicgfCAndG9wLWNlbnRlcicgPSAndG9wJztcclxuXHJcbiAgYmFuazogc3RyaW5nO1xyXG4gIGJyYW5jaDogc3RyaW5nO1xyXG4gIGFjY291bnQ6IHN0cmluZztcclxuICBrZXk6IHN0cmluZztcclxuXHJcbiAgY291bnRyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMuY291bnRyeUNvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgodmFsdWU6IHN0cmluZykgPT4ge1xyXG4gICAgICBpZiAodmFsdWUgPT09ICcnKSB7XHJcbiAgICAgICAgY29uc29sZS5sb2coJ3ZhbHVlICcgKyB2YWx1ZSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmNsYXNzICs9ICcgbGFiZWwtJyArIHRoaXMubGFiZWxQb3NpdGlvbjtcclxuICB9XHJcbn1cclxuIl19