mirror of https://github.com/Radarr/Radarr
89 lines
4.6 KiB
JavaScript
89 lines
4.6 KiB
JavaScript
var _ = require('underscore');
|
|
var Marionette = require('marionette');
|
|
var NamingSampleModel = require('./NamingSampleModel');
|
|
var BasicNamingView = require('./Basic/BasicNamingView');
|
|
var AsModelBoundView = require('../../../Mixins/AsModelBoundView');
|
|
var AsValidatedView = require('../../../Mixins/AsValidatedView');
|
|
|
|
module.exports = (function() {
|
|
var view = Marionette.Layout.extend({
|
|
template : 'Settings/MediaManagement/Naming/NamingViewTemplate',
|
|
ui : {
|
|
namingOptions : '.x-naming-options',
|
|
renameEpisodesCheckbox : '.x-rename-episodes',
|
|
singleEpisodeExample : '.x-single-episode-example',
|
|
multiEpisodeExample : '.x-multi-episode-example',
|
|
dailyEpisodeExample : '.x-daily-episode-example',
|
|
animeEpisodeExample : '.x-anime-episode-example',
|
|
animeMultiEpisodeExample : '.x-anime-multi-episode-example',
|
|
namingTokenHelper : '.x-naming-token-helper',
|
|
multiEpisodeStyle : '.x-multi-episode-style',
|
|
seriesFolderExample : '.x-series-folder-example',
|
|
seasonFolderExample : '.x-season-folder-example',
|
|
movieExample : '.x-movie-example',
|
|
movieFolderExample : '.x-movie-folder-example'
|
|
},
|
|
events : {
|
|
"change .x-rename-episodes" : '_setFailedDownloadOptionsVisibility',
|
|
"click .x-show-wizard" : '_showWizard',
|
|
"click .x-naming-token-helper a" : '_addToken',
|
|
"change .x-multi-episode-style" : '_multiEpisodeFomatChanged'
|
|
},
|
|
regions : { basicNamingRegion : '.x-basic-naming' },
|
|
onRender : function() {
|
|
if (!this.model.get('renameEpisodes')) {
|
|
this.ui.namingOptions.hide();
|
|
}
|
|
var basicNamingView = new BasicNamingView({ model : this.model });
|
|
this.basicNamingRegion.show(basicNamingView);
|
|
this.namingSampleModel = new NamingSampleModel();
|
|
this.listenTo(this.model, 'change', this._updateSamples);
|
|
this.listenTo(this.namingSampleModel, 'sync', this._showSamples);
|
|
this._updateSamples();
|
|
},
|
|
_setFailedDownloadOptionsVisibility : function() {
|
|
var checked = this.ui.renameEpisodesCheckbox.prop('checked');
|
|
if (checked) {
|
|
this.ui.namingOptions.slideDown();
|
|
} else {
|
|
this.ui.namingOptions.slideUp();
|
|
}
|
|
},
|
|
_updateSamples : function() {
|
|
this.namingSampleModel.fetch({ data : this.model.toJSON() });
|
|
},
|
|
_showSamples : function() {
|
|
this.ui.singleEpisodeExample.html(this.namingSampleModel.get('singleEpisodeExample'));
|
|
this.ui.multiEpisodeExample.html(this.namingSampleModel.get('multiEpisodeExample'));
|
|
this.ui.dailyEpisodeExample.html(this.namingSampleModel.get('dailyEpisodeExample'));
|
|
this.ui.animeEpisodeExample.html(this.namingSampleModel.get('animeEpisodeExample'));
|
|
this.ui.animeMultiEpisodeExample.html(this.namingSampleModel.get('animeMultiEpisodeExample'));
|
|
this.ui.seriesFolderExample.html(this.namingSampleModel.get('seriesFolderExample'));
|
|
this.ui.seasonFolderExample.html(this.namingSampleModel.get('seasonFolderExample'));
|
|
this.ui.movieExample.html(this.namingSampleModel.get('movieExample'));
|
|
this.ui.movieFolderExample.html(this.namingSampleModel.get('movieFolderExample'));
|
|
},
|
|
_addToken : function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var target = e.target;
|
|
var token = '';
|
|
var input = this.$(target).closest('.x-helper-input').children('input');
|
|
if (this.$(target).attr('data-token')) {
|
|
token = '{{0}}'.format(this.$(target).attr('data-token'));
|
|
} else {
|
|
token = this.$(target).attr('data-separator');
|
|
}
|
|
input.val(input.val() + token);
|
|
input.change();
|
|
this.ui.namingTokenHelper.removeClass('open');
|
|
input.focus();
|
|
},
|
|
multiEpisodeFormatChanged : function() {
|
|
this.model.set('multiEpisodeStyle', this.ui.multiEpisodeStyle.val());
|
|
}
|
|
});
|
|
AsModelBoundView.call(view);
|
|
AsValidatedView.call(view);
|
|
return view;
|
|
}).call(this); |