1
0
Fork 0
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:
dkanada 2019-11-26 03:15:23 +09:00
parent 81fe0b47f3
commit c97089b52c
8 changed files with 25 additions and 108 deletions

View file

@ -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) {

View file

@ -1,3 +0,0 @@
{
"main": "backdrop.js"
}

View file

@ -1,3 +0,0 @@
{
"main": "emby-input.js"
}

View file

@ -1,3 +0,0 @@
{
"main": "emby-radio.js"
}

View file

@ -1,3 +0,0 @@
{
"main": "emby-tabs.js"
}

View file

@ -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>

View file

@ -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);
}; };