1 files changed, 141 insertions, 0 deletions
diff --git a/catalog-ui/src/app/directives/layout/top-nav/top-nav.ts b/catalog-ui/src/app/directives/layout/top-nav/top-nav.ts
new file mode 100644
index 0000000000..c7208a909a
--- /dev/null
+++ b/catalog-ui/src/app/directives/layout/top-nav/top-nav.ts
@@ -0,0 +1,141 @@
+'use strict';
+import {IAppConfigurtaion, IHostedApplication, IUserProperties} from "app/models";
+import {IUserResourceClass} from "app/services";
+import {MenuItemGroup, MenuItem} from "app/utils";
+
+export interface ITopNavScope extends ng.IScope {
+    topLvlSelectedIndex:number;
+    hideSearch:boolean;
+    searchBind:any;
+    menuModel:Array<MenuItemGroup>;
+
+    topLvlMenu:MenuItemGroup;
+    goToState(state:string, params:Array<any>):ng.IPromise<boolean>;
+    menuItemClick:Function;
+    user:IUserProperties;
+    version:string;
+}
+
+
+export class TopNavDirective implements ng.IDirective {
+
+    constructor(private $filter:ng.IFilterService,
+                private $state:ng.ui.IStateService,
+                private $q:ng.IQService,
+                private userResourceService:IUserResourceClass,
+                private sdcConfig:IAppConfigurtaion) {
+    }
+
+    public replace = true;
+    public restrict = 'E';
+    public transclude = false;
+
+
+    scope = {
+        topLvlSelectedIndex: '@?',
+        hideSearch: '=',
+        searchBind: '=',
+        version: '@',
+        notificationIconCallback: '=',
+        menuModel: '=?',
+    };
+
+    template = ():string => {
+        return require('./top-nav.html');
+    };
+
+    public link = (scope:ITopNavScope, $elem:ng.IAugmentedJQuery, $attrs:angular.IAttributes) => {
+
+        let getTopLvlSelectedIndexByState = ():number => {
+            if (!scope.topLvlMenu.menuItems) {
+                return 0;
+            }
+
+            let result = -1;
+
+            //set result to current state
+            scope.topLvlMenu.menuItems.forEach((item:MenuItem, index:number)=> {
+                if (item.state === this.$state.current.name) {
+                    result = index;
+                }
+            });
+
+            //if it's a different state , checking previous state param
+            if (result === -1) {
+                scope.topLvlMenu.menuItems.forEach((item:MenuItem, index:number)=> {
+                    if (item.state === this.$state.params['previousState']) {
+                        result = index;
+                    }
+                });
+            }
+
+            if (result === -1) {
+                result = 0;
+            }
+
+            return result;
+        };
+
+        scope.user = this.userResourceService.getLoggedinUser();
+
+        let tmpArray:Array<MenuItem> = [
+            new MenuItem(this.$filter('translate')("TOP_MENU_HOME_BUTTON"), null, "dashboard", "goToState", null, null),
+            new MenuItem(this.$filter('translate')("TOP_MENU_CATALOG_BUTTON"), null, "catalog", "goToState", null, null)
+        ];
+
+        // Only designer can perform onboarding
+        if (scope.user && scope.user.role === 'DESIGNER') {
+            tmpArray.push(new MenuItem(this.$filter('translate')("TOP_MENU_ON_BOARD_BUTTON"), null, "onboardVendor", "goToState", null, null));
+            _.each(this.sdcConfig.hostedApplications, (hostedApp:IHostedApplication)=> {
+                if (hostedApp.exists) {
+                    tmpArray.push(new MenuItem(hostedApp.navTitle, null, hostedApp.defaultState, "goToState", null, null));
+                }
+            });
+        }
+
+        scope.topLvlMenu = new MenuItemGroup(0, tmpArray, true);
+        scope.topLvlMenu.selectedIndex = isNaN(scope.topLvlSelectedIndex) ? getTopLvlSelectedIndexByState() : scope.topLvlSelectedIndex;
+
+        let generateMenu = () => {
+            if (scope.menuModel && scope.menuModel[0] !== scope.topLvlMenu) {
+                scope.menuModel.unshift(scope.topLvlMenu);
+            }
+        };
+        scope.$watch('menuModel', generateMenu);
+
+        generateMenu();
+
+        /////scope functions////
+
+        scope.goToState = (state:string, params:Array<any>):ng.IPromise<boolean> => {
+            let deferred = this.$q.defer();
+            this.$state.go(state, params && params.length > 0 ? [0] : undefined);
+            deferred.resolve(true);
+            return deferred.promise;
+        };
+
+        scope.menuItemClick = (itemGroup:MenuItemGroup, item:MenuItem) => {
+
+            itemGroup.itemClick = false;
+
+            let onSuccess = ():void => {
+                itemGroup.selectedIndex = itemGroup.menuItems.indexOf(item);
+            };
+            let onFailed = ():void => {
+            };
+
+            if (item.callback) {
+                (item.callback.apply(undefined, item.params)).then(onSuccess, onFailed);
+            } else {
+                scope[item.action](item.state, item.params).then(onSuccess, onFailed);
+            }
+        };
+    };
+
+    public static factory = ($filter:ng.IFilterService, $state:ng.ui.IStateService, $q:ng.IQService, userResourceService:IUserResourceClass, sdcConfig:IAppConfigurtaion)=> {
+        return new TopNavDirective($filter, $state, $q, userResourceService, sdcConfig);
+    };
+
+}
+
+TopNavDirective.factory.$inject = ['$filter', '$state', '$q', 'Sdc.Services.UserResourceService', 'sdcConfig'];