1 <script src="{{$baseurl}}/library/Chart.js-1.0.2/Chart.min.js"></script>
2 <canvas id="FederationChart" style="width: 400px; height: 400px; float: right; margin: 20px;"></canvas>
4 <h1>{{$title}} - {{$page}}</h1>
7 <p class="error-message">{{$hint}}</p>
11 {{foreach $counts as $c}}
12 {{if $c[0]['count(*)'] > 0}}
13 <li>{{$c[0]['platform']}} ({{$c[0]['count(*)']}})</li>
21 {{foreach $counts as $c}}
22 { value: {{$c[0]['count(*)']}}, label: "{{$c[0]['platform']}}", color: "#90EE90", highlight: "#EE90A1", },
25 var ctx = document.getElementById("FederationChart").getContext("2d");
26 var myDoughnutChart = new Chart(ctx).Doughnut(FedData,
28 animateRotate : false,
30 document.getElementById('FederationLegend').innerHTML = myDoughnutChart.generateLegend();
33 <table style="width: 100%">
34 {{foreach $counts as $c}}
35 {{if $c[0]['count(*)'] > 0}}
37 <th>{{$c[0]['platform']}}</th>
38 <th><strong>{{$c[0]['count(*)']}}</strong></td>
39 <td>{{$c[0]['network']}}</td>
42 <td colspan="3" style="border-bottom: 1px solid #000;">
43 <canvas id="{{$c[2]}}Chart" style="width: 240px; height: 240px; float: left;
44 margin: 20px;"></canvas>
47 {{foreach $c[1] as $v}}
48 { value: {{$v['count(*)']}}, label: '{{$v['version']}}', color: "#90EE90", highlight: "#EE90A1",},
51 var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d");
52 var my{{$c[2]}}DoughnutChart = new Chart(ctx).Doughnut({{$c[2]}}data,
53 {animateRotate : false,});
55 <ul class="federation-stats">
56 {{foreach $c[1] as $v}}
57 <li>{{if ($c[0]['platform']==='Friendica' and $version===$v['version']) }}<span class="version-match">{{$v['version']}}</span>{{else}}{{$v['version']}}{{/if}} ({{$v['count(*)']}})</li>