FEATURE: Settings page for configuring PBS backups via web UI
PROBLEM:
- Users had no way to configure PBS settings from the web dashboard
- Required manually setting environment variables or restarting containers
- Blank stats because no configuration existed
SOLUTION:
Added complete configuration management system:
API ENDPOINTS:
- GET /config - Retrieve current configuration
- POST /config - Save new configuration to /config/settings.json
DASHBOARD ENHANCEMENTS:
- New "⚙ Settings" button in Actions section
- Modal form with all configuration options:
* PBS Repository (user@pam!token@host:port:datastore)
* PBS Password/Token Secret
* Backup Hostname
* Backup Paths
* Exclude Patterns (multi-line textarea)
* Backup Schedule (cron expression)
* Timezone
- Form validation and user-friendly placeholders
- Persistent storage to /config/settings.json
- Auto-refresh status after saving
DESIGN:
- Retro terminal aesthetic matching dashboard theme
- Blue/purple neon modal with dark background overlay
- Smooth fade-in animation
- Mobile-responsive form layout
TECHNICAL:
- Configuration persists across container restarts
- Environment variables can be overridden by config file
- JavaScript fetch API for async save/load
- Proper error handling and user feedback
Now users can configure everything from the web UI!
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
PROBLEM SOLVED:
The netcat-based HTTP server had a fundamental bidirectional pipe issue:
- `( read method path ) | nc -l` only connects stdout→stdin in one direction
- The `read` command couldn't receive HTTP request data from nc
- All requests returned "Not found" despite correct routing logic
SOLUTION:
- Created api-server.py: Proper Python HTTP server using http.server
- Handles dashboard (GET /), status, health, logs, and backup trigger (POST)
- Full request/response handling with proper HTTP headers
- Replaces broken netcat approach with robust solution
DASHBOARD ENHANCEMENTS:
- Changed from green terminal theme to blue/purple neon aesthetic
- Primary: #00d4ff (cyan blue)
- Accent: #aa00ff (purple)
- Background: #0a0a14 (dark blue-black)
- Increased all font sizes 2-4px for better readability
- Enhanced button padding and spacing
- More visible, high-contrast interface
TECHNICAL DETAILS:
- Dockerfile: Replaced netcat-openbsd with python3 dependency
- api-server.sh: Now simple wrapper that exec's Python script
- api-server.py: Full-featured HTTP server with JSON/HTML responses
- dashboard.html: Updated color scheme and typography
TESTING:
✅ Dashboard loads at http://localhost:8080/✅ /status endpoint returns JSON
✅ /health endpoint working
✅ /logs endpoint working
✅ Real-time backup monitoring ready
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
New Features:
- Beautiful retro terminal-style web dashboard
- Dark mode with green-on-black terminal aesthetics
- ASCII art header and box-drawing characters
- Real-time status monitoring
- Manual backup trigger button
- Log viewer with syntax highlighting
- Backup history display
- Responsive design with scanline effects
- Auto-refresh every 30 seconds
Files Added:
- docker/scripts/dashboard.html - Complete retro web UI
- docker/test-dashboard.sh - Testing script
Files Modified:
- docker/Dockerfile - Added netcat-openbsd and dashboard.html
- docker/scripts/api-server.sh - Added dashboard serving (has routing bug)
Known Issue:
The nc-based HTTP server has a path routing bug where all requests
hit the default case. The dashboard HTML is complete and beautiful,
but needs either:
1. Fix to the nc-based routing logic, OR
2. Replace with Python HTTP server for more reliable routing
Dashboard features work when routing is fixed:
- GET / - Serves retro dashboard
- GET /status - Backup status JSON
- GET /health - Health check JSON
- POST /backup - Trigger manual backup
- GET /logs - Recent backup logs
The HTML/CSS/JS is production-ready, just needs working HTTP routing.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
