mirror of
https://github.com/Radarr/Radarr.git
synced 2026-04-20 21:55:03 -04:00
rjs -> webpack
This commit is contained in:
Keivan Beigi
+219
-284
@@ -1,287 +1,222 @@
|
||||
'use strict';
|
||||
define(
|
||||
[
|
||||
'jquery',
|
||||
'underscore',
|
||||
'vent',
|
||||
'marionette',
|
||||
'backbone',
|
||||
'Settings/General/GeneralSettingsModel',
|
||||
'Settings/MediaManagement/Naming/NamingModel',
|
||||
'Settings/MediaManagement/MediaManagementLayout',
|
||||
'Settings/MediaManagement/MediaManagementSettingsModel',
|
||||
'Settings/Profile/ProfileLayout',
|
||||
'Settings/Quality/QualityLayout',
|
||||
'Settings/Indexers/IndexerLayout',
|
||||
'Settings/Indexers/IndexerCollection',
|
||||
'Settings/Indexers/IndexerSettingsModel',
|
||||
'Settings/DownloadClient/DownloadClientLayout',
|
||||
'Settings/DownloadClient/DownloadClientSettingsModel',
|
||||
'Settings/Notifications/NotificationCollectionView',
|
||||
'Settings/Notifications/NotificationCollection',
|
||||
'Settings/Metadata/MetadataLayout',
|
||||
'Settings/General/GeneralView',
|
||||
'Settings/UI/UiView',
|
||||
'Settings/UI/UiSettingsModel',
|
||||
'Shared/LoadingView',
|
||||
'Config'
|
||||
], function ($,
|
||||
_,
|
||||
vent,
|
||||
Marionette,
|
||||
Backbone,
|
||||
GeneralSettingsModel,
|
||||
NamingModel,
|
||||
MediaManagementLayout,
|
||||
MediaManagementSettingsModel,
|
||||
ProfileLayout,
|
||||
QualityLayout,
|
||||
IndexerLayout,
|
||||
IndexerCollection,
|
||||
IndexerSettingsModel,
|
||||
DownloadClientLayout,
|
||||
DownloadClientSettingsModel,
|
||||
NotificationCollectionView,
|
||||
NotificationCollection,
|
||||
MetadataLayout,
|
||||
GeneralView,
|
||||
UiView,
|
||||
UiSettingsModel,
|
||||
LoadingView,
|
||||
Config) {
|
||||
return Marionette.Layout.extend({
|
||||
template: 'Settings/SettingsLayoutTemplate',
|
||||
var $ = require('jquery');
|
||||
var _ = require('underscore');
|
||||
var vent = require('../vent');
|
||||
var Marionette = require('marionette');
|
||||
var Backbone = require('backbone');
|
||||
var GeneralSettingsModel = require('./General/GeneralSettingsModel');
|
||||
var NamingModel = require('./MediaManagement/Naming/NamingModel');
|
||||
var MediaManagementLayout = require('./MediaManagement/MediaManagementLayout');
|
||||
var MediaManagementSettingsModel = require('./MediaManagement/MediaManagementSettingsModel');
|
||||
var ProfileLayout = require('./Profile/ProfileLayout');
|
||||
var QualityLayout = require('./Quality/QualityLayout');
|
||||
var IndexerLayout = require('./Indexers/IndexerLayout');
|
||||
var IndexerCollection = require('./Indexers/IndexerCollection');
|
||||
var IndexerSettingsModel = require('./Indexers/IndexerSettingsModel');
|
||||
var DownloadClientLayout = require('./DownloadClient/DownloadClientLayout');
|
||||
var DownloadClientSettingsModel = require('./DownloadClient/DownloadClientSettingsModel');
|
||||
var NotificationCollectionView = require('./Notifications/NotificationCollectionView');
|
||||
var NotificationCollection = require('./Notifications/NotificationCollection');
|
||||
var MetadataLayout = require('./Metadata/MetadataLayout');
|
||||
var GeneralView = require('./General/GeneralView');
|
||||
var UiView = require('./UI/UiView');
|
||||
var UiSettingsModel = require('./UI/UiSettingsModel');
|
||||
var LoadingView = require('../Shared/LoadingView');
|
||||
var Config = require('../Config');
|
||||
|
||||
regions: {
|
||||
mediaManagement : '#media-management',
|
||||
profiles : '#profiles',
|
||||
quality : '#quality',
|
||||
indexers : '#indexers',
|
||||
downloadClient : '#download-client',
|
||||
notifications : '#notifications',
|
||||
metadata : '#metadata',
|
||||
general : '#general',
|
||||
uiRegion : '#ui',
|
||||
loading : '#loading-region'
|
||||
},
|
||||
|
||||
ui: {
|
||||
mediaManagementTab : '.x-media-management-tab',
|
||||
profilesTab : '.x-profiles-tab',
|
||||
qualityTab : '.x-quality-tab',
|
||||
indexersTab : '.x-indexers-tab',
|
||||
downloadClientTab : '.x-download-client-tab',
|
||||
notificationsTab : '.x-notifications-tab',
|
||||
metadataTab : '.x-metadata-tab',
|
||||
generalTab : '.x-general-tab',
|
||||
uiTab : '.x-ui-tab',
|
||||
advancedSettings : '.x-advanced-settings'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .x-media-management-tab' : '_showMediaManagement',
|
||||
'click .x-profiles-tab' : '_showProfiles',
|
||||
'click .x-quality-tab' : '_showQuality',
|
||||
'click .x-indexers-tab' : '_showIndexers',
|
||||
'click .x-download-client-tab' : '_showDownloadClient',
|
||||
'click .x-notifications-tab' : '_showNotifications',
|
||||
'click .x-metadata-tab' : '_showMetadata',
|
||||
'click .x-general-tab' : '_showGeneral',
|
||||
'click .x-ui-tab' : '_showUi',
|
||||
'click .x-save-settings' : '_save',
|
||||
'change .x-advanced-settings' : '_toggleAdvancedSettings'
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
if (options.action) {
|
||||
this.action = options.action.toLowerCase();
|
||||
}
|
||||
|
||||
this.listenTo(vent, vent.Hotkeys.SaveSettings, this._save);
|
||||
},
|
||||
|
||||
onRender: function () {
|
||||
this.loading.show(new LoadingView());
|
||||
var self = this;
|
||||
|
||||
this.mediaManagementSettings = new MediaManagementSettingsModel();
|
||||
this.namingSettings = new NamingModel();
|
||||
this.indexerSettings = new IndexerSettingsModel();
|
||||
this.downloadClientSettings = new DownloadClientSettingsModel();
|
||||
this.notificationCollection = new NotificationCollection();
|
||||
this.generalSettings = new GeneralSettingsModel();
|
||||
this.uiSettings = new UiSettingsModel();
|
||||
|
||||
Backbone.$.when(
|
||||
this.mediaManagementSettings.fetch(),
|
||||
this.namingSettings.fetch(),
|
||||
this.indexerSettings.fetch(),
|
||||
this.downloadClientSettings.fetch(),
|
||||
this.notificationCollection.fetch(),
|
||||
this.generalSettings.fetch(),
|
||||
this.uiSettings.fetch()
|
||||
).done(function () {
|
||||
if(!self.isClosed)
|
||||
{
|
||||
self.loading.$el.hide();
|
||||
self.mediaManagement.show(new MediaManagementLayout({ settings: self.mediaManagementSettings, namingSettings: self.namingSettings }));
|
||||
self.profiles.show(new ProfileLayout());
|
||||
self.quality.show(new QualityLayout());
|
||||
self.indexers.show(new IndexerLayout({ model: self.indexerSettings }));
|
||||
self.downloadClient.show(new DownloadClientLayout({ model: self.downloadClientSettings }));
|
||||
self.notifications.show(new NotificationCollectionView({ collection: self.notificationCollection }));
|
||||
self.metadata.show(new MetadataLayout());
|
||||
self.general.show(new GeneralView({ model: self.generalSettings }));
|
||||
self.uiRegion.show(new UiView({ model: self.uiSettings }));
|
||||
}
|
||||
});
|
||||
|
||||
this._setAdvancedSettingsState();
|
||||
},
|
||||
|
||||
onShow: function () {
|
||||
switch (this.action) {
|
||||
case 'profiles':
|
||||
this._showProfiles();
|
||||
break;
|
||||
case 'quality':
|
||||
this._showQuality();
|
||||
break;
|
||||
case 'indexers':
|
||||
this._showIndexers();
|
||||
break;
|
||||
case 'downloadclient':
|
||||
this._showDownloadClient();
|
||||
break;
|
||||
case 'connect':
|
||||
this._showNotifications();
|
||||
break;
|
||||
case 'notifications':
|
||||
this._showNotifications();
|
||||
break;
|
||||
case 'metadata':
|
||||
this._showMetadata();
|
||||
break;
|
||||
case 'general':
|
||||
this._showGeneral();
|
||||
break;
|
||||
case 'ui':
|
||||
this._showUi();
|
||||
break;
|
||||
default:
|
||||
this._showMediaManagement();
|
||||
}
|
||||
},
|
||||
|
||||
_showMediaManagement: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.mediaManagementTab.tab('show');
|
||||
this._navigate('settings/mediamanagement');
|
||||
},
|
||||
|
||||
_showProfiles: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.profilesTab.tab('show');
|
||||
this._navigate('settings/profiles');
|
||||
},
|
||||
|
||||
_showQuality: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.qualityTab.tab('show');
|
||||
this._navigate('settings/quality');
|
||||
},
|
||||
|
||||
_showIndexers: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.indexersTab.tab('show');
|
||||
this._navigate('settings/indexers');
|
||||
},
|
||||
|
||||
_showDownloadClient: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.downloadClientTab.tab('show');
|
||||
this._navigate('settings/downloadclient');
|
||||
},
|
||||
|
||||
_showNotifications: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.notificationsTab.tab('show');
|
||||
this._navigate('settings/connect');
|
||||
},
|
||||
|
||||
_showMetadata: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.metadataTab.tab('show');
|
||||
this._navigate('settings/metadata');
|
||||
},
|
||||
|
||||
_showGeneral: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.generalTab.tab('show');
|
||||
this._navigate('settings/general');
|
||||
},
|
||||
|
||||
_showUi: function (e) {
|
||||
if (e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
this.ui.uiTab.tab('show');
|
||||
this._navigate('settings/ui');
|
||||
},
|
||||
|
||||
_navigate: function (route) {
|
||||
Backbone.history.navigate(route, { trigger: false, replace: true });
|
||||
},
|
||||
|
||||
_save: function () {
|
||||
vent.trigger(vent.Commands.SaveSettings);
|
||||
},
|
||||
|
||||
_setAdvancedSettingsState: function () {
|
||||
var checked = Config.getValueBoolean(Config.Keys.AdvancedSettings);
|
||||
this.ui.advancedSettings.prop('checked', checked);
|
||||
|
||||
if (checked) {
|
||||
$('body').addClass('show-advanced-settings');
|
||||
}
|
||||
},
|
||||
|
||||
_toggleAdvancedSettings: function () {
|
||||
var checked = this.ui.advancedSettings.prop('checked');
|
||||
Config.setValue(Config.Keys.AdvancedSettings, checked);
|
||||
|
||||
if (checked) {
|
||||
$('body').addClass('show-advanced-settings');
|
||||
}
|
||||
|
||||
else {
|
||||
$('body').removeClass('show-advanced-settings');
|
||||
}
|
||||
module.exports = Marionette.Layout.extend({
|
||||
template : 'Settings/SettingsLayoutTemplate',
|
||||
regions : {
|
||||
mediaManagement : '#media-management',
|
||||
profiles : '#profiles',
|
||||
quality : '#quality',
|
||||
indexers : '#indexers',
|
||||
downloadClient : '#download-client',
|
||||
notifications : '#notifications',
|
||||
metadata : '#metadata',
|
||||
general : '#general',
|
||||
uiRegion : '#ui',
|
||||
loading : '#loading-region'
|
||||
},
|
||||
ui : {
|
||||
mediaManagementTab : '.x-media-management-tab',
|
||||
profilesTab : '.x-profiles-tab',
|
||||
qualityTab : '.x-quality-tab',
|
||||
indexersTab : '.x-indexers-tab',
|
||||
downloadClientTab : '.x-download-client-tab',
|
||||
notificationsTab : '.x-notifications-tab',
|
||||
metadataTab : '.x-metadata-tab',
|
||||
generalTab : '.x-general-tab',
|
||||
uiTab : '.x-ui-tab',
|
||||
advancedSettings : '.x-advanced-settings'
|
||||
},
|
||||
events : {
|
||||
"click .x-media-management-tab" : '_showMediaManagement',
|
||||
"click .x-profiles-tab" : '_showProfiles',
|
||||
"click .x-quality-tab" : '_showQuality',
|
||||
"click .x-indexers-tab" : '_showIndexers',
|
||||
"click .x-download-client-tab" : '_showDownloadClient',
|
||||
"click .x-notifications-tab" : '_showNotifications',
|
||||
"click .x-metadata-tab" : '_showMetadata',
|
||||
"click .x-general-tab" : '_showGeneral',
|
||||
"click .x-ui-tab" : '_showUi',
|
||||
"click .x-save-settings" : '_save',
|
||||
"change .x-advanced-settings" : '_toggleAdvancedSettings'
|
||||
},
|
||||
initialize : function(options){
|
||||
if(options.action) {
|
||||
this.action = options.action.toLowerCase();
|
||||
}
|
||||
this.listenTo(vent, vent.Hotkeys.SaveSettings, this._save);
|
||||
},
|
||||
onRender : function(){
|
||||
this.loading.show(new LoadingView());
|
||||
var self = this;
|
||||
this.mediaManagementSettings = new MediaManagementSettingsModel();
|
||||
this.namingSettings = new NamingModel();
|
||||
this.indexerSettings = new IndexerSettingsModel();
|
||||
this.downloadClientSettings = new DownloadClientSettingsModel();
|
||||
this.notificationCollection = new NotificationCollection();
|
||||
this.generalSettings = new GeneralSettingsModel();
|
||||
this.uiSettings = new UiSettingsModel();
|
||||
Backbone.$.when(this.mediaManagementSettings.fetch(), this.namingSettings.fetch(), this.indexerSettings.fetch(), this.downloadClientSettings.fetch(), this.notificationCollection.fetch(), this.generalSettings.fetch(), this.uiSettings.fetch()).done(function(){
|
||||
if(!self.isClosed) {
|
||||
self.loading.$el.hide();
|
||||
self.mediaManagement.show(new MediaManagementLayout({
|
||||
settings : self.mediaManagementSettings,
|
||||
namingSettings : self.namingSettings
|
||||
}));
|
||||
self.profiles.show(new ProfileLayout());
|
||||
self.quality.show(new QualityLayout());
|
||||
self.indexers.show(new IndexerLayout({model : self.indexerSettings}));
|
||||
self.downloadClient.show(new DownloadClientLayout({model : self.downloadClientSettings}));
|
||||
self.notifications.show(new NotificationCollectionView({collection : self.notificationCollection}));
|
||||
self.metadata.show(new MetadataLayout());
|
||||
self.general.show(new GeneralView({model : self.generalSettings}));
|
||||
self.uiRegion.show(new UiView({model : self.uiSettings}));
|
||||
}
|
||||
});
|
||||
});
|
||||
this._setAdvancedSettingsState();
|
||||
},
|
||||
onShow : function(){
|
||||
switch (this.action) {
|
||||
case 'profiles':
|
||||
this._showProfiles();
|
||||
break;
|
||||
case 'quality':
|
||||
this._showQuality();
|
||||
break;
|
||||
case 'indexers':
|
||||
this._showIndexers();
|
||||
break;
|
||||
case 'downloadclient':
|
||||
this._showDownloadClient();
|
||||
break;
|
||||
case 'connect':
|
||||
this._showNotifications();
|
||||
break;
|
||||
case 'notifications':
|
||||
this._showNotifications();
|
||||
break;
|
||||
case 'metadata':
|
||||
this._showMetadata();
|
||||
break;
|
||||
case 'general':
|
||||
this._showGeneral();
|
||||
break;
|
||||
case 'ui':
|
||||
this._showUi();
|
||||
break;
|
||||
default:
|
||||
this._showMediaManagement();
|
||||
}
|
||||
},
|
||||
_showMediaManagement : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.mediaManagementTab.tab('show');
|
||||
this._navigate('settings/mediamanagement');
|
||||
},
|
||||
_showProfiles : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.profilesTab.tab('show');
|
||||
this._navigate('settings/profiles');
|
||||
},
|
||||
_showQuality : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.qualityTab.tab('show');
|
||||
this._navigate('settings/quality');
|
||||
},
|
||||
_showIndexers : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.indexersTab.tab('show');
|
||||
this._navigate('settings/indexers');
|
||||
},
|
||||
_showDownloadClient : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.downloadClientTab.tab('show');
|
||||
this._navigate('settings/downloadclient');
|
||||
},
|
||||
_showNotifications : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.notificationsTab.tab('show');
|
||||
this._navigate('settings/connect');
|
||||
},
|
||||
_showMetadata : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.metadataTab.tab('show');
|
||||
this._navigate('settings/metadata');
|
||||
},
|
||||
_showGeneral : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.generalTab.tab('show');
|
||||
this._navigate('settings/general');
|
||||
},
|
||||
_showUi : function(e){
|
||||
if(e) {
|
||||
e.preventDefault();
|
||||
}
|
||||
this.ui.uiTab.tab('show');
|
||||
this._navigate('settings/ui');
|
||||
},
|
||||
_navigate : function(route){
|
||||
Backbone.history.navigate(route, {
|
||||
trigger : false,
|
||||
replace : true
|
||||
});
|
||||
},
|
||||
_save : function(){
|
||||
vent.trigger(vent.Commands.SaveSettings);
|
||||
},
|
||||
_setAdvancedSettingsState : function(){
|
||||
var checked = Config.getValueBoolean(Config.Keys.AdvancedSettings);
|
||||
this.ui.advancedSettings.prop('checked', checked);
|
||||
if(checked) {
|
||||
$('body').addClass('show-advanced-settings');
|
||||
}
|
||||
},
|
||||
_toggleAdvancedSettings : function(){
|
||||
var checked = this.ui.advancedSettings.prop('checked');
|
||||
Config.setValue(Config.Keys.AdvancedSettings, checked);
|
||||
if(checked) {
|
||||
$('body').addClass('show-advanced-settings');
|
||||
}
|
||||
else {
|
||||
$('body').removeClass('show-advanced-settings');
|
||||
}
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user