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

update playlist xml saving

Browse source
This commit is contained in:
Luke Pulverenti 2014-08-04 23:41:56 -04:00
parent ba247c8a15
commit 90c301e86f
10 changed files with 141 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

36
dashboard-ui/css/card.css
View file

@ -91,6 +91,10 @@
padding-bottom: 56.25%;
}
.smallBackdropCard .cardPadder {
padding-bottom: 56.25%;
}
.squareCard .cardPadder {
padding-bottom: 100%;
}
@ -239,6 +243,10 @@
width: 50%;
}
.smallBackdropCard {
width: 50%;
}
.portraitCard {
width: 33.3%;
}
@ -284,6 +292,10 @@
.portraitCard {
width: 25%;
}
.smallBackdropCard {
width: 33.3%;
}
}
@ -308,6 +320,10 @@
.portraitCard {
width: 20%;
}
.smallBackdropCard {
width: 25%;
}
}
@ -320,6 +336,10 @@
.backdropCard {
width: 25%;
}
.smallBackdropCard {
width: 20%;
}
}
@ -336,6 +356,10 @@
.portraitCard {
width: 16.666666666666666666666666666667%;
}
.smallBackdropCard {
width: 16.666666666666666666666666666667%;
}
}
@ -352,6 +376,10 @@
.portraitCard {
width: 14.285714285714285714285714285714%;
}
.smallBackdropCard {
width: 14.285714285714285714285714285714%;
}
}
@ -372,6 +400,10 @@
.portraitCard {
width: 10%;
}
.smallBackdropCard {
width: 12.5%;
}
}
@ -380,6 +412,10 @@
.squareCard {
width: 10%;
}
.smallBackdropCard {
width: 10%;
}
}

80
dashboard-ui/edititemimages.html
View file

@ -26,16 +26,16 @@
<div style="margin: -25px 0 1em;">
<div style="display: inline-block;">
<a class="lnkBrowseImages lnkBrowseAllImages hide" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="cloud" data-mini="true">Browse Images</a>
<a class="lnkBrowseImages lnkBrowseAllImages hide" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="cloud" data-mini="true">${ButtonBrowseImages}</a>
</div>
<div style="display: inline-block;">
<a href="#popupUpload" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="plus" data-mini="true">Upload</a>
<a href="#popupUpload" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="plus" data-mini="true">${ButtonUpload}</a>
</div>
</div>
<div id="imagesContainer" style="display: none;">
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
<h3>Images</h3>
<h3>${HeaderImages}</h3>
<div id="images">
</div>
</div>
@ -43,7 +43,7 @@
<div id="backdropsContainer" style="display: none;">
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
<h3>Backdrops</h3>
<h3>${HeaderBackdrops}</h3>
<div id="backdrops">
</div>
</div>
@ -51,7 +51,7 @@
<div id="screenshotsContainer" style="display: none;">
<div data-role="collapsible" data-mini="true" data-collapsed="false" class="imageEditorCollapsible" data-content-theme="false">
<h3>Screenshots</h3>
<h3>${Screenshots}</h3>
<div id="screenshots">
</div>
</div>
@ -62,85 +62,85 @@
<div data-role="popup" id="popupUpload" data-theme="a" data-corners="false">
<form id="uploadItemImageForm" style="max-width: 100%; margin: 0 1.5em 1.5em;">
<h2>Add/Update Image</h2>
<h2>${HeaderAddUpdateImage}</h2>
<div>
<p>JPG/PNG only.</p>
<p>${LabelJpgPngOnly}</p>
<input type="file" accept="image/*" id="uploadImage" name="uploadImage" />
<div id="imageDropZone" class="imageDropZone">
<h3>Drop Image Here</h3>
<h3>${LabelDropImageHere}</h3>
<output id="imageOutput"></output>
</div>
<div id="fldUpload" style="display: none;">
<p data-role="fieldcontain">
<label for="selectImageType">Image Type:</label>
<label for="selectImageType">${LabelImageType}</label>
<select id="selectImageType" name="selectImageType">
<option value="Primary">Primary</option>
<option value="Art">Art</option>
<option value="Backdrop">Backdrop</option>
<option value="Banner">Banner</option>
<option value="Box">Box</option>
<option value="BoxRear">Box rear</option>
<option value="Disc">Disc</option>
<option value="Logo">Logo</option>
<option value="Menu">Menu</option>
<option value="Screenshot">Screenshot</option>
<option value="Thumb">Thumb</option>
<option value="Primary">${OptionPrimary}</option>
<option value="Art">${OptionArt}</option>
<option value="Backdrop">${OptionBackdrop}</option>
<option value="Banner">${OptionBanner}</option>
<option value="Box">${OptionBox}</option>
<option value="BoxRear">${OptionBoxRear}</option>
<option value="Disc">${OptionDisc}</option>
<option value="Logo">${OptionLogo}</option>
<option value="Menu">${OptionMenu}</option>
<option value="Screenshot">${OptionScreenshot}</option>
<option value="Thumb">${OptionThumb}</option>
</select>
</p>
<button type="submit" data-icon="check" data-theme="b">Upload</button>
<button type="submit" data-icon="check" data-theme="b">${ButtonUpload}</button>
</div>
<a data-role="button" data-rel="back" data-icon="delete" onclick="$('#uploadImage').val('').trigger('change');">Cancel</a>
<a data-role="button" data-rel="back" data-icon="delete" onclick="$('#uploadImage').val('').trigger('change');">${ButtonCancel}</a>
</div>
</form>
</div>
<div data-role="popup" class="popup popupDownload" data-theme="a">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">${ButtonClose}</a>
<div class="ui-bar-b" style="text-align: center; padding: 0 20px;">
<h3 style="margin: .5em 0;">Browse Online Images</h3>
<h3 style="margin: .5em 0;">${HeaderBrowseOnlineImages}</h3>
</div>
<div data-role="content">
<div style="text-align: center;">
<div style="margin: 0; display: inline-block;">
<label for="selectImageProvider">Source:</label>
<label for="selectImageProvider">${LabelSource}</label>
</div>
<div style="margin: 0; display: inline-block;">
<select id="selectImageProvider" name="selectImageProvider" data-mini="true" data-inline="true">
<option value="">All</option>
<option value="">${OptionAll}</option>
</select>
</div>
<div style="margin: 0; display: inline-block;">
<label for="selectBrowsableImageType">Image:</label>
<label for="selectBrowsableImageType">${LabelImage}</label>
</div>
<div style="margin: 0; display: inline-block;">
<select id="selectBrowsableImageType" name="selectBrowsableImageType" data-mini="true" data-inline="true">
<option value="Primary">Primary</option>
<option value="Art">Art</option>
<option value="Backdrop">Backdrop</option>
<option value="Banner">Banner</option>
<option value="Box">Box</option>
<option value="BoxRear">Box rear</option>
<option value="Disc">Disc</option>
<option value="Logo">Logo</option>
<option value="Menu">Menu</option>
<option value="Screenshot">Screenshot</option>
<option value="Thumb">Thumb</option>
<option value="Primary">${OptionPrimary}</option>
<option value="Art">${OptionArt}</option>
<option value="Backdrop">${OptionBackdrop}</option>
<option value="Banner">${OptionBanner}</option>
<option value="Box">${OptionBox}</option>
<option value="BoxRear">${OptionBoxRear}</option>
<option value="Disc">${OptionDisc}</option>
<option value="Logo">${OptionLogo}</option>
<option value="Menu">${OptionMenu}</option>
<option value="Screenshot">${OptionScreenshot}</option>
<option value="Thumb">${OptionThumb}</option>
</select>
</div>
<div class="availableImagesPaging" style="margin: 0; display: inline-block;"></div>
<div style="margin: 0; display: inline-block; vertical-align: middle; margin-left: 10px;">
<label for="chkAllLanguages">All Languages</label>
<label for="chkAllLanguages">${LabelAllLanguages}</label>
<input type="checkbox" id="chkAllLanguages" data-mini="true" />
</div>
</div>
<div class="availableImagesList"></div>
<div style="text-align: center;">
<a href="#" data-rel="back" data-role="button" data-mini="true" data-inline="true" data-icon="delete">Close</a>
<a href="#" data-rel="back" data-role="button" data-mini="true" data-inline="true" data-icon="delete">${ButtonClose}</a>
</div>
</div>
</div>

1
dashboard-ui/episodes.html
View file

@ -25,6 +25,7 @@
</div>
<div class="selectionCommands" style="display: none;">
<div data-role="controlgroup" data-type="horizontal" class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnMergeVersions" data-mini="true" data-icon="recycle" data-inline="true" title="${ButtonGroupVersions}">${ButtonGroupVersions}</button>
</div>
</div>

1
dashboard-ui/movies.html
View file

@ -25,6 +25,7 @@
<div class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnMergeVersions" data-mini="true" data-icon="recycle" data-inline="true" title="${ButtonGroupVersions}">${ButtonGroupVersions}</button>
<button class="btnAddToCollection" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToCollection}">${ButtonAddToCollection}</button>
</div>

1
dashboard-ui/playlistedit.html
View file

@ -16,6 +16,7 @@
<div class="listTopPaging">
&nbsp;
</div>
<button class="btnPlay hide" type="button" data-icon="play" data-inline="true" data-mini="true" style="margin-left:1em;">${ButtonPlay}</button>
</div>
<div id="items" class="itemsContainer"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">

44
dashboard-ui/reports.html
View file

@ -8,23 +8,23 @@
<div data-role="content">
<div style="text-align: center;">
<div class="viewControls">
<span style="margin-right: 10px; vertical-align: middle;">Report:</span>
<span style="margin-right: 10px; vertical-align: middle;">${LabelReport}</span>
<div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectView" name="selectView">
<option value="AdultVideo">Adult Videos</option>
<option value="MusicAlbum">Albums</option>
<option value="MusicArtist">Artists</option>
<option value="Book">Books</option>
<option value="BoxSet">Collections</option>
<option value="Episode">Episodes</option>
<option value="Game">Games</option>
<option value="Video">Home Videos</option>
<option value="Movie">Movies</option>
<option value="MusicVideo">Music Videos</option>
<option value="Trailer">Trailers</option>
<option value="Season">Seasons</option>
<option value="Series">Series</option>
<option value="Audio">Songs</option>
<option value="AdultVideo">${OptionReportAdultVideos}</option>
<option value="MusicAlbum">${OptionReportAlbums}</option>
<option value="MusicArtist">${OptionReportArtists}</option>
<option value="Book">${OptionReportBooks}</option>
<option value="BoxSet">${OptionReportCollections}</option>
<option value="Episode">${OptionReportEpisodes}</option>
<option value="Game">${OptionReportGames}</option>
<option value="Video">${OptionReportHomeVideos}</option>
<option value="Movie">${OptionReportMovies}</option>
<option value="MusicVideo">${OptionReportMusicVideos}</option>
<option value="Trailer">${OptionReportTrailers}</option>
<option value="Season">${OptionReportSeasons}</option>
<option value="Series">${OptionReportSeries}</option>
<option value="Audio">${OptionReportSongs}</option>
</select>
</div>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $(this).parents('.page')).panel( 'toggle' );">${ButtonFilter}</button>
@ -73,18 +73,18 @@
<input class="chk3DFilter" type="checkbox" name="chk3D" id="chk3D" data-filter="Digital3D,Sbs3D" data-mini="true">
<label for="chk3D">${Option3D}</label>
<input class="chkIsPlaceHolder" type="checkbox" id="chkIsPlaceHolder" data-mini="true">
<label for="chkIsPlaceHolder">Stub</label>
<label for="chkIsPlaceHolder">${OptionStub}</label>
</fieldset>
<br />
<fieldset data-role="controlgroup">
<legend>
<strong>Episodes:</strong>
<strong>${HeaderEpisodes}</strong>
</legend>
<input type="checkbox" name="chkSpecialEpisode" id="chkSpecialEpisode" data-mini="true">
<label for="chkSpecialEpisode">Season 0</label>
<label for="chkSpecialEpisode">${OptionSeason0}</label>
<input type="checkbox" name="chkMissingEpisode" id="chkMissingEpisode" data-mini="true">
<label for="chkMissingEpisode">Missing Episode</label>
<label for="chkMissingEpisode">${OptionMissingEpisode}</label>
</fieldset>
</div>
@ -97,16 +97,16 @@
</legend>
<input class="chkIsLocked" type="checkbox" id="chkIsLocked" data-mini="true">
<label for="chkIsLocked">Locked</label>
<label for="chkIsLocked">${OptionLocked}</label>
<input class="chkMissingOverview" type="checkbox" name="chkMissingOverview" id="chkMissingOverview" data-mini="true">
<label for="chkMissingOverview">${OptionMissingOverview}</label>
<input class="chkMissingRating" type="checkbox" name="chkMissingRating" id="chkMissingRating" data-mini="true">
<label for="chkMissingRating">Missing Parental Rating</label>
<label for="chkMissingRating">${OptionMissingParentalRating}</label>
<input class="chkIsUnidentified" type="checkbox" id="chkIsUnidentified" data-mini="true">
<label for="chkIsUnidentified">Unidentified</label>
<label for="chkIsUnidentified">${OptionUnidentified}</label>
<input class="chkYearMismatch" type="checkbox" name="chkYearMismatch" id="chkYearMismatch" data-mini="true">
<label for="chkYearMismatch">${OptionFileMetadataYearMismatch}</label>

16
dashboard-ui/scripts/livetvchannel.js
View file

@ -62,13 +62,13 @@
html += '<div class="tvProgramTime">';
if (program.IsLive) {
html += '<span class="liveTvProgram">LIVE&nbsp;&nbsp;</span>';
html += '<span class="liveTvProgram">'+Globalize.translate('LabelLiveProgram')+'&nbsp;&nbsp;</span>';
}
else if (program.IsPremiere) {
html += '<span class="premiereTvProgram">PREMIERE&nbsp;&nbsp;</span>';
html += '<span class="premiereTvProgram">'+Globalize.translate('LabelPremiereProgram')+'&nbsp;&nbsp;</span>';
}
else if (program.IsSeries && !program.IsRepeat) {
html += '<span class="newTvProgram">NEW&nbsp;&nbsp;</span>';
html += '<span class="newTvProgram">'+Globalize.translate('newTvProgram')+'&nbsp;&nbsp;</span>';
}
var minutes = program.RunTimeTicks / 600000000;
@ -242,13 +242,13 @@
if (obj.IsSeries && !obj.IsRepeat) {
html.push('<span class="newTvProgram">NEW</span>');
html.push('<span class="newTvProgram">'+Globalize.translate('LabelNewProgram')+'</span>');
}
if (obj.IsLive) {
html.push('<span class="liveTvProgram">LIVE</span>');
html.push('<span class="liveTvProgram">'+Globalize.translate('LabelLiveProgram')+'</span>');
}
@ -258,7 +258,7 @@
if (obj.IsHD) {
html.push('HD');
html.push(Globalize.translate('LabelHDProgram'));
}
@ -271,7 +271,7 @@
html = html.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
if (obj.SeriesTimerId) {
html += '<a href="livetvseriestimer.html?id=' + obj.SeriesTimerId + '" title="View Series Recording">';
html += '<a href="livetvseriestimer.html?id=' + obj.SeriesTimerId + '" title="'+Globalize.translate('ButtonViewSeriesRecording')+'">';
html += '<div class="timerCircle seriesTimerCircle"></div>';
html += '<div class="timerCircle seriesTimerCircle"></div>';
html += '<div class="timerCircle seriesTimerCircle"></div>';
@ -301,7 +301,7 @@
}
elem.html('Original air date:&nbsp;&nbsp;' + airDate).show();
elem.html(Globalize.translate('ValueOriginalAirDate').replace('{0}', airDate)).show();
} else {
elem.hide();
}

2
dashboard-ui/scripts/livetvchannels.js
View file

@ -9,7 +9,7 @@
return LibraryBrowser.getPosterViewHtml({
items: channels,
shape: "miniBackdrop",
shape: "smallBackdrop",
centerText: true
});
}

6
dashboard-ui/scripts/livetvguide.js
View file

@ -267,13 +267,13 @@
html += '<div class="guideProgramTime">';
if (program.IsLive) {
html += '<span class="liveTvProgram">LIVE&nbsp;&nbsp;</span>';
html += '<span class="liveTvProgram">'+Globalize.translate('LabelLiveProgram')+'&nbsp;&nbsp;</span>';
}
else if (program.IsPremiere) {
html += '<span class="premiereTvProgram">PREMIERE&nbsp;&nbsp;</span>';
html += '<span class="premiereTvProgram">'+Globalize.translate('LabelPremiereProgram')+'&nbsp;&nbsp;</span>';
}
else if (program.IsSeries && !program.IsRepeat) {
html += '<span class="newTvProgram">NEW&nbsp;&nbsp;</span>';
html += '<span class="newTvProgram">'+Globalize.translate('LabelNewProgram')+'&nbsp;&nbsp;</span>';
}
html += LiveTvHelpers.getDisplayTime(program.StartDateLocal);

28
dashboard-ui/scripts/playlistedit.js
View file

@ -1,6 +1,7 @@
(function ($, document) {
var view = LibraryBrowser.getDefaultItemsView('List', 'List');
var currentItem;
// The base query options
var query = {
@ -31,6 +32,21 @@
var user = response2[0];
var item = response3[0];
currentItem = item;
if (MediaController.canPlay(item)) {
$('.btnPlay', page).removeClass('hide');
}
else {
$('.btnPlay', page).addClass('hide');
}
if (item.LocalTrailerCount && item.PlayAccess == 'Full') {
$('.btnPlayTrailer', page).removeClass('hide');
} else {
$('.btnPlayTrailer', page).addClass('hide');
}
// Scroll back up so they can see the results from the beginning
$(document).scrollTop(0);
@ -126,6 +142,18 @@
reloadItems(page);
});
$('.btnPlay', page).on('click', function () {
var userdata = currentItem.UserData || {};
var mediaType = currentItem.MediaType;
if (currentItem.Type == "MusicArtist" || currentItem.Type == "MusicAlbum") {
mediaType = "Audio";
}
LibraryBrowser.showPlayMenu(this, currentItem.Id, currentItem.Type, currentItem.IsFolder, mediaType, userdata.PlaybackPositionTicks);
});
}).on('pagebeforeshow', "#playlistEditorPage", function () {
var page = this;