${esc(service.label)}
${esc(service.desc)}
@@ -320,6 +455,31 @@ const DeskServices = (() => {Cada oferta MOSP terá wizard próprio (VM112 = só e-mail). Orquestração aqui no Desk VM122 — sem alterar a Hero do portal.
`; } + function scopeCardHtml(s) { + const layer = LAYER_LABELS[s.layer] || s.layer; + return ` + `; + } + + function blocklistBannerHtml(domain) { + if (!isPurgeBlocked(domain)) return ''; + return ` + `; + } + function scopesHtml() { const client = selectedClient(); if (!client) { @@ -328,11 +488,7 @@ const DeskServices = (() => { if (_selectedServiceId !== 'email_tenant') { return `Escopo OPS detalhado disponível para E-mail Tenant. Serviço actual: ${esc(SERVICE_CATALOG.find((s) => s.id === _selectedServiceId)?.label || _selectedServiceId)}.
`; } - return OPS_SCOPES.map((s) => ` -
- ${esc(s.label)}
- ${esc(s.desc)}
-
`).join('');
+ return `${blocklistBannerHtml(client.domain)}${OPS_SCOPES.map(scopeCardHtml).join('')}`;
}
function pageHtml() {
@@ -381,6 +537,7 @@ const DeskServices = (() => {
if (stats) stats.innerHTML = statsHtml();
bindClientClicks(root);
bindServiceClicks(root);
+ bindScopeClicks(root);
}
function bindPage(root) {
@@ -395,6 +552,7 @@ const DeskServices = (() => {
});
bindClientClicks(root);
bindServiceClicks(root);
+ bindScopeClicks(root);
}
function bindClientClicks(root) {
@@ -407,6 +565,42 @@ const DeskServices = (() => {
});
}
+ function bindScopeClicks(root) {
+ root.querySelectorAll('[data-scope-id]').forEach((btn) => {
+ btn.addEventListener('click', () => navigateScope(btn.dataset.scopeId));
+ });
+ }
+
+ function navigateScope(scopeId) {
+ const scope = OPS_SCOPES.find((s) => s.id === scopeId);
+ const client = selectedClient();
+ if (!scope || !client) return;
+ const domain = client.domain;
+
+ if (scope.action === 'modal') {
+ openModal(domain);
+ return;
+ }
+ if (scope.action === 'console') {
+ if (typeof openConsoleDnsViewer === 'function' && scope.id === 'cloudflare') {
+ openConsoleDnsViewer(domain);
+ return;
+ }
+ if (typeof openConsolePath === 'function') {
+ openConsolePath(scope.consolePath || '/admin/dominio', { domain });
+ }
+ return;
+ }
+ if (scope.action === 'view' && window.DeskNavigate?.go) {
+ window.DeskNavigate.go(scope.view, {
+ eventsTab: scope.eventsTab,
+ ticketFilter: scope.ticketFilter,
+ });
+ } else if (scope.action === 'view') {
+ document.querySelector(`[data-view="${scope.view}"]`)?.click();
+ }
+ }
+
function bindServiceClicks(root) {
root.querySelectorAll('[data-service-id]').forEach((tile) => {
tile.addEventListener('click', () => {
@@ -783,6 +977,7 @@ const DeskServices = (() => {
}
function closeModal() {
+ stopVm112LoadStepAnimation();
closePurgeDrawer();
const modal = document.getElementById('vm112-domain-modal');
if (!modal) return;
@@ -790,46 +985,29 @@ const DeskServices = (() => {
modal.setAttribute('aria-hidden', 'true');
}
- function openModal(domain) {
- const modal = document.getElementById('vm112-domain-modal');
- const body = document.getElementById('vm112-domain-modal-body');
- const title = document.getElementById('vm112-domain-modal-title');
- const sub = document.getElementById('vm112-domain-modal-sub');
- if (!modal || !body) return;
- modal.classList.remove('hidden');
- modal.setAttribute('aria-hidden', 'false');
- title.textContent = domain;
- sub.textContent = 'E-mail Tenant · a carregar…';
- body.innerHTML = 'A carregar detalhe VM112…
'; - loadModal(domain); - modal.querySelectorAll('[data-close-vm112-modal]').forEach((el) => { - el.onclick = closeModal; - }); - } - - async function loadModal(domain) { - const body = document.getElementById('vm112-domain-modal-body'); - const sub = document.getElementById('vm112-domain-modal-sub'); - try { - const d = await apiFetch(`/v1/vm112/domains/${encodeURIComponent(domain)}`, {}, 180000); - const accN = (d.accounts || []).length; - sub.textContent = `E-mail Tenant · ${accN} conta(s) · ${d.mail_host || ''}`; - const steps = (d.infra_status?.steps || []) - .map((s) => `Domínio protegido — exige código de autorização gerado em Infra (root).
` - : ''; - body.innerHTML = ` + : ''; + const purgeBtn = purgeBlocked + ? 'Domínio na blocklist — purge desactivado.
' + : ``; + return `Serviço: E-mail Tenant
Cliente / domínio: ${esc(domain)}
@@ -843,7 +1021,7 @@ const DeskServices = (() => {- ${steps || '
- — '}
-
Contas Carbonio
+Contas Carbonio (${accN})
- ${accounts}
@@ -854,12 +1032,129 @@ const DeskServices = (() => {
${authCodeField}
-
+ ${purgeBtn}
`;
- body.querySelector('#vm112-purge-btn')?.addEventListener('click', () => runPurge(domain));
+ }
+
+ function vm112DetailLoadingPanelHtml() {
+ return `
+
+
+
`;
+ }
+
+ function vm112LoadingButtonHtml(label = 'A carregar') {
+ return ``;
+ }
+
+ let _vm112LoadStepTimer = null;
+
+ function startVm112LoadStepAnimation(root) {
+ stopVm112LoadStepAnimation();
+ const steps = root?.querySelectorAll('#vm112-load-steps .vm112-load-step');
+ if (!steps?.length) return;
+ let idx = 0;
+ _vm112LoadStepTimer = setInterval(() => {
+ steps.forEach((el, i) => {
+ el.classList.toggle('vm112-load-step--active', i === idx);
+ });
+ idx = (idx + 1) % steps.length;
+ }, 2800);
+ }
+
+ function stopVm112LoadStepAnimation() {
+ if (_vm112LoadStepTimer) {
+ clearInterval(_vm112LoadStepTimer);
+ _vm112LoadStepTimer = null;
+ }
+ }
+
+ function setModalSubLoading() {
+ const sub = document.getElementById('vm112-domain-modal-sub');
+ if (!sub) return;
+ sub.innerHTML = 'E-mail Tenant · a carregar';
+ }
+
+ function modalSkeletonHtml(raw, domain) {
+ return `
+ A consultar VM112
+-
+
- Carbonio — contas (zmprov) +
- Infra CT114 — SNI, Traefik, HTTPS +
- Cloudflare — zona DNS +
+
+ Serviço: E-mail Tenant
+Cliente / domínio: ${esc(domain)}
+Admin portal: ${esc(raw?.portal_admin_email || '—')}
+Carbonio: ${raw?.carbonio_exists ? 'ativo' : 'ausente'}
+Pasta site: ${raw?.site_folder_exists ? 'sim' : 'não'}
+
+ ${vm112DetailLoadingPanelHtml()}
+
+
+
`;
+ }
+
+ function openModal(domain) {
+ const modal = document.getElementById('vm112-domain-modal');
+ const body = document.getElementById('vm112-domain-modal-body');
+ const title = document.getElementById('vm112-domain-modal-title');
+ if (!modal || !body) return;
+ stopVm112LoadStepAnimation();
+ modal.classList.remove('hidden');
+ modal.setAttribute('aria-hidden', 'false');
+ title.textContent = domain;
+ setModalSubLoading();
+ const raw = selectedClient()?.raw;
+ body.innerHTML = raw
+ ? modalSkeletonHtml(raw, domain)
+ : `Purge completo (testes — Spec 017)
+ + ${vm112LoadingButtonHtml('A carregar')} +${vm112DetailLoadingPanelHtml()}
`;
+ body.setAttribute('aria-busy', 'true');
+ startVm112LoadStepAnimation(body);
+ loadModal(domain);
+ modal.querySelectorAll('[data-close-vm112-modal]').forEach((el) => {
+ el.onclick = closeModal;
+ });
+ }
+
+ async function loadModal(domain) {
+ const body = document.getElementById('vm112-domain-modal-body');
+ const sub = document.getElementById('vm112-domain-modal-sub');
+ try {
+ const d = await apiFetch(`/v1/vm112/domains/${encodeURIComponent(domain)}`, {}, 45000);
+ stopVm112LoadStepAnimation();
+ body.removeAttribute('aria-busy');
+ const accN = (d.accounts || []).length;
+ if (sub) sub.textContent = `E-mail Tenant · ${accN} conta(s) · ${d.mail_host || ''}`;
+ body.innerHTML = renderModalBody(d, domain);
+ if (!d.purge_blocked) {
+ body.querySelector('#vm112-purge-btn')?.addEventListener('click', () => runPurge(domain));
+ }
} catch (e) {
- body.innerHTML = `Erro: ${esc(e.message)}
`; + stopVm112LoadStepAnimation(); + body.removeAttribute('aria-busy'); + if (sub) sub.textContent = 'E-mail Tenant · erro ao carregar'; + body.innerHTML = `Erro: ${esc(e.message)}
`; + body.querySelector('#servicos-modal-retry')?.addEventListener('click', () => { + const rawRetry = selectedClient()?.raw; + setModalSubLoading(); + body.innerHTML = rawRetry + ? modalSkeletonHtml(rawRetry, domain) + : `${vm112DetailLoadingPanelHtml()}
`;
+ body.setAttribute('aria-busy', 'true');
+ startVm112LoadStepAnimation(body);
+ loadModal(domain);
+ });
}
}
@@ -880,6 +1175,15 @@ const DeskServices = (() => {
el.textContent = message;
}
+ function renderPageShell(container, { staleHint = '' } = {}) {
+ if (_clients.length && !_selectedClientId) {
+ _selectedClientId = _clients[0].id;
+ }
+ container.innerHTML = pageHtml();
+ bindPage(container);
+ if (staleHint) setPollStatus(container, staleHint);
+ }
+
async function renderPage(container, options = {}) {
const { poll = false } = options;
if (!container) return;
@@ -888,33 +1192,47 @@ const DeskServices = (() => {
return;
}
const hasPage = Boolean(container.querySelector('.servicos-page'));
+ const cached = readDomainsCache();
+
if (poll && hasPage) {
try {
- await loadDomains();
+ await loadDomains({ timeoutMs: DOMAINS_POLL_TIMEOUT_MS });
refreshPanels(container);
setPollStatus(container, '');
} catch (e) {
- setPollStatus(container, `Actualização falhou: ${e.message}`, true);
+ setPollStatus(container, `Actualização falhou (lista anterior mantida): ${e.message}`, true);
}
return;
}
+
if (!hasPage) {
- container.innerHTML = 'A carregar clientes e serviços VM112…
'; - } - try { - await loadDomains(); - if (_clients.length && !_selectedClientId) { - _selectedClientId = _clients[0].id; + const hydrated = hydrateFromCache(); + if (hydrated) { + renderPageShell(container, { + staleHint: hydrated.fresh + ? 'A actualizar lista VM112…' + : 'Lista em cache — a actualizar VM112…', + }); + } else { + container.innerHTML = 'A carregar clientes e serviços VM112…
'; } - container.innerHTML = pageHtml(); - bindPage(container); - setPollStatus(container, ''); - } catch (e) { + } + + try { + await loadDomains({ timeoutMs: DOMAINS_FETCH_TIMEOUT_MS }); if (hasPage) { - setPollStatus(container, `Erro ao carregar VM112: ${e.message}`, true); + refreshPanels(container); + setPollStatus(container, ''); + } else { + renderPageShell(container); + setPollStatus(container, ''); + } + } catch (e) { + if (hasPage || cached?.domains?.length) { + setPollStatus(container, `VM112 lento ou API Desk a reiniciar — ${e.message}`, true); return; } - container.innerHTML = `Erro ao carregar VM112: ${esc(e.message)}
Erro ao carregar VM112: ${esc(e.message)}