mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
fa224988e5
refs https://github.com/TryGhost/Team/issues/1277 - changed breadcrumb for activity - added back in three columns for activity when not filtered - made adjustments to visual look and feel
53 lines
2.3 KiB
Handlebars
53 lines
2.3 KiB
Handlebars
<section class="gh-canvas gh-members-activity {{if this.memberRecord "gh-members-activity-single"}}">
|
|
<GhCanvasHeader class="gh-canvas-header break tablet members-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
{{#if this.memberRecord}}
|
|
<LinkTo @route="members-activity" @query={{reset-query-params "members-activity"}} data-test-link="members-activity-back">Activity</LinkTo>
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
|
<span class="truncate">{{this.memberRecord.name}}</span>
|
|
{{else}}
|
|
<span>Activity</span>
|
|
{{/if}}
|
|
</h2>
|
|
|
|
<div class="view-actions">
|
|
<div class="view-actions-top-row">
|
|
<MembersActivity::EventTypeFilter
|
|
@excludedEvents={{this.excludedEvents}}
|
|
@hideMemberOnlyEvents={{not this.member}}
|
|
@onChange={{this.changeExcludedEvents}} />
|
|
|
|
<MembersActivity::MemberFilter
|
|
@selected={{this.memberRecord}}
|
|
@onChange={{this.changeMember}} />
|
|
</div>
|
|
</div>
|
|
</GhCanvasHeader>
|
|
|
|
<div class="view-container">
|
|
<div class="gh-list-scrolling">
|
|
{{#if this.memberRecord}}
|
|
<LinkTo @route="member" @model={{this.memberRecord}}>
|
|
<GhMemberDetails @member={{this.memberRecord}} />
|
|
</LinkTo>
|
|
{{/if}}
|
|
{{#let (members-event-fetcher filter=this.filter pageSize=50) as |eventsFetcher|}}
|
|
{{#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="relative h30"><GhLoadingSpinner /></div>
|
|
{{/if}}
|
|
{{/let}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{outlet}} |