1
0
Fork 0
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:
Luke Pulverenti 2014-01-03 15:32:27 -05:00
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

Before After
Before After

View file

@ -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 {

View file

@ -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;

View file

@ -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 */

View file

@ -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;">

View file

@ -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(),

View file

@ -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) {

View file

@ -25,7 +25,7 @@
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "square",
shape: "backdrop",
showTitle: true,
showParentTitle: true,
overlayText: true,

View file

@ -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) {

View file

@ -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>';

View file

@ -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);

View file

@ -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);