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

more dashboard code consolidation

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-10 13:11:23 -04:00
parent 86603de5f2
commit a5b6dbcd1a
6 changed files with 235 additions and 198 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/scripts/Itemdetailpage.js
View file

@ -84,8 +84,8 @@
$('#itemName', page).html(name); $('#itemName', page).html(name);
if (item.SeriesName || item.Album) { if (item.SeriesName || item.Album) {
var series_name = item.SeriesName || item.Album; var seriesName = item.SeriesName || item.Album;
$('#seriesName', page).html(series_name).show(); $('#seriesName', page).html(seriesName).show();
} }
ItemDetailPage.renderFav(item); ItemDetailPage.renderFav(item);
@ -299,7 +299,7 @@
for (var i = 0, length = chapters.length; i < length; i++) { for (var i = 0, length = chapters.length; i < length; i++) {
var chapter = chapters[i]; var chapter = chapters[i];
var chapter_name = chapter.Name || "Chapter " + i; var chapterName = chapter.Name || "Chapter " + i;
html += '<div class="posterViewItem posterViewItemWithDualText">'; html += '<div class="posterViewItem posterViewItemWithDualText">';
html += '<a href="#play-Chapter-' + i + '" onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');">'; html += '<a href="#play-Chapter-' + i + '" onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');">';
@ -318,7 +318,7 @@
html += '<img src="css/images/items/list/chapter.png"/>'; html += '<img src="css/images/items/list/chapter.png"/>';
} }
html += '<div class="posterViewItemText posterViewItemPrimaryText">' + chapter_name + '</div>'; html += '<div class="posterViewItemText posterViewItemPrimaryText">' + chapterName + '</div>';
html += '<div class="posterViewItemText">'; html += '<div class="posterViewItemText">';
html += ticks_to_human(chapter.StartPositionTicks); html += ticks_to_human(chapter.StartPositionTicks);

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

@ -410,10 +410,7 @@
}, },
renderLinks: function (item) { getLinksHtml: function (item) {
var page = $.mobile.activePage;
//console.log(item);
if (item.ProviderIds) {
var html = 'Links:&nbsp;&nbsp;'; var html = 'Links:&nbsp;&nbsp;';
var links = []; var links = [];
@ -445,7 +442,14 @@
html += links.join('&nbsp;&nbsp;/&nbsp;&nbsp;'); html += links.join('&nbsp;&nbsp;/&nbsp;&nbsp;');
$('#itemLinks', page).html(html); return html;
},
renderLinks: function (item, page) {
if (item.ProviderIds) {
$('#itemLinks', page).html(LibraryBrowser.getLinksHtml(item));
} else { } else {
$('#itemLinks', page).hide(); $('#itemLinks', page).hide();
@ -498,33 +502,136 @@
return html; return html;
}, },
getUserRatingHtml: function (item) { getUserDataIconsHtml: function (item) {
var html = ''; var html = '';
var userData = item.UserData || {}; var userData = item.UserData || {};
if (typeof userData.Likes == "undefined") { var itemId = item.Id;
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />'; var type = item.Type;
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />';
} else if (userData.Likes) { if (item.MediaType) {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />'; if (userData.Played) {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" />'; html += '<img data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgPlayed" src="css/images/userdata/played.png" alt="Played" title="Played" onclick="LibraryBrowser.markPlayed(this);" />';
} else { } else {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" />'; html += '<img data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgPlayedOff" src="css/images/userdata/unplayed.png" alt="Played" title="Played" onclick="LibraryBrowser.markPlayed(this);" />';
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />'; }
}
if (typeof userData.Likes == "undefined") {
html += '<img onclick="LibraryBrowser.markDislike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgDislikeOff" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />';
html += '<img onclick="LibraryBrowser.markLike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgLikeOff" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />';
}
else if (userData.Likes) {
html += '<img onclick="LibraryBrowser.markDislike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgDislikeOff" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />';
html += '<img onclick="LibraryBrowser.markLike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgLike" src="css/images/userdata/thumbs_up_on.png" alt="Like" title="Like" />';
}
else {
html += '<img onclick="LibraryBrowser.markDislike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgDislike" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" />';
html += '<img onclick="LibraryBrowser.markLike(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgLikeOff" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />';
} }
if (userData.IsFavorite) { if (userData.IsFavorite) {
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" />'; html += '<img onclick="LibraryBrowser.markFavorite(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgFavorite" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" />';
} else { } else {
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" />'; html += '<img onclick="LibraryBrowser.markFavorite(this);" data-type="' + type + '" data-itemid="' + itemId + '" class="imgUserItemRating imgFavoriteOff" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" />';
} }
return html; return html;
}, },
getDetailImageHtml: function(item) { markPlayed: function (link) {
var id = link.getAttribute('data-itemid');
var $link = $(link);
var markAsPlayed = $link.hasClass('imgPlayedOff');
ApiClient.updatePlayedStatus(Dashboard.getCurrentUserId(), id, markAsPlayed);
if (markAsPlayed) {
link.src = "css/images/userdata/played.png";
$link.addClass('imgPlayed').removeClass('imgPlayedOff');
} else {
link.src = "css/images/userdata/unplayed.png";
$link.addClass('imgPlayedOff').removeClass('imgPlayed');
}
},
markFavorite: function (link) {
var id = link.getAttribute('data-itemid');
var $link = $(link);
var markAsFavorite = $link.hasClass('imgFavoriteOff');
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), id, markAsFavorite);
if (markAsFavorite) {
link.src = "css/images/userdata/heart_on.png";
$link.addClass('imgFavorite').removeClass('imgFavoriteOff');
} else {
link.src = "css/images/userdata/heart_off.png";
$link.addClass('imgFavoriteOff').removeClass('imgFavorite');
}
},
markLike: function (link) {
var id = link.getAttribute('data-itemid');
var $link = $(link);
if ($link.hasClass('imgLikeOff')) {
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), id, true);
link.src = "css/images/userdata/thumbs_up_on.png";
$link.addClass('imgLike').removeClass('imgLikeOff');
} else {
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), id);
link.src = "css/images/userdata/thumbs_up_off.png";
$link.addClass('imgLikeOff').removeClass('imgLike');
}
$link.prev().removeClass('imgDislike').addClass('imgDislikeOff').each(function () {
this.src = "css/images/userdata/thumbs_down_off.png";
});
},
markDislike: function (link) {
var id = link.getAttribute('data-itemid');
var $link = $(link);
if ($link.hasClass('imgDislikeOff')) {
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), id, false);
link.src = "css/images/userdata/thumbs_down_on.png";
$link.addClass('imgDislike').removeClass('imgDislikeOff');
} else {
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), id);
link.src = "css/images/userdata/thumbs_down_off.png";
$link.addClass('imgDislikeOff').removeClass('imgDislike');
}
$link.next().removeClass('imgLike').addClass('imgLikeOff').each(function () {
this.src = "css/images/userdata/thumbs_up_off.png";
});
},
getDetailImageHtml: function (item) {
var imageTags = item.ImageTags || {}; var imageTags = item.ImageTags || {};
var html = ''; var html = '';
@ -585,6 +692,38 @@
} }
return html; return html;
},
getMiscInfoHtml: function (item) {
var miscInfo = [];
if (item.ProductionYear) {
miscInfo.push(item.ProductionYear);
}
if (item.OfficialRating) {
miscInfo.push(item.OfficialRating);
}
if (item.RunTimeTicks) {
var minutes = item.RunTimeTicks / 600000000;
minutes = minutes || 1;
miscInfo.push(parseInt(minutes) + "min");
}
if (item.DisplayMediaType) {
miscInfo.push(item.DisplayMediaType);
}
if (item.VideoFormat && item.VideoFormat !== 'Standard') {
miscInfo.push(item.VideoFormat);
}
return miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
} }
}; };

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

@ -1,5 +1,7 @@
var MediaPlayer = (function (document, clearTimeout, screen, localStorage, _V_, $, setInterval) { var MediaPlayer = (function (document, clearTimeout, screen, localStorage, _V_, $, setInterval) {
var self = this;
var testableAudioElement = document.createElement('audio'); var testableAudioElement = document.createElement('audio');
var testableVideoElement = document.createElement('video'); var testableVideoElement = document.createElement('video');
var currentMediaElement; var currentMediaElement;

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

@ -107,30 +107,7 @@
html += '<td class="tabletColumn">'; html += '<td class="tabletColumn">';
var userData = item.UserData || {}; html += LibraryBrowser.getUserDataIconsHtml(item);
if (userData.Played) {
html += '<img class="imgUserItemRating" src="css/images/userdata/played.png" alt="Played" title="Played" />';
} else {
html += '<img class="imgUserItemRating" src="css/images/userdata/unplayed.png" alt="Played" title="Played" />';
}
if (typeof userData.Likes == "undefined") {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />';
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />';
} else if (userData.Likes) {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" />';
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" />';
} else {
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" />';
html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" />';
}
if (userData.IsFavorite) {
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" />';
} else {
html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" />';
}
html += '</td>'; html += '</td>';

33
dashboard-ui/scripts/playlist.js
View file

@ -1,18 +1,25 @@
var PlayList = { var Playlist = (function() {
queue: Array(), var self = this;
addItem: function (item) { self.queue = [];
PlayList.queue.push(item);
},
removeItem: function (index) { self.add = function(item) {
PlayList.queue.splice(index, 1);
},
playItem: function (index) { queue.push(item);
MediaPlayer.play(PlayList.queue[index]); };
PlayList.queue.shift();
}
}; self.remove = function (index) {
queue.splice(index, 1);
};
self.play = function (index) {
MediaPlayer.play(queue[index]);
queue.shift();
};
return self;
})();

130
dashboard-ui/scripts/tvseries.js
View file

@ -14,27 +14,20 @@
var name = item.Name; var name = item.Name;
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
Dashboard.setPageTitle(name); Dashboard.setPageTitle(name);
renderImage(page, item);
renderDetails(page, item);
$('#itemName', page).html(name); $('#itemName', page).html(name);
renderFavorites(page, item); renderDetails(page, item);
LibraryBrowser.renderLinks(item);
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}); });
} }
function renderImage(page, item) {
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
}
function renderDetails(page, item) { function renderDetails(page, item) {
if (item.Taglines && item.Taglines.length) { if (item.Taglines && item.Taglines.length) {
$('#itemTagline', page).html(item.Taglines[0]).show(); $('#itemTagline', page).html(item.Taglines[0]).show();
} else { } else {
@ -58,41 +51,28 @@
$('#itemCommunityRating', page).hide(); $('#itemCommunityRating', page).hide();
} }
var miscInfo = []; $('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
if (item.ProductionYear) {
miscInfo.push(item.ProductionYear);
}
if (item.OfficialRating) {
miscInfo.push(item.OfficialRating);
}
if (item.RunTimeTicks) {
var minutes = item.RunTimeTicks / 600000000;
minutes = minutes || 1;
miscInfo.push(parseInt(minutes) + "min");
}
if (item.DisplayMediaType) {
miscInfo.push(item.DisplayMediaType);
}
if (item.VideoFormat && item.VideoFormat !== 'Standard') {
miscInfo.push(item.VideoFormat);
}
$('#itemMiscInfo', page).html(miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'));
renderGenres(page, item); renderGenres(page, item);
renderStudios(page, item); renderStudios(page, item);
renderUserDataIcons(page, item);
renderLinks(page, item);
}
function renderLinks(page, item) {
if (item.ProviderIds) {
$('#itemLinks', page).html(LibraryBrowser.getLinksHtml(item));
} else {
$('#itemLinks', page).hide();
}
} }
function renderStudios(page, item) { function renderStudios(page, item) {
if (item.Studios && item.Studios.length) { if (item.Studios && item.Studios.length) {
var elem = $('#itemStudios', page).show(); var elem = $('#itemStudios', page).show();
var html = 'Studios:&nbsp;&nbsp;'; var html = 'Studios:&nbsp;&nbsp;';
@ -138,8 +118,8 @@
} }
} }
function renderFavorites(page, item) { function renderUserDataIcons(page, item) {
$('#itemRatings', page).html(LibraryBrowser.getUserRatingHtml(item)); $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
} }
$(document).on('pageshow', "#tvSeriesPage", function () { $(document).on('pageshow', "#tvSeriesPage", function () {
@ -153,71 +133,3 @@
})(jQuery, document, LibraryBrowser); })(jQuery, document, LibraryBrowser);
var tvSeriesPage = {
setFavorite: function () {
var item = tvSeriesPage.item;
item.UserData = item.UserData || {};
var setting = !item.UserData.IsFavorite;
item.UserData.IsFavorite = setting;
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
renderFavorites(page, item);
},
setLike: function () {
var item = tvSeriesPage.item;
item.UserData = item.UserData || {};
item.UserData.Likes = true;
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
renderFavorites(page, item);
},
clearLike: function () {
var item = tvSeriesPage.item;
item.UserData = item.UserData || {};
item.UserData.Likes = undefined;
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
renderFavorites(page, item);
},
setDislike: function () {
var item = tvSeriesPage.item;
item.UserData = item.UserData || {};
item.UserData.Likes = false;
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
renderFavorites(page, item);
},
setPlayed: function () {
var item = tvSeriesPage.item;
item.UserData = item.UserData || {};
var setting = !item.UserData.Played;
item.UserData.Played = setting;
ApiClient.updatePlayedStatus(Dashboard.getCurrentUserId(), item.Id, setting);
renderFavorites(page, item);
}
};