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.
107 lines
2.8 KiB
JavaScript
107 lines
2.8 KiB
JavaScript
const Modal = {
|
|
_confirmResolve: null,
|
|
|
|
open(modalId) {
|
|
const overlay = document.getElementById(modalId);
|
|
if (!overlay) return;
|
|
|
|
overlay.hidden = false;
|
|
requestAnimationFrame(() => overlay.classList.add('active'));
|
|
|
|
const firstInput = overlay.querySelector('input:not([type="hidden"]), textarea, select');
|
|
if (firstInput) {
|
|
setTimeout(() => firstInput.focus(), 50);
|
|
}
|
|
},
|
|
|
|
close(modalId) {
|
|
const overlay = document.getElementById(modalId);
|
|
if (!overlay) return;
|
|
|
|
overlay.classList.remove('active');
|
|
setTimeout(() => { overlay.hidden = true; }, 200);
|
|
|
|
const form = overlay.querySelector('form');
|
|
if (form) form.reset();
|
|
},
|
|
|
|
closeAll() {
|
|
document.querySelectorAll('.modal-overlay').forEach((overlay) => {
|
|
if (!overlay.hidden) {
|
|
overlay.classList.remove('active');
|
|
setTimeout(() => { overlay.hidden = true; }, 200);
|
|
const form = overlay.querySelector('form');
|
|
if (form) form.reset();
|
|
}
|
|
});
|
|
},
|
|
|
|
confirm(title, message) {
|
|
return new Promise((resolve) => {
|
|
Modal._confirmResolve = resolve;
|
|
|
|
const titleEl = document.getElementById('confirm-modal-title');
|
|
const messageEl = document.getElementById('confirm-modal-message');
|
|
|
|
if (titleEl) titleEl.textContent = title;
|
|
if (messageEl) messageEl.textContent = message;
|
|
|
|
Modal.open('confirm-modal-overlay');
|
|
});
|
|
},
|
|
|
|
_resolveConfirm(result) {
|
|
Modal.close('confirm-modal-overlay');
|
|
if (Modal._confirmResolve) {
|
|
Modal._confirmResolve(result);
|
|
Modal._confirmResolve = null;
|
|
}
|
|
},
|
|
|
|
_setupListeners() {
|
|
document.addEventListener('click', (e) => {
|
|
if (e.target.classList.contains('modal-overlay')) {
|
|
const modalId = e.target.id;
|
|
|
|
if (modalId === 'confirm-modal-overlay') {
|
|
Modal._resolveConfirm(false);
|
|
} else {
|
|
Modal.close(modalId);
|
|
}
|
|
return;
|
|
}
|
|
|
|
const closeBtn = e.target.closest('[data-modal-close]');
|
|
if (closeBtn) {
|
|
const targetId = closeBtn.dataset.modalClose;
|
|
|
|
if (targetId === 'confirm-modal-overlay') {
|
|
Modal._resolveConfirm(false);
|
|
} else {
|
|
Modal.close(targetId);
|
|
}
|
|
}
|
|
});
|
|
|
|
document.addEventListener('keydown', (e) => {
|
|
if (e.key !== 'Escape') return;
|
|
|
|
const activeModal = document.querySelector('.modal-overlay.active');
|
|
if (!activeModal) return;
|
|
|
|
if (activeModal.id === 'confirm-modal-overlay') {
|
|
Modal._resolveConfirm(false);
|
|
} else {
|
|
Modal.close(activeModal.id);
|
|
}
|
|
});
|
|
|
|
const confirmBtn = document.getElementById('confirm-modal-confirm-btn');
|
|
if (confirmBtn) confirmBtn.addEventListener('click', () => Modal._resolveConfirm(true));
|
|
},
|
|
};
|
|
|
|
document.addEventListener('DOMContentLoaded', () => Modal._setupListeners());
|
|
|
|
window.Modal = Modal;
|