GB3-1684: Add KoPla Link

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

@@ -72,6 +72,19 @@
         <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
+        >
+      }
     </div>
   </mat-card-content>
 </mat-card>

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

@@ -5,6 +5,7 @@ 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',
@@ -15,6 +16,7 @@ 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);
@@ -23,7 +25,10 @@ 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,6 +51,19 @@
       <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>
+    }
     <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,6 +9,7 @@ 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',
@@ -22,6 +23,7 @@ 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;
 
@@ -34,7 +36,10 @@ 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/services/config.service.ts

@@ -138,6 +138,10 @@ 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.
    *