FInished add series. need some error handling but mostly on the server.

This commit is contained in:
Keivan Beigi 2013-02-01 19:33:23 -08:00 committed by kay.one
parent 27afb2402a
commit b6a4e6c32c
6 changed files with 116 additions and 20 deletions

View File

@ -72,9 +72,10 @@ NzbDrone.AddSeries.AddSeriesLayout = Backbone.Marionette.Layout.extend({
onRender: function () {
this.qualityProfileCollection.fetch();
this.rootFolderCollection.fetch();
this.addNew.show(new NzbDrone.AddSeries.AddNewSeriesView({ rootFolders: this.rootFolderCollection, qualityProfiles: this.qualityProfileCollection }));
this.importExisting.show(new NzbDrone.AddSeries.Existing.ImportSeriesView({ collection: this.rootFolderCollection }));
this.importExisting.show(new NzbDrone.AddSeries.Existing.ImportSeriesView({ collection: this.rootFolderCollection, quality: this.qualityProfileCollection }));
this.rootFolders.show(new NzbDrone.AddSeries.RootDirView({ collection: this.rootFolderCollection }));
this.listenTo(this.rootFolderCollection, 'add', this.evaluateActions, this);

View File

@ -1,5 +1,5 @@
<div class="line row folder-match-result-view">
<a href="http://thetvdb.com/?tab=series&id={{id}}" target="_blank" class="icon-info-sign"></a>
<span>{{seriesName}} {{seriesYear}}</span>
<span class="icon-plus pull-right btn btn-success"></span>
<span class="icon-plus pull-right btn btn-success x-btn-add"></span>
</div>

View File

@ -6,23 +6,58 @@
NzbDrone.AddSeries.Existing.FolderMatchResultView = Backbone.Marionette.ItemView.extend({
template: "AddSeries/Existing/FolderMatchResultViewTemplatate",
template: 'AddSeries/Existing/FolderMatchResultViewTemplatate',
events: {
'click .x-btn-add': 'addSeries'
},
addSeries: function () {
var seriesId = this.model.get('id');
var title = this.model.get('seriesName');
var quality = this.options.qualityProfile.val();
var path = this.options.rootFolder + "\\" + title;
var model = new NzbDrone.Series.SeriesModel({
seriesId: seriesId,
title: title,
qualityProfileId: quality,
path: path
});
var self = this;
model.save(undefined, {
success: function () {
var notificationModel = new NzbDrone.Shared.NotificationModel({
title: 'Added',
message: title,
level: 'success'
});
NzbDrone.Shared.NotificationCollectionView.Instance.collection.add(notificationModel);
self.close();
}
});
}
});
NzbDrone.AddSeries.Existing.UnmappedFolderCompositeView = Backbone.Marionette.CompositeView.extend({
template: "AddSeries/Existing/UnmappedFolderCompositeViewTemplatate",
itemViewContainer: ".x-folder-name-match-results",
template: 'AddSeries/Existing/UnmappedFolderCompositeViewTemplatate',
itemViewContainer: '.x-folder-name-match-results',
itemView: NzbDrone.AddSeries.Existing.FolderMatchResultView,
events: {
'click .x-search': 'search'
'click .x-btn-search': 'search'
},
ui: {
searchButton: '.x-search'
searchButton: '.x-btn-search',
searchText: '.x-txt-search',
profileList: '.x-lst-quality-profile'
},
initialize: function () {
@ -35,19 +70,29 @@ NzbDrone.AddSeries.Existing.UnmappedFolderCompositeView = Backbone.Marionette.Co
icon.removeClass('icon-search').addClass('icon-spin icon-spinner disabled');
var self = this;
this.collection.fetch({
data: $.param({ term: this.model.get('folder') }),
success: function () {
data: $.param({ term: this.ui.searchText.val() }),
success: function (model) {
icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
},
fail:function() {
fail: function () {
icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
}
});
},
itemViewOptions: function () {
return {
qualityProfile: this.ui.profileList,
rootFolder: this.model.get('rootFolder')
};
}
});
NzbDrone.AddSeries.Existing.RootFolderCompositeView = Backbone.Marionette.CompositeView.extend({
@ -62,20 +107,48 @@ NzbDrone.AddSeries.Existing.RootFolderCompositeView = Backbone.Marionette.Compos
throw "model is required.";
}
if (!this.options.quality) {
throw "quality collection is required.";
}
this.collection = new NzbDrone.AddSeries.Existing.UnmappedFolderCollection();
this.collection.importArray(this.model.get('unmappedFolders'));
this.refreshItems();
this.listenTo(this.options.quality, 'reset', this.refreshItems, this);
},
refreshItems: function () {
this.collection.importItems(this.model, this.options.quality);
},
});
NzbDrone.AddSeries.Existing.ImportSeriesView = Backbone.Marionette.CollectionView.extend({
itemView: NzbDrone.AddSeries.Existing.RootFolderCompositeView,
initialize: function () {
if (!this.collection) {
throw "root folder collection is required.";
}
if (!this.options.quality) {
throw "quality collection is required.";
}
this.itemViewOptions = {
quality: this.options.quality
};
}
});

View File

@ -1,8 +1,13 @@
<div class="row unmapped-folder-view">
<div class="span11">
<div class="row folder-header">
{{folder}}
<div class="btn btn-primary x-search pull-right">
<input class="x-txt-search input-xlarge" type="text" value="{{folder}}" placeholder="{{folder}}"></input>
<select class="span2 x-lst-quality-profile">
{{#each quality.models}}
<option value="{{id}}">{{attributes.name}}</option>
{{/each}}
</select>
<div class="btn btn-primary x-btn-search pull-right">
<icon class="icon-search "></icon>
</div>

View File

@ -9,14 +9,23 @@ NzbDrone.AddSeries.Existing.UnmappedFolderCollection = Backbone.Collection.exten
model: NzbDrone.AddSeries.Existing.UnmappedFolderModel,
importArray: function (unmappedFolderArray) {
importItems: function (rootFolderModel, quality) {
if (!unmappedFolderArray) {
if (!rootFolderModel) {
throw "folder array is required";
}
_.each(unmappedFolderArray, function (folder) {
this.push(new NzbDrone.AddSeries.Existing.UnmappedFolderModel({ folder: folder }));
if (!quality) {
throw "quality is required";
}
this.reset();
var qualityCollection = quality;
var rootFolder = rootFolderModel.get('path');
_.each(rootFolderModel.get('unmappedFolders'), function (folder) {
this.push(new NzbDrone.AddSeries.Existing.UnmappedFolderModel({rootFolder:rootFolder, folder: folder, quality: qualityCollection }));
}, this);
}
});

View File

@ -62,10 +62,18 @@
.unmapped-folder-view .folder-header {
font-size: 30px;
font-weight:300
font-weight: 300;
}
.unmapped-folder-view .folder-header input {
margin-bottom: 0;
}
.unmapped-folder-view .folder-header select {
margin-bottom: 0;
font-size: 16px;
}
.existing-root-folder-view, h1 {
padding: 10px 0px 20px 0px;
}