c-admin-audit-log-page

A full-featured page for interacting with Coalesce's Audit Logging. Presents a view similar to c-admin-table-page with content optimized for viewing audit log records. Designed to be routed to directly with vue-router.

Examples

import { CAdminAuditLogPage } from 'coalesce-vue-vuetify3';
const router = new Router({
  // ...
  routes: [
    // ... other routes
    {
      path: '/admin/audit-logs',
      component: CAdminAuditLogPage,
      props: {
        type: 'AuditLog'
      }
    },
  ]
})

Props

type: string

The PascalCase name of your IAuditLog implementation.

list?: ListViewModel

An optional ListViewModel that will be used if provided instead of the one the component will create automatically from the provided type prop.

color: string = 'primary'

A Vuetify color name to be applied to the toolbar at the top of the page.

userProp?: string

The name of a specific property to use for user identification in the audit logs. When provided, this property will be used for the user filter and display instead of the automatic detection which looks for properties containing "user", "createdBy", or "changedBy" in their names. User filtering is only enabled if the property is a reference navigation property.

Slots

row-detail: { item: AuditLogViewModel }

A slot that can be used to replace the entire content of the Detail column on the page.

row-detail-append: { item: AuditLogViewModel }

A slot that can be used to append additional content to the Detail column on the page.