Pagină de detaliu pentru facturi + mai puține informații în table - e prea încărcat. #12

Closed
opened 2025-08-14 13:07:58 +03:00 by eugen · 3 comments
Owner

La lista de facturi este prea încărcată.
Am putea să reducem informațiile de pe un rând / să le compresăm cumva și să adăugăm o pagină de detalii unde putem să punem toate detaliile despre factură, poate chiar varianta PDF să fie randată acolo (cu pdf.js sau ceva componentă similară) în caz că vrei doar să vezi, nu să descarci (o ai deja descărcată, dar e mai la îndemănă în aplicație).

Legat de rânduri:
Eu folosesc dimensiune dublă la text ( că sunt "bătrân") și situația este amplificată.
Dar un rând conține prea multe informații și nu intră bine.
Ce soluții putem să găsim să reducem din lungime?

Mă gândeam că am putea pune datele într-o singură coloană una peste alta.
Client nu pare să fie important aici - pentru că toate ar trebui să fie pentru același client.

image

Similar compresie și pentru facturi descărcate ?!

image

Bonus:

"Sterge logs" - am trecut la romgleză?

image

Bonus 2:

Nu mi se pare "corect" / este confuz să pui detaliile de jurnal pe adresă URL .
Fie pui pe tot rândul, fie adaugi o coloană de acțiuni și pui o iconiță / buton pentru detalii.
Cred că prefer coloana de acțiuni, dar nu puternic.

Crezi că adresa URL ar merge pusă cu text care să curgă pe mai multe rânduri când lătimea coloanei se micșorează, să crească pe verticală sau să ii punem noi o lățime fixă, mai îngustă ?

Am văzut că nu folosești rânduri mai late.
Nu știu dacă merg să fie mai late, dar merită explorat, să vedem cum arată/ se comportă.

image

La lista de facturi este prea încărcată. Am putea să reducem informațiile de pe un rând / să le compresăm cumva și să adăugăm o pagină de detalii unde putem să punem toate detaliile despre factură, poate chiar varianta PDF să fie randată acolo (cu pdf.js sau ceva componentă similară) în caz că vrei doar să vezi, nu să descarci (o ai deja descărcată, dar e mai la îndemănă în aplicație). Legat de rânduri: Eu folosesc dimensiune dublă la text ( că sunt "bătrân") și situația este amplificată. Dar un rând conține prea multe informații și nu intră bine. Ce soluții putem să găsim să reducem din lungime? Mă gândeam că am putea pune datele într-o singură coloană una peste alta. Client nu pare să fie important aici - pentru că toate ar trebui să fie pentru același client. ![image](/attachments/6885825e-2f8f-449b-b2b0-68aa4db16072) Similar compresie și pentru facturi descărcate ?! ![image](/attachments/186f4208-19ad-46d2-a6dc-7687333a45f3) Bonus: "Sterge logs" - am trecut la romgleză? ![image](/attachments/295d168d-788c-4e90-bd98-1b4268bd3d45) Bonus 2: Nu mi se pare "corect" / este confuz să pui detaliile de jurnal pe adresă URL . Fie pui pe tot rândul, fie adaugi o coloană de acțiuni și pui o iconiță / buton pentru detalii. Cred că prefer coloana de acțiuni, dar nu puternic. Crezi că adresa URL ar merge pusă cu text care să curgă pe mai multe rânduri când lătimea coloanei se micșorează, să crească pe verticală sau să ii punem noi o lățime fixă, mai îngustă ? Am văzut că nu folosești rânduri mai late. Nu știu dacă merg să fie mai late, dar merită explorat, să vedem cum arată/ se comportă. ![image](/attachments/7d9fa9d4-5a12-4746-ac9a-08368ca3fba0)
Owner

Am adăugat buton de "acțiuni" cu link către pagina de detalii a facturii si mesajului anaf.
image
image

Am adăugat buton de "acțiuni" cu link către pagina de detalii a facturii si mesajului anaf. ![image](/attachments/a8de286d-b9ed-4ac8-ac82-a30491ad583c) ![image](/attachments/0c438a50-c805-4a02-a34e-e79319fdcc37)
Author
Owner

Abia dacă dau la 90% se vede butonul de detalii
image .

Conținutul nu are structura ok și nu se adaptează la dimensiunea paginii.
Dacă adaug sidebar sau schimb dimensiunea ferestrei, nu apar barele de derulare (orizontale) și conținutul este inacesibil , chiar dacă fereastra ar avea dimensiuni cât de cât generoase.

Aici am redimensionat fereastra și conținutul tabelului este ascuns.
image

Abia dacă dau la 90% se vede butonul de detalii ![image](/attachments/6988043c-16d0-44e7-b5e2-c98d9826d3db) . Conținutul nu are structura ok și nu se adaptează la dimensiunea paginii. Dacă adaug sidebar sau schimb dimensiunea ferestrei, nu apar barele de derulare (orizontale) și conținutul este inacesibil , chiar dacă fereastra ar avea dimensiuni cât de cât generoase. Aici am redimensionat fereastra și conținutul tabelului este ascuns. ![image](/attachments/5994045c-eb8f-41f2-8327-43fbc31a6a7c)
124 KiB
141 KiB
Owner

Am îmbunătățit structura html, layout-ul e responsiv.
image

Am îmbunătățit structura html, layout-ul e responsiv. ![image](/attachments/17240840-b9c4-4570-86ac-d3c1d61bb564)
121 KiB
eugen closed this issue 2025-12-03 10:45:56 +02:00
Sign in to join this conversation.
No milestone
No project
No assignees
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Netdava/efactura-mea#12
No description provided.