You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.9 KiB
89 lines
2.9 KiB
'use strict';
|
|
|
|
define(
|
|
[
|
|
'marionette',
|
|
'Mixins/AsModelBoundView',
|
|
'filesize',
|
|
'jquery-ui'
|
|
], function (Marionette, AsModelBoundView, fileSize) {
|
|
|
|
var view = Marionette.ItemView.extend({
|
|
template: 'Settings/Quality/Definition/QualityDefinitionViewTemplate',
|
|
className: 'row',
|
|
|
|
ui: {
|
|
sizeSlider : '.x-slider',
|
|
thirtyMinuteMinSize: '.x-min-thirty',
|
|
sixtyMinuteMinSize : '.x-min-sixty',
|
|
thirtyMinuteMaxSize: '.x-max-thirty',
|
|
sixtyMinuteMaxSize : '.x-max-sixty'
|
|
},
|
|
|
|
events: {
|
|
'slide .x-slider': '_updateSize'
|
|
},
|
|
|
|
initialize: function (options) {
|
|
this.qualityProfileCollection = options.qualityProfiles;
|
|
this.filesize = fileSize;
|
|
},
|
|
|
|
onRender: function () {
|
|
this.ui.sizeSlider.slider({
|
|
range : true,
|
|
min : 0,
|
|
max : 200,
|
|
values : [ this.model.get('minSize'), this.model.get('maxSize') ]
|
|
});
|
|
|
|
this._changeSize();
|
|
},
|
|
|
|
_updateSize: function (event, ui) {
|
|
this.model.set('minSize', ui.values[0]);
|
|
this.model.set('maxSize', ui.values[1]);
|
|
|
|
this._changeSize();
|
|
},
|
|
|
|
_changeSize: function () {
|
|
var minSize = this.model.get('minSize');
|
|
var maxSize = this.model.get('maxSize');
|
|
|
|
{
|
|
var minBytes = minSize * 1024 * 1024;
|
|
var minThirty = fileSize(minBytes * 30, 1, false);
|
|
var minSixty = fileSize(minBytes * 60, 1, false);
|
|
|
|
this.ui.thirtyMinuteMinSize.html(minThirty);
|
|
this.ui.sixtyMinuteMinSize.html(minSixty);
|
|
}
|
|
|
|
{
|
|
if (maxSize === 0)
|
|
{
|
|
this.ui.thirtyMinuteMaxSize.html('Unlimited');
|
|
this.ui.sixtyMinuteMaxSize.html('Unlimited');
|
|
|
|
return;
|
|
}
|
|
|
|
var maxBytes = maxSize * 1024 * 1024;
|
|
var maxThirty = fileSize(maxBytes * 30, 1, false);
|
|
var maxSixty = fileSize(maxBytes * 60, 1, false);
|
|
|
|
this.ui.thirtyMinuteMaxSize.html(maxThirty);
|
|
this.ui.sixtyMinuteMaxSize.html(maxSixty);
|
|
}
|
|
|
|
/*if (parseInt(maxSize, 10) === 0) {
|
|
thirty = 'No Limit';
|
|
sixty = 'No Limit';
|
|
}*/
|
|
}
|
|
});
|
|
|
|
return AsModelBoundView.call(view);
|
|
});
|