Sonarr/UI/Settings/DownloadClient/DownloadClientView.js

'use strict';

define(
    [
        'marionette',
        'Mixins/AsModelBoundView',
        'bootstrap'
    ], function (Marionette, AsModelBoundView) {

        var view = Marionette.ItemView.extend({
            template : 'Settings/DownloadClient/DownloadClientTemplate',
            className: 'form-horizontal',

            ui: {
                bsSwitch            : '.switch',
                tooltip             : '.help-inline i',
                pathInput           : '.x-path',
                sabConfig           : '.x-sab-config',
                blackholeConfig     : '.x-blackhole-config',
                pneumaticConfig     : '.x-pneumatic-config',
                nzbGetConfig        : '.x-nzbget-config',
                downloadClientSelect: '.x-download-client'
            },

            events: {
                'change .x-download-client': 'downloadClientChanged'
            },

            onRender: function () {
                this.ui.pathInput.autoComplete('/directories');
                this.refreshUIVisibility(this.model.get('downloadClient'));
            },

            downloadClientChanged: function () {
                var clientId = this.ui.downloadClientSelect.val();
                this.refreshUIVisibility(clientId);
            },

            refreshUIVisibility: function (clientId) {

                if (!clientId) {
                    clientId = 'sabnzbd';
                }

                switch (clientId.toString()) {
                    case 'sabnzbd':
                        this.ui.sabConfig.show();
                        this.ui.blackholeConfig.hide();
                        this.ui.pneumaticConfig.hide();
                        this.ui.nzbGetConfig.hide();
                        break;

                    case 'blackhole':
                        this.ui.sabConfig.hide();
                        this.ui.blackholeConfig.show();
                        this.ui.pneumaticConfig.hide();
                        this.ui.nzbGetConfig.hide();
                        break;

                    case 'pneumatic':
                        this.ui.sabConfig.hide();
                        this.ui.blackholeConfig.hide();
                        this.ui.pneumaticConfig.show();
                        this.ui.nzbGetConfig.hide();
                        break;

                    case 'nzbget':
                        this.ui.sabConfig.hide();
                        this.ui.blackholeConfig.hide();
                        this.ui.pneumaticConfig.hide();
                        this.ui.nzbGetConfig.show();
                        break;

                    default :
                        throw 'unknown download client id' + clientId;
                }
            }
        });

        return AsModelBoundView.call(view);
    });