Rodrigo Rodriguez (Pragmatismo) 69654f37d6 refactor(ui): extract inline CSS/JS to external files

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.

2026-01-10 20:12:48 -03:00

1.8 KiB

Raw Blame History

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

1.8 KiB Raw Blame History