| Current Path : /home/j/l/g/jlgagfroyt/www/templates/yoo_unity/js/ |
| Current File : /home/j/l/g/jlgagfroyt/www/templates/yoo_unity/js/autocomplete.js |
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
(function(addon){if(typeof define=="function"&&define.amd){define("uikit-autocomplete",["uikit"],function(){return jQuery.UIkit.autocomplete||addon(window,window.jQuery,window.jQuery.UIkit)})}if(window&&window.jQuery&&window.jQuery.UIkit){addon(window,window.jQuery,window.jQuery.UIkit)}})(function(global,$,UI){var Autocomplete=function(element,options){var $this=this,$element=$(element);if($element.data("autocomplete"))return;this.options=$.extend({},Autocomplete.defaults,options);this.element=$element;this.dropdown=$element.find(".uk-dropdown");this.template=$element.find('script[type="text/autocomplete"]').html();this.template=UI.Utils.template(this.template||this.options.template);this.input=$element.find("input:first").attr("autocomplete","off");this.element.data("autocomplete",this);if(!this.dropdown.length){this.dropdown=$('<div class="uk-dropdown"></div>').appendTo($element)}if(this.options.flipDropdown){this.dropdown.addClass("uk-dropdown-flip")}this.init()};$.extend(Autocomplete.prototype,{visible:false,value:null,selected:null,init:function(){var $this=this,select=false,trigger=UI.Utils.debounce(function(e){if(select){return select=false}$this.trigger()},this.options.delay);this.input.on({keydown:function(e){if(e&&e.which&&!e.shiftKey){switch(e.which){case 13:e.preventDefault();select=true;$this.select();break;case 38:e.preventDefault();$this.pick("prev");break;case 40:e.preventDefault();$this.pick("next");break;case 27:case 9:$this.hide();break;default:break}}},keyup:trigger,blur:function(e){setTimeout(function(){$this.hide()},200)}});this.dropdown.on("click",".uk-autocomplete-results > *",function(){$this.select()});this.dropdown.on("mouseover",".uk-autocomplete-results > *",function(){$this.pick($(this))})},trigger:function(){var $this=this,old=this.value;this.value=this.input.val();if(this.value.length<this.options.minLength)return this.hide();if(this.value!=old){$this.request()}return this},pick:function(item){var items=this.dropdown.find(".uk-autocomplete-results").children(":not(."+this.options.skipClass+")"),selected=false;if(typeof item!=="string"&&!item.hasClass(this.options.skipClass)){selected=item}else if(item=="next"||item=="prev"){if(this.selected){var index=items.index(this.selected);if(item=="next"){selected=items.eq(index+1<items.length?index+1:0)}else{selected=items.eq(index-1<0?items.length-1:index-1)}}else{selected=items[item=="next"?"first":"last"]()}}if(selected&&selected.length){this.selected=selected;items.removeClass(this.options.hoverClass);this.selected.addClass(this.options.hoverClass)}},select:function(){if(!this.selected)return;var data=this.selected.data();this.element.trigger("autocomplete-select",[data,this]);if(data.value){this.input.val(data.value)}this.hide()},show:function(){if(this.visible)return;this.visible=true;this.element.addClass("uk-open");return this},hide:function(){if(!this.visible)return;this.visible=false;this.element.removeClass("uk-open");return this},request:function(){var $this=this,release=function(data){if(data){$this.render(data)}$this.element.removeClass($this.options.loadingClass)};this.element.addClass(this.options.loadingClass);if(this.options.source){var source=this.options.source;switch(typeof this.options.source){case"function":this.options.source.apply(this,[release]);break;case"object":if(source.length){var items=[];source.forEach(function(item){if(item.value&&item.value.toLowerCase().indexOf($this.value.toLowerCase())!=-1){items.push(item)}});release(items)}break;case"string":var params={};params[this.options.param]=this.value;$.ajax({url:this.options.source,data:params,type:this.options.method,dataType:"json",complete:function(xhr){release(xhr.responseJSON||[])}});break;default:release(null)}}else{this.element.removeClass($this.options.loadingClass)}},render:function(data){var $this=this;this.dropdown.empty();this.selected=false;if(this.options.renderer){this.options.renderer.apply(this,[data])}else if(data&&data.length){this.dropdown.append(this.template({items:data}));this.show()}return this}});Autocomplete.defaults={minLength:3,param:"search",method:"post",delay:300,loadingClass:"uk-loading",flipDropdown:false,skipClass:"uk-skip",hoverClass:"uk-active",source:null,renderer:null,template:'<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>'};UI["autocomplete"]=Autocomplete;$(document).on("focus.autocomplete.uikit","[data-uk-autocomplete]",function(e){var ele=$(this);if(!ele.data("autocomplete")){var obj=new Autocomplete(ele,UI.Utils.options(ele.attr("data-uk-autocomplete")))}});return Autocomplete});