Files
quality_app/py_app/app/static/docs/dashboard.md
Quality System Admin 7fd4b7449d 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.
2025-11-03 18:48:56 +02:00

131 lines
4.5 KiB
Markdown

# Dashboard - Ghid de utilizare
## Prezentare generală
Dashboard-ul este pagina principală a aplicației Quality Management System și oferă o vizualizare de ansamblu asupra tuturor modulelor disponibile și funcționalităților sistemului.
## Structura Dashboard-ului
### Bara de navigare superioară
În partea de sus a paginii găsiți:
- **Logo-ul companiei** - Quality Management
- **Meniul principal** cu accesul la toate modulele
- **Butonul de profil utilizator** și logout în colțul din dreapta
![Bara de navigare](images/dashboard_navbar.png)
### Sectiuni principale
![Poza cu Sectiunile](images/dashboard_main.png)
#### 1. Modulul Quality (Calitate)
Permite gestionarea proceselor de control al calității:
- **Scan FG** - Scanarea produselor finite
- **Scan RM** - Scanarea materiilor prime
- **Reports** - Rapoarte de calitate
- **Quality Settings** - Configurări pentru modulul de calitate
![Modulul Quality](images/dashboard_quality.png)
#### 2. Modulul Warehouse (Depozit)
Gestionarea stocurilor și locațiilor din depozit:
- **Create Locations** - Crearea de noi locații în depozit
- **Store Articles** - Depozitarea articolelor
- **Warehouse Reports** - Rapoarte de depozit
- **Inventory Management** - Gestionarea inventarului
![Modulul Warehouse](images/dashboard_warehouse.png)
#### 3. Modulul Labels (Etichete)
Pentru generarea și printarea etichetelor:
- **Print Module** - Printarea etichetelor pentru comenzi
- **Print Lost Labels** - Reprintarea etichetelor pierdute
- **View Orders** - Vizualizarea comenzilor
- **Upload Data** - Încărcarea datelor pentru etichete
![Modulul Labels](images/dashboard_labels.png)
## Cum să navigați în aplicație
### Pasul 1: Autentificarea
1. Introduceți username-ul și parola
2. Faceți clic pe "Login"
3. Veți fi redirecționați automat către dashboard
### Pasul 2: Selectarea modulului
1. În dashboard, faceți clic pe modulul dorit (Quality, Warehouse, Labels)
2. Veți vedea submeniul cu opțiunile disponibile
3. Selectați funcționalitatea dorită
![Navigare module](images/dashboard_main.png)
### Pasul 3: Utilizarea funcționalităților
Fiecare modul are propriile sale funcționalități specializate. Consultați ghidurile specifice pentru:
- [Modulul Quality](quality_module.md)
- [Modulul Warehouse](warehouse_module.md)
- [Modulul Labels](labels_module.md)
## Permisiuni și acces
### Tipuri de utilizatori
Aplicația suportă diferite niveluri de acces:
- **Superadmin** - Acces complet la toate modulele și setări
- **Admin** - Acces la majoritatea funcționalităților
- **Manager** - Acces la funcționalitățile de management
- **User** - Acces limitat la funcționalitățile de bază
![quick view access](images/quick_access.png)
### Verificarea permisiunilor
- Dacă nu aveți acces la un modul, acesta nu va fi vizibil în dashboard
- Contactați administratorul pentru a obține permisiuni suplimentare
- Permisiunile sunt configurate per utilizator și per modul
![Niveluri de acces](images/access_management.png)
## Funcționalități comune
### Bara de căutare globală
- Folosiți bara de căutare pentru a găsi rapid comenzi, articole sau rapoarte
- Căutarea funcționează pe toate modulele activate
### Notificări sistem
- Notificările apar în colțul din dreapta sus
- Includ alertele de sistem, confirmări de acțiuni și mesaje de eroare
- Faceți clic pe notificare pentru a o închide
### Shortcuts tastatura
- **Ctrl + H** - Întoarcere la dashboard
- **Ctrl + L** - Focus pe bara de căutare
- **Escape** - Închiderea modalelor deschise
## Rezolvarea problemelor comune
### Nu se încarcă dashboard-ul
1. Verificați conexiunea la internet
2. Reîncărcați pagina (F5)
3. Ștergeți cache-ul browserului
4. Contactați administratorul IT
### Lipsesc module din dashboard
1. Verificați că sunteți autentificat corect
2. Contactați administratorul pentru verificarea permisiunilor
3. Unele module pot fi temporar dezactivate pentru mentenanță
### Performanțe lente
1. Închideți tab-urile de browser nefolosite
2. Verificați conexiunea la rețea
3. Raportați problema administratorului IT
## Contacte și suport
### Suport tehnic
- **Email**: it-support@recticel.com
- **Telefon intern**: 1234
- **Program**: L-V, 08:00-17:00
### Documentație suplimentară
- [Manual complet utilizator](user_manual.pdf)
- [Ghid rapid](quick_start.md)
- [FAQ - Întrebări frecvente](faq.md)
### Actualizări sistem
Sistemul este actualizat regulat. Consultați [pagina de changelog](changelog.md) pentru ultimele noutăți și îmbunătățiri.
---
*Ultima actualizare: Octombrie 2025*