Differential D11410 Diff 37545 stats/templates/stats/index.html

Changeset View

Standalone View

stats/templates/stats/index.html

	{% extends 'common/base.html' %}			{% extends 'common/base.html' %}
	{% load pipeline %}			{% load pipeline %}

	{% block title_append %} - Stats{% endblock title_append %}			{% block title_append %} - Stats{% endblock title_append %}

	{% block content %}			{% block content %}

	<div class="container-xl pt-4">			<div class="container-xl pt-4">
	{% include "common/components/simple_header.html" with title="Stats" subtitle="The latest Blender Cloud numbers." %}			{% include "common/components/simple_header.html" with title="Stats" subtitle="The latest Blender Cloud numbers." %}

	<div class="row">			<div class="row">
	<canvas id="myChart" ></canvas>			<canvas id="myChart" ></canvas>
	</div>			</div>

	</div>			</div>



	{% endblock content %}			{% endblock content %}

	{% block scripts %}			{% block scripts %}
	{% javascript 'vendor_chartjs' %}			{% javascript 'vendor_chartjs' %}
	{{ subscribers_by_month_series\|json_script:"subscribers_by_month_series" }}			{{ subscribers_by_month_series\|json_script:"subscribers_by_month_series" }}
	<script>			<script>
	const subscribersByMonthSeries = JSON.parse(			const subscribersByMonthSeries = JSON.parse(
	document.getElementById('subscribers_by_month_series').textContent			document.getElementById('subscribers_by_month_series').textContent
	);			);
	console.log(subscribersByMonthSeries);			console.log(subscribersByMonthSeries);
	var ctx = document.getElementById('myChart');			var ctx = document.getElementById('myChart');
	var myChart = new Chart(ctx, {			var myChart = new Chart(ctx, {
	type: 'line',			type: 'line',
	data: {			data: {
	datasets: [{			datasets: [{
	borderColor: 'rgb(0,183,255)',			borderColor: 'rgb(0,183,255)',
	data: subscribersByMonthSeries			data: subscribersByMonthSeries
	}]			}]
	},			},
	options: {			options: {
	legend: {			legend: {
	display: false,			display: false,
	},			},
	scales: {			scales: {
	xAxes: [{			xAxes: [{
	type: 'time',			type: 'time',
	time: {			time: {
	unit: 'month'			unit: 'month'
	}			}
	}],			}],
	}			}
	}			}
	});			});
	</script>			</script>

	{% endblock scripts %}			{% endblock scripts %}