split moderators and admins and show both

frontend/src/graphql/queries.js

@@ -241,6 +241,7 @@ export const searchAdminUsers = gql`
       userList {
         firstName
         lastName
+        role
       }
     }
   }

frontend/src/locales/de.json

@@ -20,6 +20,7 @@
   },
   "back": "Zurück",
   "community": {
+    "admins": "Administratoren",
     "choose-another-community": "Eine andere Gemeinschaft auswählen",
     "community": "Gemeinschaft",
     "communityMember": "Du bist aktives Mitglied",

frontend/src/locales/en.json

@@ -20,6 +20,7 @@
   },
   "back": "Back",
   "community": {
+    "admins": "Administrators",
     "choose-another-community": "Choose another community",
     "community": "Community",
     "communityMember": "You are an active member",

frontend/src/locales/es.json

@@ -18,6 +18,7 @@
   },
   "back": "Volver",
   "community": {
+    "admins": "Administradores",
     "choose-another-community": "Escoger otra comunidad",
     "community": "Comunidad",
     "continue-to-registration": "Continuar con el registro",

frontend/src/locales/fr.json

@@ -20,6 +20,7 @@
   },
   "back": "Retour",
   "community": {
+    "admins": "Administrateurs",
     "choose-another-community": "Choisissez une autre communauté",
     "community": "Communauté",
     "communityMember": "Vous etes un membre actif",

frontend/src/locales/nl.json

@@ -18,6 +18,7 @@
   },
   "back": "Terug",
   "community": {
+    "admins": "Beheerders",
     "choose-another-community": "Kies een andere gemeenschap",
     "community": "Gemeenschap",
     "continue-to-registration": "Verder ter registratie",

frontend/src/locales/tr.json

@@ -20,6 +20,7 @@
   },
   "back": "Geri",
   "community": {
+    "admins": "Yöneticiler",
     "choose-another-community": "Başka bir topluluk seçin",
     "community": "Topluluk",
     "continue-to-registration": "Kayıt işlemine devam et",

frontend/src/pages/InfoStatistic.vue

@@ -11,7 +11,7 @@
         </b-link>
       </div>
       <hr />
-      <div class="h3">{{ $t('community.openContributionLinks') }}</div>
+      <!--<div class="h3">{{ $t('community.openContributionLinks') }}</div>
       <div v-if="count > 0">
         {{
           $t('community.openContributionLinkText', {
@@ -34,13 +34,15 @@
         </li>
       </ul>
 
-      <hr />
+      <hr />-->
 
+      <div class="h3">{{ $t('community.admins') }}</div>
+      <ul>
+        <li v-for="item in admins" :key="item.id">{{ item.firstName }} {{ item.lastName }}</li>
+      </ul>
       <div class="h3">{{ $t('community.moderators') }}</div>
       <ul>
-        <li v-for="item in itemsAdminUser" v-bind:key="item.id">
-          {{ item.firstName }} {{ item.lastName }}
-        </li>
+        <li v-for="item in moderators" :key="item.id">{{ item.firstName }} {{ item.lastName }}</li>
       </ul>
 
       <hr />
@@ -96,6 +98,14 @@ export default {
       totalGradidoAvailable: null,
     }
   },
+  computed: {
+    admins() {
+      return this.itemsAdminUser.filter((item) => item.role === 'ADMIN')
+    },
+    moderators() {
+      return this.itemsAdminUser.filter((item) => item.role === 'MODERATOR')
+    },
+  },
   methods: {
     getContributionLinks() {
       this.$apollo