Skip to content

Commit f09d002

Browse files
steinwindesteinwinde
authored
fix: add missing mat-tab-nav-panels (#2441)
This adds mat-tab-nav-panels below nav mat-tab-nav-bars. FIXES: WEB-166
1 parent d7cfe05 commit f09d002

File tree

16 files changed

+64
-35
lines changed

16 files changed

+64
-35
lines changed

‎src/app/centers/centers-view/centers-view.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ <h3 class="flex-95">
140140
</mat-card-title-group>
141141
</mat-card-header>
142142
<mat-card-content>
143-
<nav mat-tab-nav-bar class="navigation-tabs">
143+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
144144
<a
145145
mat-tab-link
146146
[routerLink]="['./general']"
@@ -173,6 +173,8 @@ <h3 class="flex-95">
173173
</a>
174174
</span>
175175
</nav>
176-
<router-outlet></router-outlet>
176+
<mat-tab-nav-panel #tabPanel>
177+
<router-outlet></router-outlet>
178+
</mat-tab-nav-panel>
177179
</mat-card-content>
178180
</mat-card>

‎src/app/clients/clients-view/clients-view.component.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -322,7 +322,7 @@ <h3 class="flex-95">
322322
</mat-card-header>
323323

324324
<mat-card-content>
325-
<nav mat-tab-nav-bar class="navigation-tabs">
325+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
326326
<a
327327
mat-tab-link
328328
[routerLink]="['./general']"
@@ -393,7 +393,8 @@ <h3 class="flex-95">
393393
</a>
394394
</ng-container>
395395
</nav>
396-
397-
<router-outlet></router-outlet>
396+
<mat-tab-nav-panel #tabPanel>
397+
<router-outlet></router-outlet>
398+
</mat-tab-nav-panel>
398399
</mat-card-content>
399400
</mat-card>

‎src/app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ <h3 class="flex-100">{{ 'labels.heading.Account Overview' | translate }}</h3>
101101
</mat-card-header>
102102

103103
<mat-card-content class="content">
104-
<nav mat-tab-nav-bar class="navigation-tabs">
104+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
105105
<a
106106
mat-tab-link
107107
[routerLink]="['./general']"
@@ -164,6 +164,8 @@ <h3 class="flex-100">{{ 'labels.heading.Account Overview' | translate }}</h3>
164164
</ng-container>
165165
</nav>
166166

167-
<router-outlet></router-outlet>
167+
<mat-tab-nav-panel #tabPanel>
168+
<router-outlet></router-outlet>
169+
</mat-tab-nav-panel>
168170
</mat-card-content>
169171
</mat-card>

‎src/app/deposits/recurring-deposits/recurring-deposits-account-view/recurring-deposits-account-view.component.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
109109
</mat-card-header>
110110

111111
<mat-card-content class="content">
112-
<nav mat-tab-nav-bar class="navigation-tabs">
112+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
113113
<a
114114
mat-tab-link
115115
[routerLink]="['./general']"
@@ -172,7 +172,8 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
172172
</a>
173173
</ng-container>
174174
</nav>
175-
176-
<router-outlet></router-outlet>
175+
<mat-tab-nav-panel #tabPanel>
176+
<router-outlet></router-outlet>
177+
</mat-tab-nav-panel>
177178
</mat-card-content>
178179
</mat-card>

‎src/app/groups/groups-view/groups-view.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -177,7 +177,7 @@ <h3 class="flex-95">
177177
</mat-card-header>
178178

179179
<mat-card-content>
180-
<nav mat-tab-nav-bar class="navigation-tabs">
180+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
181181
<a
182182
mat-tab-link
183183
[routerLink]="['./general']"
@@ -220,6 +220,8 @@ <h3 class="flex-95">
220220
</span>
221221
</nav>
222222

223-
<router-outlet></router-outlet>
223+
<mat-tab-nav-panel #tabPanel>
224+
<router-outlet></router-outlet>
225+
</mat-tab-nav-panel>
224226
</mat-card-content>
225227
</mat-card>

‎src/app/loans/loans-view/loans-view.component.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
161161
</mat-card-header>
162162

163163
<mat-card-content>
164-
<nav mat-tab-nav-bar class="navigation-tabs">
164+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
165165
<a
166166
mat-tab-link
167167
[routerLink]="['./general']"
@@ -353,7 +353,8 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
353353
</a>
354354
</ng-container>
355355
</nav>
356-
357-
<router-outlet></router-outlet>
356+
<mat-tab-nav-panel #tabPanel>
357+
<router-outlet></router-outlet>
358+
</mat-tab-nav-panel>
358359
</mat-card-content>
359360
</mat-card>

‎src/app/organization/offices/view-office/view-office.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div class="container">
22
<mat-card class="office-card">
33
<mat-card-content>
4-
<nav mat-tab-nav-bar class="navigation-tabs">
4+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
55
<a
66
mat-tab-link
77
[routerLink]="['./general']"
@@ -25,7 +25,9 @@
2525
</span>
2626
</nav>
2727

28-
<router-outlet></router-outlet>
28+
<mat-tab-nav-panel #tabPanel>
29+
<router-outlet></router-outlet>
30+
</mat-tab-nav-panel>
2931
</mat-card-content>
3032
</mat-card>
3133
</div>

‎src/app/products/fixed-deposit-products/view-fixed-deposit-product/view-fixed-deposit-product.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-card class="product-card">
22
<mat-card-content>
3-
<nav mat-tab-nav-bar class="navigation-tabs">
3+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
44
<a
55
mat-tab-link
66
[routerLink]="['./general']"
@@ -24,6 +24,8 @@
2424
</ng-container>
2525
</nav>
2626

27-
<router-outlet></router-outlet>
27+
<mat-tab-nav-panel #tabPanel>
28+
<router-outlet></router-outlet>
29+
</mat-tab-nav-panel>
2830
</mat-card-content>
2931
</mat-card>

‎src/app/products/loan-products/view-loan-product/view-loan-product.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-card class="product-card">
22
<mat-card-content>
3-
<nav mat-tab-nav-bar class="navigation-tabs">
3+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
44
<a
55
mat-tab-link
66
[routerLink]="['./general']"
@@ -24,6 +24,8 @@
2424
</ng-container>
2525
</nav>
2626

27-
<router-outlet></router-outlet>
27+
<mat-tab-nav-panel #tabPanel>
28+
<router-outlet></router-outlet>
29+
</mat-tab-nav-panel>
2830
</mat-card-content>
2931
</mat-card>

‎src/app/products/recurring-deposit-products/view-recurring-deposit-product/view-recurring-deposit-product.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-card class="product-card">
22
<mat-card-content>
3-
<nav mat-tab-nav-bar class="navigation-tabs">
3+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
44
<a
55
mat-tab-link
66
[routerLink]="['./general']"
@@ -24,6 +24,8 @@
2424
</ng-container>
2525
</nav>
2626

27-
<router-outlet></router-outlet>
27+
<mat-tab-nav-panel #tabPanel>
28+
<router-outlet></router-outlet>
29+
</mat-tab-nav-panel>
2830
</mat-card-content>
2931
</mat-card>

‎src/app/products/saving-products/view-saving-product/view-saving-product.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-card class="product-card">
22
<mat-card-content>
3-
<nav mat-tab-nav-bar class="navigation-tabs">
3+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
44
<a
55
mat-tab-link
66
[routerLink]="['./general']"
@@ -24,6 +24,8 @@
2424
</ng-container>
2525
</nav>
2626

27-
<router-outlet></router-outlet>
27+
<mat-tab-nav-panel #tabPanel>
28+
<router-outlet></router-outlet>
29+
</mat-tab-nav-panel>
2830
</mat-card-content>
2931
</mat-card>

‎src/app/products/share-products/view-share-product/view-share-product.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-card class="product-card">
22
<mat-card-content>
3-
<nav mat-tab-nav-bar class="navigation-tabs">
3+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
44
<a
55
mat-tab-link
66
[routerLink]="['./general']"
@@ -24,6 +24,8 @@
2424
</ng-container>
2525
</nav>
2626

27-
<router-outlet></router-outlet>
27+
<mat-tab-nav-panel #tabPanel>
28+
<router-outlet></router-outlet>
29+
</mat-tab-nav-panel>
2830
</mat-card-content>
2931
</mat-card>

‎src/app/savings/savings-account-view/savings-account-view.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
112112
</mat-card-header>
113113

114114
<mat-card-content class="content">
115-
<nav mat-tab-nav-bar class="navigation-tabs" *ngIf="isActive">
115+
<nav mat-tab-nav-bar class="navigation-tabs" *ngIf="isActive" [tabPanel]="tabPanel">
116116
<a
117117
mat-tab-link
118118
[routerLink]="['./general']"
@@ -185,6 +185,8 @@ <h3>{{ 'labels.heading.Account Overview' | translate }}</h3>
185185
</ng-container>
186186
</nav>
187187

188-
<router-outlet></router-outlet>
188+
<mat-tab-nav-panel #tabPanel>
189+
<router-outlet></router-outlet>
190+
</mat-tab-nav-panel>
189191
</mat-card-content>
190192
</mat-card>

‎src/app/savings/savings-account-view/transactions/view-transaction/view-transaction.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="container">
2-
<nav mat-tab-nav-bar class="navigation-tabs">
2+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
33
<a
44
mat-tab-link
55
[routerLink]="['./general']"
@@ -23,5 +23,7 @@
2323
</ng-container>
2424
</nav>
2525

26-
<router-outlet></router-outlet>
26+
<mat-tab-nav-panel #tabPanel>
27+
<router-outlet></router-outlet>
28+
</mat-tab-nav-panel>
2729
</div>

‎src/app/shares/shares-account-view/shares-account-view.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ <h3>
101101
</mat-card-header>
102102

103103
<mat-card-content class="content">
104-
<nav mat-tab-nav-bar class="navigation-tabs">
104+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
105105
<a
106106
mat-tab-link
107107
[routerLink]="['./general']"
@@ -144,6 +144,8 @@ <h3>
144144
</a>
145145
</nav>
146146

147-
<router-outlet></router-outlet>
147+
<mat-tab-nav-panel #tabPanel>
148+
<router-outlet></router-outlet>
149+
</mat-tab-nav-panel>
148150
</mat-card-content>
149151
</mat-card>

‎src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div class="container">
22
<mat-card class="tasks-card">
33
<mat-card-content>
4-
<nav mat-tab-nav-bar class="navigation-tabs">
4+
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
55
<a
66
mat-tab-link
77
[routerLink]="['./checker-inbox']"
@@ -54,7 +54,9 @@
5454
</a>
5555
</nav>
5656

57-
<router-outlet></router-outlet>
57+
<mat-tab-nav-panel #tabPanel>
58+
<router-outlet></router-outlet>
59+
</mat-tab-nav-panel>
5860
</mat-card-content>
5961
</mat-card>
6062
</div>

0 commit comments

Comments
 (0)