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.

Więcej artykułów

Naprawa OCR cron, dropdown statusu, animacje tabeli zleceń

Naprawa crona OCR, dropdown statusu z ustawieniami, logika Przetwarzanie AI → in Planing, animacje pulsacji wierszy i wykrzykniki brakujących danych.

Czytaj więcej

Akordeonowy widok korespondencji email i poprawki WorkDesk

Nowy wątkowy widok emaili z animowanymi akordeonami, podgląd treści wiadomości, poprawki WorkDesk i Biblioteki danych.

Czytaj więcej