added some reusable form controls

src-ui/src/app/components/common/input/abstract-input.ts

@@ -0,0 +1,43 @@
+import { Component, Directive, forwardRef, Input, OnInit } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } 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;
+
+  value: T
+
+  ngOnInit(): void {
+    this.inputId = uuidv4()
+  }
+
+  inputId: string
+
+  @Input()
+  hint: string
+}