Expose edit panel opener globally

This commit is contained in:
Victor Andersson
2025-11-09 22:03:29 +01:00
parent 3323ffd82e
commit c189fd053c

View File

@@ -137,7 +137,7 @@
{% endif %}
{% if can_change %}
<button type="button"
data-open-edit="{{ claim.id }}"
onclick="window.claimsOpenEdit('{{ claim.id }}')"
class="rounded-full border border-gray-300 px-3 py-1 text-xs font-semibold text-gray-700 transition hover:bg-gray-100">
{% trans "Redigera" %}
</button>
@@ -437,7 +437,7 @@ document.addEventListener("DOMContentLoaded", () => {
const emptyState = document.querySelector("[data-claim-empty]");
const panels = Array.from(document.querySelectorAll("[data-edit-panel]"));
const openPanel = (id) => {
window.claimsOpenEdit = (id) => {
const panel = document.querySelector(`[data-edit-panel="${id}"]`);
if (!panel) return;
panel.classList.remove("hidden");
@@ -452,12 +452,6 @@ document.addEventListener("DOMContentLoaded", () => {
};
document.addEventListener("click", (event) => {
const openTrigger = event.target.closest("[data-open-edit]");
if (openTrigger) {
event.preventDefault();
openPanel(openTrigger.dataset.openEdit);
return;
}
const closeTrigger = event.target.closest("[data-close-edit]");
if (closeTrigger) {
const panel = closeTrigger.closest("[data-edit-panel]");