You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.2 KiB
69 lines
2.2 KiB
"use strict";
|
|
define(
|
|
[
|
|
'marionette',
|
|
'AddSeries/Collection',
|
|
'AddSeries/SearchResultCollectionView',
|
|
'Shared/SpinnerView',
|
|
'app',
|
|
'AddSeries/RootFolders/Collection',
|
|
'AddSeries/SearchResultView',
|
|
'Shared/SpinnerView'
|
|
], function (Marionette, AddSeriesCollection, SearchResultCollectionView, SpinnerView) {
|
|
return Marionette.Layout.extend({
|
|
template: 'AddSeries/AddSeriesTemplate',
|
|
|
|
ui: {
|
|
seriesSearch: '.x-series-search'
|
|
},
|
|
|
|
regions: {
|
|
searchResult: '#search-result'
|
|
},
|
|
|
|
initialize: function () {
|
|
this.collection = new AddSeriesCollection();
|
|
},
|
|
|
|
onRender: function () {
|
|
var self = this;
|
|
|
|
this.ui.seriesSearch.data('timeout', null).keyup(function () {
|
|
window.clearTimeout(self.$el.data('timeout'));
|
|
self.$el.data('timeout', window.setTimeout(self.search, 500, self));
|
|
});
|
|
|
|
this.resultView = new SearchResultCollectionView({ collection: this.collection });
|
|
},
|
|
|
|
search: function (context) {
|
|
|
|
context.abortExistingRequest();
|
|
|
|
var term = context.ui.seriesSearch.val();
|
|
context.collection.reset();
|
|
|
|
if (term === '') {
|
|
context.searchResult.close();
|
|
}
|
|
else {
|
|
context.searchResult.show(new SpinnerView());
|
|
|
|
context.currentSearchRequest = context.collection.fetch({
|
|
data : { term: term },
|
|
success: function () {
|
|
context.searchResult.show(context.resultView);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
abortExistingRequest: function () {
|
|
if (this.currentSearchRequest && this.currentSearchRequest.readyState > 0 && this.currentSearchRequest.readyState < 4) {
|
|
console.log('aborting previous pending search request.');
|
|
this.currentSearchRequest.abort();
|
|
}
|
|
}
|
|
});
|
|
});
|