GB3-1684: use featureFlags for koplaItem

src/app/shared/components/navbar-mobile/navbar-mobile-dialog/navbar-mobile-dialog.component.html

@@ -72,19 +72,18 @@
         <mat-icon>launch</mat-icon>
         Geodatenshop</a
       >
-      @if (isIntranetHost) {
-        <a
-          class="navbar__item"
-          href="https://gdi.zh.ch/portal/home/"
-          mat-button
-          target="_blank"
-          rel="noopener noreferrer"
-          matTooltip="Kollaborationsplattform"
-        >
-          <mat-icon>launch</mat-icon>
-          KoPla</a
-        >
-      }
+      <a
+        class="navbar__item"
+        href="https://gdi.zh.ch/portal/home/"
+        mat-button
+        target="_blank"
+        rel="noopener noreferrer"
+        matTooltip="Kollaborationsplattform"
+        *featureFlag="'koPlaNavItem'"
+      >
+        <mat-icon>launch</mat-icon>
+        KoPla</a
+      >
     </div>
   </mat-card-content>
 </mat-card>

src/app/shared/components/navbar-mobile/navbar-mobile-dialog/navbar-mobile-dialog.component.ts

@@ -5,7 +5,6 @@ import {Subscription, tap} from 'rxjs';
 import {MainPage} from 'src/app/shared/enums/main-page.enum';
 import {selectIsAuthenticated, selectUserName} from 'src/app/state/auth/reducers/auth-status.reducer';
 import {AuthStatusActions} from '../../../../state/auth/actions/auth-status.actions';
-import {ConfigService} from '../../../services/config.service';
 
 @Component({
   selector: 'navbar-mobile-dialog',
@@ -16,7 +15,6 @@ export class NavbarMobileDialogComponent implements OnInit, OnDestroy {
   protected readonly mainPageEnum = MainPage;
   public isAuthenticated: boolean = false;
   public userName?: string;
-  public isIntranetHost: boolean = false;
 
   private readonly subscriptions = new Subscription();
   private readonly userName$ = this.store.select(selectUserName);
@@ -25,10 +23,7 @@ export class NavbarMobileDialogComponent implements OnInit, OnDestroy {
   constructor(
     private readonly dialogRef: MatDialogRef<NavbarMobileDialogComponent>,
     private readonly store: Store,
-    private readonly configService: ConfigService,
-  ) {
-    this.isIntranetHost = this.configService.isIntranetHost();
-  }
+  ) {}
 
   public ngOnInit() {
     this.initSubscriptions();

src/app/shared/components/navbar/navbar.component.html

@@ -51,19 +51,18 @@
       <mat-icon>launch</mat-icon>
       Geodatenshop
     </a>
-    @if (isIntranetHost) {
-      <a
-        class="navbar__item"
-        href="https://gdi.zh.ch/portal/home/"
-        mat-button
-        target="_blank"
-        rel="noopener noreferrer"
-        matTooltip="Kollaborationsplattform"
-      >
-        <mat-icon>launch</mat-icon>
-        KoPla
-      </a>
-    }
+    <a
+      class="navbar__item"
+      href="https://gdi.zh.ch/portal/home/"
+      mat-button
+      target="_blank"
+      rel="noopener noreferrer"
+      matTooltip="Kollaborationsplattform"
+      *featureFlag="'koPlaNavItem'"
+    >
+      <mat-icon>launch</mat-icon>
+      KoPla
+    </a>
     <mat-divider class="navbar__divider" vertical></mat-divider>
     @if (!isAuthenticated) {
       <button (click)="startLogin()" class="navbar__item navbar__item--button" mat-button>

src/app/shared/components/navbar/navbar.component.ts

@@ -9,7 +9,6 @@ import {ScreenMode} from '../../types/screen-size.type';
 import {NavbarMobileDialogComponent} from '../navbar-mobile/navbar-mobile-dialog/navbar-mobile-dialog.component';
 import {PanelClass} from '../../enums/panel-class.enum';
 import {MatDialog} from '@angular/material/dialog';
-import {ConfigService} from '../../services/config.service';
 
 @Component({
   selector: 'navbar',
@@ -23,7 +22,6 @@ export class NavbarComponent implements OnInit, OnDestroy {
   public userName?: string;
   public scrollbarWidth: number = 0;
   public screenMode: ScreenMode = 'regular';
-  public isIntranetHost: boolean = false;
 
   protected readonly mainPageEnum = MainPage;
 
@@ -36,10 +34,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
   constructor(
     private readonly store: Store,
     private readonly dialog: MatDialog,
-    private readonly configService: ConfigService,
-  ) {
-    this.isIntranetHost = this.configService.isIntranetHost();
-  }
+  ) {}
 
   public ngOnInit() {
     this.initSubscriptions();

src/app/shared/configs/feature-flags.config.ts

@@ -4,4 +4,5 @@ export const defaultFeatureFlags: FeatureFlags = {
   oerebExtract: false,
   ownershipInformation: false,
   iframeShareLink: true,
+  koPlaNavItem: false,
 };

src/app/shared/configs/runtime.prod.config.ts

@@ -48,7 +48,9 @@ export const defaultRuntimeConfig: RuntimeConfig[] = [
       clientId: 'gb3',
       issuer: 'https://web.maps.zh.ch/',
     },
-    featureFlags: {},
+    featureFlags: {
+      koPlaNavItem: true,
+    },
     overrides: {},
   },
   {

src/app/shared/configs/runtime.staging-using-productive-gb2-backend.config.ts

@@ -49,7 +49,9 @@ export const defaultRuntimeConfig: RuntimeConfig[] = [
       clientId: 'gb3',
       issuer: 'https://web.maps.zh.ch/',
     },
-    featureFlags: {},
+    featureFlags: {
+      koPlaNavItem: true,
+    },
     overrides: {
       overrideWmsUrl: 'https://web.wms.zh.ch',
     },

src/app/shared/configs/runtime.staging.config.ts

@@ -48,7 +48,9 @@ export const defaultRuntimeConfig: RuntimeConfig[] = [
       clientId: 'gb3',
       issuer: 'https://testmaps.kt.ktzh.ch/',
     },
-    featureFlags: {},
+    featureFlags: {
+      koPlaNavItem: true,
+    },
     overrides: {
       overrideWmsUrl: 'http://testwms.kt.ktzh.ch',
     },

src/app/shared/configs/runtime.uat.config.ts

@@ -50,6 +50,7 @@ export const defaultRuntimeConfig: RuntimeConfig[] = [
     },
     featureFlags: {
       iframeShareLink: true,
+      koPlaNavItem: true,
     },
     overrides: {
       overrideWmsUrl: 'http://uatwms.kt.ktzh.ch',

src/app/shared/interfaces/feature-flags.interface.ts

@@ -2,4 +2,5 @@ export interface FeatureFlags {
   oerebExtract: boolean;
   ownershipInformation: boolean;
   iframeShareLink: boolean;
+  koPlaNavItem: boolean;
 }

src/app/shared/services/config.service.ts

@@ -138,10 +138,6 @@ export class ConfigService {
     return this.searchIndexConfig.filter((searchIndex) => searchIndexTypes.includes(searchIndex.indexType));
   }
 
-  public isIntranetHost(): boolean {
-    return this.document.location.host.includes('ktzh');
-  }
-
   /**
    * Extracts the hostname from Document.location, also removing any port mappings.
    *

src/app/shared/shared.module.ts

@@ -36,6 +36,7 @@ import {LayerTooltipPipe} from './pipes/layer-tooltip.pipe';
 import {Gb2ExitButtonComponent} from './components/external-link-button/gb2-exit-button.component';
 import {TypedTourAnchorDirective} from './directives/typed-tour-anchor.directive';
 import {ClickOnSpaceBarDirective} from './directives/click-on-spacebar.directive';
+import {FeatureFlagDirective} from './directives/feature-flag.directive';
 
 @NgModule({
   declarations: [
@@ -72,7 +73,7 @@ import {ClickOnSpaceBarDirective} from './directives/click-on-spacebar.directive
     Gb2ExitButtonComponent,
     TypedTourAnchorDirective,
   ],
-  imports: [MaterialModule, RouterModule, CommonModule, ResizableModule, ClickOnSpaceBarDirective, NgOptimizedImage],
+  imports: [MaterialModule, RouterModule, CommonModule, ResizableModule, ClickOnSpaceBarDirective, NgOptimizedImage, FeatureFlagDirective],
   exports: [
     MaterialModule,
     ResizableModule,