feat(core): EditDescriptionOnly field to display additional text in f…

…orms (#1945)

Co-authored-by: Simon <simon@aam-digital.com>

src/app/core/config/config-fix.ts

@@ -664,7 +664,10 @@ export const defaultJsonConfig = {
               "config": {
                 "cols": [
                   ["health_bloodGroup"],
-                  ["health_lastDentalCheckup"]
+                  [
+                    { "id": "_description_health", "edit": "EditDescriptionOnly", "label": $localize`:description section:Health checkups are to be done regularly, at least every 6 months according to the program guidelines.`},
+                    "health_lastDentalCheckup"
+                  ]
                 ]
               }
             },

src/app/core/core-components.ts

@@ -26,7 +26,7 @@ export const coreComponents: ComponentTuple[] = [
     "Form",
     () =>
       import("./entity-components/entity-details/form/form.component").then(
-        (c) => c.FormComponent
+        (c) => c.FormComponent,
       ),
   ],
   [
@@ -113,6 +113,13 @@ export const coreComponents: ComponentTuple[] = [
         "./entity-components/entity-utils/dynamic-form-components/edit-number/edit-number.component"
       ).then((c) => c.EditNumberComponent),
   ],
+  [
+    "EditDescriptionOnly",
+    () =>
+      import(
+        "./entity-components/entity-utils/dynamic-form-components/edit-description-only/edit-description-only.component"
+      ).then((c) => c.EditDescriptionOnlyComponent),
+  ],
   [
     "DisplayCheckmark",
     () =>
@@ -173,21 +180,21 @@ export const coreComponents: ComponentTuple[] = [
     "UserSecurity",
     () =>
       import("./user/user-security/user-security.component").then(
-        (c) => c.UserSecurityComponent
+        (c) => c.UserSecurityComponent,
       ),
   ],
   [
     "Dashboard",
     () =>
       import("./dashboard/dashboard/dashboard.component").then(
-        (c) => c.DashboardComponent
+        (c) => c.DashboardComponent,
       ),
   ],
   [
     "EntityList",
     () =>
       import("./entity-components/entity-list/entity-list.component").then(
-        (c) => c.EntityListComponent
+        (c) => c.EntityListComponent,
       ),
   ],
   [
@@ -205,14 +212,14 @@ export const coreComponents: ComponentTuple[] = [
     "ConfigImport",
     () =>
       import("./config-setup/config-import/config-import.component").then(
-        (c) => c.ConfigImportComponent
+        (c) => c.ConfigImportComponent,
       ),
   ],
   [
     "MarkdownPage",
     () =>
       import("./markdown-page/markdown-page/markdown-page.component").then(
-        (c) => c.MarkdownPageComponent
+        (c) => c.MarkdownPageComponent,
       ),
   ],
   [

src/app/core/entity-components/entity-utils/dynamic-form-components/edit-description-only/edit-description-only.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from "@angular/core/testing";
+import { EditDescriptionOnlyComponent } from "./edit-description-only.component";
+
+describe("EditDescriptionOnlyComponent", () => {
+  let component: EditDescriptionOnlyComponent;
+  let fixture: ComponentFixture<EditDescriptionOnlyComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EditDescriptionOnlyComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(EditDescriptionOnlyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it("should create", () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/core/entity-components/entity-utils/dynamic-form-components/edit-description-only/edit-description-only.component.ts

@@ -0,0 +1,13 @@
+import { Component, Input } from "@angular/core";
+import { DynamicComponent } from "../../../../view/dynamic-components/dynamic-component.decorator";
+import { FormFieldConfig } from "../../../entity-form/entity-form/FormConfig";
+
+@DynamicComponent("EditDescriptionOnly")
+@Component({
+  selector: "app-edit-description-only",
+  template: "{{formFieldConfig?.label}}",
+  standalone: true,
+})
+export class EditDescriptionOnlyComponent {
+  @Input() formFieldConfig: FormFieldConfig;
+}