47 lines
812 B
TypeScript
47 lines
812 B
TypeScript
import { Directive, Input, OnInit } from '@angular/core';
|
|
import { ControlValueAccessor } from '@angular/forms';
|
|
import { v4 as uuidv4 } from 'uuid';
|
|
|
|
@Directive()
|
|
export class AbstractInputComponent<T> implements OnInit, ControlValueAccessor {
|
|
|
|
constructor() { }
|
|
|
|
onChange = (newValue: T) => {};
|
|
|
|
onTouched = () => {};
|
|
|
|
writeValue(newValue: any): void {
|
|
this.value = newValue
|
|
}
|
|
registerOnChange(fn: any): void {
|
|
this.onChange = fn;
|
|
}
|
|
registerOnTouched(fn: any): void {
|
|
this.onTouched = fn;
|
|
}
|
|
setDisabledState?(isDisabled: boolean): void {
|
|
this.disabled = isDisabled;
|
|
}
|
|
|
|
@Input()
|
|
title: string
|
|
|
|
@Input()
|
|
disabled = false;
|
|
|
|
@Input()
|
|
error: string
|
|
|
|
value: T
|
|
|
|
ngOnInit(): void {
|
|
this.inputId = uuidv4()
|
|
}
|
|
|
|
inputId: string
|
|
|
|
@Input()
|
|
hint: string
|
|
}
|