diff --git a/dashboard-ui/metadata.html b/dashboard-ui/metadata.html index 329738b3cb..4f576d51f3 100644 --- a/dashboard-ui/metadata.html +++ b/dashboard-ui/metadata.html @@ -11,7 +11,11 @@
Basics - More Options + Movies + TV + Games + Music + Others Advanced
@@ -26,6 +30,14 @@
Save downloaded metadata and images into media folders where they can be stored permanently and easily edited.
+
  • + + +
    Media Browser recognizes images from most major media applications. Choosing your downloading convention is useful if you also use other products.
    +
  • diff --git a/dashboard-ui/metadataadvanced.html b/dashboard-ui/metadataadvanced.html index c1a9826b40..e7fbc37c88 100644 --- a/dashboard-ui/metadataadvanced.html +++ b/dashboard-ui/metadataadvanced.html @@ -11,7 +11,11 @@
    Basics - More Options + Movies + TV + Games + Music + Others Advanced
    diff --git a/dashboard-ui/metadataimages.html b/dashboard-ui/metadataimages.html index ca756eb4cb..95696b6d16 100644 --- a/dashboard-ui/metadataimages.html +++ b/dashboard-ui/metadataimages.html @@ -9,175 +9,117 @@
    -
    +
    Basics - More Options + Movies + TV + Games + Music + Others Advanced
    -
    -
      -
    • - - -
      Media Browser recognizes images from most major media applications. Choosing your downloading convention is useful if you also use other products.
      -
      • -
    -

    Customize options per media type

    -
    -

    Movies

    -
    +

    Customize options per media type

    -
    - - + +
    +
    + +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    + + -
    -

    TV

    -
    -
    - - +
    + Fetch Images: + -
    - - + + -

    Download TV Images

    - -
    - - - - - - - - - - - - - - - - - - - - - - -
    -
    -
    -
    -

    Music

    -
    - -
    - - + -
    - - + -

    Download Music Images

    -
    - - - - - - - - - - - - - - - - - - - - -
    -
    -
    -
    -

    Games

    -
    -
    - - + -
    - - + -
    -
    -
    -
      -
    • - - -
      • -
    - + + + + + + + + +
    +
    +
      +
    • + + +
      • +
    + +
    +
    diff --git a/dashboard-ui/scripts/metadataconfigurationpage.js b/dashboard-ui/scripts/metadataconfigurationpage.js index 26f4478154..3f273b4bdc 100644 --- a/dashboard-ui/scripts/metadataconfigurationpage.js +++ b/dashboard-ui/scripts/metadataconfigurationpage.js @@ -43,6 +43,8 @@ $('#selectCountry', page).val(config.MetadataCountryCode).selectmenu("refresh"); $('#chkEnableInternetProviders', page).checked(config.EnableInternetProviders).checkboxradio("refresh"); + $('#selectImageSavingConvention', page).val(config.ImageSavingConvention).selectmenu("refresh"); + Dashboard.hideLoadingMsg(); }, @@ -53,6 +55,8 @@ ApiClient.getServerConfiguration().done(function (config) { + config.ImageSavingConvention = $('#selectImageSavingConvention', form).val(); + config.EnableInternetProviders = $('#chkEnableInternetProviders', form).checked(); config.SaveLocalMeta = $('#chkSaveLocal', form).checked(); config.PreferredMetadataLanguage = $('#selectLanguage', form).val(); diff --git a/dashboard-ui/scripts/metadataimagespage.js b/dashboard-ui/scripts/metadataimagespage.js index 88d5c183c1..7724d2af7c 100644 --- a/dashboard-ui/scripts/metadataimagespage.js +++ b/dashboard-ui/scripts/metadataimagespage.js @@ -1,117 +1,297 @@ -var MetadataImagesPage = { +(function ($, document, window) { - onPageShow: function () { + function loadTabs(page, tabs) { + + var html = ''; + + html += '
    '; + + for (var i = 0, length = tabs.length; i < length; i++) { + + var tab = tabs[i]; + + html += ''; + html += ''; + } + + html += '
    '; + + 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(); - var page = this; + var promise1 = ApiClient.getServerConfiguration(); + var promise2 = $.getJSON(ApiClient.getUrl("System/Configuration/MetadataPlugins")); - ApiClient.getServerConfiguration().done(function(result) { - MetadataImagesPage.load(page, result); + $.when(promise1, promise2).done(function (response1, response2) { + + renderType(page, type, response1[0], response2[0]); + + Dashboard.hideLoadingMsg(); }); - }, - load: function (page, config) { + } - // 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); + function renderType(page, type, config, metadataPlugins) { - // Music options - $('#txtMaxMusicBackdrops', page).val(config.MusicOptions.MaxBackdrops); - $('#txtMinMusicBackdropDownloadWidth', page).val(config.MusicOptions.MinBackdropWidth); + var metadataInfo = metadataPlugins.filter(function (f) { - // Game options - $('#txtMaxGameBackdrops', page).val(config.GameOptions.MaxBackdrops); - $('#txtMinGameBackdropDownloadWidth', page).val(config.GameOptions.MinBackdropWidth); + return type == f.ItemType; + })[0]; - $('#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"); + if (metadataInfo.SupportedImageTypes.indexOf('Backdrop') == -1) { + $('.backdropFields', page).hide(); + } else { + $('.backdropFields', page).show(); + } - $('#chkDownloadAlbumPrimary', page).checked(config.DownloadMusicAlbumImages.Primary).checkboxradio("refresh"); - $('#chkDownloadAlbumBackdrops', page).checked(config.DownloadMusicAlbumImages.Backdrops).checkboxradio("refresh"); - $('#chkMusicAlbumDisc', page).checked(config.DownloadMusicAlbumImages.Disc).checkboxradio("refresh"); + $('.imageType', page).each(function () { - $('#selectImageSavingConvention', page).val(config.ImageSavingConvention).selectmenu("refresh"); + var imageType = this.getAttribute('data-imagetype'); - Dashboard.hideLoadingMsg(); - }, + 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 += '
    '; + html += 'Image Fetchers:'; + + for (var i = 0, length = plugins.length; i < length; i++) { + + var plugin = plugins[i]; + + var id = 'chkImageFetcher' + i; + + html += ''; + html += ''; + } + + html += '
    '; + + $('.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 += '
    '; + html += 'Metadata Savers:'; + + for (var i = 0, length = plugins.length; i < length; i++) { + + var plugin = plugins[i]; + + var id = 'chkMetadataSaver' + i; + + html += ''; + html += ''; + } + + html += '
    '; + + $('.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 += '
    '; + html += 'Metadata Fetchers:'; + + for (var i = 0, length = plugins.length; i < length; i++) { + + var plugin = plugins[i]; + + var id = 'chkMetadataFetcher' + i; + + html += ''; + html += ''; + } + + html += '
    '; + + $('.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 += '
    '; + html += 'Local Metadata Readers:'; + + for (var i = 0, length = plugins.length; i < length; i++) { + + var plugin = plugins[i]; + + var id = 'chkMetadataLocal' + i; + + html += ''; + html += ''; + } + + html += '
    '; + + $('.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; Dashboard.showLoadingMsg(); 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); }); // Disable default form submission return false; } -}; -$(document).on('pageshow', "#metadataImagesConfigurationPage", MetadataImagesPage.onPageShow); \ No newline at end of file + $(document).on('pageshow', "#metadataImagesConfigurationPage", function () { + + Dashboard.showLoadingMsg(); + + var page = this; + + loadPage(page); + }); + + window.MetadataImagesPage = { + + onSubmit: onSubmit + }; + +})(jQuery, document, window); \ No newline at end of file