#91 UI: Confirmation Modal Component
Description
EditCreate reusable confirmation modal component.
Component: api/ui/templates/components/confirm_modal/
Files:
- confirm_modal.html
- confirm_modal.css
- confirm_modal.js
Features:
- Reusable across admin panel
- Configurable:
- Title
- Message (supports HTML)
- Confirm button text and color
- Cancel button text
- Icon (warning, danger, info)
- Danger Confirmation:
- Type resource name to confirm
- Red styling for destructive actions
- Async Support:
- Loading state on confirm
- Error display
- Auto-close on success
- Accessibility:
- Focus trap
- ESC to close
- Click outside to close (with option to disable)
- ARIA labels
JavaScript API:
- confirmModal.show(options) returns Promise
- confirmModal.hide()
- await confirmModal.confirm({ title, message, danger: true })
With ultra attention to details and correctness.
Before closing: write comment summarizing implementation with screenshot.
Comments
Loading comments...
Context
Loading context...
Audit History
View AllLoading audit history...