github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-08-19 21:13:28 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Quality Size knobbed, other quality changes

Browse source
This commit is contained in:
Mark McDowall 2013-06-25 00:21:10 -07:00
commit f78f396940
25 changed files with 888 additions and 405 deletions
Download patch file Download diff file Expand all files Collapse all files

38
UI/Settings/Quality/Size/QualitySizeView.js
View file

@ -1,19 +1,19 @@
'use strict';
define(['marionette', 'bootstrap.slider'], function (Marionette) {
define(['marionette', 'Mixins/AsModelBoundView', 'jquery.knob'], function (Marionette, AsModelBoundView) {
return Marionette.ItemView.extend({
var view = Marionette.ItemView.extend({
template : 'Settings/Quality/Size/QualitySizeTemplate',
className: 'quality-size-item',
tagName : 'li',
ui: {
slider : '.slider',
knob : '.x-knob',
thirtyMinuteSize: '.thirty-minute-size',
sixtyMinuteSize : '.sixty-minute-size'
},
events: {
'slide .slider': 'slide'
'change .x-knob': '_changeMaxSize'
},
initialize: function (options) {
@ -21,23 +21,25 @@ define(['marionette', 'bootstrap.slider'], function (Marionette) {
},
onRender: function () {
var self = this;
this.ui.slider.slider({
min : 0,
max : 200,
step : 1,
value : self.model.get('maxSize'),
tooltip: 'hide'
this.ui.knob.knob({
min : 0,
max : 200,
step : 10,
cursor : 25,
width : 100,
stopper : true
});
},
slide: function (e) {
var newSize = e.value;
_changeMaxSize: function (e, value) {
this.model.set({
maxSize: value
});
this.model.set({ maxSize: newSize, thirtyMinuteSize: newSize * 30, sixtyMinuteSize: newSize * 60 });
this.ui.thirtyMinuteSize.html(newSize * 30);
this.ui.sixtyMinuteSize.html(newSize * 60);
this.ui.thirtyMinuteSize.html(value * 30);
this.ui.sixtyMinuteSize.html(value * 60);
}
});
return AsModelBoundView.call(view);
});