Dropdown: Default

/* 
 *	_dropdown.js
 */

irma.dropdown = (function () {
	'use strict';

	var doAction = function (name) {
		switch(name) {
			case 'export-csv':
				irma.searchPanel.exportResults('csv');
				break;
			case 'export-xml':
				irma.searchPanel.exportResults('xml');
				break;
			default: 

				break;
		}
	};

	var toggleDropdown = function ($dropdown, close) {
		$dropdown.closest('.js-auto-save').data({ changed: true });

		if ($dropdown.data().open || close) {
			$dropdown.data('open', false);

			$dropdown.removeClass('-active')
				.find('.dropdown-options').attr('aria-hidden', true);

			$dropdown.find('.dropdown-item').removeClass('-selected');
		}
		else if (!$(this).is('.-active')) {
			$('.js-dropdown').not($dropdown).removeClass('-active')
				.find('.dropdown-options').attr('aria-hidden', true);

			$dropdown.addClass('-active')
				.find('.dropdown-options').attr('aria-hidden', false);

			setTimeout(function () {
				$dropdown.data('open', true);
			}, 100);
		}
	};

	var navigateDropdown = function ($dropdown, direction) {
		var $selected = $dropdown.find('.-selected').eq(0),
			index = $dropdown.find('.dropdown-item').index($selected);

		if ($selected && $selected.length > 0) {
			$selected.removeClass('-selected');
			$dropdown.find('.dropdown-item').eq(index + direction).addClass('-selected');
		}
		else {
			$dropdown.find('.dropdown-item').eq(0).addClass('-selected');
		}
	};

	var init = function () {
		$(document).on('click', '.js-dropdown', function (e) {
			e.stopPropagation();

			var $selected = $(this).find('.-selected');

			if ($selected.length > 0) {
				$selected.eq(0).removeClass('-selected').trigger('click');
			}
			else {
				toggleDropdown($(this));
			}

		}).on('click', function () {
			$('.js-dropdown:not(.refine-search)').removeClass('-active').data('open', false)
				.find('.dropdown-options').attr('aria-hidden', true);
		
		}).on('click', '.dropdown-item', function () {
			var $dropdown = $(this).closest('.js-dropdown'),
				$dropdownLabel = $dropdown.find('.dropdown-label');

			$dropdown.data($(this).data());
			$dropdown.attr({
				'data-name': $(this).data().name
			});

			$dropdownLabel.find('.text').text($(this).text());
			var $input = $dropdownLabel.find('input');

			if ($input.length) {
				if ($(this).attr('data-value')) {
					$input.val($(this).attr('data-value'));
				}
				else {
					$input.val($(this).text());
				}

				if ($input.eq(0).attr('onchange')) {
					$input.get(0).onchange();
				}
			}
		}).on('focus', '.js-dropdown', function () {
			// toggleDropdown($(this));
		}).on('blur', '.js-dropdown', function () {
			$('.js-dropdown:not(.refine-search)').removeClass('-active').data('open', false)
				.find('.dropdown-options').attr('aria-hidden', true);
		}).on('keydown', function (e) {
			var $dropdown = $('.js-dropdown.-active').eq(0);

			$dropdown = $dropdown.length > 0 ? $dropdown : $('.js-dropdown:focus').eq(0);

			if ($dropdown.length > 0) {
				if (e.which == 38 || e.which == 40) {
					e.preventDefault();

					if (!$dropdown.is('.-active')) {
						toggleDropdown($dropdown);
					}

					var direction = e.which - 39;

					navigateDropdown($dropdown, direction);
				}

				if (e.which == 27) {
					toggleDropdown($dropdown, true);
				}
			}
		});

		$(document).on('click', '.js-page-action', function (e) {
			e.stopPropagation();

			doAction($(this).data().action);

			$(this).closest('.dropdown').removeClass('-active');
		});
	};

	return {
		init: init
	};

}());