8eb8288b68
This is a followup on #4266 resizing the fedstat graph in the admin panel so that it fits alongside the intro text again. Checked also with duepunto, quattro and vier theme.
119 lines
3.0 KiB
Smarty
119 lines
3.0 KiB
Smarty
<script src="{{$baseurl}}/vendor/asset/Chart-js/dist/Chart.min.js"></script>
|
|
<div id="adminpage">
|
|
<h1>{{$title}} - {{$page}}</h1>
|
|
<canvas id="FederationChart" class="federation-graph" width="320" height="320"></canvas>
|
|
<p>{{$intro}}</p>
|
|
{{if not $autoactive}}
|
|
<p class="error-message">{{$hint}}</p>
|
|
{{/if}}
|
|
<p>{{$legendtext}}</p>
|
|
<ul>
|
|
{{foreach $counts as $c}}
|
|
{{if $c[0]['total'] > 0}}
|
|
<li>{{$c[0]['platform']}} ({{$c[0]['total']}}/{{$c[0]['users']}})</li>
|
|
{{/if}}
|
|
{{/foreach}}
|
|
</ul>
|
|
</div>
|
|
<script>
|
|
var FedData = {
|
|
datasets: [{
|
|
data: [
|
|
{{foreach $counts as $c}}
|
|
{{$c[0]['total']}},
|
|
{{/foreach}}
|
|
],
|
|
backgroundColor: [
|
|
{{foreach $counts as $c}}
|
|
'{{$c[3]}}',
|
|
{{/foreach}}
|
|
],
|
|
hoverBackgroundColor: [
|
|
{{foreach $counts as $c}}
|
|
'#EE90A1',
|
|
{{/foreach}}
|
|
]
|
|
}],
|
|
labels: [
|
|
{{foreach $counts as $c}}
|
|
"{{$c[0]['platform']}}",
|
|
{{/foreach}}
|
|
]
|
|
};
|
|
var ctx = document.getElementById("FederationChart").getContext("2d");
|
|
var myDoughnutChart = new Chart(ctx, {
|
|
type: 'doughnut',
|
|
data: FedData,
|
|
options: {
|
|
legend: {display: false},
|
|
animation: {animateRotate: false},
|
|
responsive: false
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<table id="federation-stats">
|
|
{{foreach $counts as $c}}
|
|
{{if $c[0]['total'] > 0}}
|
|
<tr>
|
|
<th>{{$c[0]['platform']}}</th>
|
|
<th><strong>{{$c[0]['total']}}</strong></td>
|
|
<td>{{$c[0]['network']}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3" class="federation-data">
|
|
<canvas id="{{$c[2]}}Chart" class="federation-network-graph" width="240" height="240"></canvas>
|
|
<script>
|
|
var {{$c[2]}}data = {
|
|
datasets: [{
|
|
data: [
|
|
{{foreach $c[1] as $v}}
|
|
{{$v['total']}},
|
|
{{/foreach}}
|
|
],
|
|
backgroundColor: [
|
|
{{foreach $c[1] as $v}}
|
|
'{{$c[3]}}',
|
|
{{/foreach}}
|
|
],
|
|
hoverBackgroundColor: [
|
|
{{foreach $c[1] as $v}}
|
|
'#EE90A1',
|
|
{{/foreach}}
|
|
]
|
|
}],
|
|
labels: [
|
|
{{foreach $c[1] as $v}}
|
|
'{{$v['version']}}',
|
|
{{/foreach}}
|
|
]
|
|
};
|
|
var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d");
|
|
var my{{$c[2]}}DoughnutChart = new Chart(ctx, {
|
|
type: 'doughnut',
|
|
data: {{$c[2]}}data,
|
|
options: {
|
|
legend: {display: false},
|
|
animation: {animateRotate: false},
|
|
responsive: false
|
|
}
|
|
});
|
|
</script>
|
|
<ul class="federation-stats">
|
|
{{foreach $c[1] as $v}}
|
|
<li>
|
|
{{if ($c[0]['platform']==='Friendica' and $version===$v['version']) }}
|
|
<span class="version-match">{{$v['version']}}</span>
|
|
{{else}}
|
|
{{$v['version']}}
|
|
{{/if}}
|
|
({{$v['total']}})
|
|
</li>
|
|
{{/foreach}}
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
{{/if}}
|
|
{{/foreach}}
|
|
</table>
|