Rodrigo Rodriguez (Pragmatismo)
69654f37d6
Phase 2 of CSS/JS extraction - replace inline styles and scripts with external file references for better maintainability and caching. Files updated: - home.html -> css/home.css, js/home.js - tasks/tasks.html -> tasks/tasks.css, tasks/tasks.js - admin/index.html -> admin/admin.css, admin/admin.js - analytics/analytics.html -> analytics/analytics.css, analytics/analytics.js - mail/mail.html -> mail/mail.css, mail/mail.js - monitoring/monitoring.html -> monitoring/monitoring.css, monitoring/monitoring.js - attendant/index.html -> attendant/attendant.css, attendant/attendant.js All JS wrapped in IIFE pattern to prevent global namespace pollution. Functions called from HTML onclick handlers exposed via window object. HTMX reload handlers included for proper reinitialization. Per PROMPT.md: no CDN links, HTMX-first approach, local assets only.
68 lines
No EOL
1.8 KiB
Markdown
68 lines
No EOL
1.8 KiB
Markdown
# BotUI TODO
|
|
|
|
## Completed ✅
|
|
|
|
### CSS/JS Extraction - Phase 2
|
|
|
|
The following HTML files have been updated to use external CSS/JS files instead of inline styles and scripts:
|
|
|
|
| File | External CSS | External JS |
|
|
|------|-------------|-------------|
|
|
| `suite/home.html` | `css/home.css` | `js/home.js` |
|
|
| `suite/tasks/tasks.html` | `tasks/tasks.css` | `tasks/tasks.js` |
|
|
| `suite/admin/index.html` | `admin/admin.css` | `admin/admin.js` |
|
|
| `suite/analytics/analytics.html` | `analytics/analytics.css` | `analytics/analytics.js` |
|
|
| `suite/mail/mail.html` | `mail/mail.css` | `mail/mail.js` |
|
|
| `suite/monitoring/monitoring.html` | `monitoring/monitoring.css` | `monitoring/monitoring.js` |
|
|
| `suite/attendant/index.html` | `attendant/attendant.css` | `attendant/attendant.js` |
|
|
|
|
---
|
|
|
|
## Remaining Work
|
|
|
|
### Additional HTML Files to Extract
|
|
|
|
The following files still contain inline `<style>` and/or `<script>` tags:
|
|
|
|
**Admin Module:**
|
|
- `admin/users.html`
|
|
- `admin/groups.html`
|
|
- `admin/dns.html`
|
|
- `admin/billing.html`
|
|
- `admin/roles.html`
|
|
|
|
**Auth Module:**
|
|
- `auth/login.html`
|
|
- `auth/register.html`
|
|
- `auth/forgot-password.html`
|
|
- `auth/reset-password.html`
|
|
- `auth/bootstrap.html`
|
|
|
|
**Monitoring Module:**
|
|
- `monitoring/alerts.html`
|
|
- `monitoring/health.html`
|
|
- `monitoring/logs.html`
|
|
- `monitoring/metrics.html`
|
|
- `monitoring/resources.html`
|
|
|
|
---
|
|
|
|
## Guidelines
|
|
|
|
Per `PROMPT.md`:
|
|
- All JS/CSS must be local (no CDN)
|
|
- Use HTMX-first approach, minimize JavaScript
|
|
- No inline styles or scripts in production HTML
|
|
- All external JS wrapped in IIFE to prevent global pollution
|
|
- Functions called from HTML exposed via `window.functionName`
|
|
|
|
---
|
|
|
|
## Verification Checklist
|
|
|
|
- [ ] All pages render correctly after extraction
|
|
- [ ] All JavaScript functionality works
|
|
- [ ] No console errors
|
|
- [ ] HTMX interactions work correctly
|
|
- [ ] Theme switching works
|
|
- [ ] Responsive layouts preserved |