JQuery JS Cookie

CookiesBookmark

/** 
 * Cookies WATCHLIST
 * js.cookie.js
 **/

// cek cookies favorites
if (typeof Cookies.get('favorites') === 'undefined') {
  Cookies.set('favorites',[])
}

var favorites = JSON.parse(Cookies.get('favorites')) || [];

// menambahkan kelas pada item yang saved
favorites.forEach(function(favorite) {
  $('#'+favorite).closest('.postgayn').addClass('saved');
  $('#'+favorite).closest('.simpen').text('Remove');
});

// Menambah/Menghapus
$(document).on('click','.simpen', function(e) {
  var id = e.target.id,
      item = $(this).closest('.postgayn'),
      index = favorites.indexOf(id);
      
  // return jika tidak memiliki ID
  if (!id) return;
  
  // item tidak saved (menambahkan item ke cookies)
  if (index == -1) {
    favorites.push(id);
    item.addClass('saved');
    $(this).text('Remove');
    
  // item sudah saved (menghapus item dari cookies)
  } else {
    favorites.splice(index, 1);
    item.removeClass('saved');
    $(this).text('Bookmark');
  }
  
  // simpan array ke cookies
  Cookies.set('favorites', JSON.stringify(favorites));
});