Convert management component, custom fields to signals

src-ui/src/app/components/manage/document-attributes/custom-fields/custom-fields.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, inject } from '@angular/core'
+import { Component, OnInit, inject, signal } from '@angular/core'
 import { RouterModule } from '@angular/router'
 import {
   NgbDropdownModule,
@@ -6,7 +6,7 @@ import {
   NgbPaginationModule,
 } from '@ng-bootstrap/ng-bootstrap'
 import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
-import { delay, takeUntil, tap } from 'rxjs'
+import { takeUntil, tap } from 'rxjs'
 import { ConfirmDialogComponent } from 'src/app/components/common/confirm-dialog/confirm-dialog.component'
 import { CustomFieldEditDialogComponent } from 'src/app/components/common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component'
 import { EditDialogMode } from 'src/app/components/common/edit-dialog/edit-dialog.component'
@@ -51,21 +51,29 @@ export class CustomFieldsComponent
   private readonly documentService = inject(DocumentService)
   private readonly savedViewService = inject(SavedViewService)
 
-  public fields: CustomField[] = []
+  private fieldsSignal = signal<CustomField[]>([])
+
+  public get fields(): CustomField[] {
+    return this.fieldsSignal()
+  }
+
+  public set fields(fields: CustomField[]) {
+    this.fieldsSignal.set(fields)
+  }
 
   ngOnInit() {
     this.reload()
   }
 
   reload() {
+    this.loading = true
     this.customFieldsService
       .listAll()
       .pipe(
         takeUntil(this.unsubscribeNotifier),
         tap((r) => {
           this.fields = r.results
-        }),
-        delay(100)
+        })
       )
       .subscribe(() => {
         this.show = true