Fix dashboard input being disable in HTML

This commit is contained in:
Konstantinos Triantafyllou 2022-02-08 11:52:11 +02:00
parent 049ac1a8a1
commit 0561d945c5
1 changed files with 6 additions and 2 deletions

View File

@ -1,4 +1,5 @@
import { import {
AfterViewInit,
Component, Component,
ElementRef, ElementRef,
EventEmitter, EventEmitter,
@ -171,7 +172,7 @@ export interface Option {
`, `,
styleUrls: ['input.component.css'] styleUrls: ['input.component.css']
}) })
export class InputComponent implements OnInit, OnDestroy, OnChanges { export class InputComponent implements OnDestroy, AfterViewInit, OnChanges {
/** Basic information */ /** Basic information */
@Input('formInput') formControl: AbstractControl; @Input('formInput') formControl: AbstractControl;
@Input('type') type: 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'textarea' | 'select' | 'checkbox' | 'chips' = 'text'; @Input('type') type: 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'textarea' | 'select' | 'checkbox' | 'chips' = 'text';
@ -225,7 +226,7 @@ export class InputComponent implements OnInit, OnDestroy, OnChanges {
this.focusEmitter.emit(this.focused); this.focusEmitter.emit(this.focused);
} }
ngOnInit(): void { ngAfterViewInit() {
this.reset(); this.reset();
} }
@ -279,6 +280,9 @@ export class InputComponent implements OnInit, OnDestroy, OnChanges {
if (!this.formControl.value) { if (!this.formControl.value) {
this.formControl.setValue((this.type === "checkbox")?false:''); this.formControl.setValue((this.type === "checkbox")?false:'');
} }
if(this.input) {
this.input.nativeElement.disabled = this.formControl.disabled;
}
} }
unsubscribe() { unsubscribe() {