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

added new wizard page with more chapter image control

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-22 22:45:51 -05:00
parent bc1996111a
commit 0b9f6ce000
2 changed files with 106 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

51
dashboard-ui/scripts/wizardimagesettings.js Normal file
View file

@ -0,0 +1,51 @@
(function ($, document) {
function save(page) {
Dashboard.showLoadingMsg();
// After saving chapter task, now save server config
ApiClient.getServerConfiguration().done(function (config) {
config.EnableVideoImageExtraction = $('#chkVIdeoImages', page).checked();
config.ImageSavingConvention = $('#selectImageSavingConvention', page).val();
config.EnableMovieChapterImageExtraction = $('#chkMovies', page).checked();
config.EnableEpisodeChapterImageExtraction = $('#chkEpisodes', page).checked();
config.EnableOtherVideoChapterImageExtraction = $('#chkOtherVideos', page).checked();
ApiClient.updateServerConfiguration(config).done(function (result) {
navigateToNextPage();
});
});
}
function navigateToNextPage() {
ApiClient.getSystemInfo().done(function (systemInfo) {
var os = systemInfo.OperatingSystem.toLowerCase();
if (os.indexOf('windows') != -1) {
Dashboard.navigate('wizardservice.html');
} else {
Dashboard.navigate('wizardfinish.html');
}
});
}
$(document).on('pageinit', "#wizardImageSettingsPage", function () {
var page = this;
$('#btnNextPage', page).on('click', function () {
save(page);
});
});
})(jQuery, document, window);

55
dashboard-ui/wizardimagesettings.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>Media Browser</title>
</head>
<body>
<div id="wizardImageSettingsPage" data-role="page" class="page standalonePage wizardPage mediaLibraryPage">
<div data-role="content">
<div class="ui-corner-all ui-shadow wizardContent">
<h2>
<img src="css/images/mblogoicon.png" />Configure settings</h2>
<br />
<div style="margin: 1em 0;">
<label for="selectImageSavingConvention"><b>Image saving convention:</b></label>
<select name="selectImageSavingConvention" id="selectImageSavingConvention">
<option value="Compatible" selected="selected">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>
</div>
<div style="margin: 2em 0;">
<label for="chkVIdeoImages">Enable video image extraction</label>
<input id="chkVIdeoImages" name="chkVIdeoImages" type="checkbox" checked="checked" />
<div class="fieldDescription">For videos that don't already have images, and that we're unable to find internet images for. This will add some additional time to the initial library scan but will result in a more pleasing presentation.</div>
</div>
<div style="margin: 2em 0;">
<label>Extract chapter images for:</label>
<div data-role="controlgroup">
<input type="checkbox" data-mini="true" id="chkMovies" name="chkMovies" checked="checked" />
<label for="chkMovies">Movies</label>
<input type="checkbox" data-mini="true" id="chkEpisodes" name="chkEpisodes" />
<label for="chkEpisodes">Episodes</label>
<input type="checkbox" data-mini="true" id="chkOtherVideos" name="chkOtherVideos" />
<label for="chkOtherVideos">Other Videos</label>
<div class="fieldDescription">Extracting chapter images will allow clients to display graphical scene selection menus. The process can be slow, cpu-intensive and may require several gigabytes of space. It runs as a nightly scheduled task at 4am, although this is configurable in the scheduled tasks area. It is not recommended to run this task during peak usage hours.</div>
</div>
</div>
<div class="wizardNavigation">
<button type="button" data-iconpos="left" data-icon="arrow-left" data-inline="true" onclick="history.back();">Previous</button>
<button id="btnNextPage" type="button" data-iconpos="right" data-icon="arrow-right" data-inline="true">Next</button>
</div>
</div>
</div>
</div>
</body>
</html>