|
|
@@ -181,42 +181,44 @@
|
|
|
<div id="channeljoinschart"></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart1);
|
|
|
- function drawChart1() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['Channel', 'Kicks'],
|
|
|
- {% for channel in channelslist.items %}
|
|
|
- ['{{ channel.0|escapejs }}', {{ channel.1.kickcount }}],
|
|
|
- {% endfor %}
|
|
|
- ]);
|
|
|
- var options = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '275',
|
|
|
- pieHole: 0.1,
|
|
|
- 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('channelkickschart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
- <section class="ui card">
|
|
|
- <div title="Kicks per channel" class="content">
|
|
|
- <div class="header">
|
|
|
- <div>
|
|
|
- <i class="ui remove user icon"></i>
|
|
|
- /
|
|
|
- <i class="ui hashtag icon"></i>
|
|
|
+ {% if kicks %}
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart1);
|
|
|
+ function drawChart1() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['Channel', 'Kicks'],
|
|
|
+ {% for channel in channelslist.items %}
|
|
|
+ ['{{ channel.0|escapejs }}', {{ channel.1.kickcount }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('channelkickschart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <section class="ui card">
|
|
|
+ <div title="Kicks per channel" class="content">
|
|
|
+ <div class="header">
|
|
|
+ <div>
|
|
|
+ <i class="ui remove user icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui hashtag icon"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="channelkickschart"></div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+ <div class="content">
|
|
|
+ <div id="channelkickschart"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ {% endif %}
|
|
|
<script type="text/javascript">
|
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
|
google.charts.setOnLoadCallback(drawChart2);
|
|
|
@@ -289,78 +291,80 @@
|
|
|
<div id="userjoinschart"></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart4);
|
|
|
- function drawChart4() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['User', 'Kicks given'],
|
|
|
- {% for item in userslist.items %}
|
|
|
- ['{{ item.0|escapejs }}', {{ item.1.kgivencount }}],
|
|
|
- {% endfor %}
|
|
|
- ]);
|
|
|
- var options = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '275',
|
|
|
- pieHole: 0.1,
|
|
|
- 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('userksgivenchart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
- <section class="ui card">
|
|
|
- <div title="Kicks given per user" class="content">
|
|
|
- <div class="header">
|
|
|
- <div>
|
|
|
- <i class="ui sign language icon"></i>
|
|
|
- /
|
|
|
- <i class="ui user icon"></i>
|
|
|
+ {% if kicks %}
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart4);
|
|
|
+ function drawChart4() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['User', 'Kicks given'],
|
|
|
+ {% for item in userslist.items %}
|
|
|
+ ['{{ item.0|escapejs }}', {{ item.1.kgivencount }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('userksgivenchart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <section class="ui card">
|
|
|
+ <div title="Kicks given per user" class="content">
|
|
|
+ <div class="header">
|
|
|
+ <div>
|
|
|
+ <i class="ui sign language icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui user icon"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="userksgivenchart"></div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart5);
|
|
|
- function drawChart5() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['User', 'Kicks received'],
|
|
|
- {% for item in userslist.items %}
|
|
|
- ['{{ item.0|escapejs }}', {{ item.1.kreceivedcount }}],
|
|
|
- {% endfor %}
|
|
|
- ]);
|
|
|
- var options = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '275',
|
|
|
- pieHole: 0.1,
|
|
|
- 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('userksreceivedchart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
- <section class="ui card">
|
|
|
- <div title="Kicks received per user" class="content">
|
|
|
- <div class="header">
|
|
|
- <div>
|
|
|
- <i class="ui remove user icon"></i>
|
|
|
- /
|
|
|
- <i class="ui user icon"></i>
|
|
|
+ <div class="content">
|
|
|
+ <div id="userksgivenchart"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart5);
|
|
|
+ function drawChart5() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['User', 'Kicks received'],
|
|
|
+ {% for item in userslist.items %}
|
|
|
+ ['{{ item.0|escapejs }}', {{ item.1.kreceivedcount }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('userksreceivedchart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <section class="ui card">
|
|
|
+ <div title="Kicks received per user" class="content">
|
|
|
+ <div class="header">
|
|
|
+ <div>
|
|
|
+ <i class="ui remove user icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui user icon"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="userksreceivedchart"></div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+ <div class="content">
|
|
|
+ <div id="userksreceivedchart"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ {% endif %}
|
|
|
<script type="text/javascript">
|
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
|
google.charts.setOnLoadCallback(drawChart6);
|
|
|
@@ -384,7 +388,7 @@
|
|
|
}
|
|
|
</script>
|
|
|
<section class="ui card">
|
|
|
- <div title="Kicks received per user" class="content">
|
|
|
+ <div title="XP spent per user" class="content">
|
|
|
<div class="header">
|
|
|
<div>
|
|
|
<i class="ui dashboard icon"></i>
|
|
|
@@ -414,13 +418,15 @@
|
|
|
pieHole: 0.1,
|
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
pieSliceText: 'label',
|
|
|
+ sliceVisibilityThreshold: 10
|
|
|
+
|
|
|
};
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('usercoinschart'));
|
|
|
chart.draw(data, options);
|
|
|
}
|
|
|
</script>
|
|
|
<section class="ui card">
|
|
|
- <div title="Kicks received per user" class="content">
|
|
|
+ <div title="Coin per user" class="content">
|
|
|
<div class="header">
|
|
|
<div>
|
|
|
<i class="ui money icon"></i>
|
|
|
@@ -433,42 +439,43 @@
|
|
|
<div id="usercoinschart"></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart8);
|
|
|
- function drawChart8() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['Coin spent', 'Coin given'],
|
|
|
- ['{{ coinspent }}', {{ coingiven }}],
|
|
|
- ]);
|
|
|
- var options = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '275',
|
|
|
- pieHole: 0.1,
|
|
|
- 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('spenvsgivenchart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
- <section class="ui card">
|
|
|
- <div title="Kicks received per user" class="content">
|
|
|
- <div class="header">
|
|
|
- <div>
|
|
|
- <i class="ui money icon"></i>
|
|
|
- /
|
|
|
- <i class="ui user icon"></i>
|
|
|
+ {% if coingiven != 0 %}
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart8);
|
|
|
+ function drawChart8() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['Coin spent', 'Coin given'],
|
|
|
+ ['{{ coinspent }}', {{ coingiven }}],
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('spenvsgivenchart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <section class="ui card">
|
|
|
+ <div title="Coin spent vs given" class="content">
|
|
|
+ <div class="header">
|
|
|
+ <div>
|
|
|
+ <i class="ui money icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui user icon"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="spentvssgivenchart"></div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+ <div class="content">
|
|
|
+ <div id="spentvssgivenchart"></div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ {% endif %}
|
|
|
</article>
|
|
|
- {{ channelslist.items }}
|
|
|
</div>
|
|
|
{% endblock %}
|
|
|
{% block breadcrumbs %}
|