feat(routesheet): implement complete RouteSheet module with CRUD operations
Overview
This PR implements a comprehensive RouteSheet management system for the VSN Driver mobile application, providing drivers with the ability to track daily routes, manage time slots, and monitor kilometrage across monthly periods.
Architecture & Navigation
- Add modular RouteSheet system with 6 focused components and 4 main screens
- Implement smart navigation with proper route parameters across RouteSheet screens
- Update navigation routing with nested structure for create/edit/view modes
- Maintain clean folder structure following established patterns
- Implement code using ConditionalComponent for consistent conditional rendering
RouteSheet Management Features
- Add RouteSheet tracking with monthly organization and completion status
- Implement time slot management with 4 periods (Matin, Midi, Après-midi, Soir)
- Create comprehensive state management using Zustand store with filtering
- Add RouteSheet CRUD operations with proper validation and error handling
- Implement dynamic trip management with customizable additional routes
- Add smart form components with real-time validation and auto-calculations
- Create detailed summary views with progress tracking and statistics
UI & UX Improvements
- Add animated transitions throughout RouteSheet screens for better user experience
- Implement responsive design adapting to different screen sizes and orientations
- Create intuitive calendar interface for monthly RouteSheet navigation
- Add comprehensive filtering system with year-based organization
- Implement progressive form filling with validation feedback
- Create visual progress indicators and completion tracking
- Add proper loading states and error handling with user-friendly messages
Technical Implementation
- Core Types: Comprehensive TypeScript interfaces for RouteSheet, TimeSlot, and DayData
- State Management: Zustand store with CRUD operations, filtering, and mock data generation
-
Form Components:
-
CustomTimePicker
with time slot validation -
KilometrageSection
with auto-calculation -
TimeSlotCard
with toggle functionality -
OtherTripsSection
with dynamic trip management
-
-
Display Components:
-
RouteSheetCard
with progress indicators -
RouteSheetFilterBar
with modal-based filtering -
RouteSheetSummaryCard
with statistics
-
-
Main Screens:
- List view with search and filtering
- Calendar-based creation interface
- Comprehensive edit/view modes
- Read-only day detail views
Closes VSN-1276