components

func BotaoErro ¶

func BotaoErro(runID string) templ.Component

--------------------------------------------------------------------------- Erro em dialogo

Antes o erro ocupava uma linha inteira abaixo da execucao, dentro da tabela. Com stack trace de verdade isso empurrava o resto da lista para fora da tela e misturava duas coisas — a lista e o detalhe. Agora a linha guarda um botao, e o texto vive num <dialog> nativo: ESC fecha, o backdrop escurece e o foco fica preso dentro dele sem uma linha de JavaScript nossa. ---------------------------------------------------------------------------

func Cartao ¶

func Cartao(rotulo string) templ.Component

Cartao e o painel base: superficie clara, borda fina, sombra quente e larga.

func DialogoErro ¶

func DialogoErro(runID, workflow, status, mensagem string) templ.Component

func Duracao ¶

func Duracao(d *time.Duration) string

Duracao escolhe a unidade pela ordem de grandeza. "0.4s" diz mais que "400ms" numa coluna onde o vizinho leva minutos.

func Estado ¶

func Estado(status string) templ.Component

Estado desenha o estado de um Run.

Cores dessaturadas de proposito: verde e vermelho de painel puro brigam com o pergaminho e gritam mais alto que a informacao. A forma tambem carrega significado — o ponto e cheio no que ja terminou e anelado no que segue vivo — para nao depender so de cor.

func Etiqueta ¶

func Etiqueta(texto, rota string) templ.Component

Etiqueta e um chip de tag. Vira link quando `rota` existe, para filtrar.

func Execucoes ¶

func Execucoes(baldes []postgres.Balde) templ.Component

Execucoes desenha uma coluna empilhada por hora, com a linha de duracao media por cima — as duas leituras que a tela de Overview precisa cruzar: "quantas" e "quanto tempo".

func Indicador ¶

func Indicador(rotulo, valor, nota string, matiz string) templ.Component

Indicador e um dos quatro numeros do topo do Overview. O numero em serifa grande e o que da o tom editorial — em sans ele viraria mais um dashboard.

func Instante ¶

func Instante(t *time.Time) string

Instante e a data completa, para colunas de auditoria.

func Ponto ¶

func Ponto(status string) templ.Component

Ponto e a versao minima, para tabelas densas onde o rotulo ja aparece na coluna.

func Quando ¶

func Quando(t *time.Time) string

Quando escreve o instante em relativo ate um dia, e em data absoluta depois. "há 3 min" responde a pergunta de operacao; "12/03 04:00" responde a de auditoria, e a fronteira entre as duas fica por volta de um dia.

func Rosca ¶

func Rosca(i postgres.Indicadores) templ.Component

Rosca resume a mesma janela em proporcao. O total no centro evita a leitura so relativa: 95% de vinte execucoes nao e 95% de duas mil.

func Vazio ¶

func Vazio(msg, dica string) templ.Component

Vazio comunica ausencia de dado sem parecer erro. Uma tabela vazia sem explicacao faz o operador procurar defeito onde nao ha.