mirror of
https://github.com/haiwen/seahub.git
synced 2025-08-23 01:07:35 +00:00
71 lines
1.5 KiB
JavaScript
71 lines
1.5 KiB
JavaScript
|
define([
|
||
|
|
'jquery',
|
||
|
|
'aloha/repositorymanager',
|
||
|
|
'ui/component',
|
||
|
|
'ui/context',
|
||
|
|
'./vendor/jquery-ui-autocomplete-html',
|
||
|
|
], function(
|
||
|
|
jQuery,
|
||
|
|
RepositoryManager,
|
||
|
|
Context,
|
||
|
|
Component
|
||
|
|
) {
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Generates the HTML for an item
|
||
|
|
* @param {string} template
|
||
|
|
* @param {object} item
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
function parse( template, item ) {
|
||
|
|
return template.replace( /{{([^}]+)}}/g, function( _, name ) {
|
||
|
|
return name in item ? item[ name ] : "";
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Autocomplete component type
|
||
|
|
* @class
|
||
|
|
* @extends {Component}
|
||
|
|
*/
|
||
|
|
var Autocomplete = Component.extend({
|
||
|
|
init: function() {
|
||
|
|
this._super();
|
||
|
|
var that = this;
|
||
|
|
this.element = jQuery( "<input>" )
|
||
|
|
.autocomplete({
|
||
|
|
html: true,
|
||
|
|
appendTo: Context.selector,
|
||
|
|
source: function( req, res ) {
|
||
|
|
RepositoryManager.query({
|
||
|
|
queryString: req.term,
|
||
|
|
objectTypeFilter: that.types
|
||
|
|
}, function( data ) {
|
||
|
|
res( jQuery.map( data.items, function( item ) {
|
||
|
|
return {
|
||
|
|
label: parse( that.template, item ),
|
||
|
|
value: item.name,
|
||
|
|
obj: item
|
||
|
|
};
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.bind( "autocompletechange", jQuery.proxy( function( event, ui ) {
|
||
|
|
this.setValue( event.target.value, ui.item ? ui.item.obj : null );
|
||
|
|
}, this ) );
|
||
|
|
},
|
||
|
|
|
||
|
|
// invoked when the user has changed the value and blurred the field
|
||
|
|
/**
|
||
|
|
* Sets the value of the component
|
||
|
|
* @param {string} value Raw value
|
||
|
|
* @param {object} item Structured value
|
||
|
|
*/
|
||
|
|
setValue: function( value, item ) {}
|
||
|
|
});
|
||
|
|
|
||
|
|
return Autocomplete;
|
||
|
|
});
|