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

Add page favorite

Browse Source
This commit is contained in:
Mathieu Sanchez
2018-12-16 16:05:08 +09:00
parent 32ec67699b
commit dbf28b5afa
12 changed files with 81 additions and 5599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
static/js/javascript.js
View File

@ -243,10 +243,11 @@ let Point = ( function () {
} else {
favStorage = {};
}
let fav = favStorage[ $elem.data( "id" ) ];
main.html( `
<div data-id="${ $elem.data( "id" ) }" data-fav="false" class="right favorite">
<img src="/img/${ true ? "no-" : "" }favorite.png" alt="">
<img src="/img/${ fav ? "" : "no-" }favorite.png" alt="">
</div>
<h2>${ data.title }</h2>
<div class="center-align">
@ -343,7 +344,7 @@ $( document ).ready( () => {
$( "a[data-target=user]" ).html( userName + `<i class="material-icons right">arrow_drop_down</i>` );
}
$( document ).on( "click", "#change-name", function () {
$( document ).on( "click", "#change-name", () => {
let modal = $( "#modal" );
modal.find( ".md-title" ).text( "Change Your Name" );
@ -382,4 +383,41 @@ $( document ).ready( () => {
modal.addClass( "md-show" );
} );
$( document ).on( "click", "#your-exercise", function () {
let favStorage = localStorage.getItem( "fav" );
let exercisesStorage = localStorage.getItem( "exercises" );
let main = $( "#main-container" );
main.empty();
if ( favStorage ) {
localStorage = JSON.parse( favStorage );
console.log( favStorage );
if ( exercisesStorage ) {
exercisesStorage = JSON.parse( exercisesStorage );
}
for ( let id in favStorage ) {
if ( favStorage.hasOwnProperty( id ) ) {
if ( favStorage[ id ] ) {
if ( exercisesStorage.hasOwnProperty( id ) ) {
main.append( `
<div data-id="${ id }" data-fav="false" class="right favorite">
<img src="/img/favorite.png" alt="">
</div>
<h2>${ exercisesStorage[ id ].title }</h2>
<div class="center-align">
<iframe width="560" height="315" src="${ exercisesStorage[ id ].video.replace( "https://youtu.be/", "https://www.youtube.com/embed/" ) }" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<div class="exercise-info-container blue-grey lighten-4 left-align">${ ( exercisesStorage[ id ].description ? exercisesStorage[ id ].description : "" ) }</div>
</div>
` );
}
}
}
}
} else {
}
} );
} );