Ghost/ghost/admin/app/components/member-attribution/source-attribution-table.hbs
2022-09-27 13:54:27 +02:00

91 lines
4.3 KiB
Handlebars

<div ...attributes>
<div class="gh-dashboard-list-header">
<div class="gh-dashboard-list-title gh-dashboard-list-title-sources">Sources</div>
<div
class="gh-dashboard-list-title {{if (eq @sortColumn "signups") "sorted-by"}}"
role="button" aria-label="Sort by free signups"
{{on "click" (fn @setSortColumn "signups")}}
>
Signups {{svg-jar "arrow-down-small"}}
</div>
{{#if this.membersUtils.paidMembersEnabled}}
<div
role="button" aria-label="Sort by paid signups"
class="gh-dashboard-list-title {{if (eq @sortColumn "paid") "sorted-by"}}"
{{on "click" (fn @setSortColumn "paid")}}
>
<span class="hide-when-small">Paid </span>Conversions {{svg-jar "arrow-down-small"}}
</div>
{{/if}}
</div>
<div class="gh-dashboard-list-body">
{{#each this.sources as |sourceData|}}
<div class="gh-dashboard-list-item">
<div class="gh-dashboard-list-item-sub gh-dashboard-list-item-sub-source">
<span class="gh-dashboard-list-text">{{sourceData.source}}</span>
</div>
<div class="gh-dashboard-list-item-sub">
{{#if sourceData.signups}}
<span class="gh-dashboard-metric-minivalue">
{{format-number sourceData.signups}}
</span>
{{else}}
<span class="gh-dashboard-metric-minivalue na">
&mdash;
</span>
{{/if}}
</div>
{{#if this.membersUtils.paidMembersEnabled}}
<div class="gh-dashboard-list-item-sub">
{{#if sourceData.paidConversions}}
<span class="gh-dashboard-metric-minivalue">
{{format-number sourceData.paidConversions}}
</span>
{{else}}
<span class="gh-dashboard-metric-minivalue na">
&mdash;
</span>
{{/if}}
</div>
{{/if}}
</div>
{{else}}
<div class="gh-dashboard-list-empty">
<p>No sources.</p>
</div>
{{/each}}
{{#if this.others}}
<div class="gh-dashboard-list-item">
<div class="gh-dashboard-list-item-sub gh-dashboard-list-item-sub-source gh-dashboard-list-item-other-source">
<div class="gh-dashboard-list-text">Other <span role="button" aria-label="Show sources"
{{on "click" this.openAllSources}}>(<span>see all</span>)</span></div>
</div>
<div class="gh-dashboard-list-item-sub">
{{#if this.others.signups}}
<span class="gh-dashboard-metric-minivalue">
{{format-number this.others.signups}}
</span>
{{else}}
<span class="gh-dashboard-metric-minivalue na">
&mdash;
</span>
{{/if}}
</div>
{{#if this.membersUtils.paidMembersEnabled}}
<div class="gh-dashboard-list-item-sub">
{{#if this.others.paidConversions}}
<span class="gh-dashboard-metric-minivalue">
{{format-number this.others.paidConversions}}
</span>
{{else}}
<span class="gh-dashboard-metric-minivalue na">
&mdash;
</span>
{{/if}}
</div>
{{/if}}
</div>
{{/if}}
</div>
</div>