feat(5.13): carduri compacte mobil/tableta + fix editare preview (OOB tr) + toast
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>
This commit is contained in:
@@ -2380,6 +2380,33 @@ def _preview_one_row(conn, import_id: int, account_id: int, row_index: int):
|
||||
return result, row
|
||||
|
||||
|
||||
def _raspuns_rand_salvat(import_id: int, row: dict) -> HTMLResponse:
|
||||
"""Raspuns dupa salvarea/confirmarea unui rand de preview.
|
||||
|
||||
NU mai face OOB swap pe `<tr>` (htmx 1.9 pierde un `<tr>` brut la parsarea unui
|
||||
fragment care nu incepe cu context de tabel -> swap-ul esua tacit, randul ramanea
|
||||
cu starea veche; cauza confirmata a bug-ului 'editez si ramane la fel'). In schimb:
|
||||
- `reincarcaPreview` (HX-Trigger) -> #import-section isi reincarca preview-ul complet
|
||||
(rand + contoare + colaps deja-trimise, toate corecte, fara fragilitatea OOB).
|
||||
- `randSalvat` (HX-Trigger, cu detalii) -> base.html arata un toast cu numarul randului
|
||||
si noua stare, apoi evidentiaza randul dupa reload (feedback vizual clar: ce s-a salvat).
|
||||
- `inchideModal` (HX-Trigger-After-Settle) -> inchide modalul.
|
||||
"""
|
||||
payload = {
|
||||
"reincarcaPreview": True,
|
||||
"randSalvat": {
|
||||
"nr": row["row_index"] + 1,
|
||||
"rowIndex": row["row_index"],
|
||||
"stare": row.get("stare_eticheta") or "",
|
||||
"stareCss": row.get("stare_css") or "",
|
||||
},
|
||||
}
|
||||
resp = HTMLResponse(content='<div style="display:none;"></div>')
|
||||
resp.headers["HX-Trigger"] = json.dumps(payload)
|
||||
resp.headers["HX-Trigger-After-Settle"] = "inchideModal"
|
||||
return resp
|
||||
|
||||
|
||||
def _render_preview_rand(
|
||||
request: Request, *, import_id: int, row: dict, editing: bool,
|
||||
include_oob: bool, summary: dict, message: str | None = None,
|
||||
@@ -2537,25 +2564,8 @@ async def web_editeaza_rand(request: Request, import_id: int, row_index: int) ->
|
||||
"message": "Mai sunt valori invalide — corecteaza campurile marcate.",
|
||||
})
|
||||
|
||||
# Succes: OOB swap rand + contoare + inchideModal.
|
||||
# Continut primar (swap in #detaliu-modal-body): stub invizibil + script recalc.
|
||||
# OOB: <tr> actualizat + rezumat + contor.
|
||||
# HX-Trigger-After-Settle: inchideModal → base.html JS inchide modalul.
|
||||
oob_content = templates.get_template("_preview_rand.html").render({
|
||||
"request": request,
|
||||
"import_id": import_id,
|
||||
"row": row,
|
||||
"editing": False,
|
||||
"oob_tr": True,
|
||||
"include_oob": True,
|
||||
"summary": result["summary"],
|
||||
"message": None,
|
||||
"csrf_token": get_csrf_token(request),
|
||||
})
|
||||
html_body = '<div style="display:none;"></div>' + oob_content
|
||||
resp = HTMLResponse(content=html_body)
|
||||
resp.headers["HX-Trigger-After-Settle"] = "inchideModal"
|
||||
return resp
|
||||
# Succes: reincarca preview-ul complet + toast + inchide modal (vezi helper).
|
||||
return _raspuns_rand_salvat(import_id, row)
|
||||
finally:
|
||||
conn.close()
|
||||
|
||||
@@ -2604,22 +2614,8 @@ async def web_confirma_review(
|
||||
if row is None or isinstance(result, str):
|
||||
raise HTTPException(status_code=404, detail="rand de import inexistent")
|
||||
|
||||
# OOB: rand actualizat + rezumat + contor ok + inchideModal (identic cu succes editeaza)
|
||||
oob_content = templates.get_template("_preview_rand.html").render({
|
||||
"request": request,
|
||||
"import_id": import_id,
|
||||
"row": row,
|
||||
"editing": False,
|
||||
"oob_tr": True,
|
||||
"include_oob": True,
|
||||
"summary": result["summary"],
|
||||
"message": None,
|
||||
"csrf_token": get_csrf_token(request),
|
||||
})
|
||||
html_body = '<div style="display:none;"></div>' + oob_content
|
||||
resp = HTMLResponse(content=html_body)
|
||||
resp.headers["HX-Trigger-After-Settle"] = "inchideModal"
|
||||
return resp
|
||||
# Reincarca preview-ul complet + toast + inchide modal (identic cu succes editeaza).
|
||||
return _raspuns_rand_salvat(import_id, row)
|
||||
finally:
|
||||
conn.close()
|
||||
|
||||
|
||||
Reference in New Issue
Block a user