Ghost/ghost/admin/app/components/dashboard/dashboard-v5.hbs

86 lines
3.1 KiB
Handlebars
Raw Normal View History

<section {{did-insert this.onInsert}}>
{{#if this.isLoading }}
<GhLoadingSpinner />
{{else}}
{{#if this.areMembersEnabled}}
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<Dashboard::V5::ChartMembersCounts />
</section>
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<div class="prototype-selection">
<PowerSelect
@selected={{this.selectedDaysOption}}
@options={{this.daysOptions}}
@searchEnabled={{false}}
@onChange={{this.onDaysChange}}
@triggerComponent="gh-power-select/trigger"
@triggerClass="gh-contentfilter-menu-trigger"
@dropdownClass="gh-contentfilter-menu-dropdown"
@matchTriggerWidth={{false}}
as |option|
>
{{#if option.name}}{{option.name}}{{else}}<span class="red">Unknown option</span>{{/if}}
</PowerSelect>
</div>
2022-03-24 17:02:13 +03:00
<div class="gh-dashboard5-growth">
<article class="gh-dashboard5-box">
<Dashboard::V5::ChartTotalMembers @days={{this.days}} />
</article>
2022-03-24 17:02:13 +03:00
{{#if this.hasPaidTiers}}
<article class="gh-dashboard5-box">
<Dashboard::V5::ChartMonthlyRevenue @days={{this.days}} />
</article>
2022-03-24 17:02:13 +03:00
<article class="gh-dashboard5-box">
<Dashboard::V5::ChartTotalPaid @days={{this.days}} />
</article>
2022-03-24 17:02:13 +03:00
<article class="gh-dashboard5-box">
<Dashboard::V5::ChartPaidMembers @days={{this.days}}/>
</article>
2022-03-24 17:02:13 +03:00
<article class="gh-dashboard5-box">
<Dashboard::V5::ChartPaidMix />
</article>
{{/if}}
</div>
</section>
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<Dashboard::V5::ChartEngagement />
</section>
{{/if}}
{{#if this.areNewslettersEnabled}}
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<Dashboard::V5::ChartEmail />
</section>
{{/if}}
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<h2>Recent posts</h2>
2022-03-24 17:02:13 +03:00
<article class="gh-dashboard5-box">
Recent posts
</article>
</section>
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<h2>Activity</h2>
<Dashboard::LatestMemberActivity />
</section>
2022-03-24 17:02:13 +03:00
<section class="gh-dashboard5-section">
<h2>Resources</h2>
2022-03-24 17:02:13 +03:00
<article class="gh-dashboard5-box">
<Dashboard::V5::ResourceGeneral />
</article>
</section>
<Dashboard::V5::PrototypeControlPanel />
{{/if}}
</section>