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: { mutators: {
thirtyMinuteSize: function () { 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 () { 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> <div>
<span class="label label-large label-warning x-size-thirty" <span class="label label-large label-warning x-size-thirty"
name="thirtyMinuteSize" name="thirtyMinuteSize"
title="Maximum size for a 30 minute episode in Megabytes"> title="Maximum size for a 30 minute episode">
</span> </span>
</div> </div>
<div> <div>
<span class="label label-large label-info x-size-sixty" <span class="label label-large label-info x-size-sixty"
name="sixtyMinuteSize" name="sixtyMinuteSize"
title="Maximum size for a 60 minute episode in Megabytes"> title="Maximum size for a 60 minute episode">
</span> </span>
</div> </div>
</div> </div>

View File

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