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

Make payment details span full column when no actions

Browse Source
This commit is contained in:
Victor Andersson
2025-11-09 13:12:27 +01:00
parent 5215c156b6
commit 868ee56334
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -139,7 +139,7 @@
</div> </div>
{% if claim.status == 'approved' %} {% if claim.status == 'approved' %}
<div class="mx-6 mt-4 grid gap-4 rounded-3xl border border-green-100 bg-green-50 px-6 py-4 text-sm text-green-900 md:grid-cols-[2fr,1fr]"> <div class="mx-6 mt-4 grid gap-4 rounded-3xl border border-green-100 bg-green-50 px-6 py-4 text-sm text-green-900 {% if payments_enabled and claim.is_paid %}md:grid-cols-1{% else %}md:grid-cols-[2fr,1fr]{% endif %}">
<details class="space-y-3" {% if not claim.is_paid %}open{% endif %}> <details class="space-y-3" {% if not claim.is_paid %}open{% endif %}>
<summary class="flex cursor-pointer items-center justify-between text-xs font-semibold uppercase tracking-wide text-green-600"> <summary class="flex cursor-pointer items-center justify-between text-xs font-semibold uppercase tracking-wide text-green-600">
<span>{% trans "Utbetalningsdetaljer" %}</span> <span>{% trans "Utbetalningsdetaljer" %}</span>
@@ -177,25 +177,25 @@
<p class="mt-3 text-[11px] text-green-700">{% trans "Använd referensen och beloppet när du lägger upp betalningen – hjälper att undvika dubbletter." %}</p> <p class="mt-3 text-[11px] text-green-700">{% trans "Använd referensen och beloppet när du lägger upp betalningen – hjälper att undvika dubbletter." %}</p>
</div> </div>
</details> </details>
<div class="flex flex-col items-start gap-3 md:items-end"> {% if payments_enabled and not claim.is_paid %}
{% if payments_enabled %} <div class="flex flex-col items-start gap-3 md:items-end">
{% if not claim.is_paid %} <form method="post" class="w-full max-w-xs" onsubmit="return confirm('{% trans "Är du säker på att du har lagt upp betalningen? Markera endast som betald om beloppet skickas till banken." %}');">
<form method="post" class="w-full max-w-xs" onsubmit="return confirm('{% trans "Är du säker på att du har lagt upp betalningen? Markera endast som betald om beloppet skickas till banken." %}');"> {% csrf_token %}
{% csrf_token %} <input type="hidden" name="action_type" value="payment">
<input type="hidden" name="action_type" value="payment"> <input type="hidden" name="payment_claim_id" value="{{ claim.id }}">
<input type="hidden" name="payment_claim_id" value="{{ claim.id }}"> <button type="submit" class="flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-3 text-xs font-semibold uppercase tracking-wide text-white transition hover:bg-emerald-700">
<button type="submit" class="flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-3 text-xs font-semibold uppercase tracking-wide text-white transition hover:bg-emerald-700"> {% trans "Markera som betald" %}
{% trans "Markera som betald" %} </button>
</button> </form>
</form> <p class="text-[11px] text-green-700">{% trans "Dubbelkolla belopp och kontonummer i panelen innan du bekräftar." %}</p>
<p class="text-[11px] text-green-700">{% trans "Dubbelkolla belopp och kontonummer i panelen innan du bekräftar." %}</p> </div>
{% endif %} {% elif not payments_enabled %}
{% else %} <div class="flex flex-col items-start gap-3 md:items-end">
<p class="rounded-2xl bg-white/70 px-4 py-3 text-xs text-green-800"> <p class="rounded-2xl bg-white/70 px-4 py-3 text-xs text-green-800">
{% trans "Intern betalningshantering är av – markera betalning i ekonomisystemet och resetta status vid behov." %} {% trans "Intern betalningshantering är av – markera betalning i ekonomisystemet och resetta status vid behov." %}
</p> </p>
{% endif %} </div>
</div> {% endif %}
</div> </div>
{% endif %} {% endif %}