Readarr/UI/AddSeries/AddSeriesView.js

"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();
                }
            }
        });
    });