fix(visual-editor): load FieldTypes from DB instead of hardcoded enum

The visual editor crashed with TypeError when looking up field types
because the hardcoded EformFieldTypesEnum ordinals don't necessarily
match the auto-incremented FieldTypes.Id values in the database.

Backend:
- New GET /api/template-columns/field-types endpoint returns all rows
  from the FieldTypes table (Id, Type, Description)
- Added FieldTypeModel DTO, ITemplateColumnsService.GetFieldTypes(),
  and EFormColumnsService implementation

Frontend:
- Added EFormService.getFieldTypes() to call the new endpoint
- VisualEditorFieldComponent now loads DB field types on init and uses
  them for the fieldTypeTranslation lookup (matching by DB Id instead
  of hardcoded enum value)
- Removed dependency on getTranslatedTypes() in this component

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: renemadsen

eFormAPI/eFormAPI.Web/Abstractions/Eforms/ITemplateColumnsService.cs

@@ -33,4 +33,5 @@ public interface ITemplateColumnsService
     Task<OperationDataResult<List<TemplateColumnModel>>> GetAvailableColumns(int templateId);
     Task<OperationDataResult<DisplayTemplateColumnsModel>> GetCurrentColumns(int templateId);
     Task<OperationResult> UpdateColumns(UpdateTemplateColumnsModel model);
+    Task<OperationDataResult<List<FieldTypeModel>>> GetFieldTypes();
 }

eFormAPI/eFormAPI.Web/Controllers/Eforms/EFormColumnsController.cs

@@ -56,6 +56,13 @@ public async Task<OperationDataResult<DisplayTemplateColumnsModel>> GetCurrentCo
         return await templateColumnsService.GetCurrentColumns(templateId);
     }
 
+    [HttpGet]
+    [Route("field-types")]
+    public async Task<OperationDataResult<List<FieldTypeModel>>> GetFieldTypes()
+    {
+        return await templateColumnsService.GetFieldTypes();
+    }
+
     [HttpPost]
     [Authorize(Policy = AuthConsts.EformPolicies.Eforms.UpdateColumns)]
     public async Task<IActionResult> UpdateColumns([FromBody] UpdateTemplateColumnsModel model)

eFormAPI/eFormAPI.Web/Infrastructure/Models/Templates/FieldTypeModel.cs

@@ -0,0 +1,8 @@
+namespace eFormAPI.Web.Infrastructure.Models.Templates;
+
+public class FieldTypeModel
+{
+    public int Id { get; set; }
+    public string Type { get; set; }
+    public string Description { get; set; }
+}

eFormAPI/eFormAPI.Web/Services/EFormColumnsService.cs

@@ -31,6 +31,7 @@ namespace eFormAPI.Web.Services;
 using System;
 using System.Collections.Generic;
 using System.Linq;
+using Microsoft.EntityFrameworkCore;
 using System.Threading.Tasks;
 using Abstractions;
 using Abstractions.Eforms;
@@ -165,4 +166,28 @@ public async Task<OperationResult> UpdateColumns(UpdateTemplateColumnsModel mode
             return new OperationResult(false, localizationService.GetString("ErrorWhileUpdatingColumns"));
         }
     }
+
+    public async Task<OperationDataResult<List<FieldTypeModel>>> GetFieldTypes()
+    {
+        try
+        {
+            var core = await coreHelper.GetCore();
+            await using var dbContext = core.DbContextHelper.GetDbContext();
+            var fieldTypes = await dbContext.FieldTypes
+                .Select(ft => new FieldTypeModel
+                {
+                    Id = ft.Id,
+                    Type = ft.Type,
+                    Description = ft.Description
+                })
+                .ToListAsync();
+            return new OperationDataResult<List<FieldTypeModel>>(true, fieldTypes);
+        }
+        catch (Exception e)
+        {
+            SentrySdk.CaptureException(e);
+            logger.LogError(e.Message);
+            return new OperationDataResult<List<FieldTypeModel>>(false, e.Message);
+        }
+    }
 }

eform-client/src/app/common/services/eform/eform.service.ts

@@ -99,6 +99,10 @@ export class EFormService {
     return this.apiBaseService.post(TemplateColumnMethods.GetColumns, model);
   }
 
+  getFieldTypes(): Observable<OperationDataResult<{id: number; type: string; description: string}[]>> {
+    return this.apiBaseService.get(TemplateColumnMethods.GetColumns + '/field-types');
+  }
+
   downloadEformXML(templateId: number): Observable<any> {
     return this.apiBaseService.getBlobData(
       TemplateFilesMethods.DownloadXML + '/' + templateId

eform-client/src/app/modules/eforms/eform-visual-editor/components/eform-visual-editor-elements/field/visual-editor-field/visual-editor-field.component.ts

@@ -9,9 +9,8 @@ import {
 } from 'src/app/common/models';
 import {
   eformVisualEditorElementColors,
-  getTranslatedTypes
 } from '../../../../const';
-import { LocaleService } from 'src/app/common/services';
+import { LocaleService, EFormService } from 'src/app/common/services';
 import {TranslateService} from '@ngx-translate/core';
 import {getRandomInt} from 'src/app/common/helpers';
 import {selectCurrentUserLanguageId} from 'src/app/state/auth/auth.selector';
@@ -26,6 +25,7 @@ import {Store} from '@ngrx/store';
 export class VisualEditorFieldComponent implements OnInit, OnDestroy {
   private authStore = inject(Store);
   private translateService = inject(TranslateService);
+  private eformService = inject(EFormService);
 
   @Input() field: EformVisualEditorFieldModel;
   @Input() fieldIndex: number;
@@ -50,6 +50,8 @@ export class VisualEditorFieldComponent implements OnInit, OnDestroy {
   @Input() appLanguages: LanguagesModel = new LanguagesModel();
   private selectCurrentUserLanguageId$ = this.authStore.select(selectCurrentUserLanguageId);
 
+  private dbFieldTypes: {id: number; type: string}[] = [];
+
   get fieldTypes() {
     return EformFieldTypesEnum;
   }
@@ -77,13 +79,22 @@ export class VisualEditorFieldComponent implements OnInit, OnDestroy {
   }
 
   fieldTypeTranslation(fieldType: number): string {
-    if(fieldType) {
-      const types = [...getTranslatedTypes(this.translateService)];
-      return types.find(x => x.id === fieldType).name;
+    if (!fieldType) {
+      return '';
+    }
+    const dbType = this.dbFieldTypes.find(x => x.id === fieldType);
+    if (dbType) {
+      return this.translateService.instant(dbType.type);
     }
+    return '';
   }
 
   ngOnInit() {
+    this.eformService.getFieldTypes().subscribe(res => {
+      if (res && res.success && res.model) {
+        this.dbFieldTypes = res.model;
+      }
+    });
   }
 
   onAddNewField() {