8d4ff3400e
Dogfood pe import + Trimiteri (mobil/tableta <1024px), pur CSS + markup, backend
trimitere neatins:
- Card compact real pentru .tabel-trimiteri (preview + Trimiteri): vehicul=titlu,
stare=pill dreapta-sus, operatie+cod, meta data/km muted, nota mica. Inlocuieste
stiva generica eticheta+valoare (carduri de ~450px -> ~135px). Anuleaza regula
desktop tr.trimitere-row > td{padding:11px} in blocul compact.
- FIX editare preview: OOB swap pe <tr> esua tacit in htmx 1.9 (un <tr> brut se
pierde la parsarea unui fragment fara context de tabel) -> randul ramanea cu
starea veche dupa salvare. Inlocuit cu reload complet al preview-ului prin
HX-Trigger:reincarcaPreview + detalii randSalvat. /editeaza si /confirma-review
folosesc helper-ul _raspuns_rand_salvat.
- Feedback post-salvare: toast global "Randul N actualizat · <stare>" + scroll +
flash pe randul actualizat (base.html window.arataToast + listener randSalvat).
- Modal editare: Salveaza + Anuleaza pe acelasi rand (sistem .act): desktop text,
mobil doua iconite Lucide 44px alaturate (save/x). Macro icon('x') + .act-primary.
- Randuri deja-trimise/duplicate colapsate implicit in preview + toggle "Arata N".
- Select "Operatii de mapat" full-width pe mobil (nu mai iese din viewport).
- Bara de filtre Trimiteri adaptata mobil: pills pe banda cu scroll orizontal,
cautare vehicul proeminenta (nu 8 butoane full-width stivuite).
- Nota preview = culoarea camp-fix (accent) ca sa atraga atentia; hint-urile
camp-fix per-camp scoase (campul Note e self-explanatory).
- Confirmare trimitere: scos campul email (Declarant); text mai clar
("Confirma numarul din N gata de trimis"). Backend confirmed_by ramane optional.
Teste: contractul OOB (rupt in browser) inlocuit cu noul contract
(reincarcaPreview + randSalvat) in test_web_preview_edit / test_preview_edit_ui /
test_import_review. Suita: 992 passed (exclus live).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
75 lines
4.4 KiB
HTML
75 lines
4.4 KiB
HTML
{# Macro-uri partajate intre template-urile de import si mapari. #}
|
|
|
|
{# US-002 (PRD 5.11): autosend_toggle neutralizat — auto_send nu mai tine randuri (US-001).
|
|
Simbolul pastrat (apelat in _mapari.html, _preview_import.html, _trimitere_detaliu.html)
|
|
dar intoarce string gol. Coloanele DB raman (default 1, ne-citite pentru hold). #}
|
|
{% macro autosend_toggle(form_id='', checked=True, label='') -%}{%- endmacro %}
|
|
|
|
{# US-005 (PRD 5.12): macro `camp` partajat — extras din _trimitere_detaliu.html si
|
|
_preview_rand.html. Suporta tip='date' (calendar nativ, D#10/R3) si tip='text' (default).
|
|
|
|
Parametri:
|
|
nome — name="" al input-ului (si cheie in err_map/fix_map)
|
|
eticheta — text pentru label
|
|
valoare — valoarea curenta (pre-fill)
|
|
tip — type="" al input-ului: 'text' (default) sau 'date' (calendar nativ)
|
|
err_map — dict {field_name: mesaj_eroare}; default {}
|
|
fix_map — dict {field_name: hint_fix}; default {}
|
|
vin_context — string VIN pentru aria-label cu context (default '')
|
|
id_prefix — prefix pentru id="" al input-ului (default 'c'; preview poate folosi 'e-N')
|
|
#}
|
|
{% macro camp(nome, eticheta, valoare, tip='text', err_map={}, fix_map={}, vin_context='', id_prefix='c') %}
|
|
<div style="margin-bottom:10px;">
|
|
<label for="{{ id_prefix }}-{{ nome }}" class="muted" style="font-size:12px; display:block;">{{ eticheta }}</label>
|
|
{% if tip == 'date' %}
|
|
{# D#10/R3: degradare grijulie pentru valori ne-YYYY-MM-DD.
|
|
Daca valoarea nu e in formatul corect, inputul ramane gol + hint + hidden cu valoarea bruta
|
|
(ca sa nu se piarda tacut la submit). #}
|
|
{%- set _dp_ok = (valoare and valoare|length == 10 and valoare[4:5] == '-' and valoare[7:8] == '-') -%}
|
|
<input id="{{ id_prefix }}-{{ nome }}" type="date" name="{{ nome }}"
|
|
value="{{ valoare if _dp_ok else '' }}"
|
|
style="width:100%; {% if err_map.get(nome) %}border-color:var(--err);{% endif %}"
|
|
aria-label="{{ eticheta }}{% if vin_context %} (VIN: {{ vin_context }}){% endif %}"
|
|
{% if err_map.get(nome) %}aria-invalid="true"{% endif %}>
|
|
{% if not _dp_ok and valoare %}
|
|
<input type="hidden" name="data_prestatie_raw" value="{{ valoare }}">
|
|
<span class="camp-fix" style="font-size:12px;">Valoarea originala: {{ valoare }}</span>
|
|
{% endif %}
|
|
{% else %}
|
|
<input id="{{ id_prefix }}-{{ nome }}" type="{{ tip }}" name="{{ nome }}"
|
|
value="{{ valoare or '' }}"
|
|
style="width:100%; {% if err_map.get(nome) %}border-color:var(--err);{% endif %}"
|
|
{% if vin_context %}aria-label="{{ eticheta }} (VIN: {{ vin_context }})"{% endif %}
|
|
{% if err_map.get(nome) %}aria-invalid="true"{% endif %}>
|
|
{% endif %}
|
|
{% if err_map.get(nome) %}
|
|
<div class="s-error" style="font-size:12px; margin-top:2px;">{{ err_map.get(nome) }}</div>
|
|
{% endif %}
|
|
{% if fix_map.get(nome) %}
|
|
<span class="camp-fix" style="font-size:12px;">{{ fix_map.get(nome) }}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{# PRD 5.13 — sistem butoane de actiune responsive.
|
|
CSS-ul aferent (.act, .act-tx, .act-ic, .act-save, .act-del, .act-group)
|
|
este definit in base.html.
|
|
Desktop: se afiseaza textul (.act-tx); mobil: se afiseaza iconita (.act-ic). #}
|
|
|
|
{% macro icon(name) -%}
|
|
<svg class="act-ic" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor"
|
|
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
{%- if name == 'save' -%}<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/>
|
|
{%- elif name == 'trash' -%}<polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/>
|
|
{%- elif name == 'edit' -%}<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
|
|
{%- elif name == 'plus' -%}<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
|
|
{%- elif name == 'x' -%}<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
|
|
{%- endif -%}
|
|
</svg>
|
|
{%- endmacro %}
|
|
|
|
{% macro act_btn(label, ic, kind='', attrs='') -%}
|
|
<button class="act{% if kind %} act-{{ kind }}{% endif %}" aria-label="{{ label }}" {{ attrs | safe }}>
|
|
<span class="act-tx">{{ label }}</span>{{ icon(ic) }}</button>
|
|
{%- endmacro %}
|