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

convert games to new providers

This commit is contained in:
Luke Pulverenti 2014-02-02 08:36:31 -05:00
parent 6194dac647
commit 84d3728b86
5 changed files with 376 additions and 234 deletions

View file

@ -11,7 +11,11 @@
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">Basics</a> <a href="#" data-role="button" class="ui-btn-active">Basics</a>
<a href="metadataimages.html" data-role="button">More Options</a> <a href="metadataimages.html?type=movies" data-role="button">Movies</a>
<a href="metadataimages.html?type=tv" data-role="button">TV</a>
<a href="metadataimages.html?type=games" data-role="button">Games</a>
<a href="metadataimages.html?type=music" data-role="button">Music</a>
<a href="metadataimages.html?type=others" data-role="button">Others</a>
<a href="metadataadvanced.html" data-role="button">Advanced</a> <a href="metadataadvanced.html" data-role="button">Advanced</a>
</div> </div>
@ -26,6 +30,14 @@
<label for="chkSaveLocal">Save metadata and images within media folders </label> <label for="chkSaveLocal">Save metadata and images within media folders </label>
<div class="fieldDescription">Save downloaded metadata and images into media folders where they can be stored permanently and easily edited.</div> <div class="fieldDescription">Save downloaded metadata and images into media folders where they can be stored permanently and easily edited.</div>
</li> </li>
<li>
<label for="selectImageSavingConvention">Image saving convention: </label>
<select name="selectImageSavingConvention" id="selectImageSavingConvention" data-mini="true">
<option value="Compatible">Compatible - MB3/Plex/Xbmc</option>
<option value="Legacy">Standard - MB3/MB2</option>
</select>
<div class="fieldDescription">Media Browser recognizes images from most major media applications. Choosing your downloading convention is useful if you also use other products.</div>
</li>
<li> <li>
<label for="selectLanguage">Preferred language: </label> <label for="selectLanguage">Preferred language: </label>
<select name="selectLanguage" id="selectLanguage" data-mini="true" required="required"></select> <select name="selectLanguage" id="selectLanguage" data-mini="true" required="required"></select>

View file

@ -11,7 +11,11 @@
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="metadata.html" data-role="button">Basics</a> <a href="metadata.html" data-role="button">Basics</a>
<a href="metadataimages.html" data-role="button">More Options</a> <a href="metadataimages.html?type=movies" data-role="button">Movies</a>
<a href="metadataimages.html?type=tv" data-role="button">TV</a>
<a href="metadataimages.html?type=games" data-role="button">Games</a>
<a href="metadataimages.html?type=music" data-role="button">Music</a>
<a href="metadataimages.html?type=others" data-role="button">Others</a>
<a href="#" data-role="button" class="ui-btn-active">Advanced</a> <a href="#" data-role="button" class="ui-btn-active">Advanced</a>
</div> </div>

View file

@ -9,157 +9,97 @@
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom: 20px!important;">
<a href="metadata.html" data-role="button">Basics</a> <a href="metadata.html" data-role="button">Basics</a>
<a href="#" data-role="button" class="ui-btn-active">More Options</a> <a href="metadataimages.html?type=movies" data-role="button" class="categoryTab moviesTab">Movies</a>
<a href="metadataimages.html?type=tv" data-role="button" class="categoryTab tvTab">TV</a>
<a href="metadataimages.html?type=games" data-role="button" class="categoryTab gamesTab">Games</a>
<a href="metadataimages.html?type=music" data-role="button" class="categoryTab musicTab">Music</a>
<a href="metadataimages.html?type=others" data-role="button" class="categoryTab othersTab">Others</a>
<a href="metadataadvanced.html" data-role="button">Advanced</a> <a href="metadataadvanced.html" data-role="button">Advanced</a>
</div> </div>
<form id="metadataImagesConfigurationForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="selectImageSavingConvention">Image saving convention: </label>
<select name="selectImageSavingConvention" id="selectImageSavingConvention" data-mini="true">
<option value="Compatible">Compatible - MB3/Plex/Xbmc</option>
<option value="Legacy">Standard - MB3/MB2</option>
</select>
<div class="fieldDescription">Media Browser recognizes images from most major media applications. Choosing your downloading convention is useful if you also use other products.</div>
</li>
</ul>
<p>Customize options per media type</p> <p>Customize options per media type</p>
<div data-role="collapsible">
<h3>Movies</h3>
<div class="tabs">
</div>
<br />
<div class="tabContent">
<form class="metadataImagesConfigurationForm">
<div class="metadataReaders" style="margin-bottom: 2em;">
</div>
<div class="metadataFetchers" style="margin-bottom: 2em;">
</div>
<div class="metadataSavers" style="margin-bottom: 2em;">
</div>
<div class="imageFetchers" style="margin-bottom: 2em;">
</div>
<div class="backdropFields" style="margin-bottom: 2em; display: none;">
<div> <div>
<label for="txtMaxBackdrops">Max number of backdrops per item: </label>
<div style="padding: 1em 0;"> <input type="number" id="txtMaxBackdrops" name="txtMaxBackdrops" pattern="[0-9]*" required="required" min="1" data-mini="true" />
<label for="txtMaxMovieBackdrops">Max number of backdrops per item: </label>
<input type="number" id="txtMaxMovieBackdrops" name="txtMaxMovieBackdrops" pattern="[0-9]*" required="required" min="1" data-mini="true" />
</div> </div>
<div style="padding: 1em 0;">
<label for="txtMinMovieBackdropDownloadWidth">Minimum backdrop download width: </label>
<input type="number" id="txtMinMovieBackdropDownloadWidth" name="txtMinMovieBackdropDownloadWidth" pattern="[0-9]*" required="required" min="1" data-mini="true" />
</div>
<h3>Download Movie Images</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadMovieArt" name="chkDownloadMovieArt" />
<label for="chkDownloadMovieArt">Movie Art</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieBackdrops" name="chkDownloadMovieBackdrops" />
<label for="chkDownloadMovieBackdrops">Movie Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieBanner" name="chkDownloadMovieBanner" />
<label for="chkDownloadMovieBanner">Movie Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieDisc" name="chkDownloadMovieDisc" />
<label for="chkDownloadMovieDisc">Movie Disc</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieLogo" name="chkDownloadMovieLogo" />
<label for="chkDownloadMovieLogo">Movie Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieThumb" name="chkDownloadMovieThumb" />
<label for="chkDownloadMovieThumb">Movie Thumb</label>
</div>
</div>
</div>
<div data-role="collapsible">
<h3>TV</h3>
<div> <div>
<label for="txtMinBackdropDownloadWidth">Minimum backdrop download width: </label>
<div style="padding: 1em 0;"> <input type="number" id="txtMinBackdropDownloadWidth" name="txtMinBackdropDownloadWidth" pattern="[0-9]*" required="required" min="1" data-mini="true" />
<label for="txtMaxTvBackdrops">Max number of backdrops per item: </label>
<input type="number" id="txtMaxTvBackdrops" name="txtMaxTvBackdrops" pattern="[0-9]*" required="required" min="1" data-mini="true" />
</div>
<div style="padding: 1em 0;">
<label for="txtMinTvBackdropDownloadWidth">Minimum backdrop download width: </label>
<input type="number" id="txtMinTvBackdropDownloadWidth" name="txtMinTvBackdropDownloadWidth" pattern="[0-9]*" required="required" min="1" data-mini="true" />
</div>
<h3>Download TV Images</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chKDownloadTVArt" name="chKDownloadTVArt" />
<label for="chKDownloadTVArt">Series Art</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVBackdrops" name="chkDownloadTVBackdrops" />
<label for="chkDownloadTVBackdrops">Series Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVBanner" name="chkDownloadTVBanner" />
<label for="chkDownloadTVBanner">Series Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVLogo" name="chkDownloadTVLogo" />
<label for="chkDownloadTVLogo">Series Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVThumb" name="chkDownloadTVThumb" />
<label for="chkDownloadTVThumb">Series Thumb</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBackdrops" name="chkDownloadSeasonBackdrops" />
<label for="chkDownloadSeasonBackdrops">Season Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBanner" name="chkDownloadSeasonBanner" />
<label for="chkDownloadSeasonBanner">Season Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonThumb" name="chkDownloadSeasonThumb" />
<label for="chkDownloadSeasonThumb">Season Thumb</label>
</div> </div>
</div> </div>
</div>
<div data-role="collapsible">
<h3>Music</h3>
<div>
<div style="padding: 1em 0;"> <fieldset data-role="controlgroup" style="border-bottom: 1px solid #ddd;">
<label for="txtMaxMusicBackdrops">Max number of backdrops per item: </label> <legend>Fetch Images:</legend>
<input type="number" id="txtMaxMusicBackdrops" name="txtMaxMusicBackdrops" pattern="[0-9]*" required="required" min="1" data-mini="true" /> <div class="imageType" data-imagetype="Primary" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadPrimary" name="chkDownloadPrimary" />
<label for="chkDownloadPrimary">Primary</label>
</div> </div>
<div style="padding: 1em 0;">
<label for="txtMinMusicBackdropDownloadWidth">Minimum backdrop download width: </label> <div class="imageType" data-imagetype="Art" style="display: none;">
<input type="number" id="txtMinMusicBackdropDownloadWidth" name="txtMinMusicBackdropDownloadWidth" pattern="[0-9]*" required="required" min="1" data-mini="true" /> <input type="checkbox" data-mini="true" id="chkDownloadArt" name="chkDownloadArt" />
<label for="chkDownloadArt">Art</label>
</div> </div>
<h3>Download Music Images</h3> <div class="imageType" data-imagetype="BoxRear" style="display: none;">
<div data-role="controlgroup"> <input type="checkbox" data-mini="true" id="chkBack" name="chkBack" />
<input type="checkbox" data-mini="true" id="chkDownloadArtistThumb" name="chkDownloadArtistThumb" /> <label for="chkBack">Back</label>
<label for="chkDownloadArtistThumb">Artist Image</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBackdrops" name="chkDownloadArtistBackdrops" />
<label for="chkDownloadArtistBackdrops">Artist Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistLogo" name="chkDownloadArtistLogo" />
<label for="chkDownloadArtistLogo">Artist Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBanner" name="chkDownloadArtistBanner" />
<label for="chkDownloadArtistBanner">Artist Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadAlbumPrimary" name="chkDownloadAlbumPrimary" />
<label for="chkDownloadAlbumPrimary">Album Cover</label>
<input type="checkbox" data-mini="true" id="chkDownloadAlbumBackdrops" name="chkDownloadAlbumBackdrops" />
<label for="chkDownloadAlbumBackdrops">Album Backdrops</label>
<input type="checkbox" data-mini="true" id="chkMusicAlbumDisc" name="chkMusicAlbumDisc" />
<label for="chkMusicAlbumDisc">Album Disc</label>
</div>
</div>
</div>
<div data-role="collapsible">
<h3>Games</h3>
<div>
<div style="padding: 1em 0;">
<label for="txtMaxGameBackdrops">Max number of backdrops per item: </label>
<input type="number" id="txtMaxGameBackdrops" name="txtMaxGameBackdrops" pattern="[0-9]*" required="required" min="1" data-mini="true" />
</div> </div>
<div style="padding: 1em 0;"> <div class="imageType" data-imagetype="Banner" style="display: none;">
<label for="txtMinGameBackdropDownloadWidth">Minimum backdrop download width: </label> <input type="checkbox" data-mini="true" id="chkDownloadBanner" name="chkDownloadBanner" />
<input type="number" id="txtMinGameBackdropDownloadWidth" name="txtMinGameBackdropDownloadWidth" pattern="[0-9]*" required="required" min="1" data-mini="true" /> <label for="chkDownloadBanner">Banner</label>
</div> </div>
<div class="imageType" data-imagetype="Box" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadBox" name="chkDownloadBox" />
<label for="chkDownloadBox">Box</label>
</div> </div>
<div class="imageType" data-imagetype="Disc" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadDisc" name="chkDownloadDisc" />
<label for="chkDownloadDisc">Disc</label>
</div> </div>
<div class="imageType" data-imagetype="Logo" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadLogo" name="chkDownloadLogo" />
<label for="chkDownloadLogo">Logo</label>
</div>
<div class="imageType" data-imagetype="Menu" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadMenu" name="chkDownloadMenu" />
<label for="chkDownloadMenu">Menu</label>
</div>
<div class="imageType" data-imagetype="Thumb" style="display: none;">
<input type="checkbox" data-mini="true" id="chkDownloadThumb" name="chkDownloadThumb" />
<label for="chkDownloadThumb">Thumb</label>
</div>
</fieldset>
<br />
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
@ -176,8 +116,10 @@
</div> </div>
</div>
<script type="text/javascript"> <script type="text/javascript">
$('#metadataImagesConfigurationForm').on('submit', MetadataImagesPage.onSubmit); $('.metadataImagesConfigurationForm').off('submit', MetadataImagesPage.onSubmit).on('submit', MetadataImagesPage.onSubmit);
</script> </script>
</div> </div>
</body> </body>

View file

@ -43,6 +43,8 @@
$('#selectCountry', page).val(config.MetadataCountryCode).selectmenu("refresh"); $('#selectCountry', page).val(config.MetadataCountryCode).selectmenu("refresh");
$('#chkEnableInternetProviders', page).checked(config.EnableInternetProviders).checkboxradio("refresh"); $('#chkEnableInternetProviders', page).checked(config.EnableInternetProviders).checkboxradio("refresh");
$('#selectImageSavingConvention', page).val(config.ImageSavingConvention).selectmenu("refresh");
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}, },
@ -53,6 +55,8 @@
ApiClient.getServerConfiguration().done(function (config) { ApiClient.getServerConfiguration().done(function (config) {
config.ImageSavingConvention = $('#selectImageSavingConvention', form).val();
config.EnableInternetProviders = $('#chkEnableInternetProviders', form).checked(); config.EnableInternetProviders = $('#chkEnableInternetProviders', form).checked();
config.SaveLocalMeta = $('#chkSaveLocal', form).checked(); config.SaveLocalMeta = $('#chkSaveLocal', form).checked();
config.PreferredMetadataLanguage = $('#selectLanguage', form).val(); config.PreferredMetadataLanguage = $('#selectLanguage', form).val();

View file

@ -1,117 +1,297 @@
var MetadataImagesPage = { (function ($, document, window) {
onPageShow: function () { function loadTabs(page, tabs) {
var html = '';
html += '<div data-role="controlgroup" data-type="horizontal" data-mini="true">';
for (var i = 0, length = tabs.length; i < length; i++) {
var tab = tabs[i];
html += '<input type="radio" name="radioTypeTab" class="radioTypeTab" id="' + tab.type + '" value="' + tab.type + '">';
html += '<label for="' + tab.type + '">' + tab.name + '</label>';
}
html += '</div>';
var elem = $('.tabs', page).html(html).trigger('create');
Dashboard.hideLoadingMsg();
$('.radioTypeTab', elem).on('change', function () {
if (this.checked) {
loadType(page, this.id);
}
})[0].click();
}
function loadType(page, type) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
var page = this; var promise1 = ApiClient.getServerConfiguration();
var promise2 = $.getJSON(ApiClient.getUrl("System/Configuration/MetadataPlugins"));
ApiClient.getServerConfiguration().done(function(result) { $.when(promise1, promise2).done(function (response1, response2) {
MetadataImagesPage.load(page, result);
});
},
load: function (page, config) { renderType(page, type, response1[0], response2[0]);
// Movie options
$('#txtMaxMovieBackdrops', page).val(config.MovieOptions.MaxBackdrops);
$('#txtMinMovieBackdropDownloadWidth', page).val(config.MovieOptions.MinBackdropWidth);
// Tv options
$('#txtMaxTvBackdrops', page).val(config.TvOptions.MaxBackdrops);
$('#txtMinTvBackdropDownloadWidth', page).val(config.TvOptions.MinBackdropWidth);
// Music options
$('#txtMaxMusicBackdrops', page).val(config.MusicOptions.MaxBackdrops);
$('#txtMinMusicBackdropDownloadWidth', page).val(config.MusicOptions.MinBackdropWidth);
// Game options
$('#txtMaxGameBackdrops', page).val(config.GameOptions.MaxBackdrops);
$('#txtMinGameBackdropDownloadWidth', page).val(config.GameOptions.MinBackdropWidth);
$('#chkDownloadMovieArt', page).checked(config.DownloadMovieImages.Art).checkboxradio("refresh");
$('#chkDownloadMovieBackdrops', page).checked(config.DownloadMovieImages.Backdrops).checkboxradio("refresh");
$('#chkDownloadMovieBanner', page).checked(config.DownloadMovieImages.Banner).checkboxradio("refresh");
$('#chkDownloadMovieDisc', page).checked(config.DownloadMovieImages.Disc).checkboxradio("refresh");
$('#chkDownloadMovieLogo', page).checked(config.DownloadMovieImages.Logo).checkboxradio("refresh");
$('#chkDownloadMovieThumb', page).checked(config.DownloadMovieImages.Thumb).checkboxradio("refresh");
$('#chKDownloadTVArt', page).checked(config.DownloadSeriesImages.Art).checkboxradio("refresh");
$('#chkDownloadTVBackdrops', page).checked(config.DownloadSeriesImages.Backdrops).checkboxradio("refresh");
$('#chkDownloadTVBanner', page).checked(config.DownloadSeriesImages.Banner).checkboxradio("refresh");
$('#chkDownloadTVLogo', page).checked(config.DownloadSeriesImages.Logo).checkboxradio("refresh");
$('#chkDownloadTVThumb', page).checked(config.DownloadSeriesImages.Thumb).checkboxradio("refresh");
$('#chkDownloadSeasonBanner', page).checked(config.DownloadSeasonImages.Banner).checkboxradio("refresh");
$('#chkDownloadSeasonThumb', page).checked(config.DownloadSeasonImages.Thumb).checkboxradio("refresh");
$('#chkDownloadSeasonBackdrops', page).checked(config.DownloadSeasonImages.Backdrops).checkboxradio("refresh");
$('#chkDownloadArtistThumb', page).checked(config.DownloadMusicArtistImages.Primary).checkboxradio("refresh");
$('#chkDownloadArtistBackdrops', page).checked(config.DownloadMusicArtistImages.Backdrops).checkboxradio("refresh");
$('#chkDownloadArtistLogo', page).checked(config.DownloadMusicArtistImages.Logo).checkboxradio("refresh");
$('#chkDownloadArtistBanner', page).checked(config.DownloadMusicArtistImages.Banner).checkboxradio("refresh");
$('#chkDownloadAlbumPrimary', page).checked(config.DownloadMusicAlbumImages.Primary).checkboxradio("refresh");
$('#chkDownloadAlbumBackdrops', page).checked(config.DownloadMusicAlbumImages.Backdrops).checkboxradio("refresh");
$('#chkMusicAlbumDisc', page).checked(config.DownloadMusicAlbumImages.Disc).checkboxradio("refresh");
$('#selectImageSavingConvention', page).val(config.ImageSavingConvention).selectmenu("refresh");
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}, });
}
function renderType(page, type, config, metadataPlugins) {
var metadataInfo = metadataPlugins.filter(function (f) {
return type == f.ItemType;
})[0];
if (metadataInfo.SupportedImageTypes.indexOf('Backdrop') == -1) {
$('.backdropFields', page).hide();
} else {
$('.backdropFields', page).show();
}
$('.imageType', page).each(function () {
var imageType = this.getAttribute('data-imagetype');
if (metadataInfo.SupportedImageTypes.indexOf(imageType) == -1) {
$(this).hide();
} else {
$(this).show();
}
});
renderMetadataLocals(page, type, config, metadataInfo);
renderMetadataFetchers(page, type, config, metadataInfo);
renderMetadataSavers(page, type, config, metadataInfo);
renderImageFetchers(page, type, config, metadataInfo);
}
function renderImageFetchers(page, type, config, metadataInfo) {
var plugins = metadataInfo.Plugins.filter(function (p) {
return p.Type == 'ImageFetcher';
});
var html = '';
if (!plugins.length) {
$('.imageFetchers', page).html(html).hide().trigger('create');
return;
}
html += '<fieldset data-role="controlgroup">';
html += '<legend>Image Fetchers:</legend>';
for (var i = 0, length = plugins.length; i < length; i++) {
var plugin = plugins[i];
var id = 'chkImageFetcher' + i;
html += '<input type="checkbox" name="' + id + '" id="' + id + '" data-mini="true">';
html += '<label for="' + id + '">' + plugin.Name + '</label>';
}
html += '</fieldset>';
$('.imageFetchers', page).html(html).show().trigger('create');
}
function renderMetadataSavers(page, type, config, metadataInfo) {
var plugins = metadataInfo.Plugins.filter(function (p) {
return p.Type == 'MetadataSaver';
});
var html = '';
if (!plugins.length) {
$('.metadataSavers', page).html(html).hide().trigger('create');
return;
}
html += '<fieldset data-role="controlgroup">';
html += '<legend>Metadata Savers:</legend>';
for (var i = 0, length = plugins.length; i < length; i++) {
var plugin = plugins[i];
var id = 'chkMetadataSaver' + i;
html += '<input type="checkbox" name="' + id + '" id="' + id + '" data-mini="true">';
html += '<label for="' + id + '">' + plugin.Name + '</label>';
}
html += '</fieldset>';
$('.metadataSavers', page).html(html).show().trigger('create');
}
function renderMetadataFetchers(page, type, config, metadataInfo) {
var plugins = metadataInfo.Plugins.filter(function (p) {
return p.Type == 'MetadataFetcher';
});
var html = '';
if (!plugins.length) {
$('.metadataFetchers', page).html(html).hide().trigger('create');
return;
}
html += '<fieldset data-role="controlgroup">';
html += '<legend>Metadata Fetchers:</legend>';
for (var i = 0, length = plugins.length; i < length; i++) {
var plugin = plugins[i];
var id = 'chkMetadataFetcher' + i;
html += '<input type="checkbox" name="' + id + '" id="' + id + '" data-mini="true">';
html += '<label for="' + id + '">' + plugin.Name + '</label>';
}
html += '</fieldset>';
$('.metadataFetchers', page).html(html).show().trigger('create');
}
function renderMetadataLocals(page, type, config, metadataInfo) {
var plugins = metadataInfo.Plugins.filter(function (p) {
return p.Type == 'LocalMetadataProvider';
});
var html = '';
if (!plugins.length) {
$('.metadataReaders', page).html(html).hide().trigger('create');
return;
}
html += '<fieldset data-role="controlgroup">';
html += '<legend>Local Metadata Readers:</legend>';
for (var i = 0, length = plugins.length; i < length; i++) {
var plugin = plugins[i];
var id = 'chkMetadataLocal' + i;
html += '<input type="checkbox" name="' + id + '" id="' + id + '" data-mini="true">';
html += '<label for="' + id + '">' + plugin.Name + '</label>';
}
html += '</fieldset>';
$('.metadataReaders', page).html(html).show().trigger('create');
}
function loadPage(page) {
var type = getParameterByName('type');
$('.categoryTab', page).removeClass('ui-btn-active');
if (type == 'games') {
loadTabs(page, [
{ name: 'Game', type: 'Game' },
{ name: 'Game System', type: 'GameSystem' }
]);
$('.gamesTab', page).addClass('ui-btn-active');
}
else if (type == 'movies') {
loadTabs(page, [
{ name: 'Movie', type: 'Movie' },
{ name: 'Trailer', type: 'Trailer' },
{ name: 'Collection', type: 'BoxSet' }
]);
$('.moviesTab', page).addClass('ui-btn-active');
}
else if (type == 'tv') {
loadTabs(page, [
{ name: 'Series', type: 'Series' },
{ name: 'Season', type: 'Season' },
{ name: 'Episode', type: 'Episode' }
]);
$('.tvTab', page).addClass('ui-btn-active');
}
else if (type == 'music') {
loadTabs(page, [
{ name: 'Artist', type: 'MusicArtist' },
{ name: 'Album', type: 'MusicAlbum' },
{ name: 'Song', type: 'Audio' }
]);
$('.musicTab', page).addClass('ui-btn-active');
}
else if (type == 'others') {
loadTabs(page, [
{ name: 'Person', type: 'Person' },
{ name: 'Genre', type: 'Genre' },
{ name: 'Game Genre', type: 'GameGenre' },
{ name: 'Music Genre', type: 'MusicGenre' },
{ name: 'Studio', type: 'Studio' },
{ name: 'Book', type: 'Book' }
]);
$('.othersTab', page).addClass('ui-btn-active');
}
}
function onSubmit() {
onSubmit: function () {
var form = this; var form = this;
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
ApiClient.getServerConfiguration().done(function (config) { ApiClient.getServerConfiguration().done(function (config) {
config.ImageSavingConvention = $('#selectImageSavingConvention', form).val();
// Movie options
config.MovieOptions.MaxBackdrops = $('#txtMaxMovieBackdrops', form).val();
config.MovieOptions.MinBackdropWidth = $('#txtMinMovieBackdropDownloadWidth', form).val();
config.DownloadMovieImages.Art = $('#chkDownloadMovieArt', form).checked();
config.DownloadMovieImages.Backdrops = $('#chkDownloadMovieBackdrops', form).checked();
config.DownloadMovieImages.Banner = $('#chkDownloadMovieBanner', form).checked();
config.DownloadMovieImages.Disc = $('#chkDownloadMovieDisc', form).checked();
config.DownloadMovieImages.Logo = $('#chkDownloadMovieLogo', form).checked();
config.DownloadMovieImages.Thumb = $('#chkDownloadMovieThumb', form).checked();
// Tv options
config.TvOptions.MaxBackdrops = $('#txtMaxTvBackdrops', form).val();
config.TvOptions.MinBackdropWidth = $('#txtMinTvBackdropDownloadWidth', form).val();
config.DownloadSeriesImages.Art = $('#chKDownloadTVArt', form).checked();
config.DownloadSeriesImages.Backdrops = $('#chkDownloadMovieBackdrops', form).checked();
config.DownloadSeriesImages.Banner = $('#chkDownloadTVBanner', form).checked();
config.DownloadSeriesImages.Logo = $('#chkDownloadTVLogo', form).checked();
config.DownloadSeriesImages.Thumb = $('#chkDownloadTVThumb', form).checked();
config.DownloadSeasonImages.Banner = $('#chkDownloadSeasonBanner', form).checked();
config.DownloadSeasonImages.Thumb = $('#chkDownloadSeasonThumb', form).checked();
config.DownloadSeasonImages.Backdrops = $('#chkDownloadSeasonBackdrops', form).checked();
// Music options
config.MusicOptions.MaxBackdrops = $('#txtMaxMusicBackdrops', form).val();
config.MusicOptions.MinBackdropWidth = $('#txtMinMusicBackdropDownloadWidth', form).val();
config.DownloadMusicArtistImages.Backdrops = $('#chkDownloadArtistBackdrops', form).checked();
config.DownloadMusicArtistImages.Logo = $('#chkDownloadArtistLogo', form).checked();
config.DownloadMusicArtistImages.Primary = $('#chkDownloadArtistThumb', form).checked();
config.DownloadMusicArtistImages.Banner = $('#chkDownloadArtistBanner', form).checked();
config.DownloadMusicAlbumImages.Primary = $('#chkDownloadAlbumPrimary', form).checked();
config.DownloadMusicAlbumImages.Backdrops = $('#chkDownloadAlbumBackdrops', form).checked();
config.DownloadMusicAlbumImages.Disc = $('#chkMusicAlbumDisc', form).checked();
// Game options
config.GameOptions.MaxBackdrops = $('#txtMaxGameBackdrops', form).val();
config.GameOptions.MinBackdropWidth = $('#txtMinGameBackdropDownloadWidth', form).val();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
}); });
// Disable default form submission // Disable default form submission
return false; return false;
} }
};
$(document).on('pageshow', "#metadataImagesConfigurationPage", MetadataImagesPage.onPageShow); $(document).on('pageshow', "#metadataImagesConfigurationPage", function () {
Dashboard.showLoadingMsg();
var page = this;
loadPage(page);
});
window.MetadataImagesPage = {
onSubmit: onSubmit
};
})(jQuery, document, window);