mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update menu bar
This commit is contained in:
parent
7caa16c657
commit
aff141f716
10 changed files with 72 additions and 28 deletions
|
@ -33,13 +33,18 @@
|
|||
setInitialCollapsibleState(page, item, context, user);
|
||||
renderDetails(page, item, context);
|
||||
|
||||
var hasBackdrop = false;
|
||||
if (item.Type == 'MusicAlbum1' || item.Type == 'Season1') {
|
||||
Backdrops.setBackdrops(page, [item]);
|
||||
$('#itemBackdrop', page).addClass('noBackdrop').css('background-image', 'none');
|
||||
} else {
|
||||
LibraryBrowser.renderDetailPageBackdrop(page, item);
|
||||
hasBackdrop = LibraryBrowser.renderDetailPageBackdrop(page, item);
|
||||
}
|
||||
|
||||
var transparentHeader = hasBackdrop && page.classList.contains('noSecondaryNavPage');
|
||||
|
||||
LibraryMenu.setTransparentMenu(transparentHeader);
|
||||
|
||||
var canPlay = false;
|
||||
|
||||
if (item.Type == 'Program') {
|
||||
|
@ -311,9 +316,9 @@
|
|||
renderSiblingLinks(page, item, context);
|
||||
|
||||
if (item.Taglines && item.Taglines.length) {
|
||||
$('#itemTagline', page).html(item.Taglines[0]).show();
|
||||
$('.tagline', page).html(item.Taglines[0]).show();
|
||||
} else {
|
||||
$('#itemTagline', page).hide();
|
||||
$('.tagline', page).hide();
|
||||
}
|
||||
|
||||
LibraryBrowser.renderOverview(page.querySelectorAll('.itemOverview'), item);
|
||||
|
@ -350,9 +355,9 @@
|
|||
}
|
||||
|
||||
if (item.ArtistItems && item.ArtistItems.length && item.Type != "MusicAlbum") {
|
||||
$('#artist', page).show().html(getArtistLinksHtml(item.ArtistItems, context)).trigger('create');
|
||||
$('.artist', page).show().html(getArtistLinksHtml(item.ArtistItems, context)).trigger('create');
|
||||
} else {
|
||||
$('#artist', page).hide();
|
||||
$('.artist', page).hide();
|
||||
}
|
||||
|
||||
if (item.MediaSources && item.MediaSources.length && item.Path) {
|
||||
|
@ -1697,6 +1702,7 @@
|
|||
var page = this;
|
||||
|
||||
Events.off(ApiClient, 'websocketmessage', onWebSocketMessage);
|
||||
LibraryMenu.setTransparentMenu(false);
|
||||
});
|
||||
|
||||
function itemDetailPage() {
|
||||
|
|
|
@ -3236,6 +3236,7 @@
|
|||
var screenWidth = screen.availWidth;
|
||||
|
||||
var imgUrl;
|
||||
var hasbackdrop = false;
|
||||
|
||||
if (item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||
|
||||
|
@ -3247,6 +3248,7 @@
|
|||
});
|
||||
|
||||
ImageLoader.lazyImage($('#itemBackdrop', page).removeClass('noBackdrop')[0], imgUrl);
|
||||
hasbackdrop = true;
|
||||
}
|
||||
else if (item.ParentBackdropItemId && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
|
||||
|
||||
|
@ -3258,12 +3260,14 @@
|
|||
});
|
||||
|
||||
ImageLoader.lazyImage($('#itemBackdrop', page).removeClass('noBackdrop')[0], imgUrl);
|
||||
|
||||
hasbackdrop = true;
|
||||
}
|
||||
else {
|
||||
|
||||
$('#itemBackdrop', page).addClass('noBackdrop').css('background-image', 'none');
|
||||
}
|
||||
|
||||
return hasbackdrop;
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -575,6 +575,18 @@
|
|||
mainDrawerButton.classList.remove('hide');
|
||||
}
|
||||
}
|
||||
},
|
||||
setTransparentMenu: function (transparent) {
|
||||
|
||||
var viewMenuBar = document.querySelector('.viewMenuBar');
|
||||
|
||||
if (viewMenuBar) {
|
||||
if (transparent) {
|
||||
viewMenuBar.classList.add('semiTransparent');
|
||||
} else {
|
||||
viewMenuBar.classList.remove('semiTransparent');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -4,21 +4,19 @@
|
|||
|
||||
var folderHtml = '';
|
||||
|
||||
folderHtml += '<div data-role="controlgroup">';
|
||||
folderHtml += '<div class="paperCheckboxList">';
|
||||
folderHtml += result.Items.map(function (i) {
|
||||
|
||||
var currentHtml = '';
|
||||
|
||||
var id = 'chkGroupFolder' + i.Id;
|
||||
|
||||
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
|
||||
|
||||
var isChecked = (user.Configuration.ExcludeFoldersFromGrouping != null && user.Configuration.ExcludeFoldersFromGrouping.indexOf(i.Id) == -1) ||
|
||||
user.Configuration.GroupedFolders.indexOf(i.Id) != -1;
|
||||
|
||||
var checkedHtml = isChecked ? ' checked="checked"' : '';
|
||||
|
||||
currentHtml += '<input class="chkGroupFolder" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
|
||||
currentHtml += '<paper-checkbox class="chkGroupFolder" data-folderid="' + i.Id + '" id="' + id + '"' + checkedHtml + '>' + i.Name + '</paper-checkbox>';
|
||||
|
||||
return currentHtml;
|
||||
|
||||
|
@ -33,19 +31,17 @@
|
|||
|
||||
var folderHtml = '';
|
||||
|
||||
folderHtml += '<div data-role="controlgroup">';
|
||||
folderHtml += '<div class="paperCheckboxList">';
|
||||
folderHtml += result.map(function (i) {
|
||||
|
||||
var currentHtml = '';
|
||||
|
||||
var id = 'chkPlainFolder' + i.Id;
|
||||
|
||||
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
|
||||
|
||||
var isChecked = user.Configuration.PlainFolderViews.indexOf(i.Id) == -1;
|
||||
var checkedHtml = isChecked ? ' checked="checked"' : '';
|
||||
|
||||
currentHtml += '<input class="chkPlainFolder" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
|
||||
currentHtml += '<paper-checkbox class="chkPlainFolder" data-folderid="' + i.Id + '" id="' + id + '"' + checkedHtml + '>' + i.Name + '</paper-checkbox>';
|
||||
|
||||
return currentHtml;
|
||||
|
||||
|
@ -66,19 +62,17 @@
|
|||
|
||||
var folderHtml = '';
|
||||
|
||||
folderHtml += '<div data-role="controlgroup">';
|
||||
folderHtml += '<div class="paperCheckboxList">';
|
||||
folderHtml += result.Items.map(function (i) {
|
||||
|
||||
var currentHtml = '';
|
||||
|
||||
var id = 'chkIncludeInLatest' + i.Id;
|
||||
|
||||
currentHtml += '<label for="' + id + '">' + i.Name + '</label>';
|
||||
|
||||
var isChecked = user.Configuration.LatestItemsExcludes.indexOf(i.Id) == -1;
|
||||
var checkedHtml = isChecked ? ' checked="checked"' : '';
|
||||
|
||||
currentHtml += '<input class="chkIncludeInLatest" data-folderid="' + i.Id + '" type="checkbox" id="' + id + '"' + checkedHtml + ' />';
|
||||
currentHtml += '<paper-checkbox class="chkIncludeInLatest" data-folderid="' + i.Id + '" id="' + id + '"' + checkedHtml + '>' + i.Name + '</paper-checkbox>';
|
||||
|
||||
return currentHtml;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue