' + rotulo + '

\u2014

'; return '

' + rotulo + '

' + quando(valor) + '

'; } function aviso(msg, tipo) { var cls = tipo === 'ok' ? 'mx__alert--ok' : 'mx__alert--warn'; var box = el('mx-msg'); var html = '

' + esc(msg) + '

'; if (box) { box.innerHTML = html; return; } el('mx-saida').innerHTML = html; } function eventoHtml(ev) { var classe = 'mx__ev'; if (ev.genero === 'status') classe += ' mx__ev--status'; else if (ev.rotulo === 'Solucao') classe += ' mx__ev--sol'; else if (ev.lado === 'suporte') classe += ' mx__ev--sup'; var tags = ''; if (ev.rotulo === 'Solucao') tags += 'Solu\u00e7\u00e3o'; else if (ev.automatico && ev.genero === 'mensagem') tags += 'Autom\u00e1tico'; var corpo = ev.genero === 'status' ? esc(ev.rotulo) : esc(ev.texto); return '

' + '

' + '' + esc(ev.autor || 'Sistema') + '' + '' + quando(ev.quando) + '' + tags + '

' + '

' + corpo + '

' + '

'; } function render(d) { var eventos = (d.timeline || []).map(eventoHtml).join('') || '

Ainda n\u00e3o h\u00e1 intera\u00e7\u00f5es registradas.

'; var painel = ''; if (d.pode_responder) { painel = '

' + '

Responder ao chamado

' + '

' + '' + '

' + '

' + '\u{1F4CE} Anexar arquivo' + '' + '' + '

' + '

' + '' + (d.pode_encerrar ? '' : '') + '

' + '

'; } else { painel = '

' + 'Este chamado est\u00e1 encerrado. Para uma nova demanda, abra outro chamado.' + '

'; } el('mx-saida').innerHTML = '

' + '

' + esc(d.numero_chamado) + '

' + '

' + esc(d.titulo) + '

' + '' + esc(d.situacao) + '' + '

' + '

' + linhaDado('Aberto em', d.aberto_em) + linhaDado('Primeira resposta', d.primeira_resposta_em) + linhaDado('Previs\u00e3o de solu\u00e7\u00e3o', d.previsao_solucao) + linhaDado(d.encerrado_em ? 'Encerrado em' : 'Resolvido em', d.encerrado_em || d.resolvido_em) + '' + '

' + '

Hist\u00f3rico do atendimento

' + eventos + '

' + painel + '

'; anexo = null; } function consultar() { var numero = v('mx-num'), email = v('mx-mail'); if (!numero || !email) { aviso('Preencha o n\u00famero do chamado e o e-mail.'); return; } var b = el('mx-btn'); b.disabled = true; b.textContent = 'Consultando\u2026'; el('mx-saida').innerHTML = ''; fetch(URL_CONSULTA, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ numero_chamado: numero, email: email }) }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (d) { if (!d || !d.encontrado) { aviso('N\u00e3o encontramos um chamado com esse n\u00famero para esse e-mail. Confira os dois campos \u2014 o e-mail precisa ser o mesmo usado na abertura.'); return; } render(d); }) .catch(function (e) { console.error('[mobileX] consulta:', e); aviso('Falha de conex\u00e3o com o servidor. Tente novamente em instantes.'); }) .then(function () { b.disabled = false; b.textContent = 'Consultar'; }); } function agir(acao) { var texto = v('mx-texto'); if (acao === 'mensagem' && !texto && !anexo) { aviso('Escreva uma mensagem ou anexe um arquivo.'); return; } if (acao === 'encerrar' && !window.confirm('Encerrar este chamado? Depois disso n\u00e3o ser\u00e1 poss\u00edvel responder.')) { return; } var alvo = el(acao === 'encerrar' ? 'mx-encerrar' : 'mx-enviar'); var rotulo = alvo ? alvo.textContent : ''; if (alvo) { alvo.disabled = true; alvo.textContent = 'Enviando\u2026'; } var corpo = { numero_chamado: v('mx-num'), email: v('mx-mail'), acao: acao, texto: texto }; if (anexo) { corpo.anexo_nome = anexo.nome; corpo.anexo_mime = anexo.mime; corpo.anexo_b64 = anexo.b64; } fetch(URL_ACAO, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(corpo) }) .then(function (r) { return r.json().catch(function () { return null; }); }) .then(function (d) { if (!d || !d.ok) { aviso((d && d.mensagem) || 'N\u00e3o foi poss\u00edvel registrar agora.'); if (alvo) { alvo.disabled = false; alvo.textContent = rotulo; } return; } aviso(d.mensagem, 'ok'); setTimeout(consultar, 900); }) .catch(function (e) { console.error('[mobileX] acao:', e); aviso('Falha de conex\u00e3o. Tente novamente.'); if (alvo) { alvo.disabled = false; alvo.textContent = rotulo; } }); } document.addEventListener('change', function (e) { if (!e.target || e.target.id !== 'mx-file') return; var f = e.target.files && e.target.files[0]; var span = el('mx-arq-nome'); if (!f) { anexo = null; if (span) span.textContent = ''; return; } if (f.size > LIMITE_ANEXO) { aviso('Arquivo maior que 6 MB. Escolha um menor.'); e.target.value = ''; anexo = null; if (span) span.textContent = ''; return; } var leitor = new FileReader(); leitor.onload = function () { anexo = { nome: f.name, mime: f.type || 'application/octet-stream', b64: String(leitor.result).split(',')[1] || '' }; if (span) { span.innerHTML = esc(f.name) + ' (' + Math.round(f.size / 1024) + ' KB) ' + ''; } }; leitor.onerror = function () { aviso('N\u00e3o consegui ler o arquivo.'); }; leitor.readAsDataURL(f); }); document.addEventListener('click', function (e) { var a = e.target; while (a && a !== document) { if (a.id === 'mx-btn') { e.preventDefault(); consultar(); return; } if (a.id === 'mx-enviar') { e.preventDefault(); agir('mensagem'); return; } if (a.id === 'mx-encerrar') { e.preventDefault(); agir('encerrar'); return; } if (a.id === 'mx-arq-x') { e.preventDefault(); anexo = null; var f = el('mx-file'); if (f) f.value = ''; var s = el('mx-arq-nome'); if (s) s.textContent = ''; return; } a = a.parentNode; } }); document.addEventListener('keydown', function (e) { if (e.key !== 'Enter') return; var a = e.target; if (a && (a.id === 'mx-num' || a.id === 'mx-mail')) { e.preventDefault(); consultar(); } }); function promover() { var raiz = document.querySelector('.mx'); if (raiz && raiz.parentNode !== document.body) document.body.appendChild(raiz); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', promover); else promover(); })();

Acompanhar seu chamado