From 86ca0fbc36a0044f110eda7d030c36355d3a6639 Mon Sep 17 00:00:00 2001 From: Techywarrior Date: Thu, 28 Mar 2013 22:51:45 -0700 Subject: [PATCH] likes/favorites for media item --- .../css/images/userdata/heart_off.png | Bin 0 -> 1424 bytes dashboard-ui/css/images/userdata/heart_on.png | Bin 0 -> 1752 bytes .../css/images/userdata/thumbs_down_off.png | Bin 0 -> 1352 bytes .../css/images/userdata/thumbs_down_on.png | Bin 0 -> 1601 bytes .../css/images/userdata/thumbs_up_off.png | Bin 0 -> 1378 bytes .../css/images/userdata/thumbs_up_on.png | Bin 0 -> 1615 bytes dashboard-ui/css/site.css | 5 ++ dashboard-ui/scripts/Itemdetailpage.js | 68 ++++++++++++++++++ 8 files changed, 73 insertions(+) create mode 100644 dashboard-ui/css/images/userdata/heart_off.png create mode 100644 dashboard-ui/css/images/userdata/heart_on.png create mode 100644 dashboard-ui/css/images/userdata/thumbs_down_off.png create mode 100644 dashboard-ui/css/images/userdata/thumbs_down_on.png create mode 100644 dashboard-ui/css/images/userdata/thumbs_up_off.png create mode 100644 dashboard-ui/css/images/userdata/thumbs_up_on.png diff --git a/dashboard-ui/css/images/userdata/heart_off.png b/dashboard-ui/css/images/userdata/heart_off.png new file mode 100644 index 0000000000000000000000000000000000000000..5c39dd323ea8d8df0eccf52ac31d36b44ace0f4d GIT binary patch literal 1424 zcmV;B1#kL^P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1tm#DK~#8N?cG6W z990;=@odN;ha7t7Awmv4^q`o62L%O%9y};0^q{CGTkxQ_dJ|Oe=Fvli7Cb~~KmFUoJsi+bSL{tV>^ z+dG`IV%|SY|46x!vvg2aS6AmLXDAmbw+QyOc<#@9%}11{a`Ah{x*nx0P?jmza&z0_ z`Ad|ul!tS1?N+%4r@R%2n?7uF+pfLLcVrgw5PJK}Y5)Zgqc zb#Pc`^hQT>GujRTnu|bX%m#w>e@V6V0&*Smrg$!n)PZ6BSE=sLO=>Fw6W#tmlfQxO zd`>l$n_kDf5BkpzRyKm!+^jZaQig`@ozG3jw%^U!L&5gq6!*Ud*l7ggjrGV38HtDs z&G;)}=-BR=-2GDJ9|RGLLzIPD9H#u-#Rd>s=mko900MBLtH}@93%uN)s!@Fkcp>X9dok-0Wv2kHg6B8_ zuHzh&W9 z{u}1A{#2(eRV6=EUIRoU_&6VSS!oQ)P646or-AD3KUDVsaT-|cPj%8_W%5I54-hyC zW-0NzfKGig7)L*qzY8Go@saSk{#2(dRwqA{_W+@5y+A8Re<<$(LI-<+CXW8lL=O-+ zD&odVmuL(}a@JU4ALB+=$7le*_vh4Vq6Y{h{s!e#PL3`1@%2`cADU?Zf#580guI`V zV~2hFf_?ljC!5gBDPTjM3YH1fSpC;9`*fXsI!0;gA7Ps60RjPv8!et9U~#29PF`y* z`JuT65I9GEN3h<`$&p86KF2gwtO4dG-?jwF)*HT&>1rO6(x=>|aX z;>)712;NBkkd*g+nfLw(rP=!jH{AdNL5#bITp)-e^;<&Tb9~A3SSug+?4-$SfUQV; zTs=QaKu6{-+`QNLn)mtElOLLI0D)jeS2_}nAd*k@67P4ZKSu|K;6BcU;osCv;=SFX zJeO}*gFu{{Yy>8Mh=_Mnjlkp=Anr{x0+U~e_?I>UlivUm5aap8E!c-D8Xo1Dd>g7n zB4VJ4i5{U%071L6t)H>1$ zo>Hol?(vs076qUpX(LrM;6Kc|bVD34e`#GP_x#!+Yn#t6V9E$S8$EM1wQC>VA+Z%6l zoitI26>>NB>1=FtZ-7Y5C9x|{?{IJA{A;{rEyl%GaJ#V21p@__ft(Q$b7r#qdy`IcQ}w&o=ClGs6>oK36+bpvO_ud zzU3amJc=596lk`in_3t-r6G6Hqkwcv9HK$429Jp!x=e_jl;fMI_&9D75`@__AM9Ha z8XZD|wPd<}25fD(YD6I{AIvUAJYLA00BSa>$1grsrAI$r%xpJywBH=&EYV`DfAW^D zj}&sLQE@ECi-NUx1_l&X_NHv1GHVLwC4qW~aVoh33gy4J;WgS_76!VKS5p zjc;&5)E2e3egc3#pxeKw^5MjO*RpfGU?8L^dCm@4%Fb#gc-!9R#0+s!eI;zzYbZ{}QP9X~r&OWhHN~t(!V29#LoEo1Fu_=A z4tZeDzMlt`@`=$BGU7nrq!7>g){HyQLv z{vyBP%4hehXQmy(T~`G;_Z>#1B}hPDs1(}~gmM~VpBp{fDvW=TQawhF{f(?p>ZNCE zu{Dx*WRiK_G|i6ILLky|qPO7&TZSxRqE2$H&*F9V$^_Hj_U6uqdnIf{nKp>|PR;@8 z37^dkZzudgQ`y+BP^s`>c*;5|YUbfv%xt3;$U}2>w_oZlNYbv&uTM-B8<#23>o+$a zI0=#cZY}=h3vrLRG0UF)>W&DL|HRQd3)`;D1qbUEu4htO1re@I<9Ftzlk`B$6Fb|l z3}+*PF*`~o<*3g?l!LUV5rI}9RiWhX@hLKOd+;6hx@LA#Cx%!3_Lq@76Tr#dynbN= zML3e=Ue4sNuGywr@Fj^WKjoPL?In3Hk&B!Cr;ZM(_b@u0u;ld*I*_#XrsD?x7PT!$ ahaEVkzW*QYX|0idBf#Co>rAs#So%NPaz4la literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/userdata/thumbs_down_off.png b/dashboard-ui/css/images/userdata/thumbs_down_off.png new file mode 100644 index 0000000000000000000000000000000000000000..2627f0e2c6422ea8922ac0a0d4a31a722f6e54b8 GIT binary patch literal 1352 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 literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 85b9b62441..1de5bfd233 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -887,4 +887,9 @@ progress { height: 26px; width: 26px; margin: -.7em .5em auto 0; +} + +#itemFav img { + width: 64px; + cursor: pointer; } \ No newline at end of file diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js index 02d41cc2f4..9a8175118e 100644 --- a/dashboard-ui/scripts/Itemdetailpage.js +++ b/dashboard-ui/scripts/Itemdetailpage.js @@ -88,6 +88,8 @@ $('#seriesName', page).html(series_name).show(); } + ItemDetailPage.renderFav(item); + Dashboard.hideLoadingMsg(); }, @@ -709,7 +711,73 @@ } $('#castContent', page).html(html); + }, + + renderFav: function (item) { + var html = ''; + var page = $.mobile.activePage; + + if (typeof(item.UserData.Likes) == "undefined") { + html += 'Set Did Not Like'; + html += 'Set Liked'; + } else if (item.UserData.Likes) { + html += 'Set Did Not Like'; + html += 'Liked'; + } else { + html += 'Did Not Like'; + html += 'Set Liked'; + } + + if (item.UserData.IsFavorite) { + html += 'Make Not Favorite'; + }else { + html += 'Make Favorite'; + } + + $('#itemFav', page).html(html); + }, + + setFavorite: function () { + var item = ItemDetailPage.item; + + var setting = !item.UserData.IsFavorite; + item.UserData.IsFavorite = setting; + + ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting); + + ItemDetailPage.renderFav(item); + }, + + setLike: function () { + var item = ItemDetailPage.item; + + item.UserData.Likes = true; + + ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true); + + ItemDetailPage.renderFav(item); + }, + + clearLike: function () { + var item = ItemDetailPage.item; + + delete item.UserData.Likes; + + ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id); + + ItemDetailPage.renderFav(item); + }, + + setDislike: function () { + var item = ItemDetailPage.item; + + item.UserData.Likes = false; + + ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false); + + ItemDetailPage.renderFav(item); } + }; $(document).on('pageshow', "#itemDetailPage", ItemDetailPage.onPageShow).on('pagehide', "#itemDetailPage", ItemDetailPage.onPageHide);