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:
48
py_app/app/static/docs/print_module.md
Normal file
48
py_app/app/static/docs/print_module.md
Normal 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
|
||||
|
||||

|
||||
|
||||
### 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
|
||||
|
||||

|
||||
|
||||
### 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.
|
||||
Reference in New Issue
Block a user