Readarr/src/UI/Settings/Quality/Size/QualitySizeView.js

'use strict';

define(
    [
        'marionette',
        'Mixins/AsModelBoundView',
        'filesize',
        'jquery.knob'
    ], function (Marionette, AsModelBoundView, fileSize) {

        var view = Marionette.ItemView.extend({
            template: 'Settings/Quality/Size/QualitySizeTemplate',
            tagName : 'li',

            ui: {
                knob            : '.x-knob',
                thirtyMinuteSize: '.x-size-thirty',
                sixtyMinuteSize : '.x-size-sixty'
            },

            events: {
                'change .x-knob': '_changeMaxSize'
            },

            initialize: function (options) {
                this.qualityProfileCollection = options.qualityProfiles;
                this.filesize = fileSize;
            },

            onRender: function () {
                this.ui.knob.knob({
                    min         : 0,
                    max         : 200,
                    step        : 1,
                    cursor      : 25,
                    width       : 150,
                    stopper     : true,
                    displayInput: false
                });

                this._changeMaxSize();
            },

            _changeMaxSize: function () {
                var maxSize = this.model.get('maxSize');
                var bytes = maxSize * 1024 * 1024;
                var thirty = fileSize(bytes * 30, 1, false);
                var sixty = fileSize(bytes * 60, 1, false);

                if (parseInt(maxSize, 10) === 0) {
                    thirty = 'No Limit';
                    sixty = 'No Limit';
                }

                this.ui.thirtyMinuteSize.html(thirty);
                this.ui.sixtyMinuteSize.html(sixty);
            }
        });

        return AsModelBoundView.call(view);
    });