46 lines
1.9 KiB
HTML
46 lines
1.9 KiB
HTML
{{template "header.html" . }}
|
|
<div class="colstack panel_stack">
|
|
{{template "panel-menu.html" . }}
|
|
<main id="panel_analytics_right" class="colstack_right">
|
|
<form id="timeRangeForm" name="timeRangeForm" action="/panel/analytics/posts/" method="get">
|
|
<div class="colstack_item colstack_head">
|
|
<div class="rowitem">
|
|
<a>Post Counts</a>
|
|
<select class="timeRangeSelector to_right" name="timeRange">
|
|
<option val="one-month"{{if eq .TimeRange "one-month"}} selected{{end}}>1 month</option>
|
|
<option val="one-week"{{if eq .TimeRange "one-week"}} selected{{end}}>1 week</option>
|
|
<option val="two-days"{{if eq .TimeRange "two-days"}} selected{{end}}>2 days</option>
|
|
<option val="one-day"{{if eq .TimeRange "one-day"}} selected{{end}}>1 day</option>
|
|
<option val="twelve-hours"{{if eq .TimeRange "twelve-hours"}} selected{{end}}>12 hours</option>
|
|
<option val="six-hours"{{if eq .TimeRange "six-hours"}} selected{{end}}>6 hours</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="panel_analytics_posts" class="colstack_graph_holder">
|
|
<div class="ct_chart" aria-label="Post Chart"></div>
|
|
</div>
|
|
<div class="colstack_item colstack_head">
|
|
<div class="rowitem"><a>Details</a></div>
|
|
</div>
|
|
<div id="panel_analytics_posts_table" class="colstack_item rowlist" aria-label="Post Table, this has the same information as the post chart">
|
|
{{range .ViewItems}}
|
|
<div class="rowitem panel_compactrow editable_parent">
|
|
<a class="panel_upshift unix_to_24_hour_time">{{.Time}}</a>
|
|
<span class="panel_compacttext to_right">{{.Count}} views</span>
|
|
</div>
|
|
{{else}}<div class="rowitem passive rowmsg">No posts could be found in the selected time range</div>{{end}}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script>
|
|
let rawLabels = [{{range .PrimaryGraph.Labels}}
|
|
{{.}},{{end}}
|
|
];
|
|
let seriesData = [{{range .PrimaryGraph.Series}}
|
|
{{.}},{{end}}
|
|
];
|
|
buildStatsChart(rawLabels, seriesData, "{{.TimeRange}}");
|
|
</script>
|
|
{{template "footer.html" . }}
|