๐ŸŽฏ Judge Panel Layout Control System

๐Ÿ“Š Component Visibility Configuration

Event 1 - Full Layout

โœ… format-info
โœ… participant-selection
โœ… other-heat-scores
โœ… criteria-input-grid
โœ… final-calculated-score
โœ… figures-card
โœ… diversity-validation
โœ… latest-scores
โœ… figure-history
โœ… submit-button

Result: Complete judge interface with all 10 components

Event 3 - Minimal Layout

โœ… participant-selection
โœ… final-calculated-score
โœ… submit-button

Result: Streamlined interface with only 3 essential components

Event 1 - Full Layout (All Components)

Event 3 - Minimal Layout (Essential Only)

๐Ÿ”ง How It Works

  1. Database Storage: Layout configurations are stored in events.scoring_layout_config JSON column
  2. PHP Conditions: Each judge panel section checks the configuration:
    <?php if (!$scoring_layout_config || ($scoring_layout_config['component-name'] ?? true)): ?>
        <!-- Component HTML here -->
    <?php endif; ?>
  3. JavaScript Enhancement: Additional client-side show/hide for dynamic control
  4. Graceful Degradation: If no config exists, all components are shown (default behavior)

โšก Performance Benefits

๐Ÿงช Direct Test Links

๐ŸŸข Event 1 - Full Layout ๐Ÿ”ด Event 3 - Minimal Layout