feat: enhance documentation and UI for FullscreenButton and dev.sh commands
This commit is contained in:
@@ -69,21 +69,23 @@ Ottimizzata per tablet in orizzontale.
|
||||
- [x] `Input.tsx` - campo input styled + **toggle password visibility**
|
||||
- [x] `Modal.tsx` - modale base
|
||||
- [x] `RFIDStatus.tsx` - indicatore stato scanner
|
||||
- [x] `UserCard.tsx` - card utente con foto e ruolo
|
||||
- [x] `UserCard.tsx` - card utente con foto e ruolo (compatta per tablet)
|
||||
- [x] `CountdownTimer.tsx` - timer con progress bar
|
||||
- [x] `WelcomeCarousel.tsx` - carosello messaggi multilingua con **animazione smooth sliding**
|
||||
- [x] `NumLockBanner.tsx` - avviso NumLock per desktop
|
||||
- [x] `FullscreenButton.tsx` - toggle schermo intero (Fullscreen API)
|
||||
|
||||
### 7. Schermate (`screens/`)
|
||||
|
||||
- [x] `LoadingScreen.tsx` - caricamento iniziale + ping automatico
|
||||
- [x] `ValidatorLoginScreen.tsx` - attesa badge + password + NumLockBanner
|
||||
- [x] `ValidatorLoginScreen.tsx` - attesa badge + password + NumLockBanner + **FullscreenButton**
|
||||
- [x] `ActiveGateScreen.tsx` - varco attivo:
|
||||
- [x] Card utente (layout largo per tablet)
|
||||
- [x] **Schermata "badge non trovato"** con countdown barra visiva (30s)
|
||||
- [x] **Pulsante "Annulla" nella schermata badge non trovato**
|
||||
- [x] **Badge diverso durante errore "non trovato" → ricarica nuovo utente/errore**
|
||||
- [x] **Notifica badge validatore ignorato**
|
||||
- [x] **Pulsante FullscreenButton nell'header**
|
||||
- [x] NumLockBanner
|
||||
- [x] `SuccessModal.tsx` - conferma ingresso con carosello:
|
||||
- [x] **Carosello fullwidth** (nessun troncamento testo)
|
||||
@@ -260,6 +262,21 @@ npm run test:e2e:headed # Test con browser visibile
|
||||
npm run test:e2e:report # Mostra report HTML
|
||||
```
|
||||
|
||||
### 12. Ottimizzazione Tablet (1080x560)
|
||||
|
||||
- [x] Layout `h-screen` con `overflow-hidden` (no scroll) su tutte le schermate
|
||||
- [x] Header compatti: padding `p-3`, Logo `size="sm"`, testo ridotto
|
||||
- [x] Footer compatti: padding `p-2`, testo `text-xs`
|
||||
- [x] Card utente ridotta: foto `h-24/w-24` → `h-28/w-28`, testo `text-2xl/3xl`
|
||||
- [x] Spaziature e padding ridotti in tutti i box (meno `mb-`, `py-`, `p-`)
|
||||
- [x] Icone ridotte (da `w-24/h-24` a `w-16/h-16` ecc.)
|
||||
- [x] **Pulsante Fullscreen** nell'header di tutte le schermate (Fullscreen API)
|
||||
|
||||
### 13. Comandi Dev
|
||||
|
||||
- [x] `./dev.sh check` — Type-check TypeScript standalone (`tsc --noEmit`)
|
||||
- [x] `npm run check` — Script npm corrispondente
|
||||
|
||||
---
|
||||
|
||||
## ✅ FRONTEND COMPLETATO
|
||||
|
||||
Reference in New Issue
Block a user