Add toggle to disable groups

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

js/src/components/NavBar.vue

@@ -12,9 +12,12 @@
       <b-navbar-item tag="router-link" :to="{ name: RouteName.MY_EVENTS }">{{
         $t("My events")
       }}</b-navbar-item>
-      <b-navbar-item tag="router-link" :to="{ name: RouteName.MY_GROUPS }">{{
-        $t("My groups")
-      }}</b-navbar-item>
+      <b-navbar-item
+        tag="router-link"
+        :to="{ name: RouteName.MY_GROUPS }"
+        v-if="config && config.features.groups"
+        >{{ $t("My groups") }}</b-navbar-item
+      >
       <b-navbar-item tag="span">
         <b-button tag="router-link" :to="{ name: RouteName.CREATE_EVENT }" type="is-success">{{
           $t("Create")

js/src/graphql/config.ts

@@ -56,6 +56,9 @@ export const CONFIG = gql`
         endpoint
         software
       }
+      features {
+        groups
+      }
     }
   }
 `;

js/src/types/config.model.ts

@@ -58,4 +58,7 @@ export interface IConfig {
   };
   resourceProviders: IProvider[];
   timezones: string[];
+  features: {
+    groups: boolean;
+  };
 }

js/src/views/Event/Edit.vue

@@ -51,7 +51,7 @@
               />
             </b-field>
           </div>
-          <div class="column">
+          <div class="column" v-if="config && config.features.groups">
             <b-field :label="$t('Group')" v-if="event.organizerActor">
               <group-picker-wrapper v-model="event.attributedTo" :identity="event.organizerActor" />
             </b-field>

js/src/views/Moderation/ReportList.vue

@@ -12,7 +12,7 @@
       }}</b-radio-button>
     </b-field>
     <ul v-if="reports.length > 0">
-      <li v-for="report in reports">
+      <li v-for="report in reports" :key="report.id">
         <router-link :to="{ name: RouteName.REPORT, params: { reportId: report.id } }">
           <report-card :report="report" />
         </router-link>