2022-04-13 16:36:12 +03:00
|
|
|
<section class="gh-dashboard5-section gh-dashboard5-email-open-rate" {{did-insert this.loadCharts}}>
|
2022-04-12 15:29:10 +03:00
|
|
|
<article class="gh-dashboard5-box">
|
2022-04-12 18:03:52 +03:00
|
|
|
<Dashboard::v5::Parts::Metric
|
|
|
|
@label="Email open rate"
|
2022-04-13 17:19:26 +03:00
|
|
|
@value="{{this.currentOpenRate}}%"
|
|
|
|
/>
|
2022-04-11 19:17:31 +03:00
|
|
|
|
2022-04-12 18:03:52 +03:00
|
|
|
<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}}
|
2022-04-11 19:17:31 +03:00
|
|
|
</div>
|
2022-04-12 15:29:10 +03:00
|
|
|
</article>
|
2022-04-13 16:36:12 +03:00
|
|
|
</section>
|