1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/search/searchresults.js

396 lines
17 KiB
JavaScript
Raw Normal View History

2018-10-23 01:05:09 +03:00
define(["layoutManager", "globalize", "require", "events", "connectionManager", "cardBuilder", "appRouter", "emby-scroller", "emby-itemscontainer", "emby-linkbutton"], function(layoutManager, globalize, require, events, connectionManager, cardBuilder, appRouter) {
"use strict";
function loadSuggestions(instance, context, apiClient) {
var options = {
SortBy: "IsFavoriteOrLiked,Random",
IncludeItemTypes: "Movie,Series,MusicArtist",
Limit: 20,
Recursive: !0,
ImageTypeLimit: 0,
EnableImages: !1,
ParentId: instance.options.parentId,
EnableTotalRecordCount: !1
};
apiClient.getItems(apiClient.getCurrentUserId(), options).then(function(result) {
"suggestions" !== instance.mode && (result.Items = []);
var html = result.Items.map(function(i) {
var href = appRouter.getRouteUrl(i),
itemHtml = '<div><a is="emby-linkbutton" class="button-link" style="display:inline-block;padding:.5em 1em;" href="' + href + '">';
return itemHtml += i.Name, itemHtml += "</a></div>"
}).join(""),
searchSuggestions = context.querySelector(".searchSuggestions");
searchSuggestions.querySelector(".searchSuggestionsList").innerHTML = html, result.Items.length && searchSuggestions.classList.remove("hide")
})
}
function getSearchHints(instance, apiClient, query) {
if (!query.searchTerm) return Promise.resolve({
SearchHints: []
});
var allowSearch = !0,
queryIncludeItemTypes = query.IncludeItemTypes;
if ("tvshows" === instance.options.collectionType ? query.IncludeArtists ? allowSearch = !1 : "Movie" !== queryIncludeItemTypes && "LiveTvProgram" !== queryIncludeItemTypes && "MusicAlbum" !== queryIncludeItemTypes && "Audio" !== queryIncludeItemTypes && "Book" !== queryIncludeItemTypes && "AudioBook" !== queryIncludeItemTypes && "Playlist" !== queryIncludeItemTypes && "PhotoAlbum" !== queryIncludeItemTypes && "Video" !== query.MediaTypes && "Photo" !== query.MediaTypes || (allowSearch = !1) : "movies" === instance.options.collectionType ? query.IncludeArtists ? allowSearch = !1 : "Series" !== queryIncludeItemTypes && "Episode" !== queryIncludeItemTypes && "LiveTvProgram" !== queryIncludeItemTypes && "MusicAlbum" !== queryIncludeItemTypes && "Audio" !== queryIncludeItemTypes && "Book" !== queryIncludeItemTypes && "AudioBook" !== queryIncludeItemTypes && "Playlist" !== queryIncludeItemTypes && "PhotoAlbum" !== queryIncludeItemTypes && "Video" !== query.MediaTypes && "Photo" !== query.MediaTypes || (allowSearch = !1) : "music" === instance.options.collectionType ? query.People ? allowSearch = !1 : "Series" !== queryIncludeItemTypes && "Episode" !== queryIncludeItemTypes && "LiveTvProgram" !== queryIncludeItemTypes && "Movie" !== queryIncludeItemTypes || (allowSearch = !1) : "livetv" === instance.options.collectionType && (query.IncludeArtists || query.IncludePeople ? allowSearch = !1 : "Series" !== queryIncludeItemTypes && "Episode" !== queryIncludeItemTypes && "MusicAlbum" !== queryIncludeItemTypes && "Audio" !== queryIncludeItemTypes && "Book" !== queryIncludeItemTypes && "AudioBook" !== queryIncludeItemTypes && "PhotoAlbum" !== queryIncludeItemTypes && "Movie" !== queryIncludeItemTypes && "Video" !== query.MediaTypes && "Photo" !== query.MediaTypes || (allowSearch = !1)), "NullType" === queryIncludeItemTypes && (allowSearch = !1), !allowSearch) return Promise.resolve({
SearchHints: []
});
if (apiClient.isMinServerVersion("3.4.1.31")) {
query.Fields = "PrimaryImageAspectRatio,CanDelete,BasicSyncInfo,MediaSourceCount", query.Recursive = !0, query.EnableTotalRecordCount = !1, query.ImageTypeLimit = 1;
var methodName = "getItems";
return query.IncludeMedia || (query.IncludePeople ? methodName = "getPeople" : query.IncludeArtists && (methodName = "getArtists")), apiClient[methodName](apiClient.getCurrentUserId(), query)
}
return query.UserId = apiClient.getCurrentUserId(), apiClient.getSearchHints(query)
}
function search(instance, apiClient, context, value) {
value || layoutManager.tv ? (instance.mode = "search", context.querySelector(".searchSuggestions").classList.add("hide")) : (instance.mode = "suggestions", loadSuggestions(instance, context, apiClient)), "livetv" === instance.options.collectionType ? searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "LiveTvProgram",
IsMovie: !0,
IsKids: !1,
IsNews: !1
}, context, ".movieResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowPortrait" : "portrait",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}) : searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Movie"
}, context, ".movieResults", {
showTitle: !0,
overlayText: !1,
centerText: !0,
showYear: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Series"
}, context, ".seriesResults", {
showTitle: !0,
overlayText: !1,
centerText: !0,
showYear: !0
}), "livetv" === instance.options.collectionType ? searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "LiveTvProgram",
IsSeries: !0,
IsSports: !1,
IsKids: !1,
IsNews: !1
}, context, ".episodeResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowBackdrop" : "backdrop",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}) : searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Episode"
}, context, ".episodeResults", {
coverImage: !0,
showTitle: !0,
showParentTitle: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "livetv" === instance.options.collectionType ? "LiveTvProgram" : "NullType",
IsSports: !0
}, context, ".sportsResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowBackdrop" : "backdrop",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "livetv" === instance.options.collectionType ? "LiveTvProgram" : "NullType",
IsKids: !0
}, context, ".kidsResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowBackdrop" : "backdrop",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "livetv" === instance.options.collectionType ? "LiveTvProgram" : "NullType",
IsNews: !0
}, context, ".newsResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowBackdrop" : "backdrop",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "LiveTvProgram",
IsMovie: "livetv" !== instance.options.collectionType && null,
IsSeries: "livetv" !== instance.options.collectionType && null,
IsSports: "livetv" !== instance.options.collectionType && null,
IsKids: "livetv" !== instance.options.collectionType && null,
IsNews: "livetv" !== instance.options.collectionType && null
}, context, ".programResults", {
preferThumb: !0,
inheritThumb: !1,
shape: enableScrollX() ? "overflowBackdrop" : "backdrop",
showParentTitleOrTitle: !0,
showTitle: !1,
centerText: !0,
coverImage: !0,
overlayText: !1,
overlayMoreButton: !0,
showAirTime: !0,
showAirDateTime: !0,
showChannelName: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
MediaTypes: "Video",
ExcludeItemTypes: "Movie,Episode"
}, context, ".videoResults", {
showParentTitle: !0,
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !0,
IncludeMedia: !1,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1
}, context, ".peopleResults", {
coverImage: !0,
showTitle: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !1,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !0
}, context, ".artistResults", {
coverImage: !0,
showTitle: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "MusicAlbum"
}, context, ".albumResults", {
showParentTitle: !0,
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Audio"
}, context, ".songResults", {
showParentTitle: !0,
showTitle: !0,
overlayText: !1,
centerText: !0,
action: "play"
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
MediaTypes: "Photo"
}, context, ".photoResults", {
showParentTitle: !1,
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "PhotoAlbum"
}, context, ".photoAlbumResults", {
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Book"
}, context, ".bookResults", {
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "AudioBook"
}, context, ".audioBookResults", {
showTitle: !0,
overlayText: !1,
centerText: !0
}), searchType(instance, apiClient, {
searchTerm: value,
IncludePeople: !1,
IncludeMedia: !0,
IncludeGenres: !1,
IncludeStudios: !1,
IncludeArtists: !1,
IncludeItemTypes: "Playlist"
}, context, ".playlistResults", {
showTitle: !0,
overlayText: !1,
centerText: !0
})
}
function searchType(instance, apiClient, query, context, section, cardOptions) {
query.Limit = enableScrollX() ? 24 : 16, query.ParentId = instance.options.parentId, getSearchHints(instance, apiClient, query).then(function(result) {
populateResults(result, context, section, cardOptions)
})
}
function populateResults(result, context, section, cardOptions) {
section = context.querySelector(section);
var items = result.Items || result.SearchHints,
itemsContainer = section.querySelector(".itemsContainer");
cardBuilder.buildCards(items, Object.assign({
itemsContainer: itemsContainer,
parentContainer: section,
shape: enableScrollX() ? "autooverflow" : "auto",
scalable: !0,
overlayText: !1,
centerText: !0,
allowBottomPadding: !enableScrollX()
}, cardOptions || {})), section.querySelector(".emby-scroller").scrollToBeginning(!0)
}
function enableScrollX() {
return !0
}
function replaceAll(originalString, strReplace, strWith) {
var reg = new RegExp(strReplace, "ig");
return originalString.replace(reg, strWith)
}
function embed(elem, instance, options) {
require(["text!./searchresults.template.html"], function(template) {
enableScrollX() || (template = replaceAll(template, 'data-horizontal="true"', 'data-horizontal="false"'), template = replaceAll(template, "itemsContainer scrollSlider", "itemsContainer scrollSlider vertical-wrap"));
var html = globalize.translateDocument(template, "sharedcomponents");
elem.innerHTML = html, elem.classList.add("searchResults"), instance.search("")
})
}
function SearchResults(options) {
this.options = options, embed(options.element, this, options)
}
return SearchResults.prototype.search = function(value) {
search(this, connectionManager.getApiClient(this.options.serverId), this.options.element, value)
}, SearchResults.prototype.destroy = function() {
var options = this.options;
options && options.element.classList.remove("searchFields"), this.options = null
}, SearchResults
});