Merge pull request #2464 from IDEMSInternational/chore/refactor-text-…

…component

chore: refactor text component

src/app/shared/components/template/components/index.ts

@@ -55,7 +55,7 @@ import { TmplTaskCardComponent } from "./task-card/task-card.component";
 import { TmplTaskProgressBarComponent } from "./task-progress-bar/task-progress-bar.component";
 import { TmplTextAreaComponent } from "./text-area/text-area.component";
 import { TmplTextBoxComponent } from "./text-box/text-box.component";
-import { TmplTextComponent } from "./text";
+import { TmplTextComponent } from "./text/text.component";
 import { TmplTileComponent } from "./tile-component/tile-component.component";
 import { TmplTitleComponent } from "./title";
 import { TmplTimerComponent } from "./timer/timer.component";

src/app/shared/components/template/components/text/text.component.html

@@ -0,0 +1,14 @@
+@if (this._row.value) {
+  <div
+    class="large standard normal margin-t-large"
+    [class]="params.style"
+    [ngStyle]="!hasTextValue ? { display: 'none' } : { display: 'block' }"
+    [innerHTML]="
+      params.type === 'numbered'
+        ? (this._row.value | number)
+        : (this._row.value?.toString() | markdown)
+    "
+    [style]="_row.style_list | styleList"
+    [style.textAlign]="params.textAlign"
+  ></div>
+}

src/app/shared/components/template/components/text/text.component.ts

@@ -0,0 +1,36 @@
+import { Component, OnInit } from "@angular/core";
+import { TemplateBaseComponent } from "../base";
+import { getStringParamFromTemplateRow } from "../../../../utils";
+
+interface ITextParams {
+  style: string | null;
+  textAlign: string | null;
+  type: string;
+}
+
+@Component({
+  selector: "plh-tmpl-text",
+  templateUrl: "./text.component.html",
+  styleUrls: ["../tmpl-components-common.scss"],
+})
+export class TmplTextComponent extends TemplateBaseComponent implements OnInit {
+  params: Partial<ITextParams> = {};
+  hasTextValue: boolean;
+
+  constructor() {
+    super();
+  }
+
+  ngOnInit() {
+    this.getParams();
+  }
+
+  getParams() {
+    this.hasTextValue = !["undefined", "NaN", "null", '""'].includes(this._row.value);
+    this.params.textAlign = getStringParamFromTemplateRow(this._row, "text_align", null);
+    this.params.type = this._row.parameter_list?.style?.includes("numbered")
+      ? "numbered"
+      : "marked";
+    this.params.style = getStringParamFromTemplateRow(this._row, "style", null);
+  }
+}