buildTemplateFieldRow function presentation

function buildTemplateFieldRow(field?: Partial<FormTemplateField>): string {
  const matchType = field?.matchByFieldType ?? "name";
  const mode = field?.mode ?? "fixed";
  const fixedValue = field?.fixedValue ?? "";
  const generatorType = field?.generatorType ?? "name";
  return `
    <tr class="template-field-row"
        data-match-type="${escapeHtml(matchType)}"
        data-generator-type="${escapeHtml(generatorType)}">
      <td>
        <div class="field-type-match-container"></div>
      </td>
      <td>
        <select class="field-mode-select">
          <option value="fixed"${mode === "fixed" ? " selected" : ""}>${t("modeFixed")}</option>
          <option value="generator"${mode === "generator" ? " selected" : ""}>${t("modeGenerator")}</option>
        </select>
      </td>
      <td>
        <input
          type="text"
          class="field-fixed-value"
          placeholder="${t("valuePlaceholder")}"
          value="${escapeHtml(fixedValue)}"
          style="display:${mode === "fixed" ? "inline-block" : "none"}"
        />
        <div
          class="field-generator-container"
          style="display:${mode === "generator" ? "inline-block" : "none"}"
        ></div>
      </td>
      <td>
        <button class="btn btn-sm btn-delete btn-remove-row" title="${t("removeFieldTitle")}">✕</button>
      </td>
    </tr>
  `;
}