victor/claims-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expose edit panel opener globally

Browse Source
This commit is contained in:
Victor Andersson
2025-11-09 22:03:29 +01:00
parent 3323ffd82e
commit c189fd053c
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
claims/templates/claims/dashboard.html
View File

@@ -137,7 +137,7 @@
{% endif %} {% endif %}
{% if can_change %} {% if can_change %}
<button type="button" <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"> 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" %} {% trans "Redigera" %}
</button> </button>
@@ -437,7 +437,7 @@ document.addEventListener("DOMContentLoaded", () => {
const emptyState = document.querySelector("[data-claim-empty]"); const emptyState = document.querySelector("[data-claim-empty]");
const panels = Array.from(document.querySelectorAll("[data-edit-panel]")); const panels = Array.from(document.querySelectorAll("[data-edit-panel]"));
const openPanel = (id) => { window.claimsOpenEdit = (id) => {
const panel = document.querySelector(`[data-edit-panel="${id}"]`); const panel = document.querySelector(`[data-edit-panel="${id}"]`);
if (!panel) return; if (!panel) return;
panel.classList.remove("hidden"); panel.classList.remove("hidden");
@@ -452,12 +452,6 @@ document.addEventListener("DOMContentLoaded", () => {
}; };
document.addEventListener("click", (event) => { 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]"); const closeTrigger = event.target.closest("[data-close-edit]");
if (closeTrigger) { if (closeTrigger) {
const panel = closeTrigger.closest("[data-edit-panel]"); const panel = closeTrigger.closest("[data-edit-panel]");