From 4ad8ea96e6684ca049828352e4ab133ec7ea2528 Mon Sep 17 00:00:00 2001
From: Mathieu Sanchez <mathieu.sanchez@outlook.fr>
Date: Sat, 15 Dec 2018 15:45:24 +0900
Subject: [PATCH] Add Favorite

---
 src/Config.php             |   4 +--
 static/css/style.css       |   5 +++
 static/img/favorite.png    | Bin 0 -> 1116 bytes
 static/img/no-favorite.png | Bin 0 -> 1412 bytes
 static/js/javascript.js    |  62 +++++++++++++++++++++++++++++++++++++
 5 files changed, 69 insertions(+), 2 deletions(-)
 create mode 100644 static/img/favorite.png
 create mode 100644 static/img/no-favorite.png

diff --git a/src/Config.php b/src/Config.php
index 4281a4c..5eec063 100644
--- a/src/Config.php
+++ b/src/Config.php
@@ -3,8 +3,8 @@
 namespace WebProjectFitness;
 
 class Config {
-    const SITE_JS_VERSION = '1.01';
-    const SITE_CSS_VERSION = '1.01';
+    const SITE_JS_VERSION = '1.03';
+    const SITE_CSS_VERSION = '1.03';
 
     const TITLE_HEADER = 'Fitness';
     const DESCRIPTION_HEADER = 'Site for find all the fitness exercise you need';
diff --git a/static/css/style.css b/static/css/style.css
index 53c330b..dc19180 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -58,3 +58,8 @@
 #exercises-container div.selected {
     cursor: pointer;
 }
+
+.favorite img {
+    height: 30px;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/static/img/favorite.png b/static/img/favorite.png
new file mode 100644
index 0000000000000000000000000000000000000000..f28d87bef62f6f952c453e57acf92a052a3142d2
GIT binary patch
literal 1116
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!n2Vh}LpV4%Za?&Y0OWEOctjR6
zFbEWZFypDZc}swTk|nMYCBgY=CFO}lsSM@i<$9TU*~Q6;1*v-ZMd`EO*+?-kFa`(s
zgt-0(0fzto8~(2f{lDMg{~6=|S402b_PoE};qkH1XJ>q0U3GYU!|&6{z)wK-DX-V(
z{N7yfd3(|G?J2i+XM8_g^!;$!`{Q|^PZzx2obi2o&hzaB_jeb)-=FvTaL()F8LzkJ
zeBPb$cz4$O{W-7q=R7~0_55(b^W$0Xcjvv|o%MQu-t+xgpASIxIUw?S2jl{kf%JNR
z0Fr0DKb-XfDtmX<6Dar|s2*krkPS2+q8MbzIj|O(2+$~)IdEkV2Y|Rh1hN{U<{VTU
z#)Vn|HW01`>?)vokS>Hds9NBPy-w=Pmj}i{K}nEbFaskKGYcylI|nBh53jI@gp{<5
ztem2fs+xwDwvK^`xuuP*oxPKrySGn3U}!{SbZkO$N?Lk$PJUrgaaluqZ(sk!Y13!V
zTd`^Lw(YwQU$}bh`i+~nZr{0g|H0!YPoF)1`TEVf51&4N{r3IG&tJd){Qbwz{W|~{
zwf{X`977}|w;oIlPYPsUy`a2MqbzAbvQk-N*Im}6MGKme)Sv&am#XbPs<h|(zV9<`
zO8=jIx$}{Z-XaarP8ZfLK?P<Fr^-1!(+}^ltef4OnR@+CSuES;KUaPv24(iliqJgs
z(eNyL@SDJ8u5S&JXGvZ*I9PVDhg-U5cFHtQi8R~vX~o(-vl99^B~mOC`-HiBB$MYE
zN+fX_``=(vc8f@0*=2dFy)WWH#)`X)th-NJ?-%T;3w)q0b!W!+U2ilJa=)EfC+}jn
z@^t!>gxYJDb6S^O-@d8(kDKtlzVh&zy%Kflg7?}P-)s9;e|<Fj`Ajw2>IE<B7is$c
z^>|&mgtOoF#E)YC!|(npc&ATdQ?;IWxYpY_@9v4q6BjUc@`+^ZU6^OS_J^x?kJZtr
z5384Hly;gqE--YGRq7R3Wxe!LrmRZVp%9Mi4yziucqbGGALQLxsMX_~H<Ro1gxiY`
z$vx3qS-`28-o>S<p0aDj71o)WTE32Hy<XW9ID<4fW?D>rG+{;3yu$|%IzL<46d_+c
zr*|5I>f-b>7ugN%H^-d4v0&rb7{hM)q}gY7L>DL=-dJ$F$G4+(#<vY2oibCs`F*$@
zbv)0W&NAf+S-&q}a!Y`2eNE2Q$KhY2<^Ke7Ph_05QdYbr##(a{vjFFW-+3N8zn^4q
q+2(vV;1yr4^Ag@&TOP*$;*R@$qyH(h^i^OoWbkzLb6Mw<&;$UDjWmA%

literal 0
HcmV?d00001

diff --git a/static/img/no-favorite.png b/static/img/no-favorite.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ef29b73c6c159f2366bf98b6984ba60b0e676d5
GIT binary patch
literal 1412
zcmZ`(YdF&j9R6F%U1E|ENrud9*f4T07NcAz+69}-T=p>LGFq7<9ORyIXSpPlyN<9^
z%88C^k)(AvLM}at&Wg_Zcs`sD@B2RQ`}@7m@7pi^f{TNUBt#Mb02!>Ky_-<2e?nYT
z$N;IwQ^=x0HaHsqxSu2SoqSN}PXsu+;Q$~33IJ>l00@K;`vU;PAOK*M1OS+u0H8!K
z?Y(Fr9Dw|t9P9z0F-y}>=p^WlKG6Um`}ikB3iV`FgrOJ%i#sd!Uiz@Oy!I?KK3RCs
z4Qp@X5&U*~#wW~!0v6jMju%ZQnRuKJ(SSj&f318Jd@Viiy3^ESu`Io25!A6b#HT@}
z>hyF7QU?mjf?TLReBK$Hj*K{_CVh|`8nPzoI7KRe8$A_kDeRn_D={w%`MyxxvtYLT
z?MMITdGlRX+7Gj$OPKQQ%%vrLH7k)#asK+JYGVBf4lizr)OI6Z0i7eZ$BO5Bbx9mt
zo+b=HtK3r(79>?@I4f5|_klOM;8I^-krt`T5bM4q9<8IcLeJn0ihiZ*MptDlh@jYu
zQ|)efrTd$kp5SN_FDYecLrE~&ki{-eRmZ6rqsMo7P92pMTvt3YjKv*m=@5Vj;AF^y
z<eQ6PWV?=)pbtmXV4;bQA5d+*pmHVITV7M>C&}a_)QZX%@w?~Rtzg@sjpgiR4)Gk`
z%DIDx_tqCc9XO~4OBzRWX|WPM{hHKE{X9C^<dZKUTe3nw|JeAr%kM21#tavic4lAa
zvUN%cm4<5`BJU`cD^sv~7O22eEbU^y#PvyYymcA%-X(?C%Gt{DZ|mG&5X{zNzcq83
z(6{btmE6bf$<YYjC$+TeYF>C1%SNxLjm<T?6D4Xjs|fi;S4+!{!s30`J{l^eg%{^f
zM&x7<Vj*_M!Dxp}uX}L1YV2gKovFW1p=0J>QCB4Af3VD{!Ac2!?nVOczI^Y9fLS?C
zsCpHHs_LIOLSA^+GE@>Pxfjuh*^@~~J#*(Us&s=^wV?0G?Y~&jIyd{|SM6Ci_>C`0
zFt?P74$5AnR~v9_a}$DKt$u_V{*-Z@0_!x`0`d3uu8ug-EZ+EOL#HG^7s(}Raa>i2
z8K1%G;{0)B4N;$ybKE<00K6$hUOzSw>7*N&QK_+#Y;h5}7hpT%R-3Kn$)jpCsc?g_
zc4gYBTg_M>-debP%~5g)UX#<6=gv5!y5_{s8UYcMI?d6e6x&tNJ!k-vDzZSz+y4k!
z9UXcx0*du_*^wb#l~YvhT^7%M+wJ)00BHLwx{V!sMXN0kj8K0#v5QcQPt5Z<{mgnt
z+gko|6}vM-w7r2O1-<QapIvs7659FhiLFQ6OoTk|pIJkMdRh!O4)$R9_EBye!_4`m
z?0W@XkS@*FprU=v<j!|*7Tls7H;|}_E`#({x=OdN*;U9uG6fNGoq-Bt`WaKd)Zy1$
zHCU0{^ws&W3b}+P1Gh~}9Y#=<m5mMFFgWbibg}|Z<8IDrBm}nGCb!@EGCjo~uHgR+
zkL|`^ukk84mj~T|Y4~|OVn5`h3~!E4Sg;aze9w%HSn9wGhy#;6hx+KgKHFz=cw3dI
z-Y>%kUWfDqwBn>`a|P^sJfor+<W}P-+-#@cyM6RaxuPYEI3U7j=7I~Qo@Wym=T8Zk
zeCr;5(5XSbdvQUF<zVWtt{!Ldxm36!Pu4pS`a{Vn9~Y);vK8v>Nk3@{i7D!db*45R
z+CRk9sk`A{KNKf?I9iOect#+ZLBRw>QG@~*B9Nx~NJD)j$^&77L7HNW%=8dQ3<9B9
zyaE1CAv`iLgc|?<1-C!E>V*a6pBLOCsSGALiUKg1On68HEjoZqr@$klf^KhEK!i&G
M_N<G2vn}b`zw~EZ+5i9m

literal 0
HcmV?d00001

diff --git a/static/js/javascript.js b/static/js/javascript.js
index 4b57dad..1c6aa11 100644
--- a/static/js/javascript.js
+++ b/static/js/javascript.js
@@ -202,8 +202,19 @@ let Point = ( function () {
                 if ( storageData[ $elem.data( "id" ) ] ) {
                     let data = storageData[ $elem.data( "id" ) ];
                     let main = $( "#main-container" );
+                    let favStorage = localStorage.getItem( "fav" );
+
+                    if ( favStorage ) {
+                        favStorage = JSON.parse( favStorage );
+                    } else {
+                        favStorage = {};
+                    }
+                    let fav = favStorage[ $elem.data( "id" ) ];
 
                     main.html( `
+                                <div data-id="${ $elem.data( "id" ) }" data-fav="${ fav ? "true" : "false" }" class="right favorite">
+                                    <img src="/img/${ fav ? "" : "no-" }favorite.png" alt="">
+                                </div>
                                 <h2>${ data.title }</h2>
                                 <div class="center-align">
                                     <iframe width="560" height="315" src="${ data.video.replace( "https://youtu.be/", "https://www.youtube.com/embed/" ) }" frameborder="0"
@@ -226,8 +237,18 @@ let Point = ( function () {
                             localStorage.setItem( "exercises", JSON.stringify( storageData ) );
 
                             let main = $( "#main-container" );
+                            let favStorage = localStorage.getItem( "fav" );
+
+                            if ( favStorage ) {
+                                favStorage = JSON.parse( favStorage );
+                            } else {
+                                favStorage = {};
+                            }
 
                             main.html( `
+                                <div data-id="${ $elem.data( "id" ) }" data-fav="false" class="right favorite">
+                                    <img src="/img/${ true ? "no-" : "" }favorite.png" alt="">
+                                </div>
                                 <h2>${ data.title }</h2>
                                 <div class="center-align">
                                     <iframe width="560" height="315" src="${ data.video.replace( "https://youtu.be/", "https://www.youtube.com/embed/" ) }" frameborder="0"
@@ -241,6 +262,47 @@ let Point = ( function () {
                 }
             }
         } );
+
+        // On click on favorite
+        $( document ).on( "click", ".favorite", ( elem ) => {
+            let userId = localStorage.getItem( "userId" );
+            let favStorage = localStorage.getItem( "fav" );
+            let $elem = $( elem.currentTarget );
+
+            if ( favStorage ) {
+                favStorage = JSON.parse( favStorage );
+            } else {
+                favStorage = {};
+            }
+
+            if ( $elem.data( "fav" ) === "true" ) {
+                favStorage[ $elem.data( "id" ) ] = false;
+                $elem.find( "img" ).attr( "src", "/img/no-favorite.png" );
+                $elem.data( "fav", "false" );
+                $.ajax( {
+                    url: "/api/user/favorite-delete",
+                    method: "POST",
+                    data: {
+                        "id_user": userId,
+                        "id_exercise": $elem.data( "id" )
+                    }
+                } );
+            } else {
+                favStorage[ $elem.data( "id" ) ] = true;
+                $elem.data( "fav", "true" );
+                $elem.find( "img" ).attr( "src", "/img/favorite.png" );
+                $.ajax( {
+                    url: "/api/user/favorite-add",
+                    method: "POST",
+                    data: {
+                        "id_user": userId,
+                        "id_exercise": $elem.data( "id" )
+                    }
+                } );
+            }
+
+            localStorage.setItem( "fav", JSON.stringify( favStorage ) );
+        } );
     };
 
     proto.start = function () {