723a08d2e1
Painel administrativo web para orquestração de agentes Claude Code com suporte a execução de tarefas, agendamento cron, pipelines sequenciais e terminal com streaming em tempo real via WebSocket.
67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
const Toast = {
|
|
iconMap: {
|
|
success: 'check-circle',
|
|
error: 'x-circle',
|
|
info: 'info',
|
|
warning: 'alert-triangle',
|
|
},
|
|
|
|
colorMap: {
|
|
success: 'toast-success',
|
|
error: 'toast-error',
|
|
info: 'toast-info',
|
|
warning: 'toast-warning',
|
|
},
|
|
|
|
show(message, type = 'info', duration = 4000) {
|
|
const container = document.getElementById('toast-container');
|
|
if (!container) return;
|
|
|
|
const toast = document.createElement('div');
|
|
toast.className = `toast toast-${type}`;
|
|
|
|
const iconName = Toast.iconMap[type] || 'info';
|
|
|
|
toast.innerHTML = `
|
|
<span class="toast-icon" data-lucide="${iconName}"></span>
|
|
<span class="toast-message">${message}</span>
|
|
<button class="toast-close" aria-label="Fechar notificação">
|
|
<i data-lucide="x"></i>
|
|
</button>
|
|
`;
|
|
|
|
const closeBtn = toast.querySelector('.toast-close');
|
|
closeBtn.addEventListener('click', () => Toast.dismiss(toast));
|
|
|
|
container.appendChild(toast);
|
|
|
|
if (window.lucide) {
|
|
lucide.createIcons({ nodes: [toast] });
|
|
}
|
|
|
|
requestAnimationFrame(() => {
|
|
toast.classList.add('toast-show');
|
|
});
|
|
|
|
if (duration > 0) {
|
|
setTimeout(() => Toast.dismiss(toast), duration);
|
|
}
|
|
|
|
return toast;
|
|
},
|
|
|
|
dismiss(toast) {
|
|
toast.classList.remove('toast-show');
|
|
toast.classList.add('removing');
|
|
toast.addEventListener('animationend', () => toast.remove(), { once: true });
|
|
setTimeout(() => toast.remove(), 400);
|
|
},
|
|
|
|
success(message, duration) { return Toast.show(message, 'success', duration); },
|
|
error(message, duration) { return Toast.show(message, 'error', duration); },
|
|
info(message, duration) { return Toast.show(message, 'info', duration); },
|
|
warning(message, duration) { return Toast.show(message, 'warning', duration); },
|
|
};
|
|
|
|
window.Toast = Toast;
|