Ghost/ghost/admin/app/templates/members-activity.hbs
Sanne de Vries 1306921cac 🎨 Updated Member page layout (#2271)
No issue

- Changed the Member details page to be more scalable and flexible, depending on whether creators are using subscriptions, emails, and stats.

* Hidden email stats on member detail page when subscriptions are off
* Hid subscription box on member details page when Stripe is not connected
* Updated copy and layout of member details page
* Updated old activity feed styles on member page
* Fixed padding issue for empty activity feed
* Fixed current and new activity feed
* Added Last seen to member details page behind feature flag
* Updated lint todo file
* Fixed spacing issue in member details
2022-03-01 15:57:57 +01:00

51 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>
<LinkTo @route="members-activity" @query={{reset-query-params "members-activity"}} data-test-link="members-activity-back">Activity</LinkTo>
{{#if this.memberRecord}}
<span>{{svg-jar "arrow-right"}}</span>
<span class="truncate">{{or this.memberRecord.name this.memberRecord.email}}</span>
{{/if}}
</h2>
<div class="view-actions">
<div class="view-actions-top-row">
<MembersActivity::EventTypeFilter
@excludedEvents={{this.excludedEvents}}
@hiddenEvents={{this.hiddenEvents}}
@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}}>
<GhMemberDetailsActivity @member={{this.memberRecord}} />
</LinkTo>
{{/if}}
{{#let (members-event-fetcher filter=(members-event-filter excludedEvents=this.fullExcludedEvents member=this.member) 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}}