mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update naming project
This commit is contained in:
parent
3be5ea01cf
commit
707725bb93
6 changed files with 67 additions and 9 deletions
|
@ -182,7 +182,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.visualCardBox .outerCardFooter {
|
.visualCardBox .outerCardFooter {
|
||||||
padding: 3px;
|
padding: .5em .3em;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -230,7 +230,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.outerCardFooter .cardText + .cardText {
|
.outerCardFooter .cardText + .cardText {
|
||||||
opacity: .8;
|
opacity: .6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.outerCardFooter .cardText:first-child {
|
.outerCardFooter .cardText:first-child {
|
||||||
|
|
|
@ -57,6 +57,24 @@
|
||||||
contain: style;
|
contain: style;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.textActionButton {
|
||||||
|
border: 0 !important;
|
||||||
|
background: transparent;
|
||||||
|
border: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: none !important;
|
||||||
|
color: inherit;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textActionButton:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.pageWithAbsoluteTabs .pageTabContent, .libraryPage > .ui-content {
|
.pageWithAbsoluteTabs .pageTabContent, .libraryPage > .ui-content {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -115,7 +115,8 @@
|
||||||
showDetailsMenu: true,
|
showDetailsMenu: true,
|
||||||
centerText: true,
|
centerText: true,
|
||||||
context: 'home-upcoming',
|
context: 'home-upcoming',
|
||||||
overlayMoreButton: true
|
overlayMoreButton: true,
|
||||||
|
showParentTitle: true
|
||||||
|
|
||||||
});
|
});
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
|
@ -1447,7 +1447,7 @@
|
||||||
|
|
||||||
var footerCssClass = progressHtml ? 'cardFooter fullCardFooter' : 'cardFooter';
|
var footerCssClass = progressHtml ? 'cardFooter fullCardFooter' : 'cardFooter';
|
||||||
|
|
||||||
html += LibraryBrowser.getCardFooterText(item, options, showTitle, imgUrl, forceName, footerCssClass, progressHtml);
|
html += LibraryBrowser.getCardFooterText(item, options, showTitle, imgUrl, forceName, footerCssClass, progressHtml, false);
|
||||||
footerOverlayed = true;
|
footerOverlayed = true;
|
||||||
}
|
}
|
||||||
else if (progressHtml) {
|
else if (progressHtml) {
|
||||||
|
@ -1475,7 +1475,7 @@
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
||||||
if (!options.overlayText && !footerOverlayed) {
|
if (!options.overlayText && !footerOverlayed) {
|
||||||
html += LibraryBrowser.getCardFooterText(item, options, showTitle, imgUrl, forceName, 'cardFooter outerCardFooter', progressHtml);
|
html += LibraryBrowser.getCardFooterText(item, options, showTitle, imgUrl, forceName, 'cardFooter outerCardFooter', progressHtml, true);
|
||||||
}
|
}
|
||||||
|
|
||||||
// cardBox
|
// cardBox
|
||||||
|
@ -1487,7 +1487,20 @@
|
||||||
return html;
|
return html;
|
||||||
},
|
},
|
||||||
|
|
||||||
getCardFooterText: function (item, options, showTitle, imgUrl, forceName, footerClass, progressHtml) {
|
getTextActionButton: function (item, text) {
|
||||||
|
|
||||||
|
if (!text) {
|
||||||
|
text = itemHelper.getDisplayName(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
var html = '<button data-id="' + item.Id + '" data-type="' + item.Type + '" data-mediatype="' + item.MediaType + '" data-isfolder="' + item.IsFolder + '" type="button" class="itemAction textActionButton" data-action="link">';
|
||||||
|
html += text;
|
||||||
|
html += '</button>';
|
||||||
|
|
||||||
|
return html;
|
||||||
|
},
|
||||||
|
|
||||||
|
getCardFooterText: function (item, options, showTitle, imgUrl, forceName, footerClass, progressHtml, isOuterFooter) {
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
@ -1509,16 +1522,40 @@
|
||||||
|
|
||||||
var lines = [];
|
var lines = [];
|
||||||
|
|
||||||
if (options.showParentTitle) {
|
var parentTitleUnderneath = item.Type == 'MusicAlbum' || item.Type == 'Audio' || item.Type == 'MusicVideo';
|
||||||
|
if (options.showParentTitle && !parentTitleUnderneath) {
|
||||||
|
|
||||||
|
if (isOuterFooter && item.Type == 'Episode' && item.SeriesName && item.SeriesId) {
|
||||||
|
|
||||||
|
lines.push(LibraryBrowser.getTextActionButton({
|
||||||
|
Id: item.SeriesId,
|
||||||
|
Name: item.SeriesName,
|
||||||
|
Type: 'Series',
|
||||||
|
IsFolder: true
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
lines.push(item.EpisodeTitle ? item.Name : (item.SeriesName || item.Album || item.AlbumArtist || item.GameSystem || ""));
|
lines.push(item.EpisodeTitle ? item.Name : (item.SeriesName || item.Album || item.AlbumArtist || item.GameSystem || ""));
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (showTitle || forceName) {
|
if (showTitle || forceName) {
|
||||||
|
|
||||||
lines.push(htmlEncode(name));
|
lines.push(htmlEncode(name));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (options.showParentTitle && parentTitleUnderneath) {
|
||||||
|
|
||||||
|
if (isOuterFooter && item.AlbumArtists && item.AlbumArtists.length) {
|
||||||
|
item.AlbumArtists[0].Type = 'MusicArtist';
|
||||||
|
item.AlbumArtists[0].IsFolder = true;
|
||||||
|
lines.push(LibraryBrowser.getTextActionButton(item.AlbumArtists[0]));
|
||||||
|
} else {
|
||||||
|
lines.push(item.EpisodeTitle ? item.Name : (item.SeriesName || item.Album || item.AlbumArtist || item.GameSystem || ""));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (options.showItemCounts) {
|
if (options.showItemCounts) {
|
||||||
|
|
||||||
var itemCountHtml = LibraryBrowser.getItemCountsHtml(options, item);
|
var itemCountHtml = LibraryBrowser.getItemCountsHtml(options, item);
|
||||||
|
|
|
@ -205,6 +205,7 @@
|
||||||
var alphaPickerElement = tabContent.querySelector('.alphaPicker');
|
var alphaPickerElement = tabContent.querySelector('.alphaPicker');
|
||||||
alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
|
alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
|
||||||
var newValue = e.detail.value;
|
var newValue = e.detail.value;
|
||||||
|
alert(newValue);
|
||||||
var query = getQuery(tabContent);
|
var query = getQuery(tabContent);
|
||||||
query.NameStartsWithOrGreater = newValue;
|
query.NameStartsWithOrGreater = newValue;
|
||||||
query.StartIndex = 0;
|
query.StartIndex = 0;
|
||||||
|
|
|
@ -116,7 +116,8 @@
|
||||||
lazy: true,
|
lazy: true,
|
||||||
showDetailsMenu: true,
|
showDetailsMenu: true,
|
||||||
centerText: true,
|
centerText: true,
|
||||||
overlayMoreButton: true
|
overlayMoreButton: true,
|
||||||
|
showParentTitle: true
|
||||||
|
|
||||||
});
|
});
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue