mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Latest reviews in plug-in detail page
This commit is contained in:
Eric Reed
parent
a6c7c8de0d
commit
7341aadbb9
4 changed files with 375 additions and 299 deletions
165
ApiClient.js
165
ApiClient.js
|
|
@ -53,20 +53,15 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
|
||||
if ($.browser.chrome) {
|
||||
name = "Chrome";
|
||||
}
|
||||
else if ($.browser.safari) {
|
||||
} else if ($.browser.safari) {
|
||||
name = "Safari";
|
||||
}
|
||||
else if ($.browser.webkit) {
|
||||
} else if ($.browser.webkit) {
|
||||
name = "WebKit";
|
||||
}
|
||||
else if ($.browser.msie) {
|
||||
} else if ($.browser.msie) {
|
||||
name = "Internet Explorer";
|
||||
}
|
||||
else if ($.browser.opera) {
|
||||
} else if ($.browser.opera) {
|
||||
name = "Opera";
|
||||
}
|
||||
else if ($.browser.firefox || $.browser.mozilla) {
|
||||
} else if ($.browser.firefox || $.browser.mozilla) {
|
||||
name = "Firefox";
|
||||
}
|
||||
|
||||
|
|
@ -74,18 +69,15 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
if ($.browser.version) {
|
||||
name += " " + $.browser.version;
|
||||
}
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
name = "Web Browser";
|
||||
}
|
||||
|
||||
if ($.browser.ipad) {
|
||||
name += " Ipad";
|
||||
}
|
||||
else if ($.browser.iphone) {
|
||||
} else if ($.browser.iphone) {
|
||||
name += " Iphone";
|
||||
}
|
||||
else if ($.browser.android) {
|
||||
} else if ($.browser.android) {
|
||||
name += " Android";
|
||||
}
|
||||
return name;
|
||||
|
|
@ -313,28 +305,22 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
if (options.artist) {
|
||||
urlPrefix = "Artists/" + self.encodeName(options.artist);
|
||||
delete options.artist;
|
||||
}
|
||||
else if (options.person) {
|
||||
} else if (options.person) {
|
||||
urlPrefix = "Persons/" + self.encodeName(options.person);
|
||||
delete options.person;
|
||||
}
|
||||
else if (options.genre) {
|
||||
} else if (options.genre) {
|
||||
urlPrefix = "Genres/" + self.encodeName(options.genre);
|
||||
delete options.genre;
|
||||
}
|
||||
else if (options.musicGenre) {
|
||||
} else if (options.musicGenre) {
|
||||
urlPrefix = "MusicGenres/" + self.encodeName(options.musicGenre);
|
||||
delete options.musicGenre;
|
||||
}
|
||||
else if (options.gameGenre) {
|
||||
} else if (options.gameGenre) {
|
||||
urlPrefix = "GameGenres/" + self.encodeName(options.gameGenre);
|
||||
delete options.gameGenre;
|
||||
}
|
||||
else if (options.studio) {
|
||||
} else if (options.studio) {
|
||||
urlPrefix = "Studios/" + self.encodeName(options.studio);
|
||||
delete options.studio;
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
urlPrefix = "Items/" + options.itemId;
|
||||
delete options.itemId;
|
||||
}
|
||||
|
|
@ -624,10 +610,8 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Items/" + itemId + "/Refresh", {
|
||||
|
||||
forced: force || false,
|
||||
recursive: recursive || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -643,9 +627,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Artists/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -661,9 +643,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Genres/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -679,9 +659,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("MusicGenres/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -697,9 +675,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("GameGenres/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -715,9 +691,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Persons/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -733,9 +707,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Studios/" + self.encodeName(name) + "/Refresh", {
|
||||
|
||||
forced: force || false
|
||||
|
||||
});
|
||||
|
||||
return self.ajax({
|
||||
|
|
@ -1122,7 +1094,6 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
url += "/" + virtualFolderName + "/Paths";
|
||||
|
||||
url = self.getUrl(url, {
|
||||
|
||||
refreshLibrary: refreshLibrary ? true : false,
|
||||
path: mediaPath
|
||||
});
|
||||
|
|
@ -1152,7 +1123,6 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
url += "/" + virtualFolderName + "/Paths";
|
||||
|
||||
url = self.getUrl(url, {
|
||||
|
||||
refreshLibrary: refreshLibrary ? true : false,
|
||||
path: mediaPath
|
||||
});
|
||||
|
|
@ -1222,23 +1192,17 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
|
||||
if (itemType == "Artist") {
|
||||
url = self.getUrl("Artists/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Genre") {
|
||||
} else if (itemType == "Genre") {
|
||||
url = self.getUrl("Genres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "GameGenre") {
|
||||
} else if (itemType == "GameGenre") {
|
||||
url = self.getUrl("GameGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "MusicGenre") {
|
||||
} else if (itemType == "MusicGenre") {
|
||||
url = self.getUrl("MusicGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Person") {
|
||||
} else if (itemType == "Person") {
|
||||
url = self.getUrl("Persons/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Studio") {
|
||||
} else if (itemType == "Studio") {
|
||||
url = self.getUrl("Studios/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
url = self.getUrl("Items/" + itemId + "/Images");
|
||||
}
|
||||
|
||||
|
|
@ -1284,23 +1248,17 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
|
||||
if (itemType == "Artist") {
|
||||
url = self.getUrl("Artists/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else if (itemType == "Genre") {
|
||||
} else if (itemType == "Genre") {
|
||||
url = self.getUrl("Genres/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else if (itemType == "GameGenre") {
|
||||
} else if (itemType == "GameGenre") {
|
||||
url = self.getUrl("GameGenres/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else if (itemType == "MusicGenre") {
|
||||
} else if (itemType == "MusicGenre") {
|
||||
url = self.getUrl("MusicGenres/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else if (itemType == "Person") {
|
||||
} else if (itemType == "Person") {
|
||||
url = self.getUrl("Persons/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else if (itemType == "Studio") {
|
||||
} else if (itemType == "Studio") {
|
||||
url = self.getUrl("Studios/" + self.encodeName(itemName) + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
url = self.getUrl("Items/" + itemId + "/Images/" + imageType + "/" + imageIndex + "/Index", options);
|
||||
}
|
||||
|
||||
|
|
@ -1320,23 +1278,17 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
|
||||
if (itemType == "Artist") {
|
||||
url = self.getUrl("Artists/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Genre") {
|
||||
} else if (itemType == "Genre") {
|
||||
url = self.getUrl("Genres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "GameGenre") {
|
||||
} else if (itemType == "GameGenre") {
|
||||
url = self.getUrl("GameGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "MusicGenre") {
|
||||
} else if (itemType == "MusicGenre") {
|
||||
url = self.getUrl("MusicGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Person") {
|
||||
} else if (itemType == "Person") {
|
||||
url = self.getUrl("Persons/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Studio") {
|
||||
} else if (itemType == "Studio") {
|
||||
url = self.getUrl("Studios/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
url = self.getUrl("Items/" + itemId + "/Images");
|
||||
}
|
||||
|
||||
|
|
@ -1459,23 +1411,17 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
|
||||
if (itemType == "Artist") {
|
||||
url = self.getUrl("Artists/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Genre") {
|
||||
} else if (itemType == "Genre") {
|
||||
url = self.getUrl("Genres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "GameGenre") {
|
||||
} else if (itemType == "GameGenre") {
|
||||
url = self.getUrl("GameGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "MusicGenre") {
|
||||
} else if (itemType == "MusicGenre") {
|
||||
url = self.getUrl("MusicGenres/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Person") {
|
||||
} else if (itemType == "Person") {
|
||||
url = self.getUrl("Persons/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else if (itemType == "Studio") {
|
||||
} else if (itemType == "Studio") {
|
||||
url = self.getUrl("Studios/" + self.encodeName(itemName) + "/Images");
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
url = self.getUrl("Items/" + itemId + "/Images");
|
||||
}
|
||||
|
||||
|
|
@ -2823,6 +2769,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
};
|
||||
|
||||
self.getDateParamValue = function(date) {
|
||||
|
||||
function formatDigit(i) {
|
||||
return i < 10 ? "0" + i : i;
|
||||
}
|
||||
|
|
@ -3385,7 +3332,6 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var url = self.getUrl("Users/" + userId + "/PlayingItems/" + itemId, {
|
||||
|
||||
CanSeek: canSeek,
|
||||
QueueableMediaTypes: queueableMediaTypes
|
||||
});
|
||||
|
|
@ -3466,6 +3412,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
}
|
||||
|
||||
var params = {
|
||||
|
||||
};
|
||||
|
||||
if (positionTicks) {
|
||||
|
|
@ -3579,8 +3526,40 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
|
|||
url: url,
|
||||
});
|
||||
};
|
||||
|
||||
self.getPackageReviews = function (packageId, minRating, maxRating, limit, forceTitle) {
|
||||
|
||||
if (!packageId) {
|
||||
throw new Error("null packageId");
|
||||
}
|
||||
|
||||
var options = {};
|
||||
|
||||
if (minRating) {
|
||||
options.MinRating = minRating;
|
||||
}
|
||||
if (maxRating) {
|
||||
options.MaxRating = maxRating;
|
||||
}
|
||||
if (limit) {
|
||||
options.Limit = limit;
|
||||
}
|
||||
if (forceTitle) {
|
||||
options.ForceTitle = true;
|
||||
}
|
||||
|
||||
var url = self.getUrl("PackageReviews/" + packageId, options);
|
||||
|
||||
return self.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
dataType: "json"
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
};
|
||||
|
||||
}(jQuery, navigator, window.JSON, window.WebSocket, setTimeout, window);
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -61,6 +61,12 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" style="margin-top: 2em;">
|
||||
<h3>Rating and Reviews</h3>
|
||||
<div id="ratingLine"></div>
|
||||
<div id="latestReviews"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="collapsible" data-content-theme="c" data-collapsed="false" style="margin-top: 2em;">
|
||||
<h3>Developer Info</h3>
|
||||
<p id="developer"></p>
|
||||
|
|
|
|||
|
|
@ -63,6 +63,86 @@
|
|||
}
|
||||
}
|
||||
|
||||
function populateReviews(id, page) {
|
||||
// Get the latest positive and negative reviews
|
||||
var promise1 = ApiClient.getPackageReviews(id, 4, null, 3, true);
|
||||
var promise2 = ApiClient.getPackageReviews(id, null, 2, 3, true);
|
||||
|
||||
$.when(promise1, promise2).done(function (response1, response2) {
|
||||
//positive
|
||||
var html = '<div data-role="collapsible" data-content-theme="c" data-collapsed="true" style="margin-top: 2em;" >';
|
||||
html += '<h3>Latest Outstanding Reviews</h3>';
|
||||
var positive = response1[0];
|
||||
var hasReviews = false;
|
||||
if (positive && positive.length > 0) {
|
||||
for (var i = 0; i < positive.length; i++) {
|
||||
var review = positive[i];
|
||||
if (review.title) {
|
||||
hasReviews = true;
|
||||
html += "<div>";
|
||||
html += "<span class='storeItemReviewText'>";
|
||||
html += new Date(review.timestamp).toDateString();
|
||||
html += " " + Dashboard.getStoreRatingHtml(review.rating, review.id, review.name, true);
|
||||
html += " " + review.title;
|
||||
html += "</span>";
|
||||
if (review.review) {
|
||||
html += "<p class='storeItemReviewText'>";
|
||||
html += review.review;
|
||||
html += "</p>";
|
||||
}
|
||||
|
||||
html += "</div>";
|
||||
html += "<hr/>";
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!hasReviews) {
|
||||
html += "<p>No Outstanding Reviews with additional information</p>";
|
||||
}
|
||||
|
||||
html += "</div>";
|
||||
|
||||
//negative
|
||||
html += '<div data-role="collapsible" data-content-theme="c" data-collapsed="true" style="margin-top: 2em;" >';
|
||||
html += '<h3>Latest Negative Reviews</h3>';
|
||||
var negative = response2[0];
|
||||
hasReviews = false;
|
||||
if (negative && negative.length > 0) {
|
||||
for (var i = 0; i < negative.length; i++) {
|
||||
review = negative[i];
|
||||
if (review.title) {
|
||||
hasReviews = true;
|
||||
html += "<div>";
|
||||
html += "<span class='storeItemReviewText'>";
|
||||
html += new Date(review.timestamp).toDateString();
|
||||
html += " " + Dashboard.getStoreRatingHtml(review.rating, review.id, review.name, true);
|
||||
html += " " + review.title;
|
||||
html += "</span>";
|
||||
if (review.review) {
|
||||
html += "<p class='storeItemReviewText'>";
|
||||
html += review.review;
|
||||
html += "</p>";
|
||||
}
|
||||
|
||||
html += "</div>";
|
||||
html += "<hr/>";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!hasReviews) {
|
||||
html += "<p>No Negative Reviews with additional information</p>";
|
||||
}
|
||||
|
||||
html += "</div>";
|
||||
|
||||
|
||||
$('#latestReviews', page).html(html).trigger('create');
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function renderPackage(pkg, installedPlugins, pluginSecurityInfo, page) {
|
||||
|
||||
var installedPlugin = installedPlugins.filter(function (ip) {
|
||||
|
|
@ -71,6 +151,7 @@
|
|||
|
||||
populateVersions(pkg, page, installedPlugin);
|
||||
populateHistory(pkg, page);
|
||||
if (pkg.totalRatings > 0) populateReviews(pkg.id, page);
|
||||
|
||||
Dashboard.setPageTitle(pkg.name);
|
||||
|
||||
|
|
@ -159,6 +240,14 @@
|
|||
$('.premiumPackage', page).hide();
|
||||
}
|
||||
|
||||
//Ratings and Reviews
|
||||
var ratingHtml = "<strong>Overall </strong>" + Dashboard.getStoreRatingHtml(pkg.avgRating, pkg.id, pkg.name);
|
||||
ratingHtml += "<span class='storeReviewCount'>";
|
||||
ratingHtml += " " + pkg.totalRatings + " Reviews";
|
||||
ratingHtml += "</span>";
|
||||
|
||||
$('#ratingLine', page).html(ratingHtml);
|
||||
|
||||
if (pkg.richDescUrl) {
|
||||
$('#pViewWebsite', page).show();
|
||||
$('#pViewWebsite a', page)[0].href = pkg.richDescUrl;
|
||||
|
|
|
|||
|
|
@ -1143,21 +1143,23 @@ var Dashboard = {
|
|||
});
|
||||
},
|
||||
|
||||
getStoreRatingHtml: function(rating, id, name) {
|
||||
getStoreRatingHtml: function(rating, id, name, noLinks) {
|
||||
|
||||
var html = "<div style='margin-left: 5px; margin-right: 5px; display: inline-block'>";
|
||||
if (!rating) rating = 0;
|
||||
|
||||
for (var i = 1; i <= 5; i++) {
|
||||
html += "<a href='#' data-id=" + id + " data-name='" + name + "' data-rating=" + i + " onclick='Dashboard.ratePackage(this);' >";
|
||||
var title = noLinks ? rating + " stars" : "Rate " + i + (i > 1 ? " stars" : " star");
|
||||
|
||||
html += noLinks ? "" : "<a href='#' data-id=" + id + " data-name='" + name + "' data-rating=" + i + " onclick='Dashboard.ratePackage(this);' >";
|
||||
if (rating < i - 1 || rating == 0) {
|
||||
html += "<div class='storeStarRating emptyStarRating' title='Rate " + i + " stars'></div>";
|
||||
html += "<div class='storeStarRating emptyStarRating' title='" + title + "'></div>";
|
||||
} else if (rating < i) {
|
||||
html += "<div class='storeStarRating halfStarRating' title='Rate " + i + " stars'></div>";
|
||||
html += "<div class='storeStarRating halfStarRating' title='" + title + "'></div>";
|
||||
} else {
|
||||
html += "<div class='storeStarRating' title='Rate " + i + " stars'></div>";
|
||||
html += "<div class='storeStarRating' title='" + title + "'></div>";
|
||||
}
|
||||
html += "</a>";
|
||||
html += noLinks ? "" : "</a>";
|
||||
}
|
||||
|
||||
html += "</div>";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue