mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
minor code refactor
This commit is contained in:
parent
81fe0b47f3
commit
c97089b52c
8 changed files with 25 additions and 108 deletions
|
@ -1,4 +1,4 @@
|
||||||
define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style'], function (browser, connectionManager, playbackManager, dom) {
|
define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./backdrop'], function (browser, connectionManager, playbackManager, dom) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
function enableAnimation(elem) {
|
function enableAnimation(elem) {
|
||||||
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"main": "backdrop.js"
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"main": "emby-input.js"
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"main": "emby-radio.js"
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"main": "emby-tabs.js"
|
|
||||||
}
|
|
|
@ -104,32 +104,21 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="verticalSection verticalSection-extrabottompadding">
|
<div class="verticalSection verticalSection-extrabottompadding">
|
||||||
|
<h2 class="sectionTitle">${HeaderLibraryOrder}</h2>
|
||||||
<h2 class="sectionTitle">
|
<div class="paperList viewOrderList"></div>
|
||||||
${HeaderLibraryOrder}
|
|
||||||
</h2>
|
|
||||||
<div class="paperList viewOrderList">
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<div class="perLibrarySettings"></div>
|
||||||
|
|
||||||
<div class="perLibrarySettings">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="verticalSection verticalSection-extrabottompadding">
|
<div class="verticalSection verticalSection-extrabottompadding">
|
||||||
<label class="checkboxContainer">
|
<label class="checkboxContainer">
|
||||||
<input class="chkHidePlayedFromLatest" type="checkbox" is="emby-checkbox" />
|
<input class="chkHidePlayedFromLatest" type="checkbox" is="emby-checkbox" />
|
||||||
<span>${HideWatchedContentFromLatestMedia}</span>
|
<span>${HideWatchedContentFromLatestMedia}</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="verticalSection verticalSection-extrabottompadding">
|
<div class="verticalSection verticalSection-extrabottompadding">
|
||||||
<h2 class="sectionTitle">
|
<h2 class="sectionTitle">${HeaderLibraryFolders}</h2>
|
||||||
${HeaderLibraryFolders}
|
|
||||||
</h2>
|
|
||||||
<div>
|
<div>
|
||||||
<p>${LabelSelectFolderGroups}</p>
|
<p>${LabelSelectFolderGroups}</p>
|
||||||
<div class="folderGroupList"></div>
|
<div class="folderGroupList"></div>
|
||||||
|
|
|
@ -1,17 +1,16 @@
|
||||||
define(['appSettings', 'events'], function (appsettings, events) {
|
define(['appSettings', 'events'], function (appSettings, events) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
function onSaveTimeout() {
|
function onSaveTimeout() {
|
||||||
|
this.saveTimeout = null;
|
||||||
var self = this;
|
this.currentApiClient.updateDisplayPreferences('usersettings', self.displayPrefs, self.currentUserId, 'emby');
|
||||||
self.saveTimeout = null;
|
|
||||||
self.currentApiClient.updateDisplayPreferences('usersettings', self.displayPrefs, self.currentUserId, 'emby');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveServerPreferences(instance) {
|
function saveServerPreferences(instance) {
|
||||||
if (instance.saveTimeout) {
|
if (instance.saveTimeout) {
|
||||||
clearTimeout(instance.saveTimeout);
|
clearTimeout(instance.saveTimeout);
|
||||||
}
|
}
|
||||||
|
|
||||||
instance.saveTimeout = setTimeout(onSaveTimeout.bind(instance), 50);
|
instance.saveTimeout = setTimeout(onSaveTimeout.bind(instance), 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -19,7 +18,6 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
}
|
}
|
||||||
|
|
||||||
UserSettings.prototype.setUserInfo = function (userId, apiClient) {
|
UserSettings.prototype.setUserInfo = function (userId, apiClient) {
|
||||||
|
|
||||||
if (this.saveTimeout) {
|
if (this.saveTimeout) {
|
||||||
clearTimeout(this.saveTimeout);
|
clearTimeout(this.saveTimeout);
|
||||||
}
|
}
|
||||||
|
@ -49,14 +47,13 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.set = function (name, value, enableOnServer) {
|
UserSettings.prototype.set = function (name, value, enableOnServer) {
|
||||||
|
|
||||||
var userId = this.currentUserId;
|
var userId = this.currentUserId;
|
||||||
if (!userId) {
|
if (!userId) {
|
||||||
throw new Error('userId cannot be null');
|
throw new Error('userId cannot be null');
|
||||||
}
|
}
|
||||||
|
|
||||||
var currentValue = this.get(name, enableOnServer);
|
var currentValue = this.get(name, enableOnServer);
|
||||||
var result = appsettings.set(name, value, userId);
|
var result = appSettings.set(name, value, userId);
|
||||||
|
|
||||||
if (enableOnServer !== false && this.displayPrefs) {
|
if (enableOnServer !== false && this.displayPrefs) {
|
||||||
this.displayPrefs.CustomPrefs[name] = value == null ? value : value.toString();
|
this.displayPrefs.CustomPrefs[name] = value == null ? value : value.toString();
|
||||||
|
@ -73,10 +70,7 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
UserSettings.prototype.get = function (name, enableOnServer) {
|
UserSettings.prototype.get = function (name, enableOnServer) {
|
||||||
var userId = this.currentUserId;
|
var userId = this.currentUserId;
|
||||||
if (!userId) {
|
if (!userId) {
|
||||||
// TODO: I'd like to continue to throw this exception but it causes issues with offline use
|
throw new Error('userId cannot be null');
|
||||||
// Revisit in the future and restore it
|
|
||||||
return null;
|
|
||||||
//throw new Error('userId cannot be null');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (enableOnServer !== false) {
|
if (enableOnServer !== false) {
|
||||||
|
@ -85,95 +79,66 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return appsettings.get(name, userId);
|
return appSettings.get(name, userId);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.serverConfig = function (config) {
|
UserSettings.prototype.serverConfig = function (config) {
|
||||||
|
|
||||||
var apiClient = this.currentApiClient;
|
var apiClient = this.currentApiClient;
|
||||||
|
|
||||||
if (config) {
|
if (config) {
|
||||||
|
|
||||||
return apiClient.updateUserConfiguration(this.currentUserId, config);
|
return apiClient.updateUserConfiguration(this.currentUserId, config);
|
||||||
|
}
|
||||||
} else {
|
|
||||||
|
|
||||||
return apiClient.getUser(this.currentUserId).then(function (user) {
|
return apiClient.getUser(this.currentUserId).then(function (user) {
|
||||||
|
|
||||||
return user.Configuration;
|
return user.Configuration;
|
||||||
});
|
});
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.enableCinemaMode = function (val) {
|
UserSettings.prototype.enableCinemaMode = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('enableCinemaMode', val.toString(), false);
|
return this.set('enableCinemaMode', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
|
||||||
val = this.get('enableCinemaMode', false);
|
val = this.get('enableCinemaMode', false);
|
||||||
|
|
||||||
if (val) {
|
|
||||||
return val !== 'false';
|
return val !== 'false';
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.enableNextVideoInfoOverlay = function (val) {
|
UserSettings.prototype.enableNextVideoInfoOverlay = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('enableNextVideoInfoOverlay', val.toString());
|
return this.set('enableNextVideoInfoOverlay', val.toString());
|
||||||
}
|
}
|
||||||
|
|
||||||
val = this.get('enableNextVideoInfoOverlay');
|
val = this.get('enableNextVideoInfoOverlay', false);
|
||||||
|
|
||||||
return val !== 'false';
|
return val !== 'false';
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.enableThemeSongs = function (val) {
|
UserSettings.prototype.enableThemeSongs = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('enableThemeSongs', val.toString(), false);
|
return this.set('enableThemeSongs', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
|
||||||
val = this.get('enableThemeSongs', false);
|
val = this.get('enableThemeSongs', false);
|
||||||
|
|
||||||
return val !== 'false';
|
return val !== 'false';
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.enableThemeVideos = function (val) {
|
UserSettings.prototype.enableThemeVideos = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('enableThemeVideos', val.toString(), false);
|
return this.set('enableThemeVideos', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
|
||||||
val = this.get('enableThemeVideos', false);
|
val = this.get('enableThemeVideos', false);
|
||||||
|
|
||||||
if (val) {
|
|
||||||
return val !== 'false';
|
return val !== 'false';
|
||||||
}
|
|
||||||
|
|
||||||
return UserSettings.defaults.enableThemeVideos;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.enableBackdrops = function (val) {
|
UserSettings.prototype.enableBackdrops = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('enableBackdrops', val.toString(), false);
|
return this.set('enableBackdrops', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
|
||||||
val = this.get('enableBackdrops', false);
|
val = this.get('enableBackdrops', false);
|
||||||
|
|
||||||
if (val) {
|
|
||||||
return val !== 'false';
|
return val !== 'false';
|
||||||
}
|
|
||||||
|
|
||||||
return UserSettings.defaults.enableBackdrops;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.language = function (val) {
|
UserSettings.prototype.language = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('language', val.toString(), false);
|
return this.set('language', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
@ -182,7 +147,6 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.dateTimeLocale = function (val) {
|
UserSettings.prototype.dateTimeLocale = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('datetimelocale', val.toString(), false);
|
return this.set('datetimelocale', val.toString(), false);
|
||||||
}
|
}
|
||||||
|
@ -191,7 +155,6 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.skipBackLength = function (val) {
|
UserSettings.prototype.skipBackLength = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('skipBackLength', val.toString());
|
return this.set('skipBackLength', val.toString());
|
||||||
}
|
}
|
||||||
|
@ -200,7 +163,6 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.skipForwardLength = function (val) {
|
UserSettings.prototype.skipForwardLength = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('skipForwardLength', val.toString());
|
return this.set('skipForwardLength', val.toString());
|
||||||
}
|
}
|
||||||
|
@ -209,7 +171,6 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.dashboardTheme = function (val) {
|
UserSettings.prototype.dashboardTheme = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('dashboardTheme', val);
|
return this.set('dashboardTheme', val);
|
||||||
}
|
}
|
||||||
|
@ -218,55 +179,41 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.skin = function (val) {
|
UserSettings.prototype.skin = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('skin', val, false);
|
return this.set('skin', val, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.get('skin', false) || UserSettings.defaults.skin;
|
return this.get('skin', false);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.theme = function (val) {
|
UserSettings.prototype.theme = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('appTheme', val, false);
|
return this.set('appTheme', val, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.get('appTheme', false) || UserSettings.defaults.theme;
|
return this.get('appTheme', false);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.screensaver = function (val) {
|
UserSettings.prototype.screensaver = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('screensaver', val, false);
|
return this.set('screensaver', val, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.get('screensaver', false) || UserSettings.defaults.screensaver;
|
return this.get('screensaver', false);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.soundEffects = function (val) {
|
UserSettings.prototype.soundEffects = function (val) {
|
||||||
|
|
||||||
if (val != null) {
|
if (val != null) {
|
||||||
return this.set('soundeffects', val, false);
|
return this.set('soundeffects', val, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.get('soundeffects', false) || UserSettings.defaults.soundEffects;
|
return this.get('soundeffects', false);
|
||||||
};
|
|
||||||
|
|
||||||
// apps should set these values
|
|
||||||
UserSettings.defaults = {
|
|
||||||
theme: null,
|
|
||||||
enableThemeVideos: true
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.loadQuerySettings = function (key, query) {
|
UserSettings.prototype.loadQuerySettings = function (key, query) {
|
||||||
|
|
||||||
var values = this.get(key);
|
var values = this.get(key);
|
||||||
|
|
||||||
if (values) {
|
if (values) {
|
||||||
|
|
||||||
values = JSON.parse(values);
|
values = JSON.parse(values);
|
||||||
|
|
||||||
return Object.assign(query, values);
|
return Object.assign(query, values);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -274,12 +221,11 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.saveQuerySettings = function (key, query) {
|
UserSettings.prototype.saveQuerySettings = function (key, query) {
|
||||||
|
|
||||||
var values = {};
|
var values = {};
|
||||||
|
|
||||||
if (query.SortBy) {
|
if (query.SortBy) {
|
||||||
values.SortBy = query.SortBy;
|
values.SortBy = query.SortBy;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (query.SortOrder) {
|
if (query.SortOrder) {
|
||||||
values.SortOrder = query.SortOrder;
|
values.SortOrder = query.SortOrder;
|
||||||
}
|
}
|
||||||
|
@ -288,26 +234,20 @@ define(['appSettings', 'events'], function (appsettings, events) {
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.getSubtitleAppearanceSettings = function (key) {
|
UserSettings.prototype.getSubtitleAppearanceSettings = function (key) {
|
||||||
|
|
||||||
key = key || 'localplayersubtitleappearance3';
|
key = key || 'localplayersubtitleappearance3';
|
||||||
|
|
||||||
return JSON.parse(this.get(key, false) || '{}');
|
return JSON.parse(this.get(key, false) || '{}');
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.setSubtitleAppearanceSettings = function (value, key) {
|
UserSettings.prototype.setSubtitleAppearanceSettings = function (value, key) {
|
||||||
|
|
||||||
key = key || 'localplayersubtitleappearance3';
|
key = key || 'localplayersubtitleappearance3';
|
||||||
|
|
||||||
return this.set(key, JSON.stringify(value), false);
|
return this.set(key, JSON.stringify(value), false);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.setFilter = function (key, value) {
|
UserSettings.prototype.setFilter = function (key, value) {
|
||||||
|
|
||||||
return this.set(key, value, true);
|
return this.set(key, value, true);
|
||||||
};
|
};
|
||||||
|
|
||||||
UserSettings.prototype.getFilter = function (key) {
|
UserSettings.prototype.getFilter = function (key) {
|
||||||
|
|
||||||
return this.get(key, true);
|
return this.get(key, true);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue