From a1717bdeb2fb3943b63228923991377c2e960c00 Mon Sep 17 00:00:00 2001
From: _Bastler <_Bastler@bstly.de>
Date: Tue, 1 Jun 2021 12:13:18 +0200
Subject: [PATCH] fix active state in account nav

---
 src/app/pages/account/account.component.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/account/account.component.html b/src/app/pages/account/account.component.html
index c56c37e..e76d05b 100644
--- a/src/app/pages/account/account.component.html
+++ b/src/app/pages/account/account.component.html
@@ -2,12 +2,18 @@
 </h2>
 
 <nav mat-tab-nav-bar>
-    <a mat-tab-link routerLink="info" routerLinkActive="active">{{'info' | i18n}}</a>
-    <a mat-tab-link routerLink="profile" routerLinkActive="active">{{'profile' | i18n}}</a>
-    <a mat-tab-link routerLink="security" routerLinkActive="active">{{'security' | i18n}}</a>
-    <a mat-tab-link routerLink="voucher" routerLinkActive="active">{{'vouchers' | i18n}}</a>
-    <a *ngIf="advancedView" mat-tab-link routerLink="aliases" routerLinkActive="active">{{'user.aliases' | i18n}}</a>
-    <a *ngIf="advancedView" mat-tab-link routerLink="domains" routerLinkActive="active">{{'user.domains' | i18n}}</a>
+    <a mat-tab-link routerLink="info" routerLinkActive #rlainfo="routerLinkActive" [active]="rlainfo.isActive">{{'info'
+        | i18n}}</a>
+    <a mat-tab-link routerLink="profile" routerLinkActive #rlaprofile="routerLinkActive"
+        [active]="rlaprofile.isActive">{{'profile' | i18n}}</a>
+    <a mat-tab-link routerLink="security" routerLinkActive #rlasecurity="routerLinkActive"
+        [active]="rlasecurity.isActive">{{'security' | i18n}}</a>
+    <a mat-tab-link routerLink="voucher" routerLinkActive #rlavoucher="routerLinkActive"
+        [active]="rlavoucher.isActive">{{'vouchers' | i18n}}</a>
+    <a *ngIf="advancedView" mat-tab-link routerLink="aliases" #rlaaliases="routerLinkActive" routerLinkActive
+        [active]="rlaaliases.isActive">{{'user.aliases' | i18n}}</a>
+    <a *ngIf="advancedView" mat-tab-link routerLink="domains" #rladomains="routerLinkActive" routerLinkActive
+        [active]="rladomains.isActive">{{'user.domains' | i18n}}</a>
     <a mat-tab-link>
         <mat-slide-toggle [(ngModel)]="advancedView">
             <span *ngIf="!advancedView">{{'account.advanced' | i18n}}</span>