'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'];