📐 Wzorce UI
Żywa biblioteka komponentów TN2. Każdy wzorzec pokazany jest z przykładowymi danymi (Marcin / Anna / Tomek & TN2 Sklep / Eldorado / Allegro). Wybierz wzorzec klikając nazwę — zobaczysz gdzie jest stosowany i krótką informację techniczną.
Wzorce nagłówków administracyjnych
Wzorce uprawnień / dostępów
Pasek dostępu strony administracyjnej
nagłówek admin
Tytuł strony po lewej, najważniejsza akcja jako niebieski przycisk po prawej oraz powrót do panelu admina jako przycisk obrysowany.
Układ ma zawijać się na wąskich ekranach przez flex-wrap i gap-3.
Tytuł strony administracyjnej
Skrzynki w wierszach → 4 kolumny uprawnień (AJAX live + animacja)
AJAX live ✓ wybrany wzorzecSkrzynki w wierszach, 4 kolumny uprawnień (Czyta / Wysyła / Zarządza / Usuwa). Każdy klik zapisuje się od razu — zielony błysk = potwierdzenie. „Zaznacz wszystkie" w nagłówku każdej kolumny.
| Skrzynka |
Czytaj
|
Wysyłaj
|
Zarządzaj
|
Usuwaj
|
|---|---|---|---|---|
|
TN2 Sklep
sklep@tn2.pl
|
||||
|
Eldorado
eldorado@tn2.pl
|
||||
|
Allegro
allegro@tn2.pl
|
📈 Skalowanie wzorca
Wybrany wzorzec skalowania: osobne kafelki per user. Sztuczne dane (8 userów × 12 skrzynek) żeby zobaczyć jak wygląda przy większej skali. Zastosowany na żywo w /sklepowe/ustawienia.
Osobne kafelki per user (bez przeładowywania)
AJAX live ✓ wybrany wzorzec skalowania
Każdy user = osobna kafelka z własną tabelą skrzynek i 4 kolumnami uprawnień.
Brak przełączania, brak ukrywania, brak JS-a do nawigacji — pełna statyczna lista.
Kafelki układają się w siatkę 2-3 w rzędzie zależnie od szerokości ekranu (CSS grid auto-fit).
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
| Skrzynka | 👁 | ✉ | ⚙ | 🗑 |
|---|---|---|---|---|
|
Soccerpoint
|
||||
|
iss@iss-sport.net
|
||||
|
kontakt@fanzone.pl
|
||||
|
allegro@fanzone.pl
|
||||
|
kontakt@sklep.bliskopolski.pl
|
||||
|
allegro@iss-sport.net
|
||||
|
allegro@faneo.net
|
||||
|
reklamacje@faneo.net
|
||||
|
biuro@iss-sport.net
|
||||
|
kontakt@iss-sport.net
|
||||
|
sklep@fanzone.pl
|
||||
|
biuro@fanzone.pl
|
💡 Demo: klikaj checkboxy w dowolnej kafelce — zielony błysk po każdym kliknięciu.
Reguly CRM
Edytowalne zasady pracy przy rozwoju systemu TN2.