milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

like/dislike/favorite on item by name

Browse source
This commit is contained in:
Techywarrior 2013-04-02 13:02:23 -07:00
parent 5761321e31
commit 29c6d024ae
2 changed files with 83 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/itembynamedetails.html
View file

@ -17,6 +17,8 @@
<div class="itemDetailBlock">
<h1 id="itemName" style="margin-top: 0;"></h1>
<p id="itemRatings"></p>
<p id="itemOverview"></p>
</div>
</div>

82
dashboard-ui/scripts/itembynamedetailpage.js
View file

@ -37,8 +37,11 @@
Dashboard.setPageTitle(name);
ItemByNameDetailPage.item = item;
ItemByNameDetailPage.renderImage(item);
ItemByNameDetailPage.renderOverviewBlock(item);
ItemByNameDetailPage.renderFav(item);
$('#itemName', page).html(name);
@ -118,7 +121,84 @@
$('#itemOverview', page).hide();
}
}
},
renderFav: function (item) {
var html = '';
var page = $.mobile.activePage;
var userData = item.UserData || {};
if (typeof userData.Likes == "undefined") {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemByNameDetailPage.setDislike();" /></div>';
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemByNameDetailPage.setLike();" /></div>';
} else if (userData.Likes) {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemByNameDetailPage.setDislike();" /></div>';
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" onclick="ItemByNameDetailPage.clearLike();" /></div>';
} else {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" onclick="ItemByNameDetailPage.clearLike();" /></div>';
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemByNameDetailPage.setLike();" /></div>';
}
if (userData.IsFavorite) {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" onclick="ItemByNameDetailPage.setFavorite();" /></div>';
} else {
html += '<div class="userItemRating"><img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemByNameDetailPage.setFavorite();" /></div>';
}
$('#itemRatings', page).html(html);
},
setFavorite: function () {
var item = ItemByNameDetailPage.item;
/*
item.UserData = item.UserData || {};
var setting = !item.UserData.IsFavorite;
item.UserData.IsFavorite = setting;
ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
*/
ItemByNameDetailPage.renderFav(item);
},
setLike: function () {
var item = ItemDetailPage.item;
/*
item.UserData = item.UserData || {};
item.UserData.Likes = true;
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
*/
ItemByNameDetailPage.renderFav(item);
},
clearLike: function () {
var item = ItemDetailPage.item;
/*
item.UserData = item.UserData || {};
item.UserData.Likes = undefined;
ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
*/
ItemByNameDetailPage.renderFav(item);
},
setDislike: function () {
var item = ItemDetailPage.item;
/*
item.UserData = item.UserData || {};
item.UserData.Likes = false;
ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
*/
ItemByNameDetailPage.renderFav(item);
}
};