(function() {
    "use strict";

    angular.module('shared')
        .component('desktopMenuItem', {
            templateUrl: '/shared/js/angular/main-navigation/desktop-menu-item.html',
            controller: 'DesktopMenuItem',
            bindings: {
                menuOption: '<',
                firstItemClass: '@?',
                lastItemClass: '@?',
                digitalResourcesLabel: '@?',
                headingLevel: '<?',
                onSelectLink: '&?'
            }
        })
        .controller('DesktopMenuItem', ['KeyCodes',
            function DesktopMenuItem(KeyCodes) {
                var ctrl = this;

                ctrl.$onInit = function() {
                    ctrl.digitalResourcesLabel = ctrl.digitalResourcesLabel ? ctrl.digitalResourcesLabel : '';
                    ctrl.headingLevel = ctrl.headingLevel ? ctrl.headingLevel : 3;
                    if (ctrl.menuOption.displayName && ctrl.menuOption.displayName !== ctrl.menuOption.name) {
                        ctrl.headingLevel++;
                    }
                };

                ctrl.getMenuOptionDisplayName = function() {
                    return ctrl.menuOption.displayName ? ctrl.menuOption.displayName : ctrl.menuOption.name;
                };

                ctrl.getMenuOptionNameId = function() {
                    return 'id-' + ctrl.menuOption.name.replace(/\W+/g, '-').toLowerCase() + '-label';
                };

                ctrl.getHeadingLinkClass = function() {
                   return !!ctrl.menuOption.url && ctrl.firstItemClass ? ctrl.firstItemClass : '';
                };

                ctrl.getListItemLinkClass = function(isFirst, isLast) {
                    if (isFirst && ctrl.firstItemClass && !ctrl.menuOption.url) {
                        return ctrl.firstItemClass;
                    }
                    if (isLast && ctrl.lastItemClass) {
                        return ctrl.lastItemClass;
                    }
                    return '';
                };

                ctrl.onClick = function() {
                    if (ctrl.onSelectLink) {
                        ctrl.onSelectLink()
                    }
                };

                ctrl.onKeyDown = function(event) {
                    if (event.keyCode === KeyCodes.enter || event.keyCode === KeyCodes.space) {
                        ctrl.onSelectLink();
                    }
                };
            }
        ])
})();