mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-25 09:03:12 +03:00
69e7bad5d1
refs https://github.com/TryGhost/Team/issues/1277 - extracted member details display into a `<GhMemberDetails>` component for re-use in the member details and members-activity screens - added loading of member record from the member id query param and displayed the member details above the table when a member filter is present - hid the member column in the events table when a member filter is present - it's useless/repeated info at that point
42 lines
1.7 KiB
Handlebars
42 lines
1.7 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header break tablet members-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Members Activity</h2>
|
|
|
|
<div class="view-actions">
|
|
<div class="view-actions-top-row">
|
|
<MembersActivity::EventTypeFilter
|
|
@excludedEvents={{this.excludedEvents}}
|
|
@hideMemberOnlyEvents={{not this.member}}
|
|
@updateExcludedEvents={{this.updateExcludedEvents}} />
|
|
</div>
|
|
</div>
|
|
</GhCanvasHeader>
|
|
|
|
<div class="view-container">
|
|
{{#if this.memberRecord}}
|
|
<GhMemberDetails @member={{this.memberRecord}} />
|
|
{{/if}}
|
|
|
|
{{#let (members-event-fetcher filter=this.filter pageSize=50) as |eventsFetcher|}}
|
|
<div class="gh-list-scrolling">
|
|
{{#if eventsFetcher.data}}
|
|
<MembersActivity::Table @hideMemberColumn={{if this.member true}} @events={{eventsFetcher.data}} />
|
|
|
|
{{#unless (or eventsFetcher.isLoading eventsFetcher.hasReachedEnd)}}
|
|
<GhScrollTrigger @enter={{eventsFetcher.loadNextPage}} @triggerOffset={{250}} />
|
|
{{/unless}}
|
|
{{else unless eventsFetcher.isLoading}}
|
|
<MembersActivity::NoEvents @filter={{this.filter}} />
|
|
{{/if}}
|
|
|
|
{{#if eventsFetcher.isLoading}}
|
|
<div class="h30 flex flex-column items-center justify-center">
|
|
<div class="gh-loading-spinner"></div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{/let}}
|
|
</div>
|
|
</section>
|
|
|
|
{{outlet}} |