Radarr/NzbDrone.Web/_backboneApp/AddSeries/AddNewSeries/AddNewSeriesView.js

/// <reference path="../../app.js" />
/// <reference path="SearchResultView.js" />

NzbDrone.AddSeries.AddNewSeriesView = Backbone.Marionette.Layout.extend({
    template: "AddSeries/AddNewSeries/AddNewSeriesTemplate",
    route: "Series/add/new",

    ui: {
        seriesSearch: '.search input'
    },

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

    collection: new NzbDrone.AddSeries.SearchResultCollection(),

    initialize: function (rootFolders) {
        if (rootFolders === undefined) {
            throw "rootFolder arg is required.";
        }

        this.rootFoldersCollection = rootFolders;
    },

    onRender: function () {
        console.log('binding auto complete');
        var self = this;

        this.ui.seriesSearch
            .data('timeout', null)
            .keyup(function () {
                clearTimeout(self.$el.data('timeout'));
                self.$el.data('timeout', setTimeout(self.search, 500, self));
            });

        this.resultView = new NzbDrone.AddSeries.SearchResultView({ collection: this.collection });

    },

    search: function (context) {

        var term = context.ui.seriesSearch.val();
        context.collection.reset();

        if (term != "") {
            context.searchResult.show(new NzbDrone.Shared.SpinnerView());

            context.collection.fetch({
                data: $.param({ term: term }),
                success: function (model) {
                    context.resultUpdated(model, context);
                }
            });

        } else {
            context.searchResult.close();
        }
    },


    resultUpdated: function (options, context) {
        _.each(options.models, function (model) {
            model.set('rootFolders', context.rootFoldersCollection.rootFolders.models);
        });

        context.searchResult.show(context.resultView);
    }
});