live saving on the metadata pages

This commit is contained in:
LukePulverenti 2013-03-11 10:54:08 -04:00
parent f010d032ed
commit 39020714f7
7 changed files with 108 additions and 98 deletions

View File

@ -20,6 +20,7 @@ namespace MediaBrowser.Api.Playback.Progressive
[Route("/Videos/{Id}/stream.mkv", "GET")] [Route("/Videos/{Id}/stream.mkv", "GET")]
[Route("/Videos/{Id}/stream.mpeg", "GET")] [Route("/Videos/{Id}/stream.mpeg", "GET")]
[Route("/Videos/{Id}/stream.avi", "GET")] [Route("/Videos/{Id}/stream.avi", "GET")]
[Route("/Videos/{Id}/stream.m2ts", "GET")]
[Route("/Videos/{Id}/stream", "GET")] [Route("/Videos/{Id}/stream", "GET")]
[ServiceStack.ServiceHost.Api(Description = "Gets a video stream")] [ServiceStack.ServiceHost.Api(Description = "Gets a video stream")]
public class GetVideoStream : VideoStreamRequest public class GetVideoStream : VideoStreamRequest

View File

@ -21,13 +21,10 @@
<label>Disable internet providers for:</label> <label>Disable internet providers for:</label>
<div id="divItemTypes"></div> <div id="divItemTypes"></div>
</li> </li>
<li> <li style="display: none;">
<button type="submit" data-theme="b"> <button class="btnSubmit" type="submit" data-theme="b">
Save Save
</button> </button>
<button type="button" onclick="Dashboard.navigate('dashboard.html');">
Cancel
</button>
</li> </li>
</ul> </ul>
</form> </form>

View File

@ -18,32 +18,29 @@
<form id="metadataConfigurationForm"> <form id="metadataConfigurationForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<input type="checkbox" id="chkEnableInternetProviders" name="chkEnableInternetProviders" /> <input type="checkbox" id="chkEnableInternetProviders" name="chkEnableInternetProviders" onchange="MetadataConfigurationPage.submit();" />
<label for="chkEnableInternetProviders">Download metadata from the internet </label> <label for="chkEnableInternetProviders">Download metadata from the internet </label>
</li> </li>
<li> <li>
<input type="checkbox" id="chkSaveLocal" name="chkSaveLocal" /> <input type="checkbox" id="chkSaveLocal" name="chkSaveLocal onchange="MetadataConfigurationPage.submit();" />
<label for="chkSaveLocal">Save metadata within media folders </label> <label for="chkSaveLocal">Save metadata within media folders </label>
</li> </li>
<li> <li>
<label for="txtRefreshDays">Metadata refresh period (days): </label> <label for="txtRefreshDays">Metadata refresh period (days): </label>
<input type="number" id="txtRefreshDays" name="txtRefreshDays" pattern="[0-9]*" required="required" min="1" /> <input type="number" id="txtRefreshDays" name="txtRefreshDays" pattern="[0-9]*" required="required" min="1" onchange="MetadataConfigurationPage.submit();" />
</li> </li>
<li> <li>
<label for="selectLanguage">Preferred language: </label> <label for="selectLanguage">Preferred language: </label>
<select name="selectLanguage" id="selectLanguage"></select> <select name="selectLanguage" id="selectLanguage" onchange="MetadataConfigurationPage.submit();"></select>
</li> </li>
<li> <li>
<label for="selectCountry">Country: </label> <label for="selectCountry">Country: </label>
<select name="selectCountry" id="selectCountry"></select> <select name="selectCountry" id="selectCountry" onchange="MetadataConfigurationPage.submit();"></select>
</li> </li>
<li> <li style="display: none;">
<button type="submit" data-theme="b"> <button class="btnSubmit" type="submit" data-theme="b">
Save Save
</button> </button>
<button type="button" onclick="Dashboard.navigate('dashboard.html');">
Cancel
</button>
</li> </li>
</ul> </ul>
</form> </form>

View File

@ -18,7 +18,7 @@
<form id="metadataImagesConfigurationForm"> <form id="metadataImagesConfigurationForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<input type="checkbox" id="chkRefreshItemImages" name="chkRefreshItemImages" /> <input type="checkbox" id="chkRefreshItemImages" name="chkRefreshItemImages" onchange="MetadataImagesPage.submit();" />
<label for="chkRefreshItemImages">Refresh existing images </label> <label for="chkRefreshItemImages">Refresh existing images </label>
<div class="fieldDescription"> <div class="fieldDescription">
When enabled, images will be refreshed periodically When enabled, images will be refreshed periodically
@ -26,100 +26,100 @@
</li> </li>
<li> <li>
<label for="txtNumbackdrops">Max number of backdrops per item: </label> <label for="txtNumbackdrops">Max number of backdrops per item: </label>
<input type="number" id="txtNumbackdrops" name="txtNumbackdrops" pattern="[0-9]*" required="required" min="1" /> <input type="number" id="txtNumbackdrops" name="txtNumbackdrops" pattern="[0-9]*" required="required" min="1" onchange="MetadataImagesPage.submit();" />
</li> </li>
<li> <li>
<label>Enable additional image downloading:</label> <label>Enable additional image downloading:</label>
<div data-role="collapsible">
<h3>Movies</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="chkDownloadMovieBanner" name="chkDownloadMovieBanner" /> <div data-role="collapsible">
<label for="chkDownloadMovieBanner">Movie Banner</label> <h3>Movies</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadMovieArt" name="chkDownloadMovieArt" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadMovieArt">Movie Art</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieDisc" name="chkDownloadMovieDisc" /> <input type="checkbox" data-mini="true" id="chkDownloadMovieBanner" name="chkDownloadMovieBanner" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadMovieDisc">Movie Disc</label> <label for="chkDownloadMovieBanner">Movie Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieLogo" name="chkDownloadMovieLogo" /> <input type="checkbox" data-mini="true" id="chkDownloadMovieDisc" name="chkDownloadMovieDisc" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadMovieLogo">Movie Logo</label> <label for="chkDownloadMovieDisc">Movie Disc</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieThumb" name="chkDownloadMovieThumb" /> <input type="checkbox" data-mini="true" id="chkDownloadMovieLogo" name="chkDownloadMovieLogo" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadMovieThumb">Movie Thumb</label> <label for="chkDownloadMovieLogo">Movie Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadMovieThumb" name="chkDownloadMovieThumb" onchange="MetadataImagesPage.submit();" />
</div> <label for="chkDownloadMovieThumb">Movie Thumb</label>
</div>
<div data-role="collapsible">
<h3>TV Series</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chKDownloadTVArt" name="chKDownloadTVArt" />
<label for="chKDownloadTVArt">TV Series Art</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVBanner" name="chkDownloadTVBanner" />
<label for="chkDownloadTVBanner">TV Series Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVLogo" name="chkDownloadTVLogo" />
<label for="chkDownloadTVLogo">TV Series Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadTVThumb" name="chkDownloadTVThumb" />
<label for="chkDownloadTVThumb">TV Series Thumb</label>
</div>
</div>
<div data-role="collapsible">
<h3>TV Seasons</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBackdrops" name="chkDownloadSeasonBackdrops" />
<label for="chkDownloadSeasonBackdrops">TV Season Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBanner" name="chkDownloadSeasonBanner" />
<label for="chkDownloadSeasonBanner">TV Season Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonThumb" name="chkDownloadSeasonThumb" />
<label for="chkDownloadSeasonThumb">TV Season Thumb</label>
</div>
</div> </div>
</div>
<div data-role="collapsible"> <div data-role="collapsible">
<h3>Music Artists</h3> <h3>TV Series</h3>
<div data-role="controlgroup"> <div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadArtistThumb" name="chkDownloadArtistThumb" /> <input type="checkbox" data-mini="true" id="chKDownloadTVArt" name="chKDownloadTVArt" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistThumb">Music Artist Thumb (primary image)</label> <label for="chKDownloadTVArt">TV Series Art</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBackdrops" name="chkDownloadArtistBackdrops" /> <input type="checkbox" data-mini="true" id="chkDownloadTVBanner" name="chkDownloadTVBanner" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistBackdrops">Music Artist Backdrops</label> <label for="chkDownloadTVBanner">TV Series Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistLogo" name="chkDownloadArtistLogo" /> <input type="checkbox" data-mini="true" id="chkDownloadTVLogo" name="chkDownloadTVLogo" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistLogo">Music Artist Logo</label> <label for="chkDownloadTVLogo">TV Series Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBanner" name="chkDownloadArtistBanner" />
<label for="chkDownloadArtistBanner">Music Artist Banner</label>
</div>
<input type="checkbox" data-mini="true" id="chkDownloadTVThumb" name="chkDownloadTVThumb" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadTVThumb">TV Series Thumb</label>
</div> </div>
</div>
<div data-role="collapsible">
<h3>Music Albums</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadAlbumPrimary" name="chkDownloadAlbumPrimary" />
<label for="chkDownloadAlbumPrimary">Music Album Cover</label>
<input type="checkbox" data-mini="true" id="chkDownloadAlbumBackdrops" name="chkDownloadAlbumBackdrops" />
<label for="chkDownloadAlbumBackdrops">Music Album Backdrops</label>
</div>
<div data-role="collapsible">
<h3>TV Seasons</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBackdrops" name="chkDownloadSeasonBackdrops" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadSeasonBackdrops">TV Season Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonBanner" name="chkDownloadSeasonBanner" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadSeasonBanner">TV Season Banner</label>
<input type="checkbox" data-mini="true" id="chkDownloadSeasonThumb" name="chkDownloadSeasonThumb" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadSeasonThumb">TV Season Thumb</label>
</div> </div>
</div>
<div data-role="collapsible">
<h3>Music Artists</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadArtistThumb" name="chkDownloadArtistThumb" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistThumb">Music Artist Thumb (primary image)</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBackdrops" name="chkDownloadArtistBackdrops" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistBackdrops">Music Artist Backdrops</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistLogo" name="chkDownloadArtistLogo" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistLogo">Music Artist Logo</label>
<input type="checkbox" data-mini="true" id="chkDownloadArtistBanner" name="chkDownloadArtistBanner" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadArtistBanner">Music Artist Banner</label>
</div>
</div>
<div data-role="collapsible">
<h3>Music Albums</h3>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkDownloadAlbumPrimary" name="chkDownloadAlbumPrimary" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadAlbumPrimary">Music Album Cover</label>
<input type="checkbox" data-mini="true" id="chkDownloadAlbumBackdrops" name="chkDownloadAlbumBackdrops" onchange="MetadataImagesPage.submit();" />
<label for="chkDownloadAlbumBackdrops">Music Album Backdrops</label>
</div>
</div>
</li> </li>
<li> <li>
<label for="selectTmdbPosterDownloadSize">Tmdb poster download size: </label> <label for="selectTmdbPosterDownloadSize">Tmdb poster download size: </label>
<select id="selectTmdbPosterDownloadSize" name="selectTmdbPosterDownloadSize"> <select id="selectTmdbPosterDownloadSize" name="selectTmdbPosterDownloadSize" onchange="MetadataImagesPage.submit();">
<option value="original">original</option> <option value="original">original</option>
<option value="w92">w92</option> <option value="w92">w92</option>
<option value="w154">w154</option> <option value="w154">w154</option>
@ -130,7 +130,7 @@
</li> </li>
<li> <li>
<label for="selectTmdbBackdropDownloadSize">Tmdb backdrop download size: </label> <label for="selectTmdbBackdropDownloadSize">Tmdb backdrop download size: </label>
<select id="selectTmdbBackdropDownloadSize" name="selectTmdbBackdropDownloadSize"> <select id="selectTmdbBackdropDownloadSize" name="selectTmdbBackdropDownloadSize" onchange="MetadataImagesPage.submit();">
<option value="original">original</option> <option value="original">original</option>
<option value="w380">w380</option> <option value="w380">w380</option>
<option value="w780">w780</option> <option value="w780">w780</option>
@ -139,20 +139,17 @@
</li> </li>
<li> <li>
<label for="selectTmdbPersonImageDownloadSize">Tmdb person image download size: </label> <label for="selectTmdbPersonImageDownloadSize">Tmdb person image download size: </label>
<select id="selectTmdbPersonImageDownloadSize" name="selectTmdbPersonImageDownloadSize"> <select id="selectTmdbPersonImageDownloadSize" name="selectTmdbPersonImageDownloadSize" onchange="MetadataImagesPage.submit();">
<option value="original">original</option> <option value="original">original</option>
<option value="w45">w45</option> <option value="w45">w45</option>
<option value="w185">w185</option> <option value="w185">w185</option>
<option value="h632">h632</option> <option value="h632">h632</option>
</select> </select>
</li> </li>
<li> <li style="display: none;">
<button type="submit" data-theme="b"> <button class="btnSubmit" type="submit" data-theme="b">
Save Save
</button> </button>
<button type="button" onclick="Dashboard.navigate('dashboard.html');">
Cancel
</button>
</li> </li>
</ul> </ul>
</form> </form>

View File

@ -33,7 +33,7 @@
var checkedAttribute = configuration.InternetProviderExcludeTypes.indexOf(type) != -1 ? ' checked="checked"' : ''; var checkedAttribute = configuration.InternetProviderExcludeTypes.indexOf(type) != -1 ? ' checked="checked"' : '';
html += '<input' + checkedAttribute + ' class="chkItemType" data-itemtype="' + type + '" type="checkbox" name="' + id + '" id="' + id + '" />'; html += '<input' + checkedAttribute + ' class="chkItemType" data-itemtype="' + type + '" type="checkbox" name="' + id + '" id="' + id + '" onchange="AdvancedMetadataConfigurationPage.submit();" />';
html += '<label for="' + id + '">' + type + '</label>'; html += '<label for="' + id + '">' + type + '</label>';
} }
@ -42,6 +42,12 @@
$('#divItemTypes', page).html(html).trigger("create"); $('#divItemTypes', page).html(html).trigger("create");
}, },
submit: function () {
$('.btnSubmit', $.mobile.activePage)[0].click();
},
onSubmit: function () { onSubmit: function () {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -54,7 +60,7 @@
return currentCheckbox.getAttribute('data-itemtype'); return currentCheckbox.getAttribute('data-itemtype');
}); });
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config);
}); });
// Disable default form submission // Disable default form submission

View File

@ -79,6 +79,12 @@
$('#selectLanguage', '#metadataConfigurationPage').html(html).selectmenu("refresh"); $('#selectLanguage', '#metadataConfigurationPage').html(html).selectmenu("refresh");
}, },
submit: function () {
$('.btnSubmit', $.mobile.activePage)[0].click();
},
onSubmit: function () { onSubmit: function () {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -92,7 +98,7 @@
config.PreferredMetadataLanguage = $('#selectLanguage', form).val(); config.PreferredMetadataLanguage = $('#selectLanguage', form).val();
config.MetadataCountryCode = $('#selectCountry', form).val(); config.MetadataCountryCode = $('#selectCountry', form).val();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config);
}); });
// Disable default form submission // Disable default form submission

View File

@ -42,6 +42,12 @@
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}, },
submit: function () {
$('.btnSubmit', $.mobile.activePage)[0].click();
},
onSubmit: function () { onSubmit: function () {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -75,7 +81,7 @@
config.DownloadMusicAlbumImages.Primary = $('#chkDownloadAlbumPrimary', form).checked(); config.DownloadMusicAlbumImages.Primary = $('#chkDownloadAlbumPrimary', form).checked();
config.DownloadMusicAlbumImages.Backdrops = $('#chkDownloadAlbumBackdrops', form).checked(); config.DownloadMusicAlbumImages.Backdrops = $('#chkDownloadAlbumBackdrops', form).checked();
ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult); ApiClient.updateServerConfiguration(config);
}); });
// Disable default form submission // Disable default form submission