kpsul/static/grappelli/js/jquery.grp_autocomplete_generic.js
2016-05-21 23:57:36 +02:00

181 lines
7.6 KiB
JavaScript

/**
* GRAPPELLI AUTOCOMPLETE GENERIC
* generic lookup with autocomplete
*/
(function($){
var methods = {
init: function(options) {
options = $.extend({}, $.fn.grp_autocomplete_generic.defaults, options);
return this.each(function() {
var $this = $(this);
// assign attributes
$this.attr({
"tabindex": "-1",
"readonly": "readonly"
}).addClass("grp-autocomplete-hidden-field");
// build autocomplete wrapper
var val = $(options.content_type).val() || $(options.content_type).find(':checked').val();
if (val) {
$this.after(loader).after(remove_link($this.attr('id'))).after(lookup_link($this.attr("id"),val));
}
$this.parent().wrapInner("<div class='grp-autocomplete-wrapper-fk'></div>");
$this.parent().prepend("<input id='" + $this.attr("id") + "-autocomplete' type='text' class='vTextField' value='' />");
// defaults
options = $.extend({
wrapper_autocomplete: $(this).parent(),
input_field: $(this).prev(),
remove_link: $this.nextAll("a.grp-related-remove").hide(),
loader: $this.nextAll("div.grp-loader").hide()
}, $.fn.grp_autocomplete_generic.defaults, options);
// lookup
if (val) {
lookup_id($this, options); // lookup when loading page
}
lookup_autocomplete($this, options); // autocomplete-handler
$this.bind("change focus keyup", function() { // id-handler
lookup_id($this, options);
});
$(options.content_type).bind("change", function() { // content-type-handler
update_lookup($(this), options);
});
// labels
$("label[for='"+$this.attr('id')+"']").each(function() {
$(this).attr("for", $this.attr("id")+"-autocomplete");
});
});
}
};
$.fn.grp_autocomplete_generic = function(method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || ! method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.grp_autocomplete_generic');
}
return false;
};
var loader = function() {
var loader = $('<div class="grp-loader">loader</div>');
return loader;
};
var remove_link = function(id) {
var removelink = $('<a class="grp-related-remove"></a>');
removelink.attr('id', 'remove_'+id);
removelink.attr('href', 'javascript://');
removelink.attr('onClick', 'return removeRelatedObject(this);');
removelink.hover(function() {
$(this).parent().toggleClass("grp-autocomplete-preremove");
});
return removelink;
};
var lookup_link = function(id, val) {
var lookuplink = $('<a class="related-lookup"></a>');
lookuplink.attr('id', 'lookup_'+id);
lookuplink.attr('href', "../../../" + MODEL_URL_ARRAY[val].app + "/" + MODEL_URL_ARRAY[val].model + '/?t=id');
lookuplink.attr('onClick', 'return showRelatedObjectLookupPopup(this);');
return lookuplink;
};
var update_lookup = function(elem, options) {
var obj = $(options.object_id);
obj.val('');
obj.prev().val('');
// remove loader, a-related, related-lookup
obj.nextAll("a.related-lookup").remove();
obj.nextAll("a.grp-related-remove").remove();
obj.nextAll("div.grp-loader").remove();
var val = $(elem).val() || $(elem).find(':checked').val();
if (val) {
obj.after(loader).after(remove_link(obj.attr('id'))).after(lookup_link(obj.attr('id'),val));
options.remove_link = obj.nextAll("a.grp-related-remove").hide();
options.loader = obj.nextAll("div.grp-loader").hide();
}
};
var lookup_autocomplete = function(elem, options) {
options.wrapper_autocomplete.find("input:first")
.bind("focus", function() {
options.wrapper_autocomplete.addClass("grp-state-focus");
})
.bind("blur", function() {
options.wrapper_autocomplete.removeClass("grp-state-focus");
})
.autocomplete({
minLength: 1,
delay: 1000,
source: function(request, response) {
$.ajax({
url: options.autocomplete_lookup_url,
dataType: 'json',
data: "term=" + encodeURIComponent(request.term) + "&app_label=" + grappelli.get_app_label(elem) + "&model_name=" + grappelli.get_model_name(elem) + "&query_string=" + grappelli.get_query_string(elem),
beforeSend: function (XMLHttpRequest) {
var val = $(options.content_type).val() || $(options.content_type).find(':checked').val();
if (val) {
options.loader.show();
} else {
return false;
}
},
success: function(data){
response($.map(data, function(item) {
return {label: item.label, value: item.value};
}));
},
complete: function (XMLHttpRequest, textStatus) {
options.loader.hide();
}
});
},
focus: function() { // prevent value inserted on focus
return false;
},
select: function(event, ui) {
options.input_field.val(ui.item.label);
elem.val(ui.item.value);
elem.val() ? $(options.remove_link).show() : $(options.remove_link).hide();
return false;
}
})
.data("ui-autocomplete")._renderItem = function(ul,item) {
if (!item.value) {
return $("<li></li>")
.data( "item.autocomplete", item )
.append( "<span class='error'>" + item.label)
.appendTo(ul);
} else {
return $("<li></li>")
.data( "item.autocomplete", item )
.append( "<a>" + item.label)
.appendTo(ul);
}
};
};
var lookup_id = function(elem, options) {
$.getJSON(options.lookup_url, {
object_id: elem.val(),
app_label: grappelli.get_app_label(elem),
model_name: grappelli.get_model_name(elem)
}, function(data) {
$.each(data, function(index) {
options.input_field.val(data[index].label);
elem.val() ? $(options.remove_link).show() : $(options.remove_link).hide();
});
});
};
$.fn.grp_autocomplete_generic.defaults = {
autocomplete_lookup_url: '',
lookup_url: '',
content_type: '',
object_id: ''
};
})(grp.jQuery);