(function($) { $.fn.niceSelect = function(method) { if (typeof method == 'string') { if (method == 'update') { this.each(function() { var $select = $(this); var $dropdown = $(this).next('.nice-select'); var open = $dropdown.hasClass('open'); if ($dropdown.length) { $dropdown.remove(); create_nice_select($select); if (open) { $select.next().trigger('click') } } }) } else if (method == 'destroy') { this.each(function() { var $select = $(this); var $dropdown = $(this).next('.nice-select'); if ($dropdown.length) { $dropdown.remove(); $select.css('display', '') } }); if ($('.nice-select').length == 0) { $(document).off('.nice_select') } } else { console.log('Method "' + method + '" does not exist.') } return this } this.hide(); this.each(function() { var $select = $(this); if (!$select.next().hasClass('nice-select')) { create_nice_select($select) } }); function create_nice_select($select) { $select.after($('
').addClass('nice-select').addClass($select.attr('class') || '').addClass($select.attr('disabled') ? 'disabled' : '').addClass($select.attr('multiple') ? 'has-multiple' : '').attr('tabindex', $select.attr('disabled') ? null : '0').html($select.attr('multiple') ? '' : '')); var $dropdown = $select.next(); var $options = $select.find('option'); if ($select.attr('multiple')) { var $selected = $select.find('option:selected'); var $selected_html = ''; $selected.each(function() { $selected_option = $(this); $selected_text = $selected_option.data('display') || $selected_option.text(); if (!$selected_option.val()) { return } $selected_html += '' + $selected_text + '' }); $select_placeholder = $select.data('js-placeholder') || $select.attr('js-placeholder'); $select_placeholder = !$select_placeholder ? 'Select' : $select_placeholder; console.log($select_placeholder); $selected_html = $selected_html === '' ? $select_placeholder : $selected_html; $dropdown.find('.multiple-options').html($selected_html) } else { var $selected = $select.find('option:selected'); $dropdown.find('.current').html($selected.data('display') || $selected.text()) } $options.each(function(i) { var $option = $(this); var display = $option.data('display'); $dropdown.find('ul').append($('
  • ').attr('data-value', $option.val()).attr('data-display', (display || null)).addClass('option' + ($option.is(':selected') ? ' selected' : '') + ($option.is(':disabled') ? ' disabled' : '')).html($option.text())) }) } $(document).off('.nice_select'); $(document).on('click.nice_select', '.nice-select', function(event) { var $dropdown = $(this); $('.nice-select').not($dropdown).removeClass('open'); $dropdown.toggleClass('open'); if ($dropdown.hasClass('open')) { $dropdown.find('.option'); $dropdown.find('.nice-select-search').val(''); $dropdown.find('.nice-select-search').focus(); $dropdown.find('.focus').removeClass('focus'); $dropdown.find('.selected').addClass('focus'); $dropdown.find('ul li').show() } else { $dropdown.focus() } }); $(document).on('click', '.nice-select-search-box', function(event) { event.stopPropagation(); return !1 }); $(document).on('keyup.nice-select-search', '.nice-select', function() { var $self = $(this); var $text = $self.find('.nice-select-search').val(); var $options = $self.find('ul li'); if ($text == '') $options.show(); else if ($self.hasClass('open')) { $text = $text.toLowerCase(); var $matchReg = new RegExp($text); if (0 < $options.length) { $options.each(function() { var $this = $(this); var $optionText = $this.text().toLowerCase(); var $matchCheck = $matchReg.test($optionText); $matchCheck ? $this.show() : $this.hide() }) } else { $options.show() } } $self.find('.option'), $self.find('.focus').removeClass('focus'), $self.find('.selected').addClass('focus') }); $(document).on('click.nice_select', function(event) { if ($(event.target).closest('.nice-select').length === 0) { $('.nice-select').removeClass('open').find('.option') } }); $(document).on('click.nice_select', '.nice-select .option:not(.disabled)', function(event) { var $option = $(this); var $dropdown = $option.closest('.nice-select'); if ($dropdown.hasClass('has-multiple')) { console.log('clicked', $option); if ($option.hasClass('selected')) { $option.removeClass('selected') } else { $option.addClass('selected') } $selected_html = ''; $selected_values = []; $dropdown.find('.selected').each(function() { $selected_option = $(this); var text = $selected_option.data('display') || $selected_option.text(); $selected_html += '' + text + ''; $selected_values.push($selected_option.data('value')) }); $select_placeholder = $dropdown.prev('select').data('js-placeholder') || $dropdown.prev('select').attr('js-placeholder'); console.log($dropdown.prev('select')); $select_placeholder = !$select_placeholder ? 'Select' : $select_placeholder; $selected_html = $selected_html === '' ? $select_placeholder : $selected_html; $dropdown.find('.multiple-options').html($selected_html); $dropdown.prev('select').val($selected_values).trigger('change') } else { $dropdown.find('.selected').removeClass('selected'); $option.addClass('selected'); var text = $option.data('display') || $option.text(); $dropdown.find('.current').text(text); $dropdown.prev('select').val($option.data('value')).trigger('change') } }); $(document).on('keydown.nice_select', '.nice-select', function(event) { var $dropdown = $(this); var $focused_option = $($dropdown.find('.focus') || $dropdown.find('.list .option.selected')); if (event.keyCode == 32 || event.keyCode == 13) { if ($dropdown.hasClass('open')) { $focused_option.trigger('click') } else { $dropdown.trigger('click') } return !1 } else if (event.keyCode == 40) { if (!$dropdown.hasClass('open')) { $dropdown.trigger('click') } else { var $next = $focused_option.nextAll('.option:not(.disabled)').first(); if ($next.length > 0) { $dropdown.find('.focus').removeClass('focus'); $next.addClass('focus') } } return !1 } else if (event.keyCode == 38) { if (!$dropdown.hasClass('open')) { $dropdown.trigger('click') } else { var $prev = $focused_option.prevAll('.option:not(.disabled)').first(); if ($prev.length > 0) { $dropdown.find('.focus').removeClass('focus'); $prev.addClass('focus') } } return !1 } else if (event.keyCode == 27) { if ($dropdown.hasClass('open')) { $dropdown.trigger('click') } } else if (event.keyCode == 9) { if ($dropdown.hasClass('open')) { return !1 } } }); var style = document.createElement('a').style; style.cssText = 'pointer-events:auto'; if (style.pointerEvents !== 'auto') { $('html').addClass('no-csspointerevents') } return this } }(jQuery))