metadataImages.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Metadata</title>
  5. </head>
  6. <body>
  7. <div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior">
  8. <div data-role="content">
  9. <div class="content-primary">
  10. <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
  11. <a href="metadata.html" data-role="button">Basics</a>
  12. <a href="metadataImages.html" data-role="button" class="ui-btn-active">Images</a>
  13. <a href="advancedMetadata.html" data-role="button">Advanced</a>
  14. </div>
  15. <form id="metadataImagesConfigurationForm">
  16. <ul data-role="listview" class="ulForm">
  17. <li>
  18. <input type="checkbox" id="chkRefreshItemImages" name="chkRefreshItemImages" onchange="MetadataImagesPage.submit();" />
  19. <label for="chkRefreshItemImages">Refresh existing images </label>
  20. <div class="fieldDescription">
  21. When enabled, images will be refreshed periodically
  22. </div>
  23. </li>
  24. <li>
  25. <label for="txtNumbackdrops">Max number of backdrops per item: </label>
  26. <input type="number" id="txtNumbackdrops" name="txtNumbackdrops" pattern="[0-9]*" required="required" min="1" onchange="MetadataImagesPage.submit();" />
  27. </li>
  28. </ul>
  29. <p>Enable additional image downloading:</p>
  30. <div data-role="collapsible">
  31. <h3>Movies</h3>
  32. <div data-role="controlgroup">
  33. <input type="checkbox" data-mini="true" id="chkDownloadMovieArt" name="chkDownloadMovieArt" onchange="MetadataImagesPage.submit();" />
  34. <label for="chkDownloadMovieArt">Movie Art</label>
  35. <input type="checkbox" data-mini="true" id="chkDownloadMovieBanner" name="chkDownloadMovieBanner" onchange="MetadataImagesPage.submit();" />
  36. <label for="chkDownloadMovieBanner">Movie Banner</label>
  37. <input type="checkbox" data-mini="true" id="chkDownloadMovieDisc" name="chkDownloadMovieDisc" onchange="MetadataImagesPage.submit();" />
  38. <label for="chkDownloadMovieDisc">Movie Disc</label>
  39. <input type="checkbox" data-mini="true" id="chkDownloadMovieLogo" name="chkDownloadMovieLogo" onchange="MetadataImagesPage.submit();" />
  40. <label for="chkDownloadMovieLogo">Movie Logo</label>
  41. <input type="checkbox" data-mini="true" id="chkDownloadMovieThumb" name="chkDownloadMovieThumb" onchange="MetadataImagesPage.submit();" />
  42. <label for="chkDownloadMovieThumb">Movie Thumb</label>
  43. </div>
  44. </div>
  45. <div data-role="collapsible">
  46. <h3>TV Series</h3>
  47. <div data-role="controlgroup">
  48. <input type="checkbox" data-mini="true" id="chKDownloadTVArt" name="chKDownloadTVArt" onchange="MetadataImagesPage.submit();" />
  49. <label for="chKDownloadTVArt">TV Series Art</label>
  50. <input type="checkbox" data-mini="true" id="chkDownloadTVBanner" name="chkDownloadTVBanner" onchange="MetadataImagesPage.submit();" />
  51. <label for="chkDownloadTVBanner">TV Series Banner</label>
  52. <input type="checkbox" data-mini="true" id="chkDownloadTVLogo" name="chkDownloadTVLogo" onchange="MetadataImagesPage.submit();" />
  53. <label for="chkDownloadTVLogo">TV Series Logo</label>
  54. <input type="checkbox" data-mini="true" id="chkDownloadTVThumb" name="chkDownloadTVThumb" onchange="MetadataImagesPage.submit();" />
  55. <label for="chkDownloadTVThumb">TV Series Thumb</label>
  56. </div>
  57. </div>
  58. <div data-role="collapsible">
  59. <h3>TV Seasons</h3>
  60. <div data-role="controlgroup">
  61. <input type="checkbox" data-mini="true" id="chkDownloadSeasonBackdrops" name="chkDownloadSeasonBackdrops" onchange="MetadataImagesPage.submit();" />
  62. <label for="chkDownloadSeasonBackdrops">TV Season Backdrops</label>
  63. <input type="checkbox" data-mini="true" id="chkDownloadSeasonBanner" name="chkDownloadSeasonBanner" onchange="MetadataImagesPage.submit();" />
  64. <label for="chkDownloadSeasonBanner">TV Season Banner</label>
  65. <input type="checkbox" data-mini="true" id="chkDownloadSeasonThumb" name="chkDownloadSeasonThumb" onchange="MetadataImagesPage.submit();" />
  66. <label for="chkDownloadSeasonThumb">TV Season Thumb</label>
  67. </div>
  68. </div>
  69. <div data-role="collapsible">
  70. <h3>Music Artists</h3>
  71. <div data-role="controlgroup">
  72. <input type="checkbox" data-mini="true" id="chkDownloadArtistThumb" name="chkDownloadArtistThumb" onchange="MetadataImagesPage.submit();" />
  73. <label for="chkDownloadArtistThumb">Music Artist Thumb (primary image)</label>
  74. <input type="checkbox" data-mini="true" id="chkDownloadArtistBackdrops" name="chkDownloadArtistBackdrops" onchange="MetadataImagesPage.submit();" />
  75. <label for="chkDownloadArtistBackdrops">Music Artist Backdrops</label>
  76. <input type="checkbox" data-mini="true" id="chkDownloadArtistLogo" name="chkDownloadArtistLogo" onchange="MetadataImagesPage.submit();" />
  77. <label for="chkDownloadArtistLogo">Music Artist Logo</label>
  78. <input type="checkbox" data-mini="true" id="chkDownloadArtistBanner" name="chkDownloadArtistBanner" onchange="MetadataImagesPage.submit();" />
  79. <label for="chkDownloadArtistBanner">Music Artist Banner</label>
  80. </div>
  81. </div>
  82. <div data-role="collapsible">
  83. <h3>Music Albums</h3>
  84. <div data-role="controlgroup">
  85. <input type="checkbox" data-mini="true" id="chkDownloadAlbumPrimary" name="chkDownloadAlbumPrimary" onchange="MetadataImagesPage.submit();" />
  86. <label for="chkDownloadAlbumPrimary">Music Album Cover</label>
  87. <input type="checkbox" data-mini="true" id="chkDownloadAlbumBackdrops" name="chkDownloadAlbumBackdrops" onchange="MetadataImagesPage.submit();" />
  88. <label for="chkDownloadAlbumBackdrops">Music Album Backdrops</label>
  89. </div>
  90. </div>
  91. <br />
  92. <br />
  93. <ul data-role="listview" class="ulForm">
  94. <li>
  95. <label for="selectTmdbPosterDownloadSize">Tmdb poster download size: </label>
  96. <select id="selectTmdbPosterDownloadSize" name="selectTmdbPosterDownloadSize" onchange="MetadataImagesPage.submit();">
  97. <option value="original">original</option>
  98. <option value="w92">w92</option>
  99. <option value="w154">w154</option>
  100. <option value="w185">w185</option>
  101. <option value="w342">w342</option>
  102. <option value="w500">w500</option>
  103. </select>
  104. </li>
  105. <li>
  106. <label for="selectTmdbBackdropDownloadSize">Tmdb backdrop download size: </label>
  107. <select id="selectTmdbBackdropDownloadSize" name="selectTmdbBackdropDownloadSize" onchange="MetadataImagesPage.submit();">
  108. <option value="original">original</option>
  109. <option value="w380">w380</option>
  110. <option value="w780">w780</option>
  111. <option value="w1280">w1280</option>
  112. </select>
  113. </li>
  114. <li>
  115. <label for="selectTmdbPersonImageDownloadSize">Tmdb person image download size: </label>
  116. <select id="selectTmdbPersonImageDownloadSize" name="selectTmdbPersonImageDownloadSize" onchange="MetadataImagesPage.submit();">
  117. <option value="original">original</option>
  118. <option value="w45">w45</option>
  119. <option value="w185">w185</option>
  120. <option value="h632">h632</option>
  121. </select>
  122. </li>
  123. <li style="display: none;">
  124. <button class="btnSubmit" type="submit" data-theme="b">
  125. Save
  126. </button>
  127. </li>
  128. </ul>
  129. </form>
  130. </div>
  131. </div>
  132. <script type="text/javascript">
  133. $('#metadataImagesConfigurationForm').on('submit', MetadataImagesPage.onSubmit);
  134. </script>
  135. </div>
  136. </body>
  137. </html>