2012-11-09 16:28:59 +00:00
|
|
|
|
QualityProfileView = Backbone.Marionette.ItemView.extend({
|
|
|
|
|
tagName: "div",
|
|
|
|
|
className: "quality-profile",
|
2012-11-24 08:03:38 +00:00
|
|
|
|
template: "#QualityProfileTemplate",
|
2012-12-05 16:34:43 +00:00
|
|
|
|
initialize: function() {
|
|
|
|
|
this.model.on('destroy', this.remove, this)
|
|
|
|
|
},
|
2012-11-24 08:03:38 +00:00
|
|
|
|
events: {
|
2012-12-03 03:08:26 +00:00
|
|
|
|
'click .quality-selectee': 'toggleAllowed',
|
|
|
|
|
'change .cutoff': 'changeCutoff',
|
2012-12-05 16:34:43 +00:00
|
|
|
|
'change .name': 'changeName',
|
|
|
|
|
'click .remove-profile': 'destroy'
|
2012-11-24 08:03:38 +00:00
|
|
|
|
},
|
|
|
|
|
toggleAllowed: function (e) {
|
|
|
|
|
//Add to cutoff
|
|
|
|
|
//Update model
|
2012-12-03 03:08:26 +00:00
|
|
|
|
var target = $(e.target);
|
2012-12-11 04:39:35 +00:00
|
|
|
|
var el = $(this.el);
|
2012-11-24 08:03:38 +00:00
|
|
|
|
|
2012-12-03 03:08:26 +00:00
|
|
|
|
var checked = $(target).attr('checked') != undefined;
|
|
|
|
|
var id = this.model.get("Id");
|
|
|
|
|
|
|
|
|
|
var qualities = _.clone(this.model.get("Qualities"));
|
|
|
|
|
_.each(qualities, function (qualityType) {
|
|
|
|
|
var qualityId = parseInt($(target).attr('data-quality-id'));
|
|
|
|
|
|
|
|
|
|
if (qualityType.Id == qualityId) {
|
|
|
|
|
qualityType.Allowed = checked;
|
2012-12-11 04:39:35 +00:00
|
|
|
|
|
2012-12-03 03:08:26 +00:00
|
|
|
|
//Find cutoff dropdown
|
2012-12-11 04:39:35 +00:00
|
|
|
|
var cutoff = $(el).find('.cutoff');
|
2012-12-03 03:08:26 +00:00
|
|
|
|
|
|
|
|
|
if (checked) {
|
|
|
|
|
$('<option>' + qualityType.Name + '</option>').val(qualityId).appendTo(cutoff);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
else {
|
|
|
|
|
$(cutoff).find('option[value="' + qualityId + '"]').remove();
|
|
|
|
|
}
|
2012-12-06 01:19:17 +00:00
|
|
|
|
|
|
|
|
|
//Todo: auto-sort by weight (which is not the value)
|
|
|
|
|
//$(cutoff).html($($(cutoff).children("option")).sort(function(a, b) {
|
|
|
|
|
// return a.value == b.value ? 0 : a.value < b.value ? -1 : 1;
|
|
|
|
|
//}));
|
2012-12-03 03:08:26 +00:00
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.model.set({ "Qualities": qualities });
|
|
|
|
|
this.model.save();
|
|
|
|
|
},
|
|
|
|
|
changeCutoff: function(e) {
|
|
|
|
|
var cutoff = $(e.target).val();
|
|
|
|
|
|
|
|
|
|
this.model.set({ "Cutoff": cutoff });
|
|
|
|
|
this.model.save();
|
|
|
|
|
},
|
|
|
|
|
changeName: function(e) {
|
|
|
|
|
var name = $(e.target).val();
|
|
|
|
|
|
|
|
|
|
$('#DefaultQualityProfileId option[value="' + this.model.get("Id") + '"]').html(name);
|
|
|
|
|
|
|
|
|
|
this.model.set({ "Name": name });
|
|
|
|
|
this.model.save();
|
2012-12-05 16:34:43 +00:00
|
|
|
|
},
|
|
|
|
|
destroy: function (e) {
|
2012-12-11 04:39:35 +00:00
|
|
|
|
//if (e === undefined)
|
|
|
|
|
// return;
|
2012-12-05 16:34:43 +00:00
|
|
|
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
this.model.destroy();
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
},
|
|
|
|
|
remove: function (e) {
|
|
|
|
|
$(this.el).remove();
|
2012-11-24 08:03:38 +00:00
|
|
|
|
}
|
2012-11-07 00:41:34 +00:00
|
|
|
|
});
|
|
|
|
|
|
2012-11-09 16:28:59 +00:00
|
|
|
|
QualityProfileCollectionView = Backbone.Marionette.CompositeView.extend({
|
|
|
|
|
tagName: "div",
|
|
|
|
|
id: "quality-profile-collection",
|
|
|
|
|
itemView: QualityProfileView,
|
|
|
|
|
template: QualityProfileApp.Constants.Templates.QualityProfileCollection,
|
|
|
|
|
|
|
|
|
|
//appendHtml: function (collectionView, itemView) {
|
|
|
|
|
// collectionView.$('#collection').append(itemView.el);
|
|
|
|
|
//},
|
|
|
|
|
|
2012-11-07 00:41:34 +00:00
|
|
|
|
initialize: function () {
|
2012-11-09 16:28:59 +00:00
|
|
|
|
_.bindAll(this, 'render');
|
|
|
|
|
this.collection = new QualityProfileCollection();
|
|
|
|
|
this.collection.fetch();
|
|
|
|
|
this.collection.bind('reset', this.render);
|
2012-12-05 01:21:54 +00:00
|
|
|
|
},
|
|
|
|
|
events: {
|
|
|
|
|
'click #add-profile': 'addProfile'
|
|
|
|
|
},
|
|
|
|
|
addProfile: function (e) {
|
2012-12-11 04:39:35 +00:00
|
|
|
|
e.preventDefault();
|
2012-12-05 01:21:54 +00:00
|
|
|
|
//Add new profile to collection
|
2012-12-05 16:34:43 +00:00
|
|
|
|
//Todo: How will we get the list of qualities (they would all be NOT allowed) - it all comes from the server side...
|
2012-12-11 04:39:35 +00:00
|
|
|
|
var newProfile = new QualityProfile({
|
|
|
|
|
Name: '', Cutoff: 0, Qualities: [
|
|
|
|
|
{ "Id": 0, "Weight": 0, "Name": "Unknown", "Allowed": false },
|
|
|
|
|
{ "Id": 1, "Weight": 1, "Name": "SDTV", "Allowed": false },
|
|
|
|
|
{ "Id": 2, "Weight": 2, "Name": "DVD", "Allowed": false },
|
|
|
|
|
{ "Id": 4, "Weight": 4, "Name": "HDTV", "Allowed": false },
|
|
|
|
|
{ "Id": 5, "Weight": 5, "Name": "WEBDL-720p", "Allowed": false },
|
|
|
|
|
{ "Id": 3, "Weight": 7, "Name": "WEBDL-1080p", "Allowed": false },
|
|
|
|
|
{ "Id": 6, "Weight": 6, "Name": "Bluray720p", "Allowed": false },
|
|
|
|
|
{ "Id": 7, "Weight": 8, "Name": "Bluray1080p", "Allowed": false }
|
|
|
|
|
]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.collection.add(newProfile);
|
2012-11-07 00:41:34 +00:00
|
|
|
|
}
|
|
|
|
|
});
|