mirror of
https://github.com/DRYTRIX/TimeTracker.git
synced 2026-01-26 06:29:09 -06:00
5ad3dfa3cb
Major UI/UX improvements: - Add context menus (right-click) on list items with Edit, Duplicate, Delete actions - Implement bulk selection with visual feedback and enhanced bulk actions bar - Make keyboard shortcuts help modal more discoverable with floating indicator - Add keyboard shortcuts: Ctrl+A (select all), Delete key (delete selected) - Expand bulk actions with more shortcuts and context menu support Visual hierarchy and design system: - Implement consistent spacing scale (xs to 3xl) with CSS variables - Establish clear typographic hierarchy (h1-h6, body, label, caption classes) - Add subtle shadows (subtle, sm, md, lg, xl) with dark mode support - Implement status color system: green (active), yellow (pending), red (overdue) - Improve dark mode contrast and apply semantic colors for actions - Standardize colors for clarity across light and dark themes Micro-interactions and animations: - Add button press animations with scale effect - Implement smooth transitions between states - Add success checkmarks after form submissions - Add loading spinners in buttons during async operations - Enhance basic interactions with visual feedback Dashboard enhancements: - Add sparklines for quick stats visualization (7-day time tracking) - Implement activity timeline with icons and time formatting - Add real-time updates with live indicator (30-second intervals) - Enhance dashboard widgets with improved styling and hover effects - Add API endpoints for dashboard stats, sparklines, and activity timeline Per diem rates management: - Add edit functionality for per diem rates - Add delete functionality with usage validation - Fix navigation: per_diem.list_rates now correctly opens admin section - Add context menu support for per diem rates list - Improve form styling and button interactions Bug fixes: - Fix TimeEntry.duration error in dashboard_sparklines (use duration_seconds) - Fix template syntax errors in rate_form.html (extract ternary expressions) - Fix sparkline data calculation to use seconds instead of duration objects Technical changes: - Create ui-enhancements.css for new design system styles - Create ui-enhancements.js for context menus and bulk selection - Create dashboard-enhancements.js for sparklines and real-time updates - Update base.html to include new CSS/JS files - Add API endpoints: /api/dashboard/stats, /api/dashboard/sparklines, /api/activity/timeline - Update keyboard shortcuts help modal with bulk actions section - Enhance existing templates with new styling classes and interactions