ActivityLog <ActivityLog> renders a feed of activity records — auto-fetches from the `activity` model, groups by day, supports date-range filtering.
<ActivityLog> renders a feed of activity records (user and system actions). It auto-fetches activities from the activity Ember Data model, groups them by day, and includes a built-in date-range filter and refresh button.
< ActivityLog @ subjectId= {{ this.order.id }} />
This loads activities where subject_id = order.id and renders them grouped by day.
< ActivityLog
@ subjectId= {{ this.order.id }}
@ causerId= {{ this.user.id }}
/>
Activities are loaded from the API with subject_id and/or causer_id query params plus the date-range filter the user picks.
Argument Type Description @subjectIdstring Filter to activities about a specific record @causerIdstring Filter to activities caused by a specific user
Argument Type Default Description @densitystring compactcompact or cozy@showAvatarsboolean trueShow user avatars @showBadgesboolean trueShow activity-type badges @dateFilterButtonsarray — Quick-pick buttons for the date filter (e.g. "Last 7 days") @autoCloseboolean — Close the date picker after selection @toggleSelectedboolean — Toggle behavior on the date picker
Argument Description @headerWrapperClassHeader row @groupClassEach day group @groupLabelClassDay label @itemClassEach activity item
Argument Signature Description @onCauserClick(causer)Called when a user link in an activity is clicked @onSubjectClick(subject)Called when a subject link is clicked
Block Purpose :filtersRender extra filter controls in the header
{{!-- Inside an order detail overlay --}}
< ContentPanel @ title= "Activity Log" @ open= {{ true }} >
< ActivityLog
@ subjectId= {{ this.order.id }}
@ density= "compact"
@ onCauserClick= {{ this.openUser }}
/>
</ ContentPanel >