]> git.mxchange.org Git - friendica.git/blob - view/templates/admin/federation.tpl
Merge branch '2021.03-rc' into copyright-2021
[friendica.git] / view / templates / admin / federation.tpl
1 <script src="{{$baseurl}}/view/asset/Chart-js/dist/Chart.min.js?v={{$smarty.const.FRIENDICA_VERSION}}"></script>
2 <div id="adminpage">
3         <h1>{{$title}} - {{$page}}</h1>
4
5         <canvas id="FederationChart" class="federation-graph" width="320" height="320"></canvas>
6         <p>{{$intro}}</p>
7
8         <p>{{$legendtext}}</p>
9
10         <ul>
11                 {{foreach $counts as $c}}
12                         {{if $c[0]['total'] > 0}}
13                         <li>{{$c[0]['platform']}} ({{$c[0]['total']}}/{{$c[0]['users']}})</li>
14                         {{/if}}
15                 {{/foreach}}
16         </ul>
17
18         <script>
19         var FedData = {
20                 datasets: [{
21                         data: [
22                                 {{foreach $counts as $c}}
23                                         {{$c[0]['total']}},
24                                 {{/foreach}}
25                         ],
26                         backgroundColor: [
27                                 {{foreach $counts as $c}}
28                                         '{{$c[3]}}',
29                                 {{/foreach}}
30                                 ],
31                         hoverBackgroundColor: [
32                                 {{foreach $counts as $c}}
33                                         '#EE90A1',
34                                 {{/foreach}}
35                         ]
36                 }],
37                 labels: [
38                         {{foreach $counts as $c}}
39                                 "{{$c[0]['platform']}}",
40                         {{/foreach}}
41                 ]
42         };
43         var ctx = document.getElementById("FederationChart").getContext("2d");
44         var myDoughnutChart = new Chart(ctx, {
45                 type: 'doughnut',
46                 data: FedData,
47                 options: {
48                     legend: {display: false},
49                     animation: {animateRotate: false},
50                     responsive: false
51                 }
52         });
53         </script>
54
55         <table id="federation-stats">
56         {{foreach $counts as $c}}
57                 {{if $c[0]['total'] > 0}}
58                 <tr>
59                         <th>{{$c[0]['platform']}}</th>
60                         <th><strong>{{$c[0]['total']}}</strong></td>
61                         <td>{{$c[0]['network']}}</td>
62                 </tr>
63                 <tr>
64                         <td colspan="3" class="federation-data">
65                                 <canvas id="{{$c[2]}}Chart" class="federation-network-graph" width="240" height="240"></canvas>
66                                 <script>
67                                         var {{$c[2]}}data = {
68                                                 datasets: [{
69                                                         data: [
70                                                         {{foreach $c[1] as $v}}
71                                                                 {{$v['total']}},
72                                                         {{/foreach}}
73                                                         ],
74                                                         backgroundColor: [
75                                                         {{foreach $c[1] as $v}}
76                                                                 '{{$c[3]}}',
77                                                         {{/foreach}}
78                                                         ],
79                                                         hoverBackgroundColor: [
80                                                         {{foreach $c[1] as $v}}
81                                                                 '#EE90A1',
82                                                         {{/foreach}}
83                                                         ]
84                                                 }],
85                                                 labels: [
86                                                         {{foreach $c[1] as $v}}
87                                                                 '{{$v['version']}}',
88                                                         {{/foreach}}
89                                                 ]
90                                         };
91                                         var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d");
92                                         var my{{$c[2]}}DoughnutChart = new Chart(ctx, {
93                                                 type: 'doughnut',
94                                                 data: {{$c[2]}}data,
95                                                 options: {
96                                                 legend: {display: false},
97                                                         animation: {animateRotate: false},
98                                                         responsive: false
99                                                 }
100                                         });
101                                 </script>
102                                 <ul class="federation-stats">
103                                 {{foreach $c[1] as $v}}
104                                         <li>
105                                                 {{if ($c[0]['platform']==='Friendica' and  $version===$v['version']) }}
106                                                 <span class="version-match">{{$v['version']}}</span>
107                                                 {{else}}
108                                                 {{$v['version']}}
109                                                 {{/if}}
110                                                 ({{$v['total']}})
111                                         </li>
112                                 {{/foreach}}
113                                 </ul>
114                         </td>
115                 </tr>
116                 {{/if}}
117         {{/foreach}}
118         </table>
119 </div>