_Bastler/we_bstly-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

fix active state in account nav

Browse Source
This commit is contained in:
_Bastler 2021-06-01 12:13:18 +02:00
parent 5ee8da9501
commit a1717bdeb2
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/pages/account/account.component.html
View File

@ -2,12 +2,18 @@
</h2> </h2>
<nav mat-tab-nav-bar> <nav mat-tab-nav-bar>
<a mat-tab-link routerLink="info" routerLinkActive="active">{{'info' | i18n}}</a> <a mat-tab-link routerLink="info" routerLinkActive #rlainfo="routerLinkActive" [active]="rlainfo.isActive">{{'info'
<a mat-tab-link routerLink="profile" routerLinkActive="active">{{'profile' | i18n}}</a> | i18n}}</a>
<a mat-tab-link routerLink="security" routerLinkActive="active">{{'security' | i18n}}</a> <a mat-tab-link routerLink="profile" routerLinkActive #rlaprofile="routerLinkActive"
<a mat-tab-link routerLink="voucher" routerLinkActive="active">{{'vouchers' | i18n}}</a> [active]="rlaprofile.isActive">{{'profile' | i18n}}</a>
<a *ngIf="advancedView" mat-tab-link routerLink="aliases" routerLinkActive="active">{{'user.aliases' | i18n}}</a> <a mat-tab-link routerLink="security" routerLinkActive #rlasecurity="routerLinkActive"
<a *ngIf="advancedView" mat-tab-link routerLink="domains" routerLinkActive="active">{{'user.domains' | i18n}}</a> [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> <a mat-tab-link>
<mat-slide-toggle [(ngModel)]="advancedView"> <mat-slide-toggle [(ngModel)]="advancedView">
<span *ngIf="!advancedView">{{'account.advanced' | i18n}}</span> <span *ngIf="!advancedView">{{'account.advanced' | i18n}}</span>