diff --git a/src/app/pages/settings/chains/chain-form/chain-form.html b/src/app/pages/settings/chains/chain-form/chain-form.html index 75fa3aa..f582dec 100644 --- a/src/app/pages/settings/chains/chain-form/chain-form.html +++ b/src/app/pages/settings/chains/chain-form/chain-form.html @@ -4,5 +4,9 @@ {{'common.name'|translate|upperfirst}} - + \ No newline at end of file diff --git a/src/app/pages/settings/chains/chain-form/chain-form.ts b/src/app/pages/settings/chains/chain-form/chain-form.ts index b0e02c2..4dbaf2f 100644 --- a/src/app/pages/settings/chains/chain-form/chain-form.ts +++ b/src/app/pages/settings/chains/chain-form/chain-form.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, input, OnDestroy, OnInit } from '@angular/core'; +import { Component, input } from '@angular/core'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatInputModule } from '@angular/material/input'; import { ImageUploader } from '../../../../components/image-uploader/image-uploader'; @@ -6,11 +6,12 @@ import { ReactiveFormsModule } from '@angular/forms'; import { ChainFormGroup } from '../chain-formgroup'; import { TranslatePipe } from '@ngx-translate/core'; import { UpperfirstPipe } from '../../../../pipes/upperfirst-pipe'; -import { Subscription } from 'rxjs'; +import { ImageHandler } from '../../../../directives/image-handler'; @Component({ selector: 'app-chain-form', imports: [ + ImageHandler, ImageUploader, MatFormFieldModule, MatInputModule, @@ -21,24 +22,6 @@ import { Subscription } from 'rxjs'; templateUrl: './chain-form.html', styles: ``, }) -export class ChainForm implements OnInit, OnDestroy { +export class ChainForm { form = input(new ChainFormGroup()); - private readonly cd = inject(ChangeDetectorRef); - private imageSubscription?: Subscription; - - ngOnInit() { - this.imageSubscription = this.form().controls.image.valueChanges.subscribe({ - next: () => this.cd.detectChanges(), - }); - } - - updateFileImage(file: File) { - const form = this.form(); - form.controls.image.patchValue(file); - form.controls.image.markAsDirty(); - } - - ngOnDestroy() { - this.imageSubscription?.unsubscribe(); - } }