Files
andreandClaude Sonnet 5 b1e88781b8 feat(backoffice): DataTables cliente-only nas 11 listagens com CSV
Fecha o item 6.9 da auditoria (sem server-side/AJAX — todas as tabelas
estão bem abaixo de 60 linhas): ordenação, pesquisa, paginação, pt-PT
e Responsive (colapso em ecrãs estreitos), reaproveitando o botão
"Exportar CSV" já existente.

DataTables 2.3.4 + Responsive 3.0.6 vendorizados em
assets/vendor/datatables-2.3.4/ (mesma versão/decisão do hub.andmore.pt),
nunca de CDN. Tradução pt-PT oficial inline em assets/js/datatables-init.js,
que expõe initDataTable(selector, opts) — cada página dá um id estável à
tabela e marca a coluna de Ações como orderable:false/searchable:false.
Os vendor scripts só carregam nas 10 páginas que os usam (injeção dinâmica
depois do DOMContentLoaded, como o loader do Summernote), não no
header/footer partilhado.

views/admin/trials/index.php ficou de fora de propósito: cada linha tem
um <select> de estado e um <textarea> de notas editados in-line antes de
"Guardar" — um redraw da DataTable a meio dessa edição (ordenar, paginar)
arrisca perder ou baralhar o que ainda não foi submetido.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-26 10:34:09 +01:00

110 lines
6.0 KiB
PHP

<?php
require __DIR__ . '/../../../config/db.php';
require __DIR__ . '/../../../config/functions.php';
$user = require_admin();
// Handle delete BEFORE any output
// POST + CSRF: um link GET podia ser disparado a partir de outro site.
if (isset($_POST['delete']) && is_numeric($_POST['delete'])) {
csrf_check();
db_team_delete($pdo, (int) $_POST['delete']);
session()->setFlashdata('success', 'Membro apagado — fica na lixeira 30 dias.');
header('Location: ' . base_url('views/admin/team/index.php'));
exit;
}
// Optimize existing photos (resize/compress to the team cap)
if (isset($_POST['optimize'])) {
csrf_check();
$stats = img_optimize_dir(__DIR__ . '/../../../uploads/team/foto/', IMG_MAX_TEAM);
session()->setFlashdata($stats['failed'] ? 'warning' : 'success', img_stats_message($stats));
header('Location: ' . base_url('views/admin/team/index.php'));
exit;
}
$items = db_team_list($pdo);
if (isset($_GET['csv'])) {
$rows = [];
foreach ($items as $item) {
$rows[] = [$item['name'], $item['title'] ?? '', $item['at'] ?? '', $item['status']];
}
csv_export('team', 'equipa', 'Exportação CSV da equipa', ['Nome', 'Cargo', 'Área', 'Estado'], $rows);
}
$page_title = 'Equipa';
include __DIR__ . '/../../../includes/header.php';
?>
<?= link_tag('assets/vendor/datatables-2.3.4/dataTables.bootstrap5.min.css') ?>
<?= link_tag('assets/vendor/datatables-2.3.4/responsive.bootstrap5.min.css') ?>
<div class="container">
<div class="d-flex justify-content-between align-items-center mb-4">
<h1 class="h3 mb-0">Equipa</h1>
<div class="d-flex gap-2">
<a class="btn btn-outline-secondary" href="?csv=1"><i class="bi bi-filetype-csv me-1"></i>Exportar CSV</a>
<form method="POST" class="mb-0">
<?= csrf_field() ?>
<button type="submit" name="optimize" value="1" class="btn btn-outline-success"
title="Redimensiona e comprime as fotos da equipa para o máximo de <?= IMG_MAX_TEAM ?>px"
onclick="return confirm('Otimizar todas as fotos da equipa (máx. <?= IMG_MAX_TEAM ?>px)? Os ficheiros originais serão substituídos.')">
<i class="bi bi-arrows-angle-contract me-1"></i>Otimizar fotos
</button>
</form>
<a class="btn btn-primary" href="<?= base_url('views/admin/team/create.php') ?>"><i class="bi bi-plus-lg me-1"></i>Adicionar Membro</a>
</div>
</div>
<div class="card shadow-sm"><div class="card-body p-0">
<div class="table-responsive">
<table class="table table-hover align-middle mb-0" id="teamTable">
<thead class="table-light"><tr>
<th style="width:60px">Foto</th><th>Nome</th><th>Área</th><th>Estado</th><th style="width:120px">Ações</th>
</tr></thead>
<tbody>
<?php if (!$items): ?>
<tr><td colspan="5" class="text-center text-muted py-4">Nenhum membro. Clique "Adicionar Membro" para começar.</td></tr>
<?php else: ?>
<?php foreach ($items as $item): ?>
<tr>
<td><?php if ($item['photo']): ?><img src="<?= base_url('uploads/team/foto/' . $item['photo']) ?>" alt="" style="width:40px;height:40px;object-fit:cover;border-radius:50%"><?php else: ?><span style="width:40px;height:40px;border-radius:50%;background:#dee2e6;display:inline-flex;align-items:center;justify-content:center"><i class="bi bi-person text-muted"></i></span><?php endif; ?></td>
<td><strong><?= htmlspecialchars($item['name']) ?></strong><?php if (!empty($item['title'])): ?><div class="small text-muted"><?= htmlspecialchars($item['title']) ?></div><?php endif; ?></td>
<td><?= htmlspecialchars($item['at'] ?? '—') ?></td>
<td><span class="badge <?= $item['status'] === 'ativo' ? 'bg-success' : 'bg-secondary' ?>"><?= htmlspecialchars($item['status']) ?></span>
<?php if ($item['deleted_at']): ?><span class="badge bg-danger ms-1">apagado</span><?php endif; ?></td>
<td>
<?php if ($item['deleted_at']): ?>
<form method="POST" action="edit.php?id=<?= (int) $item['id'] ?>&amp;restore=1" class="d-inline"><?= csrf_field() ?><button class="btn btn-sm btn-outline-info" name="restore" value="1">Restaurar</button></form>
<?php else: ?>
<a class="btn btn-sm btn-outline-primary" href="edit.php?id=<?= $item['id'] ?>"><i class="bi bi-pencil"></i></a>
<form method="POST" class="d-inline" onsubmit="return confirm('Apagar este membro?')"><?= csrf_field() ?><button class="btn btn-sm btn-outline-danger" name="delete" value="<?= (int) $item['id'] ?>" aria-label="Apagar"><i class="bi bi-trash"></i></button></form>
<?php endif; ?>
</td>
</tr>
<?php endforeach; endif; ?>
</tbody>
</table>
</div>
</div></div>
</div>
<script>
window.DT_SRC = [
<?= json_encode(_asset_versioned('assets/vendor/datatables-2.3.4/dataTables.min.js')) ?>,
<?= json_encode(_asset_versioned('assets/vendor/datatables-2.3.4/dataTables.bootstrap5.min.js')) ?>,
<?= json_encode(_asset_versioned('assets/vendor/datatables-2.3.4/dataTables.responsive.min.js')) ?>,
<?= json_encode(_asset_versioned('assets/vendor/datatables-2.3.4/responsive.bootstrap5.min.js')) ?>,
<?= json_encode(_asset_versioned('assets/js/datatables-init.js')) ?>
];
document.addEventListener('DOMContentLoaded', function () {
(function next(i) {
if (i >= window.DT_SRC.length) {
return initDataTable('#teamTable', { columnDefs: [{ targets: 4, orderable: false, searchable: false }] });
}
var s = document.createElement('script');
s.src = window.DT_SRC[i];
s.onload = function () { next(i + 1); };
document.body.appendChild(s);
})(0);
});
</script>
<?php include __DIR__ . '/../../../includes/footer.php';