tedkulp/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2026-04-20 21:55:03 -04:00
Code Issues Projects Releases Wiki Activity

UI Cleanup - Updated Settings subtree.

Browse Source
This commit is contained in:
Taloth Saldono
2015-02-14 00:37:11 +01:00
parent b69ea349ce
commit 019525dd9d
72 changed files with 1458 additions and 1039 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/UI/Settings/SettingsLayout.js
+92 -62
View File
@@ -24,8 +24,9 @@ var LoadingView = require('../Shared/LoadingView');
var Config = require('../Config');
module.exports = Marionette.Layout.extend({
template : 'Settings/SettingsLayoutTemplate',
regions : {
template : 'Settings/SettingsLayoutTemplate',
regions : {
mediaManagement : '#media-management',
profiles : '#profiles',
quality : '#quality',
@@ -37,7 +38,8 @@ module.exports = Marionette.Layout.extend({
uiRegion : '#ui',
loading : '#loading-region'
},
ui : {
ui : {
mediaManagementTab : '.x-media-management-tab',
profilesTab : '.x-profiles-tab',
qualityTab : '.x-quality-tab',
@@ -49,28 +51,33 @@ module.exports = Marionette.Layout.extend({
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'
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) {
initialize : function(options) {
if (options.action) {
this.action = options.action.toLowerCase();
}
this.listenTo(vent, vent.Hotkeys.SaveSettings, this._save);
},
onRender : function(){
onRender : function() {
this.loading.show(new LoadingView());
var self = this;
this.mediaManagementSettings = new MediaManagementSettingsModel();
this.namingSettings = new NamingModel();
this.indexerSettings = new IndexerSettingsModel();
@@ -78,26 +85,29 @@ module.exports = Marionette.Layout.extend({
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}));
}
});
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(){
onShow : function() {
switch (this.action) {
case 'profiles':
this._showProfiles();
@@ -130,92 +140,112 @@ module.exports = Marionette.Layout.extend({
this._showMediaManagement();
}
},
_showMediaManagement : function(e){
if(e) {
_showMediaManagement : function(e) {
if (e) {
e.preventDefault();
}
this.ui.mediaManagementTab.tab('show');
this._navigate('settings/mediamanagement');
},
_showProfiles : function(e){
if(e) {
_showProfiles : function(e) {
if (e) {
e.preventDefault();
}
this.ui.profilesTab.tab('show');
this._navigate('settings/profiles');
},
_showQuality : function(e){
if(e) {
_showQuality : function(e) {
if (e) {
e.preventDefault();
}
this.ui.qualityTab.tab('show');
this._navigate('settings/quality');
},
_showIndexers : function(e){
if(e) {
_showIndexers : function(e) {
if (e) {
e.preventDefault();
}
this.ui.indexersTab.tab('show');
this._navigate('settings/indexers');
},
_showDownloadClient : function(e){
if(e) {
_showDownloadClient : function(e) {
if (e) {
e.preventDefault();
}
this.ui.downloadClientTab.tab('show');
this._navigate('settings/downloadclient');
},
_showNotifications : function(e){
if(e) {
_showNotifications : function(e) {
if (e) {
e.preventDefault();
}
this.ui.notificationsTab.tab('show');
this._navigate('settings/connect');
},
_showMetadata : function(e){
if(e) {
_showMetadata : function(e) {
if (e) {
e.preventDefault();
}
this.ui.metadataTab.tab('show');
this._navigate('settings/metadata');
},
_showGeneral : function(e){
if(e) {
_showGeneral : function(e) {
if (e) {
e.preventDefault();
}
this.ui.generalTab.tab('show');
this._navigate('settings/general');
},
_showUi : function(e){
if(e) {
_showUi : function(e) {
if (e) {
e.preventDefault();
}
this.ui.uiTab.tab('show');
this._navigate('settings/ui');
},
_navigate : function(route){
_navigate : function(route) {
Backbone.history.navigate(route, {
trigger : false,
replace : true
});
},
_save : function(){
_save : function() {
vent.trigger(vent.Commands.SaveSettings);
},
_setAdvancedSettingsState : function(){
_setAdvancedSettingsState : function() {
var checked = Config.getValueBoolean(Config.Keys.AdvancedSettings);
this.ui.advancedSettings.prop('checked', checked);
if(checked) {
if (checked) {
$('body').addClass('show-advanced-settings');
}
},
_toggleAdvancedSettings : function(){
_toggleAdvancedSettings : function() {
var checked = this.ui.advancedSettings.prop('checked');
Config.setValue(Config.Keys.AdvancedSettings, checked);
if(checked) {
if (checked) {
$('body').addClass('show-advanced-settings');
}
else {
} else {
$('body').removeClass('show-advanced-settings');
}
}