mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

add basic open subtitle configuration

Browse source
This commit is contained in:
Luke Pulverenti 2014-05-07 14:38:50 -04:00
parent 3b5259ce8e
commit 746a467d6a
20 changed files with 420 additions and 241 deletions
Download patch file Download diff file Expand all files Collapse all files

116
dashboard-ui/scripts/indexpage.js
View file

@ -1,11 +1,118 @@
(function ($, document, apiClient) {
function fillSeriesSpotlight(elem, item, nextUp) {
var html = '<h1 class="spotlightTitle">' + item.Name + '</h1>';
var imgUrl = ApiClient.getImageUrl(item.Id, {
type: "Backdrop",
tag: item.BackdropImageTags[0]
});
html += '<div class="spotlight" style="background-image:url(\'' + imgUrl + '\');">';
imgUrl = ApiClient.getImageUrl(item.Id, {
type: "Primary",
tag: item.ImageTags.Primary,
EnableImageEnhancers: false
});
html += '<div class="spotlightContent">';
html += '<div class="spotlightPoster" style="background-image:url(\'' + imgUrl + '\');">';
html += '<div class="spotlightContentInner">';
html += '<p>' + LibraryBrowser.getMiscInfoHtml(item) + '</p>';
html += '<p>' + (item.Overview || '') + '</p>';
html += '</div>';
html += '</div>';
html += '</div>';
if (nextUp && nextUp.ImageTags && nextUp.ImageTags.Primary) {
html += '<div class="spotlightContent rightSpotlightContent">';
imgUrl = ApiClient.getImageUrl(nextUp.Id, {
type: "Primary",
tag: nextUp.ImageTags.Primary,
EnableImageEnhancers: false
});
html += '<div class="spotlightPoster" style="background-image:url(\'' + imgUrl + '\');">';
html += '<div class="spotlightContentInner">';
html += LibraryBrowser.getPosterViewDisplayName(nextUp);
html += '</div>';
html += '</div>';
html += '</div>';
}
html += '</div>';
html += '<div class="spotlightPlaceHolder"></div>';
$(elem).html(html);
}
function reloadSpotlight(page, allPromise) {
var options = {
SortBy: "Random",
SortOrder: "Descending",
Limit: 1,
Recursive: true,
IncludeItemTypes: "Series",
ImageTypes: "Backdrop,Primary",
Fields: "Overview"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
allPromise.done(function () {
var index = 0;
$('.spotlightContainer', page).each(function () {
var elem = this;
var item = result.Items[index];
index++;
if (item && item.Type == 'Series') {
options = {
Limit: 1,
UserId: Dashboard.getCurrentUserId(),
SeriesId: item.Id
};
ApiClient.getNextUpEpisodes(options).done(function (nextUpResult) {
fillSeriesSpotlight(elem, item, nextUpResult.Items[0]);
});
} else {
$(this).hide();
}
});
});
});
}
$(document).on('pagebeforeshow', "#indexPage", function () {
var screenWidth = $(window).width();
var page = this;
$('.spotlightContainer', page).empty();
var options = {
SortBy: "DatePlayed",
@ -19,7 +126,7 @@
ExcludeLocationTypes: "Virtual"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
var promise1 = ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
if (result.Items.length) {
$('#resumableSection', page).show();
@ -43,7 +150,7 @@
SortBy: "DateCreated",
SortOrder: "Descending",
Limit: screenWidth >= 1920 ? 20 : (screenWidth >= 1440 ? 16 : (screenWidth >= 800 ? 12 : 8)),
Limit: screenWidth >= 2400 ? 21 : (screenWidth >= 1920 ? 15 : (screenWidth >= 1440 ? 12 : (screenWidth >= 800 ? 12 : 8))),
Recursive: true,
Fields: "PrimaryImageAspectRatio",
Filters: "IsUnplayed,IsNotFolder",
@ -51,7 +158,7 @@
ExcludeLocationTypes: "Virtual,Remote"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
var promise2 = ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
$('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
@ -63,6 +170,9 @@
})).createPosterItemMenus();
});
//var allPromise = $.when(promise1, promise2);
//reloadSpotlight(page, allPromise);
});
})(jQuery, document, ApiClient);

31
dashboard-ui/scripts/mediaplayer.js
View file

@ -60,7 +60,7 @@
self.nextTrack();
};
self.startProgressInterval = function (itemId, mediaSourceId) {
self.startProgressInterval = function () {
clearProgressInterval();
@ -69,7 +69,7 @@
currentProgressInterval = setInterval(function () {
if (currentMediaElement) {
sendProgressUpdate(itemId, mediaSourceId);
sendProgressUpdate();
}
}, intervalTime);
@ -162,8 +162,8 @@
$(this).on('ended.playbackstopped', self.onPlaybackStopped).on('ended.playnext', self.playNextAfterEnded);
self.startProgressInterval(currentItem.Id, currentMediaSource.Id);
sendProgressUpdate(currentItem.Id, currentMediaSource.Id);
self.startProgressInterval();
sendProgressUpdate();
});
@ -1064,7 +1064,7 @@
$(self).trigger('playbackstart', [state]);
self.startProgressInterval(item.Id, mediaSource.Id);
self.startProgressInterval();
};
self.onVolumeChanged = function (playerElement) {
@ -1118,18 +1118,19 @@
}
});
function sendProgressUpdate(itemId, mediaSourceId) {
function sendProgressUpdate() {
ApiClient.reportPlaybackProgress({
itemId: itemId,
MediaSourceId: mediaSourceId,
IsPaused: currentMediaElement.paused,
IsMuted: currentMediaElement.volume == 0,
VolumeLevel: currentMediaElement.volume * 100,
PositionTicks: self.getCurrentTicks(),
var state = self.getPlayerStateInternal(currentMediaElement, currentItem, currentMediaSource);
var info = {
QueueableMediaTypes: state.NowPlayingItem.MediaType,
ItemId: state.NowPlayingItem.Id,
NowPlayingItem: state.NowPlayingItem
};
CanSeek: currentMediaSource.RunTimeTicks && currentMediaSource.RunTimeTicks > 0
});
info = $.extend(info, state.PlayState);
ApiClient.reportPlaybackProgress(info);
}
function clearProgressInterval() {

12
dashboard-ui/scripts/metadataadvanced.js
View file

@ -15,9 +15,9 @@
load: function (page, config) {
$('#chkMovies', page).checked(config.EnableMovieChapterImageExtraction).checkboxradio("refresh");
$('#chkEpisodes', page).checked(config.EnableEpisodeChapterImageExtraction).checkboxradio("refresh");
$('#chkOtherVideos', page).checked(config.EnableOtherVideoChapterImageExtraction).checkboxradio("refresh");
$('#chkChaptersMovies', page).checked(config.EnableMovieChapterImageExtraction).checkboxradio("refresh");
$('#chkChaptersEpisodes', page).checked(config.EnableEpisodeChapterImageExtraction).checkboxradio("refresh");
$('#chkChaptersOtherVideos', page).checked(config.EnableOtherVideoChapterImageExtraction).checkboxradio("refresh");
$('#chkEnableTmdbPersonUpdates', page).checked(config.EnableTmdbUpdates).checkboxradio("refresh");
$('#chkEnableTvdbUpdates', page).checked(config.EnableTvDbUpdates).checkboxradio("refresh");
@ -53,9 +53,9 @@
ApiClient.getServerConfiguration().done(function (config) {
config.EnableMovieChapterImageExtraction = $('#chkMovies', form).checked();
config.EnableEpisodeChapterImageExtraction = $('#chkEpisodes', form).checked();
config.EnableOtherVideoChapterImageExtraction = $('#chkOtherVideos', form).checked();
config.EnableMovieChapterImageExtraction = $('#chkChaptersMovies', form).checked();
config.EnableEpisodeChapterImageExtraction = $('#chkChaptersEpisodes', form).checked();
config.EnableOtherVideoChapterImageExtraction = $('#chkChaptersOtherVideos', form).checked();
config.EnableTvDbUpdates = $('#chkEnableTvdbUpdates', form).checked();
config.EnableTmdbUpdates = $('#chkEnableTmdbPersonUpdates', form).checked();

68
dashboard-ui/scripts/metadatasubtitles.js Normal file
View file

@ -0,0 +1,68 @@
(function ($, document, window) {
function loadPage(page, config, systemInfo) {
$('#chkSubtitlesMovies', page).checked(config.SubtitleOptions.DownloadMovieSubtitles).checkboxradio("refresh");
$('#chkSubtitlesEpisodes', page).checked(config.SubtitleOptions.DownloadEpisodeSubtitles).checkboxradio("refresh");
$('#chkRequireExternalSubtitles', page).checked(config.SubtitleOptions.RequireExternalSubtitles).checkboxradio("refresh");
$('#txtOpenSubtitleUsername', page).val(config.SubtitleOptions.OpenSubtitlesUsername);
$('#txtOpenSubtitlePassword', page).val('');
Dashboard.hideLoadingMsg();
}
$(document).on('pageshow', "#metadataSubtitlesPage", function () {
Dashboard.showLoadingMsg();
var page = this;
var promise1 = ApiClient.getServerConfiguration();
var promise2 = ApiClient.getSystemInfo();
$.when(promise1, promise2).done(function (response1, response2) {
loadPage(page, response1[0], response2[0]);
});
}).on('pageinit', "#metadataSubtitlesPage", function () {
var page = this;
});
function metadataSubtitlesPage() {
var self = this;
self.onSubmit = function () {
Dashboard.showLoadingMsg();
var form = this;
ApiClient.getServerConfiguration().done(function (config) {
config.SubtitleOptions.DownloadMovieSubtitles = $('#chkSubtitlesMovies', form).checked();
config.SubtitleOptions.DownloadEpisodeSubtitles = $('#chkSubtitlesEpisodes', form).checked();
config.SubtitleOptions.RequireExternalSubtitles = $('#chkRequireExternalSubtitles', form).checked();
config.SubtitleOptions.OpenSubtitlesUsername = $('#txtOpenSubtitleUsername', form).val();
config.SubtitleOptions.OpenSubtitlesPasswordHash = $('#txtOpenSubtitlePassword', form).val();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
});
// Disable default form submission
return false;
};
}
window.MetadataSubtitlesPage = new metadataSubtitlesPage();
})(jQuery, document, window);

115
dashboard-ui/scripts/pluginupdatespage.js
View file

@ -1,115 +0,0 @@
var PluginUpdatesPage = {
onPageShow: function () {
Dashboard.showLoadingMsg();
$('.liPluginUpdate', this).remove();
ApiClient.getInstalledPlugins().done(PluginUpdatesPage.loadPlugins);
},
loadPlugins: function (plugins) {
var elem = $('#tbodyPluginUpdates', $.mobile.activePage).html('');
for (var i = 0, length = plugins.length; i < length; i++) {
PluginUpdatesPage.addPlugin(plugins[i], i, elem);
}
Dashboard.hideLoadingMsg();
},
addPlugin: function (plugin, fieldIndex, elem) {
var html = "";
html += "<tr>";
html += "<td><h3>" + plugin.Name + "</h3></td>";
var fieldId = "liPluginUpdateFielda" + fieldIndex;
var enabledOptions = [
{ name: Globalize.translate('OptionOff'), value: 'Off' },
{ name: Globalize.translate('OptionOn'), value: 'On' }
];
var options = PluginUpdatesPage.getHtmlOptions(enabledOptions, (plugin.EnableAutoUpdate ? "On" : "Off"));
html += "<td style='vertical-align:middle;text-align:left;'>";
html += "<select data-mini='true' data-id='" + plugin.Id + "' onchange='PluginUpdatesPage.setAutoUpdate(this);' data-role='slider' id='" + fieldId + "' name='" + fieldId + "'>" + options + "</select>";
html += "</td>";
fieldId = "liPluginUpdateFieldb" + fieldIndex;
var updateOptions = [
{ name: Globalize.translate('OptionRelease'), value: 'Release' },
{ name: Globalize.translate('OptionBeta'), value: 'Beta' },
{ name: Globalize.translate('OptionDev'), value: 'Dev' }
];
options = PluginUpdatesPage.getHtmlOptions(updateOptions, plugin.UpdateClass);
html += "<td style='vertical-align:middle;text-align:left;'>";
html += "<select data-mini='true' data-id='" + plugin.Id + "' onchange='PluginUpdatesPage.setUpdateClass(this);' data-inline='true' id='" + fieldId + "' name='" + fieldId + "'>" + options + "</select>";
html += "</td>";
html += "</tr>";
elem.append(html).trigger('create');
},
getHtmlOptions: function (options, selectedValue) {
var html = "";
for (var i = 0, length = options.length; i < length; i++) {
var option = options[i];
var name = option.name;
var value = option.value;
if (value == selectedValue) {
html += '<option value="' + value + '" selected="selected">' + name + '</option>';
} else {
html += '<option value="' + value + '">' + name + '</option>';
}
}
return html;
},
setAutoUpdate: function (select) {
var id = $(select).attr('data-id');
Dashboard.showLoadingMsg();
ApiClient.getPluginConfiguration(id).done(function (config) {
config.EnableAutoUpdate = select.selectedIndex === 1;
ApiClient.updatePluginConfiguration(id, config).done(Dashboard.hideLoadingMsg);
});
},
setUpdateClass: function (select) {
var id = $(select).attr('data-id');
Dashboard.showLoadingMsg();
ApiClient.getPluginConfiguration(id).done(function (config) {
config.UpdateClass = select.value;
ApiClient.updatePluginConfiguration(id, config).done(Dashboard.hideLoadingMsg);
});
}
};
$(document).on('pageshow', "#pluginUpdatesPage", PluginUpdatesPage.onPageShow);

2
dashboard-ui/scripts/site.js
View file

@ -745,7 +745,7 @@ var Dashboard = {
}, {
name: "Metadata",
href: "metadata.html",
selected: pageElem.id == "metadataConfigurationPage" || pageElem.id == "advancedMetadataConfigurationPage" || pageElem.id == "metadataImagesConfigurationPage"
selected: page.hasClass('metadataConfigurationPage')
}, {
name: "Auto-Organize",
href: "autoorganizelog.html",