DB restructure, print page

2026-03-13 08:47:13 -04:00
parent 6a068243f4
commit 8c885b3e76
73 changed files with 1362 additions and 325 deletions
@@ -1,9 +1,78 @@
 import { Controller } from "@hotwired/stimulus"

 export default class extends Controller {
-  static targets = ["dependentField"]
+  static targets = ["dependentField", "providerField", "selectField"]

  connect() {
+    if (this.selectFieldTarget.value) {
+      this.toggleNewFieldSection();
+    }
+  }
+
+  async initNewFieldSection() {
+    console.log("--- in init async --- ")
+    const selector = this.selectFieldTarget
+    console.log(selector.textContent)
+    console.log(selector.value)
+    if (selector && selector.value && !selector.textContent.includes("Default")) {
+      const sectionId = selector.value
+      
+      const response = await fetch(`/id_card/provider_sections/${sectionId}/get_section_data`);
+      const templateSectionData = await response.json();
+
+      this.#updateFields(templateSectionData)
+
+      this.dependentFieldTarget.classList.remove("hidden");
+    }
+  }
+
+  async toggleNewFieldSection() {
+    console.log("--- in new field toggle --- ")
+    const selector = this.selectFieldTarget
+    const selectedOption = selector.options[selector.selectedIndex]
+    const selectedValue = selectedOption.value
+    const selectedLabel = selectedOption.textContent
+
+    if (selectedValue && selectedLabel.includes("Default")) {
+      this.dependentFieldTarget.classList.add("hidden");
+    } else if (selectedValue) {
+      let sectionId = selectedValue
+      if (selectedValue.includes("new")) {
+        sectionId = selectedValue.split('|')[1]
+      }
+      const response = await fetch(`/id_card/provider_sections/${sectionId}/get_section_data`);
+      const sectionData = await response.json();
+
+      this.#updateFields(sectionData)
+
+      this.dependentFieldTarget.classList.remove("hidden");
+    }
+
+  }
+
+  async #updateFields(templateSectionData) {
+    const providerFieldTargetsList = this.providerFieldTargets
+    console.log(templateSectionData)
+    providerFieldTargetsList.forEach(function(formField) {
+      const dbField = formField.id.replace('id_card_configuration_provider_section_', '')
+      const dbValue = templateSectionData[dbField]
+      formField.value = dbValue;
+
+    })
+
+
+
+
+    // templateSectionData.forEach(function(data) {
+    //   const targetElement = providerFieldTargetsList.find(
+    //     (element) => element.dataset.sequence == data.sequence
+    //   );
+    //   if (targetElement) {
+    //     targetElement.value = data.benefit;
+    //   } else {
+    //     console.error(`Target not found for sequence: ${data.sequence}`);
+    //   }
+    // });
  }

  toggleFields() {