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