Latest reviews in plug-in detail page

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);
 
 /**

dashboard-ui/addplugin.html

@@ -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>

dashboard-ui/scripts/addpluginpage.js

@@ -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;

dashboard-ui/scripts/site.js

@@ -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>";