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

feat: padroniza componentes e estilos globais - Cria components.css, ajusta cores e organiza modais

Browse Source
This commit is contained in:
andersonid
2025-04-03 15:31:02 -03:00
parent 758dbdb26d
commit 9cc3f408f8
6 changed files with 420 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
templates/listar_militantes.html
View File

@@ -3,6 +3,7 @@
{% block title %}Militantes{% endblock %}
{% block content %}
<<<<<<< HEAD
<div class="row mb-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
@@ -12,42 +13,94 @@
{% if current_user.has_permission('gerenciar_militantes') %}
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalNovoMilitante">
<i class="fas fa-user-plus me-2"></i>Novo Militante
=======
<div class="table-container">
<div class="list-header">
<h2 class="list-title">
<i class="fas fa-users"></i>Militantes
</h2>
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalNovoMilitante">
<i class="fas fa-user-plus me-2"></i>Novo Militante
</button>
</div>
<div class="search-bar">
<div class="search-input-group input-group">
<span class="input-group-text">
<i class="fas fa-search"></i>
</span>
<input type="text" class="form-control" placeholder="Pesquisar militantes..." id="searchInput">
</div>
<div class="list-actions">
<button class="btn btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#filterCollapse">
<i class="fas fa-filter me-2"></i>Filtrar
</button>
<button class="btn btn-outline-primary" type="button">
<i class="fas fa-file-export me-2"></i>Exportar
>>>>>>> ee71e7b (feat: padroniza componentes e estilos globais - Cria components.css, ajusta cores e organiza modais)
</button>
{% endif %}
</div>
</div>
</div>
<div class="card shadow-sm">
<div class="card-body">
<div class="row mb-4">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-text">
<i class="fas fa-search"></i>
</span>
<input type="text" class="form-control" id="searchInput" placeholder="Pesquisar militantes...">
</div>
</div>
<div class="col-md-6">
<div class="d-flex justify-content-end gap-2">
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
<i class="fas fa-filter me-1"></i>Filtrar
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#" data-filter="todos">Todos</a></li>
<li><a class="dropdown-item" href="#" data-filter="filiados">Filiados</a></li>
<li><a class="dropdown-item" href="#" data-filter="nao-filiados">Não Filiados</a></li>
</ul>
</div>
<button type="button" class="btn btn-outline-secondary" id="btnExportar">
<i class="fas fa-download me-1"></i>Exportar
</button>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-hover align-middle">
<thead>
<tr>
<th>Nome</th>
<th>CPF</th>
<th>Email</th>
<th>Telefone</th>
<th>Filiado</th>
<th class="text-end">Ações</th>
</tr>
</thead>
<tbody>
{% for militante in militantes %}
<tr>
<td>{{ militante.nome }}</td>
<td>{{ militante.cpf }}</td>
<td>{{ militante.email }}</td>
<td>{{ militante.telefone }}</td>
<td>
<span class="badge {{ 'bg-success' if militante.filiado else 'bg-secondary' }}">
{{ 'Sim' if militante.filiado else 'Não' }}
</span>
</td>
<td>
<div class="btn-group-actions">
<button type="button"
class="btn btn-sm btn-outline-primary"
data-bs-toggle="modal"
data-bs-target="#modalEditarMilitante"
data-militante-id="{{ militante.id }}"
data-militante-nome="{{ militante.nome }}"
data-militante-cpf="{{ militante.cpf }}"
data-militante-email="{{ militante.email }}"
data-militante-telefone="{{ militante.telefone }}"
data-militante-endereco="{{ militante.endereco }}"
data-militante-filiado="{{ militante.filiado }}"
title="Editar">
<i class="fas fa-edit"></i>
</button>
<button type="button"
class="btn btn-sm btn-outline-danger"
data-bs-toggle="modal"
data-bs-target="#deleteModal"
data-militante-id="{{ militante.id }}"
data-militante-nome="{{ militante.nome }}"
title="Excluir">
<i class="fas fa-trash"></i>
</button>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<<<<<<< HEAD
<div class="table-responsive">
<table class="table table-hover" id="militantesTable">
<thead>
@@ -132,10 +185,29 @@
</li>
</ul>
</nav>
=======
<div class="pagination-container">
<div class="text-muted">
Mostrando <span id="countMilitantes">{{ militantes|length }}</span> militantes
>>>>>>> ee71e7b (feat: padroniza componentes e estilos globais - Cria components.css, ajusta cores e organiza modais)
</div>
<nav aria-label="Navegação de páginas">
<ul class="pagination mb-0">
<li class="page-item disabled" id="prevPage">
<a class="page-link" href="#"><i class="fas fa-chevron-left"></i></a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item" id="nextPage">
<a class="page-link" href="#"><i class="fas fa-chevron-right"></i></a>
</li>
</ul>
</nav>
</div>
</div>
<<<<<<< HEAD
<!-- Modal de Confirmação de Exclusão -->
<div class="modal fade" id="deleteModal" tabindex="-1">
<div class="modal-dialog">
@@ -268,6 +340,12 @@
</div>
</div>
</div>
=======
<!-- Modais -->
{% include 'modals/militante_novo.html' %}
{% include 'modals/militante_editar.html' %}
{% include 'modals/militante_excluir.html' %}
>>>>>>> ee71e7b (feat: padroniza componentes e estilos globais - Cria components.css, ajusta cores e organiza modais)
{% endblock %}
{% block scripts %}