mathieu/CAU-Web-Fall-2018-Project-1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add Favorite

Browse Source
This commit is contained in:
Mathieu Sanchez 2018-12-15 15:45:24 +09:00
parent b10d2a1737
commit 4ad8ea96e6
5 changed files with 69 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/Config.php
View File

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

5
static/css/style.css
View File

@ -58,3 +58,8 @@
#exercises-container div.selected {
cursor: pointer;
}
.favorite img {
height: 30px;
cursor: pointer;
}

BIN
static/img/favorite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
static/img/no-favorite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

62
static/js/javascript.js
View File

@ -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 () {