Plant Summary Dashboard | Hortiprise Documentation

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
[ICON:circle-black] 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