continue with detail page consolidations

This commit is contained in:
Luke Pulverenti 2013-04-10 15:25:34 -04:00
parent 3ca4d1ea8c
commit 42acb4ae14
3 changed files with 57 additions and 110 deletions

View file

@ -49,8 +49,8 @@
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item)); $('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
renderGenres(page, item); LibraryBrowser.renderGenres($('#itemGenres', page), item);
renderStudios(page, item); LibraryBrowser.renderStudios($('#itemStudios', page), item);
renderUserDataIcons(page, item); renderUserDataIcons(page, item);
renderLinks(page, item); renderLinks(page, item);
} }
@ -65,55 +65,6 @@
} }
} }
function renderStudios(page, item) {
if (item.Studios && item.Studios.length) {
var elem = $('#itemStudios', page).show();
var html = 'Studios:  ';
for (var i = 0, length = item.Studios.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
}
elem.html(html).trigger('create');
} else {
$('#itemStudios', page).hide();
}
}
function renderGenres(page, item) {
if (item.Genres && item.Genres.length) {
var elem = $('#itemGenres', page).show();
var html = 'Genres:&nbsp;&nbsp;';
for (var i = 0, length = item.Genres.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
}
elem.html(html).trigger('create');
} else {
$('#itemGenres', page).hide();
}
}
function renderUserDataIcons(page, item) { function renderUserDataIcons(page, item) {
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item)); $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
} }

View file

@ -540,7 +540,7 @@
return html; return html;
}, },
markPlayed: function (link) { markPlayed: function (link) {
var id = link.getAttribute('data-itemid'); var id = link.getAttribute('data-itemid');
@ -563,9 +563,9 @@
markFavorite: function (link) { markFavorite: function (link) {
var id = link.getAttribute('data-itemid'); var id = link.getAttribute('data-itemid');
var $link = $(link); var $link = $(link);
var markAsFavorite = $link.hasClass('imgFavoriteOff'); var markAsFavorite = $link.hasClass('imgFavoriteOff');
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), id, markAsFavorite); ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), id, markAsFavorite);
@ -578,22 +578,22 @@
$link.addClass('imgFavoriteOff').removeClass('imgFavorite'); $link.addClass('imgFavoriteOff').removeClass('imgFavorite');
} }
}, },
markLike: function (link) { markLike: function (link) {
var id = link.getAttribute('data-itemid'); var id = link.getAttribute('data-itemid');
var $link = $(link); var $link = $(link);
if ($link.hasClass('imgLikeOff')) { if ($link.hasClass('imgLikeOff')) {
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), id, true); ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), id, true);
link.src = "css/images/userdata/thumbs_up_on.png"; link.src = "css/images/userdata/thumbs_up_on.png";
$link.addClass('imgLike').removeClass('imgLikeOff'); $link.addClass('imgLike').removeClass('imgLikeOff');
} else { } else {
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), id); ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), id);
link.src = "css/images/userdata/thumbs_up_off.png"; link.src = "css/images/userdata/thumbs_up_off.png";
@ -632,7 +632,7 @@
}, },
getDetailImageHtml: function (item) { getDetailImageHtml: function (item) {
var imageTags = item.ImageTags || {}; var imageTags = item.ImageTags || {};
var html = ''; var html = '';
@ -748,6 +748,51 @@
} }
return miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'); return miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
},
renderStudios: function (elem, item) {
if (item.Studios && item.Studios.length) {
var html = 'Studios:&nbsp;&nbsp;';
for (var i = 0, length = item.Studios.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
}
elem.show().html(html).trigger('create');
} else {
elem.hide();
}
},
renderGenres: function (elem, item) {
if (item.Genres && item.Genres.length) {
var html = 'Genres:&nbsp;&nbsp;';
for (var i = 0, length = item.Genres.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
}
elem.show().html(html).trigger('create');
} else {
elem.hide();
}
} }
}; };

View file

@ -49,8 +49,8 @@
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item)); $('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
renderGenres(page, item); LibraryBrowser.renderGenres($('#itemGenres', page), item);
renderStudios(page, item); LibraryBrowser.renderStudios($('#itemStudios', page), item);
renderUserDataIcons(page, item); renderUserDataIcons(page, item);
renderLinks(page, item); renderLinks(page, item);
} }
@ -64,55 +64,6 @@
$('#itemLinks', page).hide(); $('#itemLinks', page).hide();
} }
} }
function renderStudios(page, item) {
if (item.Studios && item.Studios.length) {
var elem = $('#itemStudios', page).show();
var html = 'Studios:&nbsp;&nbsp;';
for (var i = 0, length = item.Studios.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
}
elem.html(html).trigger('create');
} else {
$('#itemStudios', page).hide();
}
}
function renderGenres(page, item) {
if (item.Genres && item.Genres.length) {
var elem = $('#itemGenres', page).show();
var html = 'Genres:&nbsp;&nbsp;';
for (var i = 0, length = item.Genres.length; i < length; i++) {
if (i > 0) {
html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
}
html += '<a href="itembynamedetails.html?genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
}
elem.html(html).trigger('create');
} else {
$('#itemGenres', page).hide();
}
}
function renderUserDataIcons(page, item) { function renderUserDataIcons(page, item) {
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item)); $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));