Plant Summary Dashboard Overview
The Plant Summary Dashboard provides a comprehensive, real-time view of your plant inventory across all crops, varieties, and sowing batches, with advanced filtering and responsive design for optimal viewing on any device.
Responsive Design System
📱 Multi-Device Optimization
The dashboard automatically adapts to different screen sizes:
- Mobile (xs): Streamlined layout with collapsible filters and compact cards
- Tablet (sm/md): Balanced view with optimized spacing and readable fonts
- Desktop (lg/xl): Full-featured layout with expanded information display
- Dynamic Sizing: Automatic font, button, and component size adjustments
- Mobile Drawer: Bottom drawer for filters on mobile devices
Summary Statistics
📊 Key Inventory Metrics
🌿 Total Crops
Number of different crop types
Diversity indicator
🌱 Total Plants Available
Ready-to-ship plant inventory
Formatted with Indian locale
➕ Extra Plants
Surplus inventory beyond orders
Additional business opportunity
📈 Avg Germination Rate
Overall germination success
Quality performance metric
Advanced Filtering System
🔍 Multi-Criteria Search and Filter
Desktop Layout:
- Search Input: Real-time search across crop and variety names
- Status Filter: Filter by batch status (All, Planned, Sowed, Germinating, Ready)
- Date Range: Filter by sowing date range for time-based analysis
- Auto-clear: Easy clearing of individual filter values
Mobile Layout:
- Filter Button: Compact filter access via bottom drawer
- Large Inputs: Touch-friendly form elements
- Apply Button: Explicit filter application for mobile users
Hierarchical Data Display
🌳 Crop → Variety → Batch Structure
The dashboard uses a collapsible tree structure:
Crop Level:
- Expandable Panels: Click to reveal variety details
- Crop Summary: Total plants available and extra plant counts
- Variety Count Badge: Visual indicator of variety diversity
- Progress Circle: Shows variety count with completion status
Variety Level:
- Variety Cards: Individual cards for each plant variety
- Plant Count Tags: Blue tags showing available plants
- Extra Plant Tags: Green tags highlighting surplus inventory
Batch Level:
- Sowing Batch Details: Individual batch information
- Date Information: Sowing date with formatted display
- Plant Counts: Available and balance plant tracking
- Location Info: Growing unit and facility information
Interactive Visual Elements
🎨 Enhanced User Interface
- Hover Effects: Cards change appearance on hover for better interactivity
- Color-Coded Borders: Blue left borders on variety cards for easy identification
- Status Tags: Color-coded batch status tags with readable text formatting
- Germination Tooltips: Hover information for germination rates
- Badge Indicators: Count badges with appropriate sizing for screen size
Mobile-First Design Features
📱 Mobile Optimization
- Stacked Layouts: Mobile-first approach with vertical stacking
- Touch Targets: Appropriately sized buttons and interactive elements
- Compact Information: Condensed text and abbreviated labels for small screens
- Flexible Grid: Responsive grid system adapting to screen size
- Gesture-Friendly: Swipe and tap optimized interface elements
Data Loading and Performance
⚡ Performance Optimization
- Loading States: Full-screen spinner with descriptive loading message
- Error Handling: User-friendly error messages with retry options
- Debounced Search: 300ms delay to prevent excessive API calls
- Automatic Refresh: Data reloads when filters change
- Efficient Filtering: Client-side filtering for instant results
Status Management System
🏷️ Batch Status Visualization
Color-coded status system for quick identification:
- 🔵 PLANNED: Blue tags for scheduled batches
- 🟠 SOWED: Orange tags for recently planted batches
- 🟡 GERMINATING: Yellow tags for actively sprouting batches
- 🟢 READY_FOR_TRANSPLANT: Green tags for harvest-ready batches
- ⚫ COMPLETED: Gray tags for finished batches
- 🔴 FAILED: Red tags for failed batches
Detailed Information Display
📋 Comprehensive Batch Information
Each batch displays rich information:
- Date Formatting: Consistent DD-MMM-YYYY format (e.g., "15-Jan-2024")
- Batch Numbers: Unique identifiers for tracking and reference
- Plant Counts: Available plants with Indian number formatting
- Balance Plants: Extra plants beyond order requirements
- Unit Information: Growing facility location with emoji indicators
- Germination Data: 10-day germination rates with precision formatting
Empty State Management
🔍 No Data Handling
- Centered Empty State: Friendly message when no plants match filters
- Icon Indicator: Large experiment icon with appropriate sizing
- Helpful Messaging: Clear explanation of empty state
- Responsive Text: Size-appropriate text for different screen sizes
Export and Action Features
📤 Data Management Actions
- Export Button: Download plant summary data
- Refresh Function: Manual data reload capability
- Responsive Labels: Button text adapts to screen size (icons only on mobile)
- Loading States: Visual feedback during operations
Screen Size Adaptations
📐 Breakpoint-Specific Features
Extra Small (xs - <576px):
- Compact headers with smaller fonts
- Icon-only buttons to save space
- Bottom drawer for filters
- Simplified card layouts
Small/Medium (sm/md - 576px-992px):
- Balanced font sizes
- Abbreviated button labels
- Responsive grid layouts
Large/Extra Large (lg/xl - >992px):
- Full-sized elements
- Complete button labels
- Maximum information density
Best Practices
💡 Plant Summary Dashboard Tips
- Use filters to focus on specific crops or time periods for better analysis
- Monitor extra plants regularly to identify sales opportunities
- Check germination rates to identify quality issues early
- Use date range filters to track seasonal production patterns
- Export data regularly for external analysis and reporting
- Expand crop sections systematically to review detailed inventory
- Monitor balance plants to optimize production planning