mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 10:21:36 +03:00
8fe18d7e30
* Basic work to combine the three line graphs for the new dashboard refs: https://github.com/TryGhost/Team/issues/1467 - combined three line graphs into one main one at the top - still working on this, so some code is a little rough * Tidying up a few bits of consolidated graph in new dashboard refs: https://github.com/TryGhost/Team/issues/1467 * Updated chart anchor component for removed member counts no issue * Updated chart paid members to not reload on days change no refs * Moved did-insert to top element in chart-anchor * Fixed chart anchor to use filled member data * Replaced chart anchor divs with buttons * Tweaking up the paid graphs below anchor to improve visuals refs: https://github.com/TryGhost/Team/issues/1467 * Fixed missing type attributes on buttons in chart anchor * Updated MMR to MRR for the new consolidated graph refs: https://github.com/TryGhost/Team/issues/1467 * Added real MRR to chart anchor * Added open rate percentage data to chart email Co-authored-by: Simon Backx <simon@ghost.org>
40 lines
1.9 KiB
Handlebars
40 lines
1.9 KiB
Handlebars
<div class="gh-dashboard5-stats" {{did-insert this.loadCharts}}>
|
|
<button type="button" {{on "click" (fn this.changeChartDisplay "total")}} class={{if this.chartShowingTotal 'is-selected'}}>
|
|
<div class="gh-dashboard5-number">
|
|
{{format-number this.totalMembers}}
|
|
{{#if this.hasTrends}}
|
|
<Dashboard::v5::parts::ChartPercentage @percentage={{this.totalMembersTrend}}/>
|
|
{{/if}}
|
|
</div>
|
|
<small class="gh-dashboard5-info">{{gh-pluralize this.totalMembers "Total member" without-count=true}}</small>
|
|
</button>
|
|
<button type="button" {{on "click" (fn this.changeChartDisplay "paid")}} class={{if this.chartShowingPaid 'is-selected'}}>
|
|
<div class="gh-dashboard5-number">
|
|
{{format-number this.paidMembers}}
|
|
{{#if this.hasTrends}}
|
|
<Dashboard::v5::parts::ChartPercentage @percentage={{this.paidMembersTrend}}/>
|
|
{{/if}}
|
|
</div>
|
|
<small class="gh-dashboard5-info">{{gh-pluralize this.paidMembers "Paid member" without-count=true}}</small>
|
|
</button>
|
|
<button type="button" {{on "click" (fn this.changeChartDisplay "monthly")}} class={{if this.chartShowingMonthly 'is-selected'}}>
|
|
<div class="gh-dashboard5-number">
|
|
${{gh-price-amount this.currentMRR}}
|
|
{{#if this.hasTrends}}
|
|
<Dashboard::v5::parts::ChartPercentage @percentage={{this.mrrTrend}}/>
|
|
{{/if}}
|
|
</div>
|
|
<small class="gh-dashboard5-info">Monthly revenue (MRR)</small>
|
|
</button>
|
|
</div>
|
|
<div class="gh-dashboard5-chart">
|
|
{{#if this.loading}}
|
|
<div class="gh-dashboard5-loading" style={{html-safe (concat "height: " this.chartHeight "px;")}}/>
|
|
{{else}}
|
|
<EmberChart
|
|
@type={{this.chartType}}
|
|
@data={{this.chartData}}
|
|
@options={{this.chartOptions}} />
|
|
{{/if}}
|
|
</div>
|