Gustavo
d18a5e6e29
Codigo, Razao, Fantasia e CNPJ agora sao links no cabecalho da tabela: clicar ordena crescente; clicar de novo na mesma coluna alterna pra decrescente (e vice-versa). Trocar de coluna sempre comeca em crescente. Seta (▲/▼) indica a coluna/direcao ativa. db_clientes.listar_clientes() ganha o parametro direcao (whitelist asc/desc, igual ja acontecia com ordenar_por). Links de Anterior/Proxima da paginacao preservam a direcao escolhida. 97/97 testes passando.
40 lines
1.9 KiB
HTML
40 lines
1.9 KiB
HTML
<!-- app/templates/base.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block titulo %}Painel de Clientes{% endblock %}</title>
|
|
<style>
|
|
body { font-family: system-ui, sans-serif; margin: 0; background: #17171a; color: #f4f4f5; }
|
|
nav { background: #232326; padding: 12px 20px; display: flex; gap: 16px; }
|
|
nav a { color: #f4f4f5; text-decoration: none; }
|
|
nav a:hover { color: #F5821F; }
|
|
main { padding: 20px; max-width: 960px; margin: 0 auto; }
|
|
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
|
|
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #3a3a3e; }
|
|
th a { color: inherit; text-decoration: none; white-space: nowrap; }
|
|
th a:hover { color: #F5821F; }
|
|
input, select { padding: 8px; border-radius: 6px; border: 1px solid #3a3a3e; background: #17171a; color: #f4f4f5; width: 100%; box-sizing: border-box; }
|
|
label { display: block; margin-top: 10px; font-size: 0.85rem; color: #a1a1aa; }
|
|
button { margin-top: 14px; padding: 10px 16px; border: none; border-radius: 6px; background: #F5821F; color: #17171a; font-weight: 700; cursor: pointer; }
|
|
.mensagem { padding: 10px; border-radius: 6px; margin-bottom: 12px; }
|
|
.mensagem.success { background: #14532d; }
|
|
.mensagem.danger { background: #7f1d1d; }
|
|
.mensagem.warning { background: #78350f; }
|
|
a.botao { display: inline-block; padding: 6px 10px; border: 1px solid #3a3a3e; border-radius: 6px; color: #f4f4f5; text-decoration: none; margin-right: 6px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<a href="/clientes">Clientes</a>
|
|
<a href="/gerador-chave">Gerador de chave</a>
|
|
<a href="/funcionarios">Funcionários</a>
|
|
<a href="/log">Log</a>
|
|
</nav>
|
|
<main>
|
|
{% if mensagem %}<div class="mensagem {{ mensagem_tipo or 'success' }}">{{ mensagem }}</div>{% endif %}
|
|
{% block conteudo %}{% endblock %}
|
|
</main>
|
|
</body>
|
|
</html>
|