mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

paging progress

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-09 01:06:13 -04:00
parent 9620b78e2a
commit 72a4598a2e
4 changed files with 124 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

3
dashboard-ui/css/librarybrowser.css
View file

@ -87,9 +87,10 @@
.libraryItemsGrid th { .libraryItemsGrid th {
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #555;
} }
.libraryItemsGrid td, .libraryItemsGrid th { .libraryItemsGrid td {
border-top: 1px solid #555; border-top: 1px solid #555;
border-bottom: 1px solid #555; border-bottom: 1px solid #555;
} }

207
dashboard-ui/scripts/librarybrowser.js
View file

@ -148,72 +148,72 @@
return html; return html;
}, },
getBoxsetPosterViewHtml: function (options) { getBoxsetPosterViewHtml: function (options) {
var items = options.items; var items = options.items;
var primaryImageAspectRatio = options.useAverageAspectRatio ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null; var primaryImageAspectRatio = options.useAverageAspectRatio ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null;
var html = ""; var html = "";
for (var i = 0, length = items.length; i < length; i++) { for (var i = 0, length = items.length; i < length; i++) {
var item = items[i]; var item = items[i];
var hasPrimaryImage = item.ImageTags && item.ImageTags.Primary; var hasPrimaryImage = item.ImageTags && item.ImageTags.Primary;
var href = item.url || ("boxset.html?id=" + item.Id); var href = item.url || ("boxset.html?id=" + item.Id);
var showText = options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season' && item.Type !== 'Trailer'); var showText = options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season' && item.Type !== 'Trailer');
var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText"; var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText";
html += "<div class='" + cssClass + "'><a href='" + href + "'>"; html += "<div class='" + cssClass + "'><a href='" + href + "'>";
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) { if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
html += "<img src='" + ApiClient.getImageUrl(item.Id, { html += "<img src='" + ApiClient.getImageUrl(item.Id, {
type: "Backdrop", type: "Backdrop",
height: 198, height: 198,
width: 352, width: 352,
tag: item.BackdropImageTags[0] tag: item.BackdropImageTags[0]
}) + "' />"; }) + "' />";
} else if (hasPrimaryImage) { } else if (hasPrimaryImage) {
var height = 300; var height = 300;
var width = primaryImageAspectRatio ? parseInt(height * primaryImageAspectRatio) : null; var width = primaryImageAspectRatio ? parseInt(height * primaryImageAspectRatio) : null;
html += "<img src='" + ApiClient.getImageUrl(item.Id, { html += "<img src='" + ApiClient.getImageUrl(item.Id, {
type: "Primary", type: "Primary",
height: height, height: height,
width: width, width: width,
tag: item.ImageTags.Primary tag: item.ImageTags.Primary
}) + "' />"; }) + "' />";
} else if (item.BackdropImageTags && item.BackdropImageTags.length) { } else if (item.BackdropImageTags && item.BackdropImageTags.length) {
html += "<img src='" + ApiClient.getImageUrl(item.Id, { html += "<img src='" + ApiClient.getImageUrl(item.Id, {
type: "Backdrop", type: "Backdrop",
height: 198, height: 198,
width: 352, width: 352,
tag: item.BackdropImageTags[0] tag: item.BackdropImageTags[0]
}) + "' />"; }) + "' />";
} else { } else {
html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />"; html += "<img style='background:" + LibraryBrowser.getMetroColor(item.Id) + ";' src='css/images/items/list/video.png' />";
} }
if (showText) { if (showText) {
html += "<div class='posterViewItemText posterViewItemPrimaryText'>"; html += "<div class='posterViewItemText posterViewItemPrimaryText'>";
html += item.Name; html += item.Name;
html += "</div>"; html += "</div>";
html += "<div class='posterViewItemText'>"; html += "<div class='posterViewItemText'>";
html += item.ChildCount+" Movie"; html += item.ChildCount + " Movie";
if (item.ChildCount > 1) html += "s"; if (item.ChildCount > 1) html += "s";
html += "</div>"; html += "</div>";
} }
html += "</a></div>"; html += "</a></div>";
} }
return html; return html;
}, },
getAveragePrimaryImageAspectRatio: function (items) { getAveragePrimaryImageAspectRatio: function (items) {
@ -258,10 +258,10 @@
if (str) { if (str) {
var char = String(str.substr(0, 1).charCodeAt()); var char = String(str.substr(0, 1).charCodeAt());
var sum = 0; var sum = 0;
for (var i = 0; i < char.length; i++) { for (var i = 0; i < char.length; i++) {
sum += parseInt(char.charAt(i)); sum += parseInt(char.charAt(i));
} }
var index = String(sum).substr(-1); var index = String(sum).substr(-1);
return LibraryBrowser.metroColors[index]; return LibraryBrowser.metroColors[index];
@ -271,45 +271,72 @@
}, },
renderLinks: function (item) { renderLinks: function (item) {
var page = $.mobile.activePage; var page = $.mobile.activePage;
//console.log(item); //console.log(item);
if (item.ProviderIds) { if (item.ProviderIds) {
var html = 'Links:&nbsp;&nbsp;'; var html = 'Links:&nbsp;&nbsp;';
var links = []; var links = [];
if (item.ProviderIds.Imdb) { if (item.ProviderIds.Imdb) {
if (item.Type == "Movie" || item.Type == "Episode") if (item.Type == "Movie" || item.Type == "Episode")
links.push('<a class="ui-link" href="http://www.imdb.com/title/' + item.ProviderIds.Imdb + '" target="_blank">IMDb</a>'); links.push('<a class="ui-link" href="http://www.imdb.com/title/' + item.ProviderIds.Imdb + '" target="_blank">IMDb</a>');
else if (item.Type == "Person") else if (item.Type == "Person")
links.push('<a class="ui-link" href="http://www.imdb.com/name/' + item.ProviderIds.Imdb + '" target="_blank">IMDb</a>'); links.push('<a class="ui-link" href="http://www.imdb.com/name/' + item.ProviderIds.Imdb + '" target="_blank">IMDb</a>');
} }
if (item.ProviderIds.Tmdb) { if (item.ProviderIds.Tmdb) {
if (item.Type == "Movie") if (item.Type == "Movie")
links.push('<a class="ui-link" href="http://www.themoviedb.org/movie/' + item.ProviderIds.Tmdb + '" target="_blank">TMDB</a>'); links.push('<a class="ui-link" href="http://www.themoviedb.org/movie/' + item.ProviderIds.Tmdb + '" target="_blank">TMDB</a>');
else if (item.Type == "Person") else if (item.Type == "Person")
links.push('<a class="ui-link" href="http://www.themoviedb.org/person/' + item.ProviderIds.Tmdb + '" target="_blank">TMDB</a>'); links.push('<a class="ui-link" href="http://www.themoviedb.org/person/' + item.ProviderIds.Tmdb + '" target="_blank">TMDB</a>');
} }
if (item.ProviderIds.Tvdb) if (item.ProviderIds.Tvdb)
links.push('<a class="ui-link" href="http://thetvdb.com/index.php?tab=series&id=' + item.ProviderIds.Tvdb + '" target="_blank">TVDB</a>'); links.push('<a class="ui-link" href="http://thetvdb.com/index.php?tab=series&id=' + item.ProviderIds.Tvdb + '" target="_blank">TVDB</a>');
if (item.ProviderIds.Tvcom) { if (item.ProviderIds.Tvcom) {
if (item.Type == "Episode") if (item.Type == "Episode")
links.push('<a class="ui-link" href="http://www.tv.com/shows/' + item.ProviderIds.Tvcom + '" target="_blank">TV.com</a>'); links.push('<a class="ui-link" href="http://www.tv.com/shows/' + item.ProviderIds.Tvcom + '" target="_blank">TV.com</a>');
else if (item.Type == "Person") else if (item.Type == "Person")
links.push('<a class="ui-link" href="http://www.tv.com/people/' + item.ProviderIds.Tvcom + '" target="_blank">TV.com</a>'); links.push('<a class="ui-link" href="http://www.tv.com/people/' + item.ProviderIds.Tvcom + '" target="_blank">TV.com</a>');
} }
if (item.ProviderIds.Musicbrainz) if (item.ProviderIds.Musicbrainz)
links.push('<a class="ui-link" href="http://musicbrainz.org/release/' + item.ProviderIds.Musicbrainz + '" target="_blank">MusicBrainz</a>'); links.push('<a class="ui-link" href="http://musicbrainz.org/release/' + item.ProviderIds.Musicbrainz + '" target="_blank">MusicBrainz</a>');
if (item.ProviderIds.Gamesdb) if (item.ProviderIds.Gamesdb)
links.push('<a class="ui-link" href="http://www.games-db.com/Game/' + item.ProviderIds.Gamesdb + '" target="_blank">GamesDB</a>'); links.push('<a class="ui-link" href="http://www.games-db.com/Game/' + item.ProviderIds.Gamesdb + '" target="_blank">GamesDB</a>');
html += links.join('&nbsp;&nbsp;/&nbsp;&nbsp;'); html += links.join('&nbsp;&nbsp;/&nbsp;&nbsp;');
$('#itemLinks', page).html(html); $('#itemLinks', page).html(html);
} else { } else {
$('#itemLinks', page).hide(); $('#itemLinks', page).hide();
} }
} },
getPagingHtml: function (query, totalRecordCount) {
var html = '';
var pageCount = Math.ceil(totalRecordCount / query.Limit);
var pageNumber = (query.StartIndex / query.Limit) + 1;
var dropdownHtml = '<select data-enhance="false" data-role="none">';
for (var i = 1; i <= pageCount; i++) {
if (i == pageNumber) {
dropdownHtml += '<option value="' + i + '" selected="selected">' + i + '</option>';
} else {
dropdownHtml += '<option value="' + i + '">' + i + '</option>';
}
}
dropdownHtml += '</select>';
var recordsEnd = Math.min(query.StartIndex + query.Limit, totalRecordCount);
html += '<div class="listPaging">';
html += 'Results ' + (query.StartIndex + 1) + '-' + recordsEnd + ' of ' + totalRecordCount + ', page ' + dropdownHtml + ' of ' + pageCount;
html += '</div>';
return html;
}
}; };

4
dashboard-ui/scripts/mediaplayer.js
View file

@ -1,4 +1,4 @@
var MediaPlayer = (function (document, clearTimeout, screen, localStorage, _V_, $) { var MediaPlayer = (function (document, clearTimeout, screen, localStorage, _V_, $, setInterval) {
var testableAudioElement = document.createElement('audio'); var testableAudioElement = document.createElement('audio');
var testableVideoElement = document.createElement('video'); var testableVideoElement = document.createElement('video');
@ -360,4 +360,4 @@
return self; return self;
})(document, clearTimeout, screen, localStorage, _V_, $); })(document, clearTimeout, screen, localStorage, _V_, $, setInterval);

29
dashboard-ui/scripts/movies.js
View file

@ -138,31 +138,6 @@
return html; return html;
} }
function getPagingHtml(result) {
var html = '';
var pageCount = Math.round(result.TotalRecordCount / query.Limit);
var pageNumber = (query.StartIndex / query.Limit) + 1;
var dropdownHtml = '<select data-enhance="false" data-role="none">';
for (var i = 1; i <= pageCount; i++) {
if (i == pageNumber) {
dropdownHtml += '<option value="' + i + '" selected="selected">' + i + '</option>';
} else {
dropdownHtml += '<option value="' + i + '">' + i + '</option>';
}
}
dropdownHtml += '</select>';
html += '<div class="listPaging">';
html += 'Results ' + (query.StartIndex + 1) + '-' + (query.StartIndex + query.Limit) + ' of ' + result.TotalRecordCount + ', page ' + dropdownHtml + ' of ' + pageCount;
html += '</div>';
return html;
}
function reloadItems(page) { function reloadItems(page) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -174,7 +149,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { if (showPaging) {
html += getPagingHtml(result); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
} }
if (view == "Poster") { if (view == "Poster") {
@ -188,7 +163,7 @@
} }
if (showPaging) { if (showPaging) {
html += getPagingHtml(result); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
} }
var elem = $('#items', page); var elem = $('#items', page);