|
@@ -131,9 +131,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
</article>
|
|
</article>
|
|
|
- <div class="ui divider"></div>
|
|
|
|
|
- <div class="ui center aligned container">
|
|
|
|
|
- <article class="ui stackable cards">
|
|
|
|
|
|
|
+ <div class="ui segment">
|
|
|
|
|
+ <article class="ui centered stackable cards">
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
|
google.charts.setOnLoadCallback(drawChart0);
|
|
google.charts.setOnLoadCallback(drawChart0);
|
|
@@ -297,6 +296,7 @@
|
|
|
pieHole: 0.1,
|
|
pieHole: 0.1,
|
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
pieSliceText: 'label',
|
|
pieSliceText: 'label',
|
|
|
|
|
+ sliceVisibilityThreshold: 1,
|
|
|
};
|
|
};
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('userjoinschart'));
|
|
var chart = new google.visualization.PieChart(document.getElementById('userjoinschart'));
|
|
|
chart.draw(data, options);
|
|
chart.draw(data, options);
|
|
@@ -444,8 +444,7 @@
|
|
|
pieHole: 0.1,
|
|
pieHole: 0.1,
|
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
pieSliceText: 'label',
|
|
pieSliceText: 'label',
|
|
|
- sliceVisibilityThreshold: 10
|
|
|
|
|
-
|
|
|
|
|
|
|
+ sliceVisibilityThreshold: 10,
|
|
|
};
|
|
};
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('usercoinschart'));
|
|
var chart = new google.visualization.PieChart(document.getElementById('usercoinschart'));
|
|
|
chart.draw(data, options);
|
|
chart.draw(data, options);
|
|
@@ -466,14 +465,16 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
{% endif %}
|
|
{% endif %}
|
|
|
- {% if totalcoingiven != 0 and totalcoinspent != 0 %}
|
|
|
|
|
|
|
+ {% if coingiven != 0 and totalcoinspent != 0 %}
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
google.charts.load("current", {packages:["corechart"]});
|
|
|
google.charts.setOnLoadCallback(drawChart8);
|
|
google.charts.setOnLoadCallback(drawChart8);
|
|
|
function drawChart8() {
|
|
function drawChart8() {
|
|
|
var data = google.visualization.arrayToDataTable([
|
|
var data = google.visualization.arrayToDataTable([
|
|
|
- ['Coin spent', 'Coin given'],
|
|
|
|
|
- ['{{ totalcoinspent }}', {{ totalcoingiven }}],
|
|
|
|
|
|
|
+ ['Network', 'Coin given'],
|
|
|
|
|
+ {% for network in networkslist.items %}
|
|
|
|
|
+ ['{{ network.0|escapejs }}', {{ network.1.coinspentcount }} / {{ network.1.coingivencount }}],
|
|
|
|
|
+ {% endfor %}
|
|
|
]);
|
|
]);
|
|
|
var options = {
|
|
var options = {
|
|
|
legend: 'none',
|
|
legend: 'none',
|
|
@@ -483,7 +484,7 @@
|
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
pieSliceText: 'label',
|
|
pieSliceText: 'label',
|
|
|
};
|
|
};
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('spenvsgivenchart'));
|
|
|
|
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('spentvsgivenchart'));
|
|
|
chart.draw(data, options);
|
|
chart.draw(data, options);
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
@@ -491,14 +492,20 @@
|
|
|
<div title="Coin spent vs given" class="content">
|
|
<div title="Coin spent vs given" class="content">
|
|
|
<div class="header">
|
|
<div class="header">
|
|
|
<div>
|
|
<div>
|
|
|
- <i class="ui money icon"></i>
|
|
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="ui in chart icon">
|
|
|
|
|
+ <i class="ui corner money icon">
|
|
|
|
|
+ </i>
|
|
|
/
|
|
/
|
|
|
- <i class="ui user icon"></i>
|
|
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="ui sent icon">
|
|
|
|
|
+ <i class="ui corner money icon">
|
|
|
|
|
+ </i>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
- <div id="spentvssgivenchart"></div>
|
|
|
|
|
|
|
+ <div id="spentvsgivenchart"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
{% endif %}
|
|
{% endif %}
|