Aplicação Flask (enviar SD.md -> corrigir pendências -> exportar JSON), scripts de contrato (scripts/) e infraestrutura de deploy (Dockerfile, docker-compose.yml) para VPS via Coolify. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
74 lines
2.9 KiB
HTML
74 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block titulo %}Exportação da SD{% endblock %}</title>
|
|
<!-- Antes da folha de estilo, e não no fim do body: aplicado depois, o tema
|
|
claro aparece por um quadro inteiro antes de escurecer. Sem tema gravado,
|
|
vale a preferência do sistema. -->
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var t = localStorage.getItem("tema");
|
|
if (t !== "claro" && t !== "escuro") {
|
|
t = matchMedia("(prefers-color-scheme: dark)").matches ? "escuro" : "claro";
|
|
}
|
|
document.documentElement.dataset.tema = t;
|
|
} catch (e) {
|
|
document.documentElement.dataset.tema = "claro";
|
|
}
|
|
})();
|
|
</script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="cabecalho">
|
|
<h1>Solicitação de Demanda — enviar · corrigir · exportar</h1>
|
|
<button type="button" id="alternar-tema" class="discreto" title="Alternar tema"
|
|
aria-label="Alternar tema claro e escuro">◐</button>
|
|
</div>
|
|
<div class="estados">
|
|
{# Três etapas, porque são três as que existem: o arquivo chega, ou está
|
|
pronto ou tem pendência, e sai. "Com pendências" e "Pronta" ocupam a
|
|
mesma posição — são os dois resultados possíveis da mesma análise. #}
|
|
<span class="pastilha {{ 'atual' if estado_atual == 'sem_arquivo' }}">1 Arquivo</span>
|
|
{% if estado_atual == 'com_pendencias' %}
|
|
<span class="pastilha atual bypass">2 Com pendências</span>
|
|
{% else %}
|
|
<span class="pastilha {{ 'atual' if estado_atual == 'pronta' }}">2 Pronta para exportar</span>
|
|
{% endif %}
|
|
<span class="pastilha {{ 'atual' if estado_atual == 'exportada' }}">3 JSON exportado</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="topo">
|
|
{% if erro %}<div class="faixa erro"><strong>Erro.</strong> {{ erro }}</div>{% endif %}
|
|
{% if aviso %}<div class="faixa aviso">{{ aviso }}</div>{% endif %}
|
|
{% block conteudo %}{% endblock %}
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Regras da carga: <code>CONTRATO-JSON-V2.md</code> ·
|
|
exportação: <code>scripts/exporta_sd.py</code> (função <code>montar</code>) ·
|
|
OS e linha: <code>linha_os</code> declarado no SD.md, conferido pelo sistema na carga.</p>
|
|
</footer>
|
|
|
|
<script>
|
|
document.getElementById("alternar-tema").addEventListener("click", function () {
|
|
var raiz = document.documentElement;
|
|
var novo = raiz.dataset.tema === "escuro" ? "claro" : "escuro";
|
|
raiz.dataset.tema = novo;
|
|
try { localStorage.setItem("tema", novo); } catch (e) {}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|