42 lines
1.6 KiB
Handlebars
42 lines
1.6 KiB
Handlebars
<div {{did-insert this.loadCharts}} class="gh-dashboard5-insert">
|
|
<div class="gh-dashboard5-insert-item">
|
|
<Dashboard::v5::parts::ChartMetric
|
|
@label="Newsletter subscribers"
|
|
@value={{format-number this.dataSubscribers.total}}
|
|
@extra="{{format-number this.dataSubscribers.paid}} paid members" />
|
|
</div>
|
|
|
|
<div class="gh-dashboard5-insert-item">
|
|
<Dashboard::v5::parts::ChartMetric
|
|
@label="Emails sent over last 30 days"
|
|
@value={{format-number this.dataEmailsSent}}
|
|
@extra="All members" />
|
|
</div>
|
|
|
|
<div class="gh-dashboard5-insert-item">
|
|
<Dashboard::v5::parts::ChartMetric
|
|
@label="Open rate"
|
|
@value="{{this.currentOpenRate}}%" />
|
|
|
|
<div class="gh-dashboard5-chart">
|
|
{{#if this.loading}}
|
|
<div class="gh-dashboard5-chart-loading" style={{html-safe (concat "height: " this.chartHeight "px;")}}/>
|
|
{{else}}
|
|
<div class="gh-dashboard5-chart-ticks">
|
|
<span>100%</span>
|
|
<span>75%</span>
|
|
<span>50%</span>
|
|
<span>25%</span>
|
|
</div>
|
|
<div class="gh-dashboard5-chart-container">
|
|
<EmberChart
|
|
@type={{this.chartType}}
|
|
@data={{this.chartData}}
|
|
@options={{this.chartOptions}}
|
|
@height={{this.chartHeight}} />
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|