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
3.7 KiB
HTML
75 lines
3.7 KiB
HTML
{# _editare_preview_modal.html — fragment de editare rand preview in modalul global.
|
|
US-006 (PRD 5.12): swap-uit in #detaliu-modal-body de butonul Editeaza din preview.
|
|
US-007 (PRD 5.12): butonul 'Confirma valorile' apare DOAR pe randurile needs_review
|
|
(T2): trimite CSRF POST la /confirma-review, inchide modalul via HX-Trigger-After-Settle.
|
|
|
|
Necesita din context:
|
|
import_id — id batch import
|
|
row_index — index rand (0-based)
|
|
csrf_token — token CSRF
|
|
vin — VIN pentru titlu
|
|
stare_css — clasa CSS pill (ex. "s-ok")
|
|
stare_eticheta — text pill (ex. "Gata de trimis")
|
|
message — mesaj de eroare general (None daca nu e)
|
|
is_needs_review — True daca randul e in starea needs_review (afiseaza butonul Confirma)
|
|
+ variabilele pentru _form_editare.html:
|
|
form_nr, form_vin, form_data, form_odo_final, form_odo_initial
|
|
err_map, fix_map, vin_context, btn_label
|
|
#}
|
|
<div class="card" style="border:none; padding:0; margin:0;">
|
|
|
|
{# Header cu heading accesibil (aria-labelledby al dialogului) #}
|
|
<div style="display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px;">
|
|
<h2 id="detaliu-modal-titlu" style="font-size:15px; margin:0;">
|
|
Editare rand {{ row_index + 1 }}
|
|
{% if vin %}<span class="muted" style="font-weight:400; font-size:13px;">· {{ vin }}</span>{% endif %}
|
|
</h2>
|
|
<span class="pill {{ stare_css }}" style="font-size:11px;">{{ stare_eticheta }}</span>
|
|
</div>
|
|
|
|
{% if message %}
|
|
<div class="flash" style="border-color:var(--err); background:color-mix(in srgb, var(--err) 12%, var(--card)); margin-bottom:12px;"
|
|
role="alert">{{ message }}</div>
|
|
{% endif %}
|
|
|
|
<form hx-post="/_import/{{ import_id }}/rand/{{ row_index }}/editeaza"
|
|
hx-target="#detaliu-modal-body"
|
|
hx-swap="innerHTML"
|
|
hx-disabled-elt="find button"
|
|
hx-on::response-error="this.querySelector && this.querySelector('.rand-eroare-banner') && (this.querySelector('.rand-eroare-banner').style.display='block');">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token or '' }}">
|
|
|
|
<div class="rand-eroare-banner" role="alert"
|
|
style="display:none; margin-bottom:10px; padding:8px 12px; border:1px solid var(--err);
|
|
background:color-mix(in srgb, var(--err) 12%, var(--card)); border-radius:6px; font-size:13px;">
|
|
Salvarea nu a reusit (retea / sesiune). Valorile introduse sunt pastrate — reincearca.
|
|
</div>
|
|
|
|
{# with_cancel=True: _form_editare.html randeaza Salveaza + Anuleaza pe acelasi
|
|
rand (sistemul .act: desktop text, mobil iconite Lucide 44px alaturate). #}
|
|
{% set with_cancel = true %}
|
|
{% include "_form_editare.html" %}
|
|
</form>
|
|
|
|
{% if is_needs_review %}
|
|
{# T2 (US-007): Butonul 'Confirma valorile' apare DOAR pe randurile needs_review.
|
|
POST separat (form propriu) la /confirma-review cu CSRF. Raspunsul inchide
|
|
modalul via HX-Trigger-After-Settle: inchideModal + swap OOB randul si countorii. #}
|
|
<form hx-post="/_import/{{ import_id }}/rand/{{ row_index }}/confirma-review"
|
|
hx-target="#detaliu-modal-body"
|
|
hx-swap="innerHTML"
|
|
hx-disabled-elt="find button"
|
|
style="margin-top:12px; border-top:1px solid var(--line); padding-top:12px;">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token or '' }}">
|
|
<p class="muted" style="font-size:13px; margin:0 0 8px;">
|
|
Valorile sunt corecte si doriesti sa includi acest rand la trimitere la RAR?
|
|
</p>
|
|
<button type="submit"
|
|
style="min-height:44px; padding:8px 18px;
|
|
background:var(--ok, #2a7); color:#fff; border-color:transparent;">
|
|
Confirma valorile
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|