| | |
|---|
| | | }; |
|---|
| | | |
|---|
| | | })(jQuery); |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | (function( $ ) { |
|---|
| | | $.widget( "ui.combobox", { |
|---|
| | | _create: function() { |
|---|
| | | var elwidth = this.element.width(); |
|---|
| | | var elheight = this.element.height(); |
|---|
| | | var input, |
|---|
| | | self = this, |
|---|
| | | select = this.element.hide(), |
|---|
| | | selected = select.children( ":selected" ), |
|---|
| | | value = selected.val() ? selected.text() : "", |
|---|
| | | wrapper = this.wrapper = $( "<span>" ) |
|---|
| | | .addClass( "ui-combobox" ) |
|---|
| | | .insertAfter( select ); |
|---|
| | | |
|---|
| | | input = $( "<input>" ) |
|---|
| | | .appendTo( wrapper ) |
|---|
| | | .val( value ) |
|---|
| | | .addClass( "ui-state-default ui-combobox-input" ) |
|---|
| | | .css( { "width": elwidth - 15, "height": elheight }) |
|---|
| | | .autocomplete({ |
|---|
| | | delay: 0, |
|---|
| | | minLength: 0, |
|---|
| | | source: function( request, response ) { |
|---|
| | | var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" ); |
|---|
| | | response( select.children( "option" ).map(function() { |
|---|
| | | var text = $( this ).text(); |
|---|
| | | //if ( this.value && ( !request.term || matcher.test(text) ) ) |
|---|
| | | if ( !request.term || matcher.test(text) ) |
|---|
| | | return { |
|---|
| | | label: (text == "" ? " " : text.replace( |
|---|
| | | new RegExp( |
|---|
| | | "(?![^&;]+;)(?!<[^<>]*)(" + |
|---|
| | | $.ui.autocomplete.escapeRegex(request.term) + |
|---|
| | | ")(?![^<>]*>)(?![^&;]+;)", "gi" |
|---|
| | | ), "<strong>$1</strong>" )), |
|---|
| | | value: text, |
|---|
| | | option: this |
|---|
| | | }; |
|---|
| | | }) ); |
|---|
| | | }, |
|---|
| | | select: function( event, ui ) { |
|---|
| | | ui.item.option.selected = true; |
|---|
| | | self._trigger( "selected", event, { |
|---|
| | | item: ui.item.option |
|---|
| | | }); |
|---|
| | | if (jQuery(".panel #Filter").length > 0) { |
|---|
| | | jQuery(".panel #Filter").trigger('click'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | change: function( event, ui ) { |
|---|
| | | if ( !ui.item ) { |
|---|
| | | var matcher = new RegExp( "" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "", "i" ), |
|---|
| | | matchtext = $(this).val(); |
|---|
| | | valid = false; |
|---|
| | | select.children( "option" ).each(function() { |
|---|
| | | if( ($(this).text() == "" && matchtext == "") || $( this ).text().match( matcher ) ) { |
|---|
| | | select.val($(this).val()); |
|---|
| | | this.selected = valid = true; |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | if ( !valid ) { |
|---|
| | | // remove invalid value, as it didn't match anything |
|---|
| | | $( this ).val( "" ); |
|---|
| | | select.val( "" ); |
|---|
| | | input.data( "autocomplete" ).term = ""; |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .keypress(function(event) { |
|---|
| | | if(event.keyCode == 13) { |
|---|
| | | event.preventDefault(); |
|---|
| | | var matcher = new RegExp( "" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "", "i" ), |
|---|
| | | matchtext = $(this).val(); |
|---|
| | | valid = false, |
|---|
| | | selected = false; |
|---|
| | | select.children( "option" ).each(function() { |
|---|
| | | if( ($(this).val() == "" && matchtext == "") || $( this ).text().match( matcher ) ) { |
|---|
| | | valid = true; |
|---|
| | | selected = $(this); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | if(!valid) return false; |
|---|
| | | |
|---|
| | | $(this).autocomplete('option','select').call($(this), event, { item: { option: selected.get(0) } }); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .addClass( "ui-widget ui-widget-content ui-corner-left" ); |
|---|
| | | |
|---|
| | | input.data( "autocomplete" )._renderItem = function( ul, item ) { |
|---|
| | | return $( "<li></li>" ) |
|---|
| | | .data( "item.autocomplete", item ) |
|---|
| | | .append( "<a>" + item.label + "</a>" ) |
|---|
| | | .appendTo( ul ); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | $( "<a>" ) |
|---|
| | | .attr( "tabIndex", -1 ) |
|---|
| | | .attr( "title", "Show All Items" ) |
|---|
| | | .appendTo( wrapper ) |
|---|
| | | .button({ |
|---|
| | | icons: { |
|---|
| | | primary: "ui-icon-triangle-1-s" |
|---|
| | | }, |
|---|
| | | text: false |
|---|
| | | }) |
|---|
| | | .removeClass( "ui-corner-all" ) |
|---|
| | | .addClass( "ui-corner-right ui-combobox-toggle" ) |
|---|
| | | .css( { "width": 15, "height": elheight }) |
|---|
| | | .click(function() { |
|---|
| | | // close if already visible |
|---|
| | | if ( input.autocomplete( "widget" ).is( ":visible" ) ) { |
|---|
| | | input.autocomplete( "close" ); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // work around a bug (likely same cause as #5265) |
|---|
| | | $( this ).blur(); |
|---|
| | | |
|---|
| | | // pass empty string as value to search for, displaying all results |
|---|
| | | input.autocomplete( "search", "" ); |
|---|
| | | input.focus(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | destroy: function() { |
|---|
| | | this.wrapper.remove(); |
|---|
| | | this.element.show(); |
|---|
| | | $.Widget.prototype.destroy.call( this ); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | })( jQuery ); |
|---|
