Sugared quality size knobs

This commit is contained in:
Mark McDowall 2013-06-28 10:25:09 -07:00
parent 2ce5f6d416
commit f65911aff7
3 changed files with 29 additions and 9 deletions

View File

@ -8,10 +8,22 @@ define(
mutators: {
thirtyMinuteSize: function () {
return this.get('maxSize') * 30;
var maxSize = this.get('maxSize');
if (maxSize === 0) {
return 'No Limit';
}
return (maxSize * 1024 * 1024 * 30).bytes(1);
},
sixtyMinuteSize : function () {
return this.get('maxSize') * 60;
var maxSize = this.get('maxSize');
if (maxSize === 0) {
return 'No Limit';
}
return (maxSize * 1024 * 1024 * 60).bytes(1);
}
}
});

View File

@ -5,13 +5,13 @@
<div>
<span class="label label-large label-warning x-size-thirty"
name="thirtyMinuteSize"
title="Maximum size for a 30 minute episode in Megabytes">
title="Maximum size for a 30 minute episode">
</span>
</div>
<div>
<span class="label label-large label-info x-size-sixty"
name="sixtyMinuteSize"
title="Maximum size for a 60 minute episode in Megabytes">
title="Maximum size for a 60 minute episode">
</span>
</div>
</div>

View File

@ -24,7 +24,7 @@ define(['marionette', 'Mixins/AsModelBoundView', 'jquery.knob'], function (Mario
this.ui.knob.knob({
min : 0,
max : 200,
step : 10,
step : 5,
cursor : 25,
width : 150,
stopper : true,
@ -32,11 +32,19 @@ define(['marionette', 'Mixins/AsModelBoundView', 'jquery.knob'], function (Mario
});
},
_changeMaxSize: function (e) {
var value = this.model.get('maxSize');
_changeMaxSize: function () {
var maxSize = this.model.get('maxSize');
var bytes = maxSize * 1024 * 1024;
var thirty = (bytes * 30).bytes(1);
var sixty = (bytes * 60).bytes(1);
this.ui.thirtyMinuteSize.html(value * 30);
this.ui.sixtyMinuteSize.html(value * 60);
if (parseInt(maxSize) === 0) {
thirty = 'No Limit';
sixty = 'No Limit';
}
this.ui.thirtyMinuteSize.html(thirty);
this.ui.sixtyMinuteSize.html(sixty);
}
});