[NAE-2034] Otvorenie prvého viewu

- implement resolving of auto-select views in double-drawer

Author: Retoocs

projects/netgrif-components-core/src/lib/navigation/model/group-navigation-constants.ts

@@ -175,4 +175,14 @@ export enum GroupNavigationConstants {
      * */
     ITEM_FIELD_ID_CHILD_ITEM_IDS = 'childItemIds',
 
+    /**
+     * Boolean field, that is true if item contains view, that should be automatically opened.
+     * */
+    ITEM_FIELD_ID_IS_AUTO_SELECT = 'is_auto_select',
+
+    /**
+     * Boolean field, that is true if item contains view.
+     * */
+    ITEM_FIELD_CONTAINS_FILTER = 'contains_filter',
+
 }

projects/netgrif-components-core/src/lib/navigation/navigation-double-drawer/abstract-navigation-double-drawer.ts

@@ -5,7 +5,7 @@ import {ActivatedRoute, Router} from '@angular/router';
 import {TranslateService} from '@ngx-translate/core';
 import {ResizeEvent} from 'angular-resizable-element';
 import {Observable, of, Subscription} from 'rxjs';
-import {map} from 'rxjs/operators';
+import {filter, map, take} from 'rxjs/operators';
 import {RoleAccess, View} from '../../../commons/schema';
 import {AccessService} from '../../authorization/permission/access.service';
 import {ConfigurationService} from '../../configuration/configuration.service';
@@ -21,6 +21,7 @@ import {Page} from '../../resources/interface/page';
 import {
     DynamicNavigationRouteProviderService,
 } from '../../routing/dynamic-navigation-route-provider/dynamic-navigation-route-provider.service';
+import { RedirectService } from '../../routing/redirect-service/redirect.service';
 import {NAE_ROUTING_CONFIGURATION_PATH} from '../../routing/routing-builder/routing-builder.service';
 import {LanguageService} from '../../translate/language.service';
 import {User} from '../../user/models/user';
@@ -111,9 +112,15 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
      */
     protected _currentNode: UriNodeResource;
 
+    /**
+     * Currently selected navigation item
+     */
+    protected _currentNavigationItem: NavigationItem;
+
     leftLoading$: LoadingEmitter;
     rightLoading$: LoadingEmitter;
     nodeLoading$: LoadingEmitter;
+    isRightSideInitialized: boolean;
 
     protected _configLeftMenu: ConfigDoubleMenu = {
         mode: 'side',
@@ -143,15 +150,18 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
                           protected _caseResourceService: CaseResourceService,
                           protected _impersonationUserSelect: ImpersonationUserSelectService,
                           protected _impersonation: ImpersonationService,
-                          protected _dynamicRoutingService: DynamicNavigationRouteProviderService) {
+                          protected _dynamicRoutingService: DynamicNavigationRouteProviderService,
+                          protected _redirectService: RedirectService) {
         this.leftItems = new Array<NavigationItem>();
         this.rightItems = new Array<NavigationItem>();
         this.leftLoading$ = new LoadingEmitter();
         this.rightLoading$ = new LoadingEmitter();
         this.nodeLoading$ = new LoadingEmitter();
+        this.isRightSideInitialized = false;
         this.itemsOrder = MenuOrder.Ascending;
         this.hiddenCustomItems = [];
         this.moreItems = new Array<NavigationItem>();
+        this._currentNavigationItem = null;
         this._childCustomViews = {};
     }
 
@@ -168,6 +178,14 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
             this.currentNode = node;
         });
 
+        this.rightLoading$.pipe(
+            filter(() => this.isRightSideInitialized === true),
+            filter(isRightLoading => isRightLoading === false),
+            take(1)
+        ).subscribe(()=> {
+            this.openAvailableView();
+        })
+
         const viewConfigurationPath = this._activatedRoute.snapshot.data[NAE_ROUTING_CONFIGURATION_PATH];
         if (!!viewConfigurationPath) {
             const viewConfiguration = this._config.getViewByPath(viewConfigurationPath);
@@ -347,6 +365,7 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
     }
 
     onItemClick(item: NavigationItem): void {
+        this._currentNavigationItem = item;
         if (item.resource === undefined) {
             // custom view represented only in nae.json
             if (item.processUri === this.currentNode.uriPath) {
@@ -361,6 +380,12 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
                 this._uriService.getNodeByPath(path).subscribe(node => {
                     this._uriService.activeNode = node;
                     this.itemClicked.emit({uriNode: this._uriService.activeNode, isHome: false});
+                    this.rightLoading$.pipe(
+                        filter(isRightLoading => isRightLoading === false),
+                        take(1)
+                    ).subscribe(()=> {
+                        this.openAvailableView();
+                    })
                 }, error => {
                     this._log.error(error);
                 });
@@ -374,10 +399,39 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
         }
     }
 
+    protected openAvailableView() {
+        let allItems: Array<NavigationItem> = this.rightItems.concat(this.moreItems);
+
+        let autoOpenItems: Array<NavigationItem> = allItems.filter(item => this.hasItemAutoOpenView(item));
+        if (autoOpenItems.length > 0) {
+            this._redirectService.redirect(autoOpenItems[0].routing.path);
+            return;
+        }
+
+        if (this.hasItemView(this._currentNavigationItem)) {
+            // is routed by routerLink on item click
+            return;
+        }
+
+        let itemsWithView: Array<NavigationItem> = allItems.filter(item => this.hasItemView(item));
+        if (itemsWithView.length > 0) {
+            this._redirectService.redirect(autoOpenItems[0].routing.path);
+            return;
+        }
+    }
+
     hasItemChildren(item: NavigationItem): boolean {
         return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)?.value;
     }
 
+    protected hasItemAutoOpenView(item: NavigationItem): boolean {
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_IS_AUTO_SELECT)?.value;
+    }
+
+    protected hasItemView(item: NavigationItem): boolean {
+        return item?.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_CONTAINS_FILTER)?.value;
+    }
+
     isItemAndNodeEqual(item: NavigationItem, node: UriNodeResource): boolean {
         return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath;
     }
@@ -451,6 +505,7 @@ export abstract class AbstractNavigationDoubleDrawerComponent implements OnInit,
                     this.rightItems = result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
                 }
                 this.resolveCustomViewsInRightSide();
+                this.isRightSideInitialized = true;
                 this.rightLoading$.off();
                 this.itemLoaded.emit({menu: 'right', items: this.rightItems});
             }, error => {

projects/netgrif-components/src/lib/navigation/navigation-double-drawer/navigation-double-drawer.component.ts

@@ -12,7 +12,8 @@ import {
     AccessService,
     ImpersonationUserSelectService,
     ImpersonationService,
-    CaseResourceService
+    CaseResourceService,
+    RedirectService
 } from '@netgrif/components-core';
 import {animate, state, style, transition, trigger} from "@angular/animations";
 import {TranslateService} from "@ngx-translate/core";
@@ -68,9 +69,11 @@ export class NavigationDoubleDrawerComponent extends AbstractNavigationDoubleDra
                 _caseResourceService: CaseResourceService,
                 _impersonationUserSelect: ImpersonationUserSelectService,
                 _impersonation: ImpersonationService,
-                _dynamicRouteProviderService: DynamicNavigationRouteProviderService) {
+                _dynamicRouteProviderService: DynamicNavigationRouteProviderService,
+                _redirectService: RedirectService) {
         super(_router, _activatedRoute, _breakpoint, _languageService, _translateService, _userService, _accessService,
-            _log, _config, _uriService, _caseResourceService, _impersonationUserSelect, _impersonation, _dynamicRouteProviderService)
+            _log, _config, _uriService, _caseResourceService, _impersonationUserSelect, _impersonation,
+            _dynamicRouteProviderService, _redirectService)
     }
 
     public toggleSection(section: string): void {