Bryce
f16c52d70b
Bake the Tailwind class base into the shared Selmer component partials so the partials own their markup and callers pass only data + a small variant (width / size / color). Applies across all four modals that share them (bulk-code, invoices, sales-summaries, transaction-edit). - typeahead / select / location-select / money-input / validated-field / button / a-button / a-icon-button: the class base, the validated-field has-error toggle, and the button color ladders now live in the .html. The sc/*-ctx fns pass width / variant / extra / color plus the non-class attrs (computed exactly as before, so every non-class attribute is unchanged). - bulk-code templates updated to the new partial contracts; account-row pulls money-input and a-icon-button in via includes. Verified: every component's class SET is identical to before across all variants (14/14 oracle match -- buttons reorder/dedupe classes, CSS is order-independent); bulk-code full render is DOM-equivalent to the pre-sweep baseline (class-set + attr-order normalized) for empty / populated / error; browser QA of bulk-code (full flow) and transaction-edit (open + render) clean, no JS errors; invoices + sales-summaries compile and render through the same sc/* fns. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
13 lines
761 B
HTML
13 lines
761 B
HTML
{# Field wrapper with label + always-present error <p> (the errors- variant of field-).
|
|
Owns the group / has-error toggle; `has_error` is set when the field has errors,
|
|
`extra` is the caller's own class. `attrs` carries any pass-through div attributes (the
|
|
per-row location cell hangs its hx-* / x-dispatch swap wiring here); `body` is the
|
|
pre-rendered inner control HTML; `errors_str` is the comma-joined string errors. #}
|
|
<div class="group {% if has_error %}has-error {% endif %}{{ extra }}"{{ attrs|safe }}>
|
|
{% if label %}
|
|
<label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{ label }}</label>
|
|
{% endif %}
|
|
{{ body|safe }}
|
|
<p class="mt-2 text-xs text-red-600 dark:text-red-500 h-4">{{ errors_str }}</p>
|
|
</div>
|