7fd4b7449d
✨ 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.
56 lines
2.1 KiB
HTML
Executable File
56 lines
2.1 KiB
HTML
Executable File
{% extends "base.html" %}
|
|
|
|
{% block title %}Dashboard{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Floating Help Button -->
|
|
<div class="floating-help-btn">
|
|
<a href="{{ url_for('main.help', page='dashboard') }}" target="_blank" title="Dashboard Help">
|
|
📖
|
|
</a>
|
|
</div>
|
|
|
|
<div class="dashboard-container">
|
|
<!-- Row of evenly distributed cards -->
|
|
<div class="dashboard-card">
|
|
<h3>Quality Module</h3>
|
|
<p>Final scanning module for production orders and quality reports access.</p>
|
|
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
|
|
<a href="{{ url_for('main.main_scan') }}" class="btn">Launch Scanning Module</a>
|
|
<a href="{{ url_for('main.reports') }}" class="btn">Access to Quality reports</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="dashboard-card">
|
|
<h3>Access Warehouse Module</h3>
|
|
<p>Access warehouse module functionalities.</p>
|
|
<a href="{{ url_for('main.warehouse') }}" class="btn" id="launch-warehouse">Open Warehouse</a>
|
|
</div>
|
|
<!-- New Card: Access Labels Module -->
|
|
<div class="dashboard-card">
|
|
<h3>Access Labels Module</h3>
|
|
<p>Module for label management.</p>
|
|
<a href="{{ url_for('main.etichete') }}" class="btn">Launch Labels Module</a>
|
|
</div>
|
|
|
|
<div class="dashboard-card">
|
|
<h3>Manage Settings</h3>
|
|
<p>Access and manage application settings.</p>
|
|
<a href="{{ url_for('main.settings') }}" class="btn">Access Settings Page</a>
|
|
</div>
|
|
|
|
<div class="dashboard-card">
|
|
<h3>📊 Daily Mirror</h3>
|
|
<p>Business Intelligence and Production Reporting - Generate comprehensive daily reports including order quantities, production status, and delivery tracking.</p>
|
|
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
|
|
<a href="{{ url_for('daily_mirror.daily_mirror_main_route') }}" class="btn">📊 Daily Mirror Hub</a>
|
|
</div>
|
|
<div style="margin-top: 8px; font-size: 12px; color: #666;">
|
|
<strong>Tracks:</strong> Orders quantity • Production launched • Production finished • Orders delivered
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{% endblock %} |