Expose more statistics

* differenciate local & all events/comments/groups
* add instance follows/followings

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/graphql/statistics.ts

@@ -5,8 +5,13 @@ export const STATISTICS = gql`
     statistics {
       numberOfUsers
       numberOfEvents
+      numberOfLocalEvents
       numberOfComments
+      numberOfLocalComments
       numberOfGroups
+      numberOfLocalGroups
+      numberOfInstanceFollowings
+      numberOfInstanceFollowers
     }
   }
 `;

js/src/types/statistics.model.ts

@@ -1,6 +1,11 @@
 export interface IStatistics {
   numberOfUsers: number;
   numberOfEvents: number;
+  numberOfLocalEvents: number;
   numberOfComments: number;
+  numberOfLocalComments: number;
   numberOfGroups: number;
+  numberOfLocalGroups: number;
+  numberOfInstanceFollowings: number;
+  numberOfInstanceFollowers: number;
 }

js/src/views/About/AboutInstance.vue

@@ -14,13 +14,13 @@
           <strong slot="number">{{ statistics.numberOfUsers }}</strong>
         </i18n>
         <i18n tag="p" path="and {number} groups">
-          <strong slot="number">{{ statistics.numberOfGroups }}</strong>
+          <strong slot="number">{{ statistics.numberOfLocalGroups }}</strong>
         </i18n>
         <i18n tag="p" path="Who published {number} events">
-          <strong slot="number">{{ statistics.numberOfEvents }}</strong>
+          <strong slot="number">{{ statistics.numberOfLocalEvents }}</strong>
         </i18n>
         <i18n tag="p" path="And {number} comments">
-          <strong slot="number">{{ statistics.numberOfComments }}</strong>
+          <strong slot="number">{{ statistics.numberOfLocalComments }}</strong>
         </i18n>
       </div>
       <div class="column contact">
@@ -140,7 +140,7 @@ section {
     .statistics {
       display: grid;
       grid-template-columns: repeat(auto-fit, 150px);
-      grid-template-rows: repeat(2, 1fr);
+      gap: 2rem 0;
       p {
         text-align: right;
         padding: 0 15px;
@@ -157,6 +157,9 @@ section {
       }
     }
     .contact {
+      h4 {
+        font-weight: bold;
+      }
       p {
         width: 200px;
         white-space: nowrap;