Komunikacja DM/Channels/Email, Tablica, PDF Viewer, logo, TimeLine kierowcy
Filip Borkowski, Backend/Frontend/Fullstack Engineer
TimeLine Zlecenia — nowa nazwa i funkcjonalnosc
Sekcja wczesniej znana jako "Os Projektu" zostala przemianowana na TimeLine Zlecenia. Zmiana nazwy lepiej odzwierciedla przeznaczenie komponentu — sledzenie cyklu zycia zlecenia transportowego.
Krok Start z data przydzielenia
Na poczatku osi czasu pojawil sie nowy krok Start, ktory oznacza moment przydzielenia zlecenia do kierowcy. Wyswietlana jest dokladna data i godzina przypisania, pobierana z tokena kierowcy (created_at). Dzieki temu kierowca od razu widzi, kiedy zlecenie trafilo pod jego opieke.
Wiadomosci jako wydarzenia na timeline
Wiadomosci wymieniane miedzy kierowca a dyspozytorem sa teraz widoczne bezposrednio na osi czasu jako osobne wydarzenia. Kazda wiadomosc ma etykiete nadawcy — Kierowca lub Dyspozytor — co pozwala latwo odroznic, kto jest autorem danej wiadomosci. Wydarzenia wiadomosci sa wstawiane chronologicznie miedzy krokiem Start a kolejnymi etapami zlecenia.
Parametry logiki — ulepszenia interfejsu
Przycisk Dodaj zostal przeniesiony z gornego paska tytulowego do lewego panelu, tuz obok pola wyszukiwania regul. Dzieki temu jest jednoznacznie powiazany z dodawaniem nowych pozycji do drzewa regul.
Atrybuty sa teraz prezentowane w formie tabeli — identycznie jak statusy i inne grupy ustawien. Tabela zawiera kolumny: L.P., Nazwa oraz przyciski akcji (edycja, usuwanie). Ujednolicenie wygladu poprawia spojnosc calego panelu parametrow.
Park maszyn — kontenery
Przy dodawaniu nowego pojazdu typu Kontener ukryte zostaly sekcje, ktore nie maja zastosowania dla tego typu jednostki:
- Forma wlasnosci (leasing, wlasny itp.)
- Przeglady techniczne (daty przegladow)
Formularz dynamicznie dostosowuje widoczne pola w zaleznosci od wybranego typu pojazdu, co upraszcza proces dodawania kontenerow.
Podglad zlecenia z tokena kierowcy
Przycisk podgladu w tabeli zlecen teraz korzysta z prawdziwego tokena kierowcy. Po kliknieciu system generuje (lub pobiera istniejacy) aktywny token i otwiera strone kierowcy w nowej karcie. Token pozostaje aktywny az do momentu archiwizacji zlecenia — nie ma juz limitu czasowego 72h.
Przycisk Napisz i Dodaj Akcje
Na stronie kierowcy w naglowku TimeLine Zlecenia pojawil sie przycisk Napisz z dropdownem wyboru odbiorcy (Dyspozytor, Biuro, Inny). Po wyborze strona automatycznie scrolluje do sekcji wiadomosci z prefixem adresata.
Przy kazdym kroku statusowym timeline (Start, Zaladunek, Rozladunek, Dostarczono) widoczny jest przycisk Dodaj Akcje z opcjami: dodaj zdjecie, dodaj dokument, dodaj notatke.
Nowe logo i napis 20260306
Zaktualizowano logo i napis do nowych wersji z wariantami kolorystycznymi:
- LogoBlack i NapisBlack — dla jasnych tel (sidebar, toolbar, blog)
- LogoWhite i NapisWhite — dla ciemnych tel (strona kierowcy, sidebar)
Usunieto zbedne filtry dark:invert na rzecz wlasciwych plikow graficznych.
Wewnetrzny podglad PDF
Zaimplementowano komponent PdfViewer oparty na pdf.js, ktory renderuje pliki PDF bezposrednio na canvas. Dzieki temu podglad PDF dziala niezaleznie od przegladarki uzytkownika — nie korzystamy juz z <iframe>. Komponent oferuje nawigacje stron, zoom oraz obsluge ekranow HiDPI.
PdfViewer zastapil iframe we wszystkich miejscach: strona kierowcy, email zlecenia, biblioteka danych, asystent dokumentow oraz dialogi importu (zlecenia, faktury, polisy, dowody rejestracyjne, umowy).
Tablica — whiteboard do rysowania
Nowa strona Tablica dostepna z gornego paska nawigacji. To pelny edytor graficzny z ciemnym motywem i siatka punktowa:
- Narzedzia: zaznaczanie, przesuwanie, karteczki, prostokat, elipsa, strzalka, linia, rysowanie odrecze, tekst
- Paleta 9 kolorow, 4 grubosci linii
- Wstawianie zdjec, undo/redo (Ctrl+Z/Y), zoom, pan
- Skroty klawiaturowe dla kazdego narzedzia
Dotychczasowa strona Tablica (harmonogram Gantta) zostala przemianowana na Zlecenia - Harmonogram w menu bocznym.
Tablica — poprawki light mode, zoom i tekst
Obszar roboczy Tablicy dostosowano do trybu jasnego — biale tlo w light mode, ciemne w dark mode. Siatka punktowa i pasek narzedzi automatycznie dopasowuja kolorystyke do aktywnego motywu.
Zoom scrollem myszki teraz dziala wzgledem pozycji kursora — punkt pod kursorem pozostaje nieruchomy podczas skalowania. Naprawiono problem z przeskakiwaniem widoku do srodka strony.
Narzedzie tekstu poprawione — kolory dostosowane do motywu, poprawna obsluga klawisza Enter i Escape, blokowanie skrotow klawiszowych podczas wpisywania. Dodano mozliwosc przeciagania zaznaczonych elementow.
Komunikacja zespolowa — nowy layout
Panel Komunikacja zostal przebudowany z jednokolumnowego widoku na layout dwupanelowy:
- Lewy panel z trzema zakladkami: DM (wiadomosci bezposrednie), Channels (kanaly zespolowe), Email (wysylka emaili)
- Prawy panel — widok konwersacji z timeline wiadomosci i formularzem odpowiedzi
W zakladce DM dostepne sa: wyszukiwanie konwersacji, przycisk nowej wiadomosci (+) oraz lista konwersacji z badge'ami nieprzeczytanych. Zakladka Channels zawiera liste kanalow zespolowych. Zakladka Email pozwala wyslac wiadomosc email.
Napis sidebar — poprawka light/dark
Sidebar wyswietla teraz prawidlowy wariant napisu w zaleznosci od motywu:
- NapisBlack w trybie jasnym (ciemny tekst na jasnym tle)
- NapisWhite w trybie ciemnym (jasny tekst na ciemnym tle)
PDF Viewer — poprawka ladowania zalacznikow
Naprawiono problem z ladowaniem PDF w panelu zlecen email. Komponent PdfViewer teraz samodzielnie pobiera dane z autoryzacja (credentials: include) przed przekazaniem do pdf.js. Wczesniej pdf.js nie wysylal cookies sesji, co powodowalo blad autoryzacji API.