mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add custom collection sort orders to edit page
This commit is contained in:
parent
708ca5d32f
commit
5057ffec65
12 changed files with 86 additions and 39 deletions
Binary file not shown.
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 3 KiB |
|
@ -798,26 +798,26 @@ a.itemTag:hover {
|
|||
.posterRibbon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
text-align: center;
|
||||
padding: 5px 5px;
|
||||
border-bottom-left-radius: 10px;
|
||||
padding: 5px 6px;
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
background: rgb(0, 143, 187);
|
||||
background: rgba(0, 143, 187, .8);
|
||||
}
|
||||
|
||||
.offlinePosterRibbon {
|
||||
background: rgb(255, 106, 0);
|
||||
background: rgba(248, 58, 34, .8);
|
||||
}
|
||||
|
||||
.unairedPosterRibbon {
|
||||
background: rgb(208, 107, 100);
|
||||
background: rgba(255, 106, 0, .8);
|
||||
}
|
||||
|
||||
.missingPosterRibbon {
|
||||
background: rgb(248, 58, 34);
|
||||
background: rgba(248, 58, 34, .8);
|
||||
}
|
||||
|
||||
.unplayedIndicator {
|
||||
|
|
|
@ -27,8 +27,6 @@
|
|||
}
|
||||
|
||||
.nowPlayingBarImage {
|
||||
border: 1px solid #444!important;
|
||||
padding: 1px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
@ -77,7 +75,7 @@
|
|||
z-index: 99998;
|
||||
height: auto;
|
||||
width: 270px;
|
||||
bottom: 46px;
|
||||
bottom: 45px;
|
||||
left: -290px;
|
||||
border: 1px solid #666;
|
||||
background: #000;
|
||||
|
@ -198,7 +196,7 @@ input[type="range"]::-ms-fill-upper {
|
|||
border: 1px solid #999;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
bottom: 80px;
|
||||
bottom: 78px;
|
||||
margin-left: -50px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
|
@ -258,11 +256,14 @@ input[type="range"]::-ms-fill-upper {
|
|||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
padding-left: 5px;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mediaFlyoutOptionSecondaryText {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
font-weight: normal;
|
||||
margin-top: 3px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
|
|
@ -651,7 +651,7 @@ h1 .imageLink {
|
|||
|
||||
/* Dashboard home */
|
||||
.tblConnections td {
|
||||
padding: 1em 0 1em 1.5em;
|
||||
padding: 1em 0 1em 1.25em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
@ -663,9 +663,12 @@ h1 .imageLink {
|
|||
height: 48px;
|
||||
}
|
||||
|
||||
.nowPlayingText {
|
||||
padding-left: .5em!important;
|
||||
}
|
||||
|
||||
.clientNowPlayingImage {
|
||||
border: 1px solid #aaa;
|
||||
padding: 1px;
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
|
|
@ -324,13 +324,19 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="collapsible" data-mini="true" id="collapsibleSeriesDIsplaySettings" style="display: none;">
|
||||
<div data-role="collapsible" data-mini="true" id="collapsibleDisplaySettings" style="display: none;">
|
||||
<h3>Display Settings</h3>
|
||||
<div>
|
||||
<div data-role="fieldcontain">
|
||||
<div data-role="fieldcontain" id="fldDisplaySpecialsInline" class="fldDisplaySetting">
|
||||
<label for="chkDisplaySpecialsInline">Display specials within seasons they aired in.</label>
|
||||
<input data-mini="true" type="checkbox" name="chkDisplaySpecialsInline" id="chkDisplaySpecialsInline" />
|
||||
</div>
|
||||
<div data-role="fieldcontain" id="fldDisplayOrder" class="fldDisplaySetting">
|
||||
<label for="selectDisplayOrder" id="labelDisplayOrder">Display order:</label>
|
||||
<select id="selectDisplayOrder" data-mini="true">
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="collapsible" data-mini="true" id="genresCollapsible" style="display: none;">
|
||||
|
|
|
@ -665,12 +665,6 @@
|
|||
$('#fldMusicBrainzReleaseGroupId', page).hide();
|
||||
}
|
||||
|
||||
if (item.Type == "Series") {
|
||||
$('#collapsibleSeriesDIsplaySettings', page).show();
|
||||
} else {
|
||||
$('#collapsibleSeriesDIsplaySettings', page).hide();
|
||||
}
|
||||
|
||||
if (item.Type == "Episode") {
|
||||
$('#collapsibleDvdEpisodeInfo', page).show();
|
||||
} else {
|
||||
|
@ -780,6 +774,32 @@
|
|||
} else {
|
||||
$('#fldParentIndexNumber', page).hide();
|
||||
}
|
||||
|
||||
if (item.Type == "Series") {
|
||||
$('#fldDisplaySpecialsInline', page).show();
|
||||
} else {
|
||||
$('#fldDisplaySpecialsInline', page).hide();
|
||||
}
|
||||
|
||||
if (item.Type == "BoxSet") {
|
||||
$('#fldDisplayOrder', page).show();
|
||||
|
||||
$('#labelDisplayOrder', page).html('Movie display order:');
|
||||
$('#selectDisplayOrder', page).html('<option></option><option value="SortName">Sort Name</option><option value="PremiereDate">Release Date</option>').selectmenu('refresh');
|
||||
} else {
|
||||
$('#fldDisplayOrder', page).hide();
|
||||
}
|
||||
|
||||
var displaySettingFields = $('.fldDisplaySetting', page);
|
||||
if (displaySettingFields.filter(function (index) {
|
||||
|
||||
return displaySettingFields[index].style.display != 'none';
|
||||
|
||||
}).length) {
|
||||
$('#collapsibleDisplaySettings', page).show();
|
||||
} else {
|
||||
$('#collapsibleDisplaySettings', page).hide();
|
||||
}
|
||||
}
|
||||
|
||||
function fillItemInfo(page, item) {
|
||||
|
@ -850,6 +870,8 @@
|
|||
$('#txtAlbum', page).val(item.Album || "");
|
||||
$('#txtAlbumArtist', page).val(item.AlbumArtist || "");
|
||||
|
||||
$('#selectDisplayOrder', page).val(item.DisplayOrder || "").selectmenu('refresh');
|
||||
|
||||
var artists = item.Artists || [];
|
||||
$('#txtArtist', page).val(artists.join(';'));
|
||||
|
||||
|
@ -1116,6 +1138,7 @@
|
|||
AirsAfterSeasonNumber: $('#txtAirsAfterSeason', form).val(),
|
||||
AirsBeforeEpisodeNumber: $('#txtAirsBeforeEpisode', form).val(),
|
||||
ParentIndexNumber: $('#txtParentIndexNumber', form).val(),
|
||||
DisplayOrder: $('#selectDisplayOrder', form).val(),
|
||||
Players: $('#txtPlayers', form).val(),
|
||||
Album: $('#txtAlbum', form).val(),
|
||||
AlbumArtist: $('#txtAlbumArtist', form).val(),
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
var LibraryBrowser = (function (window, document, $, screen, localStorage) {
|
||||
|
||||
var defaultBackground = "#444";
|
||||
var defaultBackground = "#333";
|
||||
|
||||
return {
|
||||
|
||||
|
@ -832,10 +832,9 @@
|
|||
|
||||
if (item.Name && options.showTitle) {
|
||||
imgUrl = 'css/images/items/list/audio.png';
|
||||
background = defaultBackground;
|
||||
} else {
|
||||
background = defaultBackground;
|
||||
}
|
||||
background = defaultBackground;
|
||||
|
||||
}
|
||||
else if (item.Type == "Recording" || item.Type == "Program") {
|
||||
|
||||
|
@ -849,10 +848,15 @@
|
|||
|
||||
if (item.Name && options.showTitle) {
|
||||
imgUrl = 'css/images/items/list/video.png';
|
||||
background = defaultBackground;
|
||||
} else {
|
||||
}
|
||||
background = defaultBackground;
|
||||
}
|
||||
else if (item.Type == "Person") {
|
||||
|
||||
if (item.Name && options.showTitle) {
|
||||
imgUrl = 'css/images/items/list/person.png';
|
||||
}
|
||||
background = defaultBackground;
|
||||
}
|
||||
else {
|
||||
if (item.Name && options.showTitle) {
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
html += LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: result.Items,
|
||||
shape: "square",
|
||||
shape: "backdrop",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
|
|
|
@ -52,7 +52,7 @@
|
|||
$('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: recordings,
|
||||
shape: "square",
|
||||
shape: "backdrop",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: true,
|
||||
|
@ -79,7 +79,7 @@
|
|||
apiClient.getLiveTvRecordings({
|
||||
|
||||
userId: Dashboard.getCurrentUserId(),
|
||||
limit: 15,
|
||||
limit: 12,
|
||||
isRecording: false
|
||||
|
||||
}).done(function (result) {
|
||||
|
|
|
@ -982,7 +982,7 @@
|
|||
|
||||
var href = LibraryBrowser.getHref(item.CurrentProgram || item);
|
||||
|
||||
html += "<div><a href='" + href + "'><img class='nowPlayingBarImage ' alt='' title='' src='" + url + "' style='height:36px;display:inline-block;' /></a></div>";
|
||||
html += "<div><a href='" + href + "'><img class='nowPlayingBarImage ' alt='' title='' src='" + url + "' style='height:40px;display:inline-block;' /></a></div>";
|
||||
|
||||
if (item.SeriesName || item.Album || item.CurrentProgram) {
|
||||
html += '<div class="nowPlayingText">' + seriesName + '<br/>' + name + '</div>';
|
||||
|
|
|
@ -30,9 +30,14 @@
|
|||
var checkSortOption = $('.radioSortBy:checked', page);
|
||||
$('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
|
||||
|
||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
context: "movies"
|
||||
shape: "portrait",
|
||||
context: 'movies',
|
||||
useAverageAspectRatio: true,
|
||||
showTitle: true,
|
||||
showItemCounts: true,
|
||||
coverImage: true
|
||||
});
|
||||
|
||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||
|
|
|
@ -30,9 +30,14 @@
|
|||
var checkSortOption = $('.radioSortBy:checked', page);
|
||||
$('.viewSummary', page).html(LibraryBrowser.getViewSummaryHtml(query, checkSortOption)).trigger('create');
|
||||
|
||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
context: "tv"
|
||||
shape: "portrait",
|
||||
context: 'tv',
|
||||
useAverageAspectRatio: true,
|
||||
showTitle: true,
|
||||
showItemCounts: true,
|
||||
coverImage: true
|
||||
});
|
||||
|
||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue