dynamic loading of settings tab contents

This commit is contained in:
Michael Shamoon
2022-11-12 14:46:57 -08:00
parent 40c8629aef
commit 24444237f2
2 changed files with 51 additions and 31 deletions

View File

@@ -10,8 +10,8 @@
<form [formGroup]="settingsForm" (ngSubmit)="saveSettings()">
<ul ngbNav #nav="ngbNav" class="nav-tabs">
<li [ngbNavItem]="1">
<ul ngbNav #nav="ngbNav" (navChange)="maybeInitializeTab($event)" [(activeId)]="activeNavID" class="nav-tabs">
<li [ngbNavItem]="SettingsNavIDs.General">
<a ngbNavLink i18n>General</a>
<ng-template ngbNavContent>
@@ -167,7 +167,7 @@
</ng-template>
</li>
<li [ngbNavItem]="2">
<li [ngbNavItem]="SettingsNavIDs.Notifications">
<a ngbNavLink i18n>Notifications</a>
<ng-template ngbNavContent>
@@ -185,7 +185,7 @@
</ng-template>
</li>
<li [ngbNavItem]="3">
<li [ngbNavItem]="SettingsNavIDs.SavedViews" (mouseover)="maybeInitializeTab(SettingsNavIDs.SavedViews)" (focusin)="maybeInitializeTab(SettingsNavIDs.SavedViews)">
<a ngbNavLink i18n>Saved views</a>
<ng-template ngbNavContent>
@@ -215,7 +215,12 @@
</div>
</div>
<div *ngIf="savedViews.length == 0" i18n>No saved views defined.</div>
<div *ngIf="savedViews && savedViews.length == 0" i18n>No saved views defined.</div>
<div *ngIf="!savedViews">
<div class="spinner-border spinner-border-sm fw-normal ms-2 me-auto" role="status"></div>
<div class="visually-hidden" i18n>Loading...</div>
</div>
</div>