#91 UI: Confirmation Modal Component

open high Created 2025-11-27 07:20 · Updated 2025-11-27 07:20

Description

Edit
Create 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 All
Loading audit history...