Major UI/UX improvements and help system implementation

 New Features:
- Implemented comprehensive help/documentation system with Markdown support
- Added floating help buttons throughout the application
- Created modular CSS architecture for better maintainability
- Added theme-aware help pages (light/dark mode support)

🎨 UI/UX Improvements:
- Implemented 25%/75% card layout consistency across printing module pages
- Fixed barcode display issues (removed black rectangles, proper barcode patterns)
- Enhanced print method selection with horizontal layout (space-saving)
- Added floating back button in help pages
- Improved form controls styling (radio buttons, dropdowns)

🔧 Technical Enhancements:
- Modularized CSS: Created print_module.css with 779 lines of specialized styles
- Enhanced base.css with floating button components and dark mode support
- Updated routes.py with help system endpoints and Markdown processing
- Fixed JsBarcode integration with proper CDN fallback
- Removed conflicting inline styles from templates

📚 Documentation:
- Created dashboard.md with comprehensive user guide
- Added help viewer template with theme synchronization
- Set up documentation image system with proper Flask static serving
- Implemented docs/images/ folder structure

🐛 Bug Fixes:
- Fixed barcode positioning issues (horizontal/vertical alignment)
- Resolved CSS conflicts between inline styles and modular CSS
- Fixed radio button oval display issues
- Removed borders from barcode frames while preserving label info borders
- Fixed theme synchronization between main app and help pages

📱 Responsive Design:
- Applied consistent 25%/75% layout across print_module, print_lost_labels, upload_data, view_orders
- Added responsive breakpoints for tablet (30%/70%) and mobile (stacked) layouts
- Improved mobile-friendly form layouts and button sizing

The application now features a professional, consistent UI with comprehensive help system and improved printing module functionality.
This commit is contained in:
Quality System Admin
2025-11-03 18:48:56 +02:00
parent b56cccce3f
commit 7fd4b7449d
19 changed files with 1938 additions and 293 deletions

View File

@@ -0,0 +1,48 @@
# Print Module - Ghid de utilizare
## Prezentare generală
Modulul de printare permite generarea și printarea etichetelor pentru comenzile de producție.
## Pași pentru printarea etichetelor
### Pasul 1: Selectarea comenzii
1. Accesați pagina **Print Module** din meniul principal
2. În tabelul din dreapta, căutați comanda dorită
3. Faceți clic pe linia corespunzătoare pentru a o selecta
![Selectarea comenzii](images/print_module_step1.png)
### Pasul 2: Verificarea previzualizării
1. În panoul din stânga veți vedea previzualizarea etichetei
2. Verificați că toate informațiile sunt corecte:
- Numele clientului
- Cantitatea comandată
- Data livrării
- Descrierea produsului
![Previzualizare etichetă](images/print_module_step2.png)
### Pasul 3: Configurarea printării
1. Selectați metoda de printare:
- **🖨️ Direct Print**: Printare directă prin QZ Tray
- **📄 PDF Export**: Generare fișier PDF
2. Pentru printarea directă, selectați imprimanta dorită din listă
### Pasul 4: Printarea
1. Faceți clic pe butonul **🖨️ Print Labels**
2. Verificați că eticheta a fost printată corect
## Rezolvarea problemelor
### QZ Tray nu este conectat
- Descărcați și instalați QZ Tray din linkul furnizat
- Asigurați-vă că aplicația QZ Tray rulează
- Verificați că imprimanta este conectată și configurată
### Codul de bare nu se afișează
- Verificați conexiunea la internet
- Reîncărcați pagina
- Contactați administratorul dacă problema persistă
## Contacte
Pentru probleme tehnice, contactați echipa IT.