85 lines
4.0 KiB
Handlebars
85 lines
4.0 KiB
Handlebars
<tr data-test-list='members-list-item' data-test-member={{@member.id}}>
|
|
{{#if @member.is_loading}}
|
|
<div class="gh-list-data gh-members-list-basic gh-list-loadingcell">
|
|
<div class="gh-list-loading-title"></div>
|
|
<div class="gh-list-loading-detail"></div>
|
|
</div>
|
|
<div class="gh-list-data"></div>
|
|
<div class="gh-list-data"></div>
|
|
<div class="gh-list-data"></div>
|
|
{{#each @filterColumns}}
|
|
<div class="gh-list-data"></div>
|
|
{{/each}}
|
|
{{else}}
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data" data-test-table-data="details">
|
|
<div class="flex items-center">
|
|
<GhMemberAvatar @member={{@member}} @containerClass="w9 h9 mr3 flex-shrink-0" />
|
|
<div class="w-80">
|
|
<h3 class="ma0 pa0 gh-members-list-name {{unless @member.name "gh-members-name-noname"}}">{{or @member.name @member.email}}</h3>
|
|
{{#if @member.name}}
|
|
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">{{@member.email}}</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</LinkTo>
|
|
{{#if (feature "membersTableStatus")}}
|
|
{{#if this.hasMultipleProducts}}
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data">
|
|
{{#if (not (is-empty @member.status))}}
|
|
<span>{{capitalize @member.status}}</span>
|
|
{{else}}
|
|
<span class="midlightgrey">-</span>
|
|
{{/if}}
|
|
<div class="midgrey">{{this.products}}</div>
|
|
</LinkTo>
|
|
{{else}}
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data" data-test-table-data="status">
|
|
{{#if (not (is-empty @member.status))}}
|
|
<span>{{capitalize @member.status}}</span>
|
|
{{else}}
|
|
<span class="midlightgrey">-</span>
|
|
{{/if}}
|
|
</LinkTo>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{#if @newsletterEnabled}}
|
|
{{#if (feature "emailAnalytics")}}
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data middarkgrey f8 {{unless @member.name "gh-members-list-open-rate-noname"}}" data-test-table-data="open-rate">
|
|
{{#if (not (is-empty @member.emailOpenRate))}}
|
|
<span>{{@member.emailOpenRate}}%</span>
|
|
{{else}}
|
|
<span class="midlightgrey">N/A</span>
|
|
{{/if}}
|
|
</LinkTo>
|
|
{{/if}}
|
|
{{/if}}
|
|
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data middarkgrey f8 {{unless @member.name "gh-members-geolocation-noname"}}" data-test-table-data="location">
|
|
{{#if (and @member.geolocation @member.geolocation.country)}}
|
|
{{#if (and (eq @member.geolocation.country_code "US") @member.geolocation.region)}}
|
|
{{@member.geolocation.region}}, US
|
|
{{else}}
|
|
{{#if @member.geolocation.country}}
|
|
{{@member.geolocation.country}}
|
|
{{else}}
|
|
<span class="midlightgrey">Unknown</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{else}}
|
|
<span class="midlightgrey">Unknown</span>
|
|
{{/if}}
|
|
</LinkTo>
|
|
|
|
<LinkTo @route="member" @model={{@member}} class="gh-list-data middarkgrey f8" data-test-table-data="created-at">
|
|
{{#if @member.createdAtUTC}}
|
|
<div>{{moment-format (moment-site-tz @member.createdAtUTC) "D MMM YYYY"}}</div>
|
|
<div class="midlightgrey gh-members-list-subscribed-moment">{{moment-from-now @member.createdAtUTC}}</div>
|
|
{{/if}}
|
|
</LinkTo>
|
|
|
|
{{#each @filterColumns as |filterColumn|}}
|
|
<GhMembersListItemColumn @member={{@member}} @filterColumn={{filterColumn}} />
|
|
{{/each}}
|
|
{{/if}}
|
|
</tr>
|