fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Embed user lifecycle audit into settings page

Browse Source
This commit is contained in:
Felix Schneider
2026-04-26 18:03:42 +02:00
parent 01f5265eff
commit 144d8410a4
22 changed files with 345 additions and 434 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
modules/audit/web/js/pages/admin-user-lifecycle-audit-index.js → modules/audit/web/js/pages/settings-user-lifecycle-audit-panel.js
View File

@@ -1,12 +1,14 @@
import { createListPageModule } from '/js/core/app-list-page-module.js';
import { initDetailDrawer } from '/js/components/app-detail-drawer.js';
createListPageModule({
configId: 'admin-user-lifecycle-audit-index',
moduleId: 'admin-user-lifecycle-audit-index',
configId: 'settings-user-lifecycle-audit-panel',
moduleId: 'settings-user-lifecycle-audit-panel',
missingGridMessage: 'User lifecycle audit grid init failed: Grid.js missing',
initErrorMessage: 'User lifecycle audit grid init failed',
setup: ({ config, gridjs, appBase, initListPage }) => {
const labels = config.labels ?? {};
const dataUrl = String(config.dataUrl || 'audit/settings-user-lifecycle/audit-data');
const gridSearch = config.gridSearch ?? null;
const filterSchema = config.filterSchema ?? [];
const filterChipMeta = config.filterChipMeta ?? [];
@@ -14,8 +16,8 @@ createListPageModule({
const { gridConfig } = initListPage({
grid: {
gridjs,
container: '#user-lifecycle-audit-grid',
dataUrl: 'audit/user-lifecycle-audit/data',
container: '#settings-user-lifecycle-audit-grid',
dataUrl,
appBase,
columns: [
{ name: labels.created || 'Created', sort: true },
@@ -29,7 +31,18 @@ createListPageModule({
return gridjs.html(`<span class="badge" data-variant="${cell.variant || 'neutral'}">${cell.label || '-'}</span>`);
},
},
{ name: labels.action || 'Action', sort: true },
{
name: labels.action || 'Action',
sort: true,
formatter: (cell, row) => {
const id = row?.cells?.[8]?.data;
const label = String(cell || '-');
if (!id) {
return gridjs.html(label);
}
return gridjs.html(`<a href="#" class="app-grid-link-cell" data-lifecycle-drawer-trigger>${label}</a>`);
},
},
{ name: labels.trigger || 'Trigger', sort: true },
{ name: labels.targetEmail || 'Target email', sort: false },
{ name: labels.targetUuid || 'Target UUID', sort: false },
@@ -51,14 +64,17 @@ createListPageModule({
row.restored_at || '-',
row.id,
]),
rowInteraction: { linkColumn: 2 },
rowInteraction: { linkColumn: false },
search: gridSearch,
filterSchema,
urlSync: true,
rowDataset: (row) => ({
'audit-id': row?.cells?.[8]?.data ? String(row.cells[8].data) : '',
}),
rowDblClick: {
getUrl: (rowData) => {
const id = rowData?.cells?.[8]?.data;
return id ? new URL(`audit/user-lifecycle-audit/view/${id}`, appBase).toString() : '';
return id ? new URL(`admin/settings/user-lifecycle#lifecycle-audit/${id}`, appBase).toString() : '';
},
},
},
@@ -69,6 +85,15 @@ createListPageModule({
},
}) || {};
initDetailDrawer({
gridConfig,
triggerSelector: '[data-lifecycle-drawer-trigger]',
rowUuidAttr: 'audit-id',
fetchUrl: (id) => new URL(`audit/settings-user-lifecycle/audit-fragment/${id}`, appBase).toString(),
fullUrl: (id) => new URL(`admin/settings/user-lifecycle#lifecycle-audit/${id}`, appBase).toString(),
hashPrefix: 'lifecycle-audit',
});
return gridConfig;
},
});