mirror of
https://github.com/lidarr/lidarr.git
synced 2025-08-23 06:45:19 -07:00
Update sizing information in settings tab.
This commit is contained in:
Leonardo Galli
parent
2bb21fedab
commit
2d3a3a0677
3 changed files with 118 additions and 118 deletions
|
|
@ -1,16 +1,16 @@
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Quality Definitions</legend>
|
<legend>Quality Definitions</legend>
|
||||||
<div class="col-md-11">
|
<div class="col-md-11">
|
||||||
<div id="quality-definition-list">
|
<div id="quality-definition-list">
|
||||||
<div class="quality-header x-header hidden-xs">
|
<div class="quality-header x-header hidden-xs">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<span class="col-md-2 col-sm-3">Quality</span>
|
<span class="col-md-2 col-sm-3">Quality</span>
|
||||||
<span class="col-md-2 col-sm-3">Title</span>
|
<span class="col-md-2 col-sm-3">Title</span>
|
||||||
<span class="col-md-4 col-sm-6">Size Limit <i class="icon-sonarr-info" title="Limits are automatically adjusted for the series runtime and number of episodes in the file." /></span>
|
<span class="col-md-4 col-sm-6">Size Limit <i class="icon-sonarr-warning" title="Limits are automatically adjusted for the movie runtime." /></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rows x-rows">
|
<div class="rows x-rows">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
|
||||||
|
|
@ -4,92 +4,92 @@ require('jquery-ui');
|
||||||
var FormatHelpers = require('../../../Shared/FormatHelpers');
|
var FormatHelpers = require('../../../Shared/FormatHelpers');
|
||||||
|
|
||||||
var view = Marionette.ItemView.extend({
|
var view = Marionette.ItemView.extend({
|
||||||
template : 'Settings/Quality/Definition/QualityDefinitionItemViewTemplate',
|
template : 'Settings/Quality/Definition/QualityDefinitionItemViewTemplate',
|
||||||
className : 'row',
|
className : 'row',
|
||||||
|
|
||||||
slider : {
|
|
||||||
min : 0,
|
|
||||||
max : 200,
|
|
||||||
step : 0.1
|
|
||||||
},
|
|
||||||
|
|
||||||
ui : {
|
slider : {
|
||||||
sizeSlider : '.x-slider',
|
min : 0,
|
||||||
thirtyMinuteMinSize : '.x-min-thirty',
|
max : 200,
|
||||||
sixtyMinuteMinSize : '.x-min-sixty',
|
step : 0.1
|
||||||
thirtyMinuteMaxSize : '.x-max-thirty',
|
},
|
||||||
sixtyMinuteMaxSize : '.x-max-sixty'
|
|
||||||
},
|
|
||||||
|
|
||||||
events : {
|
ui : {
|
||||||
'slide .x-slider' : '_updateSize'
|
sizeSlider : '.x-slider',
|
||||||
},
|
thirtyMinuteMinSize : '.x-min-thirty',
|
||||||
|
sixtyMinuteMinSize : '.x-min-sixty',
|
||||||
|
thirtyMinuteMaxSize : '.x-max-thirty',
|
||||||
|
sixtyMinuteMaxSize : '.x-max-sixty'
|
||||||
|
},
|
||||||
|
|
||||||
initialize : function(options) {
|
events : {
|
||||||
this.profileCollection = options.profiles;
|
'slide .x-slider' : '_updateSize'
|
||||||
},
|
},
|
||||||
|
|
||||||
onRender : function() {
|
initialize : function(options) {
|
||||||
if (this.model.get('quality').id === 0) {
|
this.profileCollection = options.profiles;
|
||||||
this.$el.addClass('row advanced-setting');
|
},
|
||||||
}
|
|
||||||
|
|
||||||
this.ui.sizeSlider.slider({
|
onRender : function() {
|
||||||
range : true,
|
if (this.model.get('quality').id === 0) {
|
||||||
min : this.slider.min,
|
this.$el.addClass('row advanced-setting');
|
||||||
max : this.slider.max,
|
}
|
||||||
step : this.slider.step,
|
|
||||||
values : [
|
|
||||||
this.model.get('minSize') || this.slider.min,
|
|
||||||
this.model.get('maxSize') || this.slider.max
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
this._changeSize();
|
this.ui.sizeSlider.slider({
|
||||||
},
|
range : true,
|
||||||
|
min : this.slider.min,
|
||||||
|
max : this.slider.max,
|
||||||
|
step : this.slider.step,
|
||||||
|
values : [
|
||||||
|
this.model.get('minSize') || this.slider.min,
|
||||||
|
this.model.get('maxSize') || this.slider.max
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
_updateSize : function(event, ui) {
|
this._changeSize();
|
||||||
var minSize = ui.values[0];
|
},
|
||||||
var maxSize = ui.values[1];
|
|
||||||
|
|
||||||
if (maxSize === this.slider.max) {
|
|
||||||
maxSize = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.model.set('minSize', minSize);
|
|
||||||
this.model.set('maxSize', maxSize);
|
|
||||||
|
|
||||||
this._changeSize();
|
_updateSize : function(event, ui) {
|
||||||
},
|
var minSize = ui.values[0];
|
||||||
|
var maxSize = ui.values[1];
|
||||||
|
|
||||||
_changeSize : function() {
|
if (maxSize === this.slider.max) {
|
||||||
var minSize = this.model.get('minSize') || this.slider.min;
|
maxSize = null;
|
||||||
var maxSize = this.model.get('maxSize') || null;
|
}
|
||||||
{
|
|
||||||
var minBytes = minSize * 1024 * 1024;
|
|
||||||
var minThirty = FormatHelpers.bytes(minBytes * 30, 2);
|
|
||||||
var minSixty = FormatHelpers.bytes(minBytes * 60, 2);
|
|
||||||
|
|
||||||
this.ui.thirtyMinuteMinSize.html(minThirty);
|
this.model.set('minSize', minSize);
|
||||||
this.ui.sixtyMinuteMinSize.html(minSixty);
|
this.model.set('maxSize', maxSize);
|
||||||
}
|
|
||||||
|
|
||||||
{
|
this._changeSize();
|
||||||
if (maxSize === 0 || maxSize === null) {
|
},
|
||||||
this.ui.thirtyMinuteMaxSize.html('Unlimited');
|
|
||||||
this.ui.sixtyMinuteMaxSize.html('Unlimited');
|
|
||||||
} else {
|
|
||||||
var maxBytes = maxSize * 1024 * 1024;
|
|
||||||
var maxThirty = FormatHelpers.bytes(maxBytes * 30, 2);
|
|
||||||
var maxSixty = FormatHelpers.bytes(maxBytes * 60, 2);
|
|
||||||
|
|
||||||
this.ui.thirtyMinuteMaxSize.html(maxThirty);
|
_changeSize : function() {
|
||||||
this.ui.sixtyMinuteMaxSize.html(maxSixty);
|
var minSize = this.model.get('minSize') || this.slider.min;
|
||||||
}
|
var maxSize = this.model.get('maxSize') || null;
|
||||||
}
|
{
|
||||||
}
|
var minBytes = minSize * 1024 * 1024;
|
||||||
|
var minThirty = FormatHelpers.bytes(minBytes * 90, 2);
|
||||||
|
var minSixty = FormatHelpers.bytes(minBytes * 140, 2);
|
||||||
|
|
||||||
|
this.ui.thirtyMinuteMinSize.html(minThirty);
|
||||||
|
this.ui.sixtyMinuteMinSize.html(minSixty);
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
if (maxSize === 0 || maxSize === null) {
|
||||||
|
this.ui.thirtyMinuteMaxSize.html('Unlimited');
|
||||||
|
this.ui.sixtyMinuteMaxSize.html('Unlimited');
|
||||||
|
} else {
|
||||||
|
var maxBytes = maxSize * 1024 * 1024;
|
||||||
|
var maxThirty = FormatHelpers.bytes(maxBytes * 90, 2);
|
||||||
|
var maxSixty = FormatHelpers.bytes(maxBytes * 140, 2);
|
||||||
|
|
||||||
|
this.ui.thirtyMinuteMaxSize.html(maxThirty);
|
||||||
|
this.ui.sixtyMinuteMaxSize.html(maxSixty);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
view = AsModelBoundView.call(view);
|
view = AsModelBoundView.call(view);
|
||||||
|
|
||||||
module.exports = view;
|
module.exports = view;
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,31 @@
|
||||||
<span class="col-md-2 col-sm-3">
|
<span class="col-md-2 col-sm-3">
|
||||||
{{quality.name}}
|
{{quality.name}}
|
||||||
</span>
|
</span>
|
||||||
<span class="col-md-2 col-sm-3">
|
<span class="col-md-2 col-sm-3">
|
||||||
<input type="text" class="form-control" name="title">
|
<input type="text" class="form-control" name="title">
|
||||||
</span>
|
</span>
|
||||||
<span class="col-md-4 col-sm-6">
|
<span class="col-md-4 col-sm-6">
|
||||||
<div class="x-slider"></div>
|
<div class="x-slider"></div>
|
||||||
<div class="size-label-wrapper">
|
<div class="size-label-wrapper">
|
||||||
<div class="pull-left">
|
<div class="pull-left">
|
||||||
<span class="label label-warning x-min-thirty"
|
<span class="label label-warning x-min-thirty"
|
||||||
name="thirtyMinuteMinSize"
|
name="thirtyMinuteMinSize"
|
||||||
title="Minimum size for a 30 minute episode">
|
title="Minimum size for a 90 minute episode">
|
||||||
</span>
|
</span>
|
||||||
<span class="label label-info x-min-sixty"
|
<span class="label label-info x-min-sixty"
|
||||||
name="sixtyMinuteMinSize"
|
name="sixtyMinuteMinSize"
|
||||||
title="Minimum size for a 60 minute episode">
|
title="Minimum size for a 140 minute episode">
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="pull-right">
|
<div class="pull-right">
|
||||||
<span class="label label-warning x-max-thirty"
|
<span class="label label-warning x-max-thirty"
|
||||||
name="thirtyMinuteMaxSize"
|
name="thirtyMinuteMaxSize"
|
||||||
title="Maximum size for a 30 minute episode">
|
title="Maximum size for a 90 minute movie">
|
||||||
</span>
|
</span>
|
||||||
<span class="label label-info x-max-sixty"
|
<span class="label label-info x-max-sixty"
|
||||||
name="sixtyMinuteMaxSize"
|
name="sixtyMinuteMaxSize"
|
||||||
title="Maximum size for a 60 minute episode">
|
title="Maximum size for a 140 minute movie">
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue