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-summary">
  65                                 <ul>
  66                                         {{if $c[0]['month']}}<li>{{$c[0]['monthlbl']}}</li>{{/if}}
  67                                         {{if $c[0]['halfyear']}}<li>{{$c[0]['halfyearlbl']}}</li>{{/if}}
  68                                         {{if $c[0]['users']}}<li>{{$c[0]['userslbl']}}</li>{{/if}}
  69                                         {{if $c[0]['posts']}}<li>{{$c[0]['postslbl']}}</li>{{/if}}
  70                                         {{if $c[0]['postsuserlbl']}}<li>{{$c[0]['postsuserlbl']}}</li>{{/if}}
  71                                 </ul>
  72                         </td>
  73                 </tr>
  74                 <tr>
  75                         <td colspan="3" class="federation-data">
  76                                 <canvas id="{{$c[2]}}Chart" class="federation-network-graph" width="240" height="240"></canvas>
  77                                 <script>
  78                                         var {{$c[2]}}data = {
  79                                                 datasets: [{
  80                                                         data: [
  81                                                         {{foreach $c[1] as $v}}
  82                                                                 {{$v['total']}},
  83                                                         {{/foreach}}
  84                                                         ],
  85                                                         backgroundColor: [
  86                                                         {{foreach $c[1] as $v}}
  87                                                                 '{{$c[3]}}',
  88                                                         {{/foreach}}
  89                                                         ],
  90                                                         hoverBackgroundColor: [
  91                                                         {{foreach $c[1] as $v}}
  92                                                                 '#EE90A1',
  93                                                         {{/foreach}}
  94                                                         ]
  95                                                 }],
  96                                                 labels: [
  97                                                         {{foreach $c[1] as $v}}
  98                                                                 '{{$v['version']}}',
  99                                                         {{/foreach}}
 100                                                 ]
 101                                         };
 102                                         var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d");
 103                                         var my{{$c[2]}}DoughnutChart = new Chart(ctx, {
 104                                                 type: 'doughnut',
 105                                                 data: {{$c[2]}}data,
 106                                                 options: {
 107                                                 legend: {display: false},
 108                                                         animation: {animateRotate: false},
 109                                                         responsive: false
 110                                                 }
 111                                         });
 112                                 </script>
 113                                 <ul class="federation-stats">
 114                                 {{foreach $c[1] as $v}}
 115                                         <li>
 116                                                 {{if ($c[0]['platform']==='Friendica' and  $version===$v['version']) }}
 117                                                 <span class="version-match">{{$v['version']}}</span>
 118                                                 {{else}}
 119                                                 {{$v['version']}}
 120                                                 {{/if}}
 121                                                 ({{$v['total']}})
 122                                         </li>
 123                                 {{/foreach}}
 124                                 </ul>
 125                         </td>
 126                 </tr>
 127                 {{/if}}
 128         {{/foreach}}
 129         </table>
 130 </div>