Bryce
638a75925c
Many templates were minified onto a single line. Reformatted every template under
resources/templates/ with djLint (django profile, 2-space indent) so the markup,
{% %} blocks, and {{ }} interpolations are human-readable, plus hand-split the two
multi-<span> option partials (invoice-option / rule-option). Pure reflow — no markup,
tag, or text content changed (the only content-adjacent delta is harmless trailing
whitespace inside single-interpolation elements). link.html / panel-empty.html stay on
one line (single element). resources/public/index.html left as-is (already readable,
non-template static).
Full e2e suite 72/72 green (no rendering regressions).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
33 lines
1.8 KiB
HTML
33 lines
1.8 KiB
HTML
{# The single step's body: memo + the activeForm tab switcher (link payment / unpaid /
|
|
autopay / rule / manual) + the five x-show panels. Fragments are pre-rendered. #}
|
|
<div class="space-y-1">
|
|
<div>
|
|
{{ memo_field|safe }}
|
|
<div x-data="{{ x_data }}" @unlinked="canChange=true">
|
|
<div class="flex space-x-2 mb-4">{{ action_hidden|safe }}{{ tabs|safe }}</div>
|
|
<div x-show="activeForm === 'link-payment'"
|
|
x-transition:enter="transition ease-out duration-500"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100">{{ panel_payment|safe }}</div>
|
|
<div x-show="activeForm === 'link-unpaid-invoices'"
|
|
x-transition:enter="transition ease-out duration-500"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100">{{ panel_unpaid|safe }}</div>
|
|
<div x-show="activeForm === 'link-autopay-invoices'"
|
|
x-transition:enter="transition ease-out duration-500"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100">{{ panel_autopay|safe }}</div>
|
|
<div x-show="activeForm === 'apply-rule'"
|
|
x-transition:enter="transition ease-out duration-500"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100">{{ panel_rule|safe }}</div>
|
|
<div x-show="activeForm === 'manual'"
|
|
x-transition:enter="transition ease-out duration-500"
|
|
x-transition:enter-start="opacity-0 transform scale-95"
|
|
x-transition:enter-end="opacity-100 transform scale-100">
|
|
<div>{{ panel_manual|safe }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|