stable, before a refactor

2026-03-03 22:53:21 -05:00
parent 4fac3b1036
commit 942d60c3e0
66 changed files with 1321 additions and 194 deletions
@@ -0,0 +1,51 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+    static targets = ["exceptionItemTemplate", "exceptionItemContainer", "exceptionItem", "exceptionItemButton"]
+
+    connect() {
+        const content = this.#newExemptionItem()
+
+        this.exceptionItemButtonTarget.insertAdjacentHTML('beforebegin', content);
+    }
+
+    addExemptionItem(event) {
+        event.preventDefault()
+        event.stopPropagation()
+
+        const content = this.#newExemptionItem()
+
+        this.exceptionItemButtonTarget.insertAdjacentHTML('beforebegin', content);
+        // this.containerTarget.insertAdjacentHTML("beforeend", content)
+    }
+
+    removeExemptionItem(event) {
+        console.log("in remove")
+        event.preventDefault();
+        const wrapper = event.target.closest(".exception-item");
+        if (wrapper.dataset.newRecord === "true") {
+            wrapper.remove();
+        } else {
+            wrapper.style.display = "none";
+            const destroyInput = wrapper.querySelector("input[name*='[_destroy]']");
+            if (destroyInput) {
+                destroyInput.value = "1";
+            }
+        }
+    }
+
+    #newExemptionItem() {
+        const nextIndex = this.exceptionItemTargets.length
+        const buttonElement = this.exceptionItemButtonTarget;
+    
+        // Get the computed style (returns rgb/rgba value)
+        const bgColor = window.getComputedStyle(buttonElement).backgroundColor;
+        const newColor = `[${bgColor}]`
+
+        return this.exceptionItemTemplateTarget.innerHTML
+                            .replace(/NEW_ITEM_RECORD/g, nextIndex)
+                            .replace(/NEXT_COLOR/g, newColor)
+
+
+    }
+}