Lidarr/UI/AddSeries/AddSeriesView.js

"use strict";
define(['app',
    'AddSeries/RootFolders/RootFolderCollection',
    'AddSeries/SearchResultView',
    'Shared/SpinnerView',
    'AddSeries/Collection'], function () {
    NzbDrone.AddSeries.AddSeriesView = Backbone.Marionette.Layout.extend({
        template: 'AddSeries/AddSeriesTemplate',

        ui: {
            seriesSearch: '.x-series-search'
        },

        regions: {
            searchResult: '#search-result'
        },

        initialize: function () {
            this.collection = new NzbDrone.AddSeries.Collection();
        },

        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 NzbDrone.AddSeries.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 NzbDrone.Shared.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();
            }
        }
    });
});