comunatec/controles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Melhorias no Dashboard

Browse Source 
- Interface:
  - Adicionada saudação personalizada com nome do usuário
  - Melhorado formato da data em português
  - Ajustado layout do header com gradiente e sombra
  - Corrigida categoria de mensagens flash de 'error' para 'danger'

- Card de Cotas:
  - Reorganizado layout para melhor exibição de valores grandes
  - Ajustado tamanho da fonte usando calc(1.2rem + 0.8vw)
  - Adicionado container específico para valor com min-width: 0
  - Redimensionado e reposicionado ícone
  - Melhorado espaçamento e alinhamento

- Lista de Militantes:
  - Ajustada query para ordenar por ID
  - Removida dependência da coluna created_at
  - Adicionado ID do militante na listagem

- Estilos:
  - Adicionadas classes valor-container e icon-container
  - Melhorado responsividade dos valores monetários
  - Ajustado gradiente no header de boas-vindas
  - Refinado espaçamento e margens dos componentes
This commit is contained in:
andersonid
2025-04-02 21:20:48 -03:00
parent d4869dcfaa
commit 8803c971e4
10 changed files with 831 additions and 576 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
templates/home.html
View File

@@ -5,9 +5,12 @@
{% block content %}
<div class="row g-4">
<div class="col-12">
<h3 class="date-header">
{{ data_atual }}
</h3>
<div class="welcome-header">
<h2 class="mb-2">Olá, {{ nome_usuario }}!</h2>
<h4 class="text-muted">
{{ data_atual }}
</h4>
</div>
</div>
{% if current_user.has_permission('view_cell_data') %}
@@ -37,16 +40,16 @@
<div class="col-md-6 col-lg-3">
<div class="card bg-success text-white">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="card-title mb-0">Total de Cotas</h6>
<h2 class="my-2">R$ {{ total_cotas }}</h2>
<h6 class="card-title mb-2">Total de Cotas</h6>
<div class="d-flex justify-content-between align-items-start">
<div class="valor-container">
<h2 class="valor-cota mb-0">R$ {{ total_cotas }}</h2>
</div>
<div class="fs-1">
<div class="icon-container">
<i class="fas fa-dollar-sign"></i>
</div>
</div>
<a href="{{ url_for('listar_cotas') }}" class="text-white text-decoration-none">
<a href="{{ url_for('listar_cotas') }}" class="text-white text-decoration-none mt-2 d-block">
Ver detalhes <i class="fas fa-arrow-right ms-1"></i>
</a>
</div>
@@ -100,7 +103,7 @@
<!-- Últimos Militantes -->
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header bg-light">
<div class="card-header">
<h5 class="card-title mb-0">
<i class="fas fa-user-plus me-2"></i>Últimos Militantes Cadastrados
</h5>
@@ -112,7 +115,7 @@
<a href="{{ url_for('editar_militante', id=militante.id) }}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">{{ militante.nome }}</h6>
<small class="text-muted">{{ militante.created_at.strftime('%d/%m/%Y') }}</small>
<small class="text-muted">#{{ militante.id }}</small>
</div>
<small class="text-muted">{{ militante.email }}</small>
</a>
@@ -156,4 +159,46 @@
</div>
{% endif %}
</div>
<style>
.welcome-header {
background: linear-gradient(to right, var(--background-color), rgba(232, 0, 12, 0.05));
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 2rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.welcome-header h2 {
font-size: 2rem;
margin-bottom: 0.5rem;
color: var(--primary-color);
}
.welcome-header h4 {
font-size: 1.2rem;
color: var(--secondary-color);
opacity: 0.8;
margin: 0;
}
.valor-container {
flex: 1;
min-width: 0; /* Permite que o texto quebre corretamente */
}
.valor-cota {
font-size: calc(1.2rem + 0.8vw);
line-height: 1.2;
word-break: break-word;
margin-right: 0.5rem;
}
.icon-container {
font-size: 1.5rem;
opacity: 0.8;
margin-left: 8px;
margin-top: 4px;
}
</style>
{% endblock %}