docbrown/app/views/shared/_stats.html.erb
rhymes 7da7a16d8d Pro: add referrers to dashboard and single article stats (#3295)
* Reorganize PageViewsController

* Add domain and path to PageView model

* Add before_create callback to populate domain and path

* Add list of referrers to AnalyticsService

* Add referrers to the UI

* Remove useless referrers card and tweak table line height

* Add referrer stats to article stats page

* Add not null and empty default to domain and path

* Refactor JS analytics client

* create_list is a step back here

* Revert "Add not null and empty default to domain and path"

This reverts commit bc02440076047a887c65d300bccd4661ecc8ffd0.

* Add index on domain concurrently

* Make the script more robust
2019-06-25 13:58:09 -04:00

59 lines
1.5 KiB
Text

<div class="toggles">
<button class="selected timerange-button" id="week-button">Week</button>
<button class="timerange-button" id="month-button">Month</button>
<button class="timerange-button" id="infinity-button">Infinity</button>
</div>
<div class="summary-stats">
<div class="card" id="readers-card"></div>
<div class="card" id="reactions-card"></div>
<div class="card" id="comments-card"></div>
<div class="card" id="followers-card"></div>
</div>
<div class="graphs">
<div class="row">
<div class="card">
<h2>Readers Summary</h2>
<div class="charts-container">
<canvas id="readers-chart"></canvas>
</div>
</div>
<div class="card">
<h2>New Followers Summary</h2>
<div class="charts-container">
<canvas id="followers-chart"></canvas>
</div>
</div>
</div>
<div class="row">
<div class="card">
<h2>Reactions Summary ❤🦄🔖</h2>
<div class="charts-container">
<canvas id="reactions-chart"></canvas>
</div>
</div>
<div class="card">
<h2>Comments Summary 💬</h2>
<div class="charts-container">
<canvas id="comments-chart"></canvas>
</div>
</div>
</div>
<div class="row">
<div class="card">
<h2>Traffic Source Summary 🚦</h2>
<table>
<thead>
<tr>
<th>Source</th>
<th>Views</th>
</tr>
</thead>
<tbody id="referrers-container">
</tbody>
</table>
</div>
</div>
</div>