Improved feature flag loading in frontend #446

web/src/app/models/graphql/queries.model.ts

@@ -128,6 +128,17 @@ export class Queries {
     }
   `;
 
+  static serverFeatureFlags = `
+    query HasServerFeatureFlag($filter: ServerFilter) {
+      servers(filter: $filter) {
+        featureFlags {
+          key
+          value
+        }
+      }
+    }
+  `;
+
   static gameServerQuery = `
       query GameServersList($serverId: ID) {
       servers(filter: {id: $serverId}) {

web/src/app/models/graphql/query.model.ts

@@ -1,7 +1,7 @@
 import { GameServer, Server } from "../data/server.model";
 import { User } from "../data/user.model";
 import { AutoRole, AutoRoleRule } from "../data/auto_role.model";
-import { Discord, Guild } from "../data/discord.model";
+import { Discord } from "../data/discord.model";
 import { Level } from "../data/level.model";
 import { Achievement, AchievementAttribute } from "../data/achievement.model";
 import { TechnicianConfig } from "../config/technician-config.model";
@@ -82,6 +82,10 @@ export interface HasServerFeatureFlagQuery {
   hasFeatureFlag: FeatureFlag;
 }
 
+export interface FeatureFlagsQuery {
+  featureFlags: FeatureFlag[];
+}
+
 export interface ShortRoleNameListQuery {
   shortRoleNameCount: number;
   shortRoleNames: ShortRoleName[];

web/src/app/services/sidebar/sidebar.service.ts

@@ -1,6 +1,6 @@
 import { Injectable } from "@angular/core";
 import { MenuItem } from "primeng/api";
-import { BehaviorSubject, forkJoin, Observable } from "rxjs";
+import { BehaviorSubject } from "rxjs";
 import { AuthRoles } from "../../models/auth/auth-roles.enum";
 import { AuthService } from "../auth/auth.service";
 import { TranslateService } from "@ngx-translate/core";
@@ -9,7 +9,7 @@ import { ThemeService } from "../theme/theme.service";
 import { Server } from "../../models/data/server.model";
 import { UserDTO } from "../../models/auth/auth-user.dto";
 import { ServerService } from "../server.service";
-import { HasServerFeatureFlagQuery, PossibleFeatureFlagsQuery, Query } from "../../models/graphql/query.model";
+import { FeatureFlagsQuery, Query } from "../../models/graphql/query.model";
 import { Queries } from "../../models/graphql/queries.model";
 import { DataService } from "../data/data.service";
 import { FeatureFlag } from "../../models/config/feature-flags.model";
@@ -165,31 +165,15 @@ export class SidebarService {
 
     if (server) {
       this.featureFlags = [];
-      this.data.query<PossibleFeatureFlagsQuery>("{possibleFeatureFlags}"
-      ).subscribe(data => {
-        let observables: Observable<HasServerFeatureFlagQuery>[] = [];
-        data.possibleFeatureFlags.forEach(flag => {
-          observables.push(
-            this.data.query<HasServerFeatureFlagQuery>(Queries.hasServerFeatureFlag, {
-                filter: { id: server.id },
-                flag: flag
-              },
-              function(data: Query) {
-                return data.servers[0];
-              }
-            )
-          );
-        });
 
-        forkJoin(observables).subscribe(data => {
-          data.forEach(flag => {
-            if (!flag.hasFeatureFlag.value) {
-              return;
-            }
-            this.featureFlags.push(flag.hasFeatureFlag);
-          });
-          this._setMenu(build);
-        });
+      this.data.query<FeatureFlagsQuery>(Queries.serverFeatureFlags, {
+          filter: { id: server.id }
+        },
+        function(data: Query) {
+          return data.servers[0];
+        }).subscribe(data => {
+        this.featureFlags = data.featureFlags;
+        this._setMenu(build);
       });
     } else {
       this._setMenu(build);