mirror of https://github.com/DRYTRIX/TimeTracker.git synced 2026-05-02 18:29:26 -05:00

Files

T

Dries Peeters 3f4b273b18 feat: Add command palette, enhance calendar, and improve i18n

This commit implements three major feature enhancements to improve user
productivity and experience:

COMMAND PALETTE IMPROVEMENTS:
- Add '?' key as intuitive shortcut to open command palette
- Maintain backward compatibility with Ctrl+K/Cmd+K
- Enhance visual design with modern styling and smooth animations
- Add 3D effect to keyboard badges and improved dark mode support
- Update first-time user hints and tooltips
- Improve input field detection to prevent conflicts

CALENDAR REDESIGN:
- Implement comprehensive drag-and-drop for moving/resizing events
- Add multiple calendar views (Day/Week/Month/Agenda)
- Create advanced filtering by project, task, and tags
- Build full-featured event creation modal with validation
- Add calendar export functionality (iCal and CSV formats)
- Implement color-coded project visualization (10 distinct colors)
- Create dedicated calendar.css with professional styling
- Add recurring events management UI
- Optimize API with indexed queries and proper filtering

TRANSLATION SYSTEM ENHANCEMENTS:
- Update all 6 language files (EN/DE/NL/FR/IT/FI) with 150+ strings
- Improve language switcher UI with globe icon and visual indicators
- Fix hardcoded strings in dashboard and base templates
- Add check mark for currently selected language
- Enhance accessibility with proper ARIA labels
- Style language switcher with hover effects and smooth transitions

DOCUMENTATION:
- Add COMMAND_PALETTE_IMPROVEMENTS.md and COMMAND_PALETTE_USAGE.md
- Create CALENDAR_IMPROVEMENTS_SUMMARY.md and CALENDAR_FEATURES_README.md
- Add TRANSLATION_IMPROVEMENTS_SUMMARY.md and TRANSLATION_SYSTEM.md
- Update HIGH_IMPACT_FEATURES.md with implementation details

All features are production-ready, fully tested, responsive, and maintain
backward compatibility.

2025-10-07 19:00:07 +02:00

2.2 KiB

Raw Blame History

📅 Calendar Quick Start Guide

Accessing the Calendar

Via Navigation: Work → Calendar
Direct URL: /timer/calendar

🚀 Quick Actions

Create a Time Entry

Select a project from the dropdown at the top
Click and drag on the calendar to select time
Fill in optional details (task, notes, tags)
Click "Create"

Edit a Time Entry

Quick Edit:

Drag event to move it
Drag edges to resize it

Full Edit:

Click event → Click "Edit" button

Filter Entries

By Project: Select from "All Projects" dropdown
By Task: First select project, then select task
By Tags: Type in the tags field

Export Calendar

Click "Export" button
Choose format:
- iCal → Import to your calendar app
- CSV → Open in Excel/Sheets

Change View

Click Day, Week, Month, or Agenda
Click Today to jump to current date

🎨 Visual Features

Color Coding

Each project has a distinct color
Easy to identify entries at a glance
10 colors rotate across projects

Real-time Indicators

Red line: Current time
Blue highlight: Today
Dimmed: Past events

💡 Pro Tips

Pre-select Project: Always select a project before creating entries
Drag to Create: Fastest way to log time
Use Filters: Find specific entries quickly
Agenda View: Best for mobile devices
Export Regularly: For invoicing and reporting

📱 Mobile Usage

On mobile:

Use Day or Agenda view (better than Week)
Tap event to view details
Use filters to reduce clutter
Portrait orientation works best

🐛 Troubleshooting

Events not showing?

Check your filters (click "Clear")
Verify you're in the right date range
Ensure you have time entries

Can't create entries?

Select a project first
Check you're clicking on the calendar

Export not working?

Check popup blocker
Ensure date range has events

📚 Full Documentation

For complete details, see:

Calendar Features README - Complete guide
Calendar Improvements Summary - What's new

Happy Time Tracking! ⏰

2.2 KiB Raw Blame History