Files
server/usr/share/psa-horde/js/jquery.mobile/plugins/autocomplete.js
2026-01-07 20:52:11 +01:00

173 lines
5.5 KiB
JavaScript

/**
* Autocomplete widget for jQuery Mobile.
*
* Copyright 2012-2017 Horde LLC (http://www.horde.org/)
*
* - Original released under MIT license -
*
* Name: autoComplete
* Author: Raymond Camden & Andy Matthews
* Contributors: Jim Pease (@jmpease)
* Website: http://raymondcamden.com/, http://andyMatthews.net,
* https://github.com/commadelimited/autoComplete.js
* Version: 1.4.3
*
* Copyright (c) 2012 andy matthews
*
* Permission is hereby granted, free of charge, to any person
* obtaining a copy of this software and associated documentation
* files (the "Software"), to deal in the Software without
* restriction, including without limitation the rights to use,
* copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following
* conditions:
*
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
* OTHER DEALINGS IN THE SOFTWARE.
*/
(function($, undefined) {
$.widget('mobile.autocomplete', $.mobile.widget, {
options: {
callback: null,
delay: 600,
icon: 'arrow-r',
link: null,
matchFromStart: true,
minLength: 0,
source: null,
target: $(),
transition: 'fade'
},
_create: function()
{
var buildItems, keyupHandler, timeout,
el = this.element,
self = this,
opts = this.options,
$target = $(opts.target);
$target.on('click.autocomplete', 'li', function(e) {
if ($(e.target).closest('a').length &&
opts.callback !== null &&
$.isFunction(opts.callback)) {
opts.callback(e);
}
self.clear();
return false;
}).hide();
buildItems = function(data)
{
$target.children().remove();
if (data && data.length) {
$.each(data, function(i, v) {
var li = $('<li></li>').jqmData('icon', opts.icon),
a = $('<a></a>').jqmData('transition', opts.transition).appendTo(li);
// are we working with objects or strings?
if ($.isPlainObject(v)) {
a.attr({ href: opts.link + encodeURIComponent(v.value) })
.jqmData('autocomplete', JSON.stringify(v))
.html(v.label);
} else {
a.attr({ href: opts.link + encodeURIComponent(v) })
.html(v);
}
$target.append(li);
});
$target.show().listview("refresh");
}
};
keyupHandler = function()
{
var text = el.val();
timeout = null;
// If we don't have enough text zero out the target
if (text.length < opts.minLength) {
self.clear();
} else {
// Are we looking at a source array or remote data?
if ($.isArray(opts.source)) {
buildItems(opts.source.sort().filter(function(elt) {
// matching from start, or anywhere in the string?
var re = opts.matchFromStart
? new RegExp('^' + text, 'i')
: new RegExp(text, 'i');
return re.test($.isPlainObject(elt) ? elt.label : elt);
}));
}
else if ($.isFunction(opts.source)) {
// Accept a function as source.
// Function needs to call the callback, which is the first
// parameter.
// source: function(text, callback) {
// mydata = [1,2];
// callback(mydata);
// }
opts.source(text, buildItems);
} else {
HordeMobile.doAction(
opts.source,
{ search: text },
buildItems
);
}
}
};
el.off(".autocomplete");
el.on("keyup.autocomplete", function() {
window.clearTimeout(timeout);
timeout = window.setTimeout(keyupHandler, opts.delay);
});
},
// Allow dynamic update of source and link
update: function(options)
{
$.extend(this.options, options);
},
// Method to forcibly clear our target
clear: function()
{
$(this.options.target)
.html('')
.listview('refresh')
.hide()
.closest("fieldset")
.removeClass("ui-search-active");
},
// Method to destroy (cleanup) plugin
destroy: function()
{
this.clear();
$([ this.element, this.options.target ]).off('.autocomplete');
}
});
})(jQuery);