";
if (plugin.thumbImage) {
html += '';
@@ -95,9 +117,9 @@
}
}
- var color = plugin.tileColor || LibraryBrowser.getMetroColor(plugin.name);
+ html += "";
- html += "
";
+ html += "
";
var installedPlugin = plugin.isApp ? null : installedPlugins.filter(function (ip) {
return ip.Name == plugin.name;
@@ -108,10 +130,20 @@
} else {
html += plugin.name;
}
-
+
html += "
";
- html += "";
+ html += "
";
+ html += plugin.price > 0 ? "$" + plugin.price.toFixed(2) : "Free";
+ html += getRatingHtml(plugin.avgRating, plugin.id, plugin.name);
+ html += " " + plugin.totalRatings + " Reviews";
+
+ if (plugin.isPremium && plugin.isRegistered) {
+ html += " ®";
+ }
+
+ html += "
";
+ html += "
";
pluginhtml += html;
@@ -126,7 +158,6 @@
Dashboard.hideLoadingMsg();
}
-
$(document).on('pageinit', "#pluginCatalogPage", function () {
var page = this;
diff --git a/dashboard-ui/scripts/ratingdialog.js b/dashboard-ui/scripts/ratingdialog.js
new file mode 100644
index 0000000000..5235e76f39
--- /dev/null
+++ b/dashboard-ui/scripts/ratingdialog.js
@@ -0,0 +1,98 @@
+(function (window, document, $) {
+
+ window.RatingDialog = function (page) {
+
+ var self = this;
+
+ self.show = function (options) {
+
+ options = options || {};
+
+ options.header = options.header || "Rate and Review";
+
+ var html = '';
+
+ $(page).append(html);
+
+ var popup = $('#popupRatingDialog').popup().trigger('create').on("popupafteropen", function() {
+
+ $('#txtRatingDialogTitle', this).focus();
+
+ }).popup("open").on("popupafterclose", function() {
+
+ $('form', this).off("submit");
+
+ $(this).off("popupafterclose").remove();
+
+ });
+
+ $('form', popup).on('submit', function () {
+
+ if (options.callback) {
+ var review = {
+ id: options.id,
+ rating: $('#txtRatingDialogRating', this).val(),
+ title: $('#txtRatingDialogTitle', this).val(),
+ recommend: $('#txtRatingDialogRecommend', this).checked(),
+ review: $('#txtRatingDialogReview', this).val(),
+ };
+
+ if (review.rating < 3) {
+ if (!review.title) {
+ $('#errorMsg', this).html("Please give reason for low rating").show();
+ $('#txtRatingDialogTitle', this).focus();
+ return false;
+ }
+ }
+
+ if (!review.recommend) {
+ if (!review.title) {
+ $('#errorMsg', this).html("Please give reason for not recommending").show();
+ $('#txtRatingDialogTitle', this).focus();
+ return false;
+ }
+ }
+
+ options.callback(review);
+ } else console.log("No callback function provided");
+
+ return false;
+ });
+
+ };
+
+ self.close = function () {
+ $('#popupRatingDialog', page).popup("close");
+ };
+ };
+
+})(window, document, jQuery);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 840100d8f1..59303fb950 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -1120,7 +1120,25 @@ var Dashboard = {
parts.push(seconds);
return parts.join(':');
- }
+ },
+
+ ratePackage: function(link) {
+ var id = link.getAttribute('data-id');
+ var name = link.getAttribute('data-name');
+ var rating = link.getAttribute('data-rating');
+
+ var dialog = new RatingDialog($.mobile.activePage);
+ dialog.show({ header: "Rate and review " + name, id: id, rating: rating, callback: function(review) {
+ console.log(review);
+ dialog.close();
+
+ ApiClient.createPackageReview(review).done(function() {
+ Dashboard.alert("Thank you for your review");
+ });
+ } });
+
+}
+
};
if (!window.WebSocket) {