mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-12 22:13:05 +00:00
docs(plan): B202 — aplica prettier aos artefatos do plano (Related #1005)
This commit is contained in:
Francisco Solla
parent
e8536e646e
commit
7ba31bbc03
2 changed files with 65 additions and 26 deletions
|
|
@ -23,14 +23,24 @@
|
|||
<div class="mt-4 rounded-xl border border-zinc-800 bg-zinc-900/40 p-4">
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<h2 class="text-base font-semibold">Municípios</h2>
|
||||
<span class="text-xs text-zinc-400">Cenário: <span class="text-zinc-100">Média</span></span>
|
||||
<span class="text-xs text-zinc-400"
|
||||
>Cenário: <span class="text-zinc-100">Média</span></span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 flex flex-wrap items-center gap-2 text-xs">
|
||||
<span class="rounded-md border border-zinc-700 px-2 py-1 text-zinc-300">Buscar município</span>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300">Território: Metropolitano de Salvador</span>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300">Prioridade: Alta</span>
|
||||
<span class="rounded-full border border-sky-500/60 px-2 py-0.5 text-sky-300">Cenário: Média</span>
|
||||
<span class="rounded-md border border-zinc-700 px-2 py-1 text-zinc-300"
|
||||
>Buscar município</span
|
||||
>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300"
|
||||
>Território: Metropolitano de Salvador</span
|
||||
>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300"
|
||||
>Prioridade: Alta</span
|
||||
>
|
||||
<span class="rounded-full border border-sky-500/60 px-2 py-0.5 text-sky-300"
|
||||
>Cenário: Média</span
|
||||
>
|
||||
<span class="ml-auto text-zinc-400">Limpar</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -59,14 +69,21 @@
|
|||
<span class="font-medium">2.400</span>
|
||||
<span class="block text-xs text-zinc-500">Nas lideranças: 900</span>
|
||||
</td>
|
||||
<td class="px-3 py-2"><span class="rounded border border-zinc-700 px-1.5 py-0.5 text-xs">N2</span></td>
|
||||
<td class="px-3 py-2">
|
||||
<span class="rounded border border-zinc-700 px-1.5 py-0.5 text-xs">N2</span>
|
||||
</td>
|
||||
<td class="px-3 py-2 text-xs text-zinc-300">Favorável</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-3 py-2">
|
||||
<span class="font-medium">Salvador</span>
|
||||
<span class="ml-1 rounded bg-zinc-800 px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-zinc-300">Cidade</span>
|
||||
<span class="block text-xs text-zinc-500">Cidade agregada · Metropolitano de Salvador</span>
|
||||
<span
|
||||
class="ml-1 rounded bg-zinc-800 px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-zinc-300"
|
||||
>Cidade</span
|
||||
>
|
||||
<span class="block text-xs text-zinc-500"
|
||||
>Cidade agregada · Metropolitano de Salvador</span
|
||||
>
|
||||
</td>
|
||||
<td class="px-3 py-2 text-right tabular-nums">
|
||||
<span class="font-medium">48.312</span>
|
||||
|
|
@ -98,7 +115,9 @@
|
|||
<!-- Rodapé compartilhado: contagem + linha compacta de totais + paginação -->
|
||||
<div class="mt-3 flex flex-col items-center gap-2">
|
||||
<p class="text-sm text-zinc-400">312 municípios encontrados</p>
|
||||
<p class="flex flex-wrap items-center justify-center gap-x-3 gap-y-1 rounded-lg border border-zinc-800 bg-zinc-900/70 px-3 py-1.5 text-xs text-zinc-400 tabular-nums">
|
||||
<p
|
||||
class="flex flex-wrap items-center justify-center gap-x-3 gap-y-1 rounded-lg border border-zinc-800 bg-zinc-900/70 px-3 py-1.5 text-xs text-zinc-400 tabular-nums"
|
||||
>
|
||||
<span>Total do recorte:</span>
|
||||
<span>2022 <span class="text-sm font-semibold text-zinc-100">1.234.567</span></span>
|
||||
<span class="text-zinc-600">·</span>
|
||||
|
|
@ -119,11 +138,12 @@
|
|||
</div>
|
||||
|
||||
<p class="mt-3 text-xs text-zinc-500">
|
||||
Notas do rascunho: o total cobre <span class="text-zinc-300">todas as páginas do filtro</span>,
|
||||
não só as linhas visíveis. Salvador entra uma vez — a linha “Cidade” substitui as 19 ZE quando
|
||||
está no recorte; em recortes sem a cidade, as ZE somam. O cenário ativo (Média, default) fica
|
||||
em destaque; os outros dois ficam sempre legíveis ao lado. O rodapé é o mesmo componente
|
||||
compartilhado das listas — só municípios passa esses números; as demais listas ficam idênticas.
|
||||
Notas do rascunho: o total cobre
|
||||
<span class="text-zinc-300">todas as páginas do filtro</span>, não só as linhas visíveis.
|
||||
Salvador entra uma vez — a linha “Cidade” substitui as 19 ZE quando está no recorte; em
|
||||
recortes sem a cidade, as ZE somam. O cenário ativo (Média, default) fica em destaque; os
|
||||
outros dois ficam sempre legíveis ao lado. O rodapé é o mesmo componente compartilhado das
|
||||
listas — só municípios passa esses números; as demais listas ficam idênticas.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
|
|
@ -138,7 +158,9 @@
|
|||
</div>
|
||||
<div class="mt-3 flex gap-2 text-xs">
|
||||
<span class="rounded-md border border-zinc-700 px-2 py-1 text-zinc-300">Buscar</span>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300">TI: Metropolitano</span>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300"
|
||||
>TI: Metropolitano</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 space-y-2">
|
||||
|
|
@ -146,23 +168,33 @@
|
|||
<p class="text-sm font-medium">Município Exemplo A</p>
|
||||
<p class="text-xs text-zinc-500">Território Exemplo</p>
|
||||
<div class="mt-2 grid grid-cols-2 gap-2 text-xs">
|
||||
<span class="text-zinc-400">2022: <span class="tabular-nums text-zinc-100">1.234</span></span>
|
||||
<span class="text-zinc-400">Expect.: <span class="tabular-nums text-zinc-100">2.400</span></span>
|
||||
<span class="text-zinc-400"
|
||||
>2022: <span class="tabular-nums text-zinc-100">1.234</span></span
|
||||
>
|
||||
<span class="text-zinc-400"
|
||||
>Expect.: <span class="tabular-nums text-zinc-100">2.400</span></span
|
||||
>
|
||||
</div>
|
||||
</article>
|
||||
<article class="rounded-lg border border-zinc-800 p-3">
|
||||
<p class="text-sm font-medium">Município Exemplo B</p>
|
||||
<p class="text-xs text-zinc-500">Território Exemplo</p>
|
||||
<div class="mt-2 grid grid-cols-2 gap-2 text-xs">
|
||||
<span class="text-zinc-400">2022: <span class="tabular-nums text-zinc-100">876</span></span>
|
||||
<span class="text-zinc-400">Expect.: <span class="tabular-nums text-zinc-100">1.100</span></span>
|
||||
<span class="text-zinc-400"
|
||||
>2022: <span class="tabular-nums text-zinc-100">876</span></span
|
||||
>
|
||||
<span class="text-zinc-400"
|
||||
>Expect.: <span class="tabular-nums text-zinc-100">1.100</span></span
|
||||
>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 flex flex-col items-center gap-2">
|
||||
<p class="text-sm text-zinc-400">312 municípios encontrados</p>
|
||||
<p class="w-full rounded-lg border border-zinc-800 bg-zinc-900/70 px-3 py-2 text-center text-xs text-zinc-400 tabular-nums">
|
||||
<p
|
||||
class="w-full rounded-lg border border-zinc-800 bg-zinc-900/70 px-3 py-2 text-center text-xs text-zinc-400 tabular-nums"
|
||||
>
|
||||
<span class="block">Total do recorte</span>
|
||||
<span class="mt-1 block">
|
||||
2022 <span class="font-semibold text-zinc-100">1.234.567</span> · Pess.
|
||||
|
|
@ -189,18 +221,25 @@
|
|||
|
||||
<div class="mt-4 max-w-xl rounded-xl border border-zinc-800 bg-zinc-900/40 p-4">
|
||||
<div class="flex flex-wrap items-center gap-2 text-xs">
|
||||
<span class="rounded-md border border-zinc-700 px-2 py-1 text-zinc-300">Buscar município</span>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300">Território: Exemplo</span>
|
||||
<span class="rounded-md border border-zinc-700 px-2 py-1 text-zinc-300"
|
||||
>Buscar município</span
|
||||
>
|
||||
<span class="rounded-full border border-zinc-700 px-2 py-0.5 text-zinc-300"
|
||||
>Território: Exemplo</span
|
||||
>
|
||||
</div>
|
||||
<div class="mt-3 rounded-lg border border-dashed border-zinc-700 p-6 text-center text-sm text-zinc-400">
|
||||
<div
|
||||
class="mt-3 rounded-lg border border-dashed border-zinc-700 p-6 text-center text-sm text-zinc-400"
|
||||
>
|
||||
Nenhum município encontrado com os filtros atuais.
|
||||
</div>
|
||||
<div class="mt-3 flex flex-col items-center gap-2">
|
||||
<p class="text-sm text-zinc-400">0 municípios encontrados</p>
|
||||
</div>
|
||||
<p class="mt-3 text-xs text-zinc-500">
|
||||
Sem linhas, a linha de totais não aparece — nada de zeros enganosos. No recorte com linhas
|
||||
mas sem nenhuma expectativa preenchida, o trecho de expectativa mostra “—”, não “0”.
|
||||
Sem linhas, a linha de totais não aparece — nada de zeros enganosos. No recorte com
|
||||
linhas mas sem nenhuma expectativa preenchida, o trecho de expectativa mostra “—”, não
|
||||
“0”.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ Na lista de municípios, quem filtra já vê os números linha a linha, mas ning
|
|||
|
||||
- **Vou apresentar dados?** Sim — somas do recorte, na própria lista, junto das colunas que já existem.
|
||||
- **Decisões desbloqueadas:** Coordenador/assessor/candidato dimensiona o recorte filtrado e compara cenários de relance para priorizar onde agir; leitura relativa/local preservada (somas do conjunto que se está olhando, nunca % estadual).
|
||||
- **Forma:** *adiada ao plano de implementação* — restrições: recorte inteiro (não página), rótulo honesto, sem médias/percentuais/cobertura, sem pledges na v1, sem seletor novo, sem consulta nova se os dados do recorte já estiverem carregados.
|
||||
- **Forma:** _adiada ao plano de implementação_ — restrições: recorte inteiro (não página), rótulo honesto, sem médias/percentuais/cobertura, sem pledges na v1, sem seletor novo, sem consulta nova se os dados do recorte já estiverem carregados.
|
||||
|
||||
## Dados da decisão (literais)
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue