Changed flash message check to include both flash and flash.now since
error messages use flash.now when re-rendering without redirect.
This ensures validation error messages display immediately when users
upload invalid files.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Added flash message rendering directly on the benefit forms page to
ensure upload feedback is always visible, even if the layout partial
isn't rendering properly.
This provides redundancy for flash messages and ensures users always
see upload success/error feedback.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Enhanced the benefit forms file upload functionality to provide better
user feedback and visibility of uploaded files.
Changes:
1. Added file type validation in controller:
- Only accepts PDF, DOC, DOCX, JPG, PNG formats
- Shows clear error message with the rejected file extension
2. Added file size validation:
- Maximum 10MB file size limit
- Shows file size in error message if exceeded
3. Improved success/error messages:
- Shows specific filename on successful upload
- Shows detailed error messages for validation failures
4. Added uploaded files display section:
- Lists all uploaded files with icons based on file type
- Shows file size and upload timestamp
- Provides download button for each file
- Only displays when files exist
Before: Users received generic "Something went wrong" message with no
indication of why uploads failed. No way to see uploaded files.
After: Clear validation feedback tells users exactly what went wrong
(wrong format, too large, etc.) and uploaded files are visible with
download links.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Complete redesign of the benefit forms download and upload page:
**Download Section**:
- Beautiful hover cards for Health and Dental insurance
- Large colorful icons (heart pulse and smile)
- Card elevation on hover (lift animation)
- Primary colored Health button, success colored Dental button
- Centered layout with descriptions
- Side-by-side responsive layout
**Upload Section**:
- Modern drag-drop style upload area
- Dashed border with cloud upload icon
- Custom file input with "Choose File" button
- Real-time file selection feedback
- Upload area changes color when file selected (green border)
- Animated progress bar during upload
- Cancel button to reset form
- Clean action buttons with icons
**Additional Features**:
- Info box with important upload guidelines
- File format and size restrictions
- Bootstrap Icons throughout
- Smooth transitions and animations
- Turbolinks compatibility
- Form validation (file required)
- Simulated upload progress visualization
**Removed**:
- Old Bootstrap 2 classes (span4, span12)
- Outdated icon fonts
- Complex file upload plugin dependencies
- Cluttered table-heavy layout
The page now looks like a modern web application with:
- Card-based design
- Hover effects
- Large touch-friendly buttons
- Clear visual hierarchy
- Professional polish
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Ken Johnson