Animacje przycisków, panel raportów, plan z kalendarzem i kolorystyka czarno-biała
Filip Borkowski, Backend/Frontend/Fullstack Engineer
Animacje przycisków
Wszystkie przyciski w aplikacji reagują teraz na najechanie kursorem płynną zmianą koloru wypełnienia. Przyciski domyślne (czarne) zmieniają się na białe z czarnym tekstem, a przyciski outline wypełniają się czernią. Animacja trwa 200ms i działa zarówno w trybie jasnym jak i ciemnym.
Panel automatycznych raportów
Nowa strona Raporty w dashboardzie umożliwia zarządzanie automatycznymi raportami. Dostępne typy: flota, zlecenia, pracownicy, finanse, urlopy, paliwo. Każdy raport można skonfigurować z częstotliwością (dziennie, tygodniowo, co 2 tygodnie, miesięcznie, kwartalnie) i formatem (PDF, CSV, Excel). Tabela z listą raportów pozwala na edycję, wstrzymywanie, usuwanie i natychmiastowe generowanie.
Nowy plan z wyborem daty
W panelu Plan załadunkowy pojawił się przycisk Nowy plan, który otwiera popover z:
- Szybkimi opcjami: następny dzień roboczy (z datą) i dzisiaj
- Kalendarzem do wyboru dowolnej daty, z zablokowanymi weekendami i polskimi nazwami dni/miesięcy
Domyślny widok planu ustawiony jest teraz na następny dzień roboczy, automatycznie pomijając soboty i niedziele.
Kolorystyka czarno-biała
Panele Urlopy, Zlecenia i Raporty zostały dostosowane do jednolitej kolorystyki czarno-białej. Usunięto kolorowe badge'e statusów (zielone, żółte, czerwone) na rzecz neutralnych odcieni szarości. Przyciski akcji i paski postępu również używają teraz monochromatycznej palety.
Formularze pracowników i pojazdów
- Telefon: pole numeru telefonu w formularzu pracownika zamieniono na dropdown z kodem kraju (20 krajów europejskich) + pole numeru
- Narodowość: zamieniona na dropdown z 20 krajami europejskimi i opcją „Inna..." z możliwością wpisania własnej wartości
- Pojazdy: usunięto pole „Nazwa" — zamiast tego w tabeli i formularzach wyświetlany jest bezpośrednio Producent i Model
Dynamiczne kolumny w imporcie floty
Import pojazdów z plików CSV i XLSX automatycznie wykrywa, które kolumny zawierają dane. Puste kolumny są ukrywane, a nad tabelą pojawiają się chipy do włączania/wyłączania kolumn — użytkownik może dowolnie sterować, które dane są widoczne i importowane. System obsługuje 19 typów kolumn: TAG, Marka, Model, Rok, VIN, Nr rej., Data rej., ubezpieczenia OC/AC i inne.
Dark mode
Poprawiono kolorystykę w trybie ciemnym dla WorkDesk (MiniMap, Controls, Background w ReactFlow) oraz mapy (popupy MapLibre). Dodano CSS overrides zapewniające spójny wygląd elementów nawigacyjnych i informacyjnych.