UI: Fixed progress bar

ui-ngx/src/app/modules/home/components/vc/repository-settings.component.html

@@ -26,7 +26,7 @@
       <span fxFlex></span>
       <div tb-help="repositorySettings"></div>
     </mat-card-header>
-    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
+    <mat-progress-bar color="warn" mode="indeterminate" *ngIf="!hideLoadingBar && isLoading$ | async">
     </mat-progress-bar>
     <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
     <mat-card-content style="padding-top: 16px;">

ui-ngx/src/app/modules/home/components/vc/repository-settings.component.ts

@@ -48,6 +48,9 @@ export class RepositorySettingsComponent extends PageComponent implements OnInit
   @Input()
   popoverComponent: TbPopoverComponent;
 
+  @Input()
+  hideLoadingBar = false;
+
   repositorySettingsForm: UntypedFormGroup;
   settings: RepositorySettings = null;
 

ui-ngx/src/app/modules/home/components/vc/version-control.component.html

@@ -15,9 +15,11 @@
     limitations under the License.
 
 -->
-<tb-repository-settings #repositorySettingsComponent [detailsMode]="detailsMode"
+<tb-repository-settings #repositorySettingsComponent
+                        [detailsMode]="detailsMode"
+                        [hideLoadingBar]="true"
                         [popoverComponent]="popoverComponent"
-  *ngIf="!(hasRepository$ | async); else versionsTable">
+                        *ngIf="!(hasRepository$ | async); else versionsTable">
 </tb-repository-settings>
 <ng-template #versionsTable>
   <tb-entity-versions-table [singleEntityMode]="singleEntityMode"

ui-ngx/src/app/modules/home/home.component.ts

@@ -32,6 +32,8 @@ import { instanceOfSearchableComponent, ISearchableComponent } from '@home/model
 import { ActiveComponentService } from '@core/services/active-component.service';
 import { RouterTabsComponent } from '@home/components/router-tabs.component';
 import { FormBuilder } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { isDefined, isDefinedAndNotNull } from '@core/utils';
 
 @Component({
   selector: 'tb-home',
@@ -70,8 +72,9 @@ export class HomeComponent extends PageComponent implements AfterViewInit, OnIni
   constructor(protected store: Store<AppState>,
               @Inject(WINDOW) private window: Window,
               private activeComponentService: ActiveComponentService,
-              public breakpointObserver: BreakpointObserver,
+              private fb: FormBuilder,
-              private fb: FormBuilder) {
+              private route: ActivatedRoute,
+              public breakpointObserver: BreakpointObserver) {
     super(store);
   }
 
@@ -144,9 +147,20 @@ export class HomeComponent extends PageComponent implements AfterViewInit, OnIni
 
   private updateActiveComponent(activeComponent: any) {
     this.showSearch = false;
+    this.hideLoadingBar = false;
     this.textSearch.reset('', {emitEvent: false});
     this.activeComponent = activeComponent;
-    this.hideLoadingBar = activeComponent && activeComponent instanceof RouterTabsComponent;
+    let showLoadingBar: boolean;
+    if (isDefined(this.route.children[0]?.snapshot?.data?.showLoadingBar)) {
+      showLoadingBar = this.route.children[0]?.snapshot?.data?.showLoadingBar;
+    } else if (isDefined(this.route.children[0]?.children[0]?.snapshot?.data?.showLoadingBar)) {
+      showLoadingBar = this.route.children[0]?.children[0]?.snapshot?.data?.showLoadingBar;
+    }
+    if (activeComponent && activeComponent instanceof RouterTabsComponent) {
+      this.hideLoadingBar = isDefinedAndNotNull(showLoadingBar) ? !showLoadingBar : true;
+    } else if (isDefinedAndNotNull(showLoadingBar)) {
+      this.hideLoadingBar = !showLoadingBar;
+    }
     if (this.activeComponent && instanceOfSearchableComponent(this.activeComponent)) {
       this.searchEnabled = true;
       this.searchableComponent = this.activeComponent;

ui-ngx/src/app/modules/home/pages/admin/admin-routing.module.ts

@@ -323,6 +323,7 @@ const routes: Routes = [
         canDeactivate: [ConfirmOnExitGuard],
         data: {
           auth: [Authority.SYS_ADMIN],
+          showLoadingBar: false,
           title: 'admin.general',
           breadcrumb: {
             label: 'admin.general',
@@ -336,6 +337,7 @@ const routes: Routes = [
         canDeactivate: [ConfirmOnExitGuard],
         data: {
           auth: [Authority.SYS_ADMIN],
+          showLoadingBar: false,
           title: 'admin.2fa.2fa',
           breadcrumb: {
             label: 'admin.2fa.2fa',
@@ -349,6 +351,7 @@ const routes: Routes = [
         canDeactivate: [ConfirmOnExitGuard],
         data: {
           auth: [Authority.SYS_ADMIN],
+          showLoadingBar: false,
           title: 'admin.oauth2.oauth2',
           breadcrumb: {
             label: 'admin.oauth2.oauth2',

ui-ngx/src/app/modules/home/pages/notification/notification-routing.module.ts

@@ -32,6 +32,7 @@ const routes: Routes = [
     component: RouterTabsComponent,
     data: {
       auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER, Authority.SYS_ADMIN],
+      showLoadingBar: true,
       breadcrumb: {
         label: 'notification.notification-center',
         icon: 'mdi:message-badge'

ui-ngx/src/app/modules/home/pages/widget/widget-library-routing.module.ts

@@ -234,6 +234,7 @@ export const widgetsLibraryRoutes: Routes = [
     component: RouterTabsComponent,
     data: {
       auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN],
+      showLoadingBar: true,
       breadcrumb: {
         label: 'widget.widget-library',
         icon: 'now_widgets'