Major Dashboard improvements focusing on active reservations and calendar view:
Frontend changes:
- Add ActiveBookings component showing in-progress bookings with progress bars
- Add DashboardCalendar component with read-only calendar view of all user bookings
- Refactor Dashboard layout: active bookings → stats grid → calendar → activity
- Remove redundant Quick Actions and Available Spaces sections
- Make Quick Stats compact (36px icons, 20px font) and clickable (router-link)
- Add datetime utility functions (isBookingActive, getBookingProgress, formatRemainingTime)
- Fix MyBookings to read status query parameter from URL
- Auto-refresh active bookings every 60s with proper cleanup
Backend changes:
- Add GET /api/bookings/my/calendar endpoint with date range filtering
- Fix Google Calendar sync in reschedule_booking and admin_update_booking
- Add Google OAuth environment variables to .env.example
Design:
- Dark mode compatible with CSS variables throughout
- Mobile responsive (768px breakpoint, 2-column stats grid)
- CollapsibleSection pattern for all dashboard sections
- Progress bars with accent colors for active bookings
Performance:
- Optimized API calls (calendar uses date range filtering)
- Remove duplicate calendar data loading on mount
- Computed property caching for stats and filtered bookings
- Memory leak prevention (setInterval cleanup on unmount)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- SpaceDetail: Add responsive CSS for FullCalendar mobile layout
- Stack toolbar elements vertically on mobile (≤768px)
- Reduce font sizes and padding for compact display
- Fix overlapping navigation controls and day headers
- Spaces: Add labeled location field with icon
- Display "Location:" label with MapPin icon
- Ensure consistent formatting across all space cards
- Dashboard (Admin): Format activity event names
- Convert snake_case to Title Case (booking_approved → Booking Approved)
- Improve readability of activity log
- VerifyEmail: Improve mobile button positioning
- Stack email input and resend button vertically on mobile
- Add proper padding to prevent edge-touching
- Make button full-width for better tap targets
These changes improve UI consistency, mobile responsiveness, and user experience
across the application. Coverage improvement: 32% → 93% in Playwright tests.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Add timezone configuration per space with fallback to system default
- Implement timezone-aware datetime display and editing across frontend
- Add migration for per_space_settings table
- Update booking service to handle timezone conversions properly
- Improve .gitignore to exclude build artifacts
- Add comprehensive testing documentation
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Simplify BookingForm: remove recurring bookings, templates, and attachments
- Replace datetime-local with separate date/time inputs for better UX
- Convert inline forms to modals (Admin spaces, Users, SpaceDetail)
- Unify Create and Edit booking forms with identical styling and structure
- Add Space field to Edit modal (read-only)
- Fix calendar initial load and set week start to Monday
- Translate all form labels and messages to Romanian
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
All datetime values are stored in UTC but were displaying raw UTC times
to users, causing confusion (e.g., 10:00 Bucharest showing as 08:00).
This implements proper timezone conversion throughout the app using each
user's profile timezone setting.
Changes:
- Frontend: Replace local formatters with timezone-aware utilities
- Backend: Add timezone conversion to PUT /bookings endpoint
- FullCalendar: Configure to display events in user timezone
- Fix edit modal to preserve times when editing bookings
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
