mirror of
https://github.com/haiwen/seahub.git
synced 2025-08-18 06:57:52 +00:00
720ac28c22
* textcolor: fixed plugin bugs, added translation for zh * image: fixed default.jpg src bug * added 'ru' support for seaf edit * rm aloha-0.22.3 and ununsed files in aloha-0.22.7
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
|
|
) {
|
|
'use strict';
|
|
|
|
/**
|
|
* 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;
|
|
});
|