Add api key to configuration

MediaBrowser.Providers/Plugins/Tmdb/Configuration/PluginConfiguration.cs

@@ -7,6 +7,12 @@ namespace MediaBrowser.Providers.Plugins.Tmdb
     /// </summary>
     public class PluginConfiguration : BasePluginConfiguration
     {
+        /// <summary>
+        /// Gets or sets a value to use as the API key for accessing TMDb. This is intentionally excluded from the
+        /// settings page as the API key should not need to be changed by most users.
+        /// </summary>
+        public string TmdbApiKey { get; set; } = TmdbUtils.ApiKey;
+
         /// <summary>
         /// Gets or sets a value indicating whether include adult content when searching with TMDb.
         /// </summary>

MediaBrowser.Providers/Plugins/Tmdb/Configuration/config.html

@@ -64,9 +64,18 @@
 
                     var clientConfig, pluginConfig;
                     var configureImageScaling = function() {
-                        if (clientConfig === null || pluginConfig === null) {
+                        if (clientConfig === undefined || pluginConfig === undefined) {
                             return;
                         }
+                        if (Object.keys(clientConfig).length === 0) {
+                            clientConfig = {
+                                PosterSizes: [pluginConfig.PosterSize],
+                                BackdropSizes: [pluginConfig.BackdropSize],
+                                LogoSizes: [pluginConfig.LogoSize],
+                                ProfileSizes: [pluginConfig.ProfileSize],
+                                StillSizes: [pluginConfig.StillSize]
+                            };
+                        }
 
                         var sizeOptionsGenerator = function (size) {
                             return '<option value="' + size + '">' + size + '</option>';
@@ -104,6 +113,15 @@
                     ApiClient.fetch(request).then(function (config) {
                         clientConfig = config;
                         configureImageScaling();
+                    }, function (error) {
+                        error.text().then(function (contents) {
+                            Dashboard.alert({
+                                title: error.statusText,
+                                message: contents
+                            });
+                            clientConfig = {};
+                            configureImageScaling();
+                        });
                     });
 
                     ApiClient.getPluginConfiguration(PluginConfig.pluginId).then(function (config) {

MediaBrowser.Providers/Plugins/Tmdb/TmdbClientManager.cs

@@ -36,7 +36,7 @@ namespace MediaBrowser.Providers.Plugins.Tmdb
         public TmdbClientManager(IMemoryCache memoryCache)
         {
             _memoryCache = memoryCache;
-            _tmDbClient = new TMDbClient(TmdbUtils.ApiKey);
+            _tmDbClient = new TMDbClient(Plugin.Instance.Configuration.TmdbApiKey);
             // Not really interested in NotFoundException
             _tmDbClient.ThrowApiExceptions = false;
         }