Files
breadcrumb-the-shire/pages/admin/mail-log/index(default).phtml
2026-03-04 15:56:58 +01:00

131 lines
3.9 KiB
PHTML

<?php
use MintyPHP\Router;
$toolbarFilterSchema = is_array($toolbarFilterSchema ?? null) ? $toolbarFilterSchema : [];
$searchToolbarFilterSchema = is_array($searchToolbarFilterSchema ?? null) ? $searchToolbarFilterSchema : [];
$drawerToolbarFilterSchema = is_array($drawerToolbarFilterSchema ?? null) ? $drawerToolbarFilterSchema : [];
$toolbarFilterState = is_array($toolbarFilterState ?? null) ? $toolbarFilterState : [];
$filterChipMeta = is_array($filterChipMeta ?? null) ? $filterChipMeta : [];
$clientFilterSchema = is_array($clientFilterSchema ?? null) ? $clientFilterSchema : [];
$searchConfig = is_array($searchConfig ?? null) ? $searchConfig : null;
?>
<?php
$breadcrumbs = [
['label' => t('Home'), 'path' => 'admin'],
['label' => t('Mail logs')],
];
require templatePath('partials/app-breadcrumb.phtml');
?>
<?php
$listTitle = t('Mail logs');
require templatePath('partials/app-list-titlebar.phtml');
?>
<?php
$filterUiNamespace = 'mail-log';
require templatePath('partials/app-list-filters.phtml');
?>
<div class="app-list-table">
<div id="mail-log-grid"></div>
</div>
<script src="<?php e(asset('vendor/gridjs/gridjs.umd.js')); ?>"></script>
<script type="module">
import { initStandardListPage } from "<?php e(assetVersion('js/core/app-grid-factory.js')); ?>";
import { getAppBase } from "<?php e(assetVersion('js/pages/app-list-utils.js')); ?>";
const appBase = getAppBase();
const gridSearch = <?php gridJsonForJs($searchConfig); ?>;
const filterSchema = <?php gridJsonForJs($clientFilterSchema); ?>;
const filterChipMeta = <?php gridJsonForJs($filterChipMeta); ?>;
const initMailLogGrid = () => {
const gridOptions = {
gridjs: window.gridjs,
container: '#mail-log-grid',
dataUrl: 'admin/mail-log/data',
appBase,
columns: [
{
name: "<?php e(t('Created')); ?>",
sort: true
},
{
name: "<?php e(t('Status')); ?>",
sort: true,
formatter: (cell) => {
if (!cell || typeof cell !== 'object') {
return gridjs.html('');
}
const variant = cell.variant || 'neutral';
const label = cell.label || '';
return gridjs.html(`<span class="badge" data-variant="${variant}">${label}</span>`);
}
},
{
name: "<?php e(t('Recipient')); ?>",
sort: true,
formatter: (cell) => {
if (!cell || typeof cell !== 'object') {
return gridjs.html(String(cell ?? ''));
}
return gridjs.html(String(cell ?? ''));
}
},
{
name: "<?php e(t('Subject')); ?>",
sort: true
},
{
name: "<?php e(t('Template')); ?>",
sort: false
},
{
name: "ID",
hidden: true
}
],
sortColumns: ['created_at', 'status', 'to_email', 'subject', null, null],
paginationLimit: 10,
language: <?php MintyPHP\Buffer::get('grid_lang'); ?>,
mapData: (data) => data.data.map((row) => [
row.created_at,
{
variant: row.status_badge,
label: row.status_label
},
row.to_email,
row.subject,
row.template || '-',
row.id
]),
actions: {
enabled: false
},
search: gridSearch,
filterSchema,
urlSync: true,
rowDblClick: {
getUrl: (rowData) => {
const id = rowData?.cells?.[5]?.data;
return id ? new URL(`admin/mail-log/view/${id}`, appBase).toString() : '';
}
}
};
const { gridConfig } = initStandardListPage({
grid: gridOptions,
filters: {
mode: 'drawer',
chipMeta: filterChipMeta,
watchInputs: ['#mail-log-search']
}
});
if (!gridConfig || !gridConfig.grid) {
console.warn('Mail log grid init failed');
return null;
}
return gridConfig;
};
initMailLogGrid();
</script>