mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-17 15:02:34 +02:00
started Inline edit of quality for episode file
This commit is contained in:
parent
324862ee13
commit
f9437baf80
69
UI/Cells/Edit/QualityCellEditor.js
Normal file
69
UI/Cells/Edit/QualityCellEditor.js
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
'use strict';
|
||||||
|
define(
|
||||||
|
[
|
||||||
|
'backgrid',
|
||||||
|
'Settings/Quality/Profile/QualityProfileSchemaCollection'
|
||||||
|
], function (Backgrid, QualityProfileSchemaCollection) {
|
||||||
|
return Backgrid.CellEditor.extend({
|
||||||
|
|
||||||
|
className: 'quality-cell-editor',
|
||||||
|
template : 'Cells/Edit/QualityCellEditorTemplate',
|
||||||
|
tagName : 'select',
|
||||||
|
|
||||||
|
events: {
|
||||||
|
'change': 'save',
|
||||||
|
'blur': 'close',
|
||||||
|
'keydown': 'close'
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function () {
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
var qualityProfileSchemaCollection = new QualityProfileSchemaCollection();
|
||||||
|
var promise = qualityProfileSchemaCollection.fetch();
|
||||||
|
|
||||||
|
promise.done(function () {
|
||||||
|
var templateName = self.template;
|
||||||
|
self.schema = qualityProfileSchemaCollection.first();
|
||||||
|
|
||||||
|
var selected = _.find(self.schema.get('available'), { 'id': self.cell.cellValue.get('quality').id });
|
||||||
|
selected.selected = true;
|
||||||
|
|
||||||
|
self.templateFunction = Marionette.TemplateCache.get(templateName);
|
||||||
|
var data = self.schema.toJSON();
|
||||||
|
var html = self.templateFunction(data);
|
||||||
|
self.$el.html(html);
|
||||||
|
});
|
||||||
|
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
|
||||||
|
save: function (e) {
|
||||||
|
var model = this.model;
|
||||||
|
var column = this.column;
|
||||||
|
var selected = parseInt(this.$el.val());
|
||||||
|
|
||||||
|
var quality = _.find(this.schema.get('available'), { 'id': selected });
|
||||||
|
|
||||||
|
var newQuality = {
|
||||||
|
proper: false,
|
||||||
|
quality: quality
|
||||||
|
};
|
||||||
|
|
||||||
|
model.set(column.get("name"), newQuality);
|
||||||
|
model.trigger("backgrid:edited", model, column, new Backgrid.Command(e));
|
||||||
|
},
|
||||||
|
|
||||||
|
close: function (e) {
|
||||||
|
var model = this.model;
|
||||||
|
var column = this.column;
|
||||||
|
var command = new Backgrid.Command(e);
|
||||||
|
|
||||||
|
model.trigger("backgrid:edited", model, column, command);
|
||||||
|
},
|
||||||
|
|
||||||
|
_setOptions: function (options) {
|
||||||
|
this.cell = options.cell
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
7
UI/Cells/Edit/QualityCellEditorTemplate.html
Normal file
7
UI/Cells/Edit/QualityCellEditorTemplate.html
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
{{#each available}}
|
||||||
|
{{#if selected}}
|
||||||
|
<option value="{{id}}" selected="selected">{{name}}</option>
|
||||||
|
{{else}}
|
||||||
|
<option value="{{id}}">{{name}}</option>
|
||||||
|
{{/if}}
|
||||||
|
{{/each}}
|
@ -14,6 +14,12 @@ define(
|
|||||||
this.cellValue = this._getValue();
|
this.cellValue = this._getValue();
|
||||||
|
|
||||||
this.listenTo(this.model, 'change', this._refresh);
|
this.listenTo(this.model, 'change', this._refresh);
|
||||||
|
|
||||||
|
this.listenTo(this.model, "backgrid:edit", function (model, column, cell, editor) {
|
||||||
|
if (column.get("name") == this.column.get("name")) {
|
||||||
|
this._startEditing(model, column, cell, editor);
|
||||||
|
}
|
||||||
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
_refresh: function () {
|
_refresh: function () {
|
||||||
|
@ -1,12 +1,17 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
define(
|
define(
|
||||||
[
|
[
|
||||||
'Cells/TemplatedCell'
|
'Cells/TemplatedCell',
|
||||||
], function (TemplatedCell) {
|
'Cells/Edit/QualityCellEditor'
|
||||||
|
], function (TemplatedCell, QualityCellEditor) {
|
||||||
return TemplatedCell.extend({
|
return TemplatedCell.extend({
|
||||||
|
|
||||||
className: 'quality-cell',
|
className: 'quality-cell',
|
||||||
template : 'Cells/QualityCellTemplate'
|
template : 'Cells/QualityCellTemplate',
|
||||||
|
editor : QualityCellEditor,
|
||||||
|
|
||||||
|
_startEditing: function (model, column, cell, editor) {
|
||||||
|
editor._setOptions({ cell: cell });
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -7,7 +7,6 @@ define(
|
|||||||
], function (Marionette, NzbDroneCell) {
|
], function (Marionette, NzbDroneCell) {
|
||||||
return NzbDroneCell.extend({
|
return NzbDroneCell.extend({
|
||||||
|
|
||||||
|
|
||||||
render: function () {
|
render: function () {
|
||||||
|
|
||||||
var templateName = this.column.get('template') || this.template;
|
var templateName = this.column.get('template') || this.template;
|
||||||
@ -17,6 +16,7 @@ define(
|
|||||||
var html = this.templateFunction(data);
|
var html = this.templateFunction(data);
|
||||||
this.$el.html(html);
|
this.$el.html(html);
|
||||||
|
|
||||||
|
this.delegateEvents();
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -34,7 +34,8 @@ define(
|
|||||||
name : 'quality',
|
name : 'quality',
|
||||||
label : 'Quality',
|
label : 'Quality',
|
||||||
cell : QualityCell,
|
cell : QualityCell,
|
||||||
sortable: false
|
sortable: false,
|
||||||
|
editable: true
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
|
@ -4,8 +4,8 @@ define(['app',
|
|||||||
'marionette',
|
'marionette',
|
||||||
'Settings/Quality/Profile/QualityProfileView',
|
'Settings/Quality/Profile/QualityProfileView',
|
||||||
'Settings/Quality/Profile/EditQualityProfileView',
|
'Settings/Quality/Profile/EditQualityProfileView',
|
||||||
'Settings/Quality/Profile/QualityProfileSchemaCollection'],
|
'Settings/Quality/Profile/QualityProfileSchemaCollection'
|
||||||
function (App, Marionette, QualityProfileView, EditProfileView, ProfileCollection) {
|
], function (App, Marionette, QualityProfileView, EditProfileView, ProfileCollection) {
|
||||||
|
|
||||||
return Marionette.CompositeView.extend({
|
return Marionette.CompositeView.extend({
|
||||||
itemView : QualityProfileView,
|
itemView : QualityProfileView,
|
||||||
@ -24,7 +24,6 @@ define(['app',
|
|||||||
collectionView.ui.addCard.parent('li').before(itemView.el);
|
collectionView.ui.addCard.parent('li').before(itemView.el);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
_addProfile: function () {
|
_addProfile: function () {
|
||||||
var self = this;
|
var self = this;
|
||||||
var schemaCollection = new ProfileCollection();
|
var schemaCollection = new ProfileCollection();
|
||||||
|
Loading…
Reference in New Issue
Block a user