{{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="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> {{end}} </div> </main> </div> <script> let labels = []; let rawLabels = [{{range .PrimaryGraph.Labels}} {{.}},{{end}} ]; for(const i in rawLabels) { let date = new Date(rawLabels[i]*1000); console.log("date: ", date); let minutes = "0" + date.getMinutes(); let label = date.getHours() + ":" + minutes.substr(-2); console.log("label:", label); labels.push(label); } labels = labels.reverse() let seriesData = [{{range .PrimaryGraph.Series}} {{.}},{{end}} ]; seriesData = seriesData.reverse(); Chartist.Line('.ct_chart', { labels: labels, series: [seriesData], }, { height: '250px', }); </script> {{template "footer.html" . }}