regluit/static/js/wishlist.js

88 lines
3.4 KiB
JavaScript
Raw Normal View History

var $j = jQuery.noConflict();
$j().ready(function() {
// only do the lookup once, then cache it
var contentblock = $j('#content-block');
contentblock.on("click", ".add-wishlist", function () {
var span = $j(this).find("span");
var id_val = span.attr('id').substring(1);
var id_type = span.attr('class');
if (!id_val) {span.html('<i>an error occurred.</i>'); return;}
// give immediate feedback that action is in progress
span.html('<b>Adding...</b>');
// actually perform action
if (id_type=='work_id'){
jQuery.post('/wishlist/', { 'add_work_id': id_val}, function(data) {
2012-02-14 15:15:45 +00:00
span.html('On Wishlist!').addClass('on-wishlist');
});}
else if (id_type=='gb_id'){
jQuery.post('/wishlist/', { 'googlebooks_id': id_val}, function(data) {
span.html('On Wishlist!').addClass('on-wishlist');
});}
else {
span.html('a type error occurred');
}
// prevent perversities on download page
if ($j(this).is("a")) {
$j(this).removeClass("add-wishlist").addClass("success");
}
});
contentblock.on("click", "div.remove-wishlist", function() {
var span = $j(this).find("span");
var book = $j(this).closest('.thewholebook');
var work_id = span.attr('id').substring(1)
span.html('Removing...');
jQuery.post('/wishlist/', {'remove_work_id': work_id}, function(data) {
book.fadeOut();
});
});
contentblock.on("click", "div.create-account", function () {
var span = $j(this).find("span");
var work_url = span.attr('title')
top.location = "/accounts/login/?next=" + work_url;
});
// in panel view on the supporter page we want to remove the entire book listing from view upon wishlist-remove
// but on the work page, we only want to toggle the add/remove functionality
// so: slightly different versions ahoy
// note also that we don't have the Django ORM here so we can't readily get from work.id to googlebooks_id
// we're going to have to tell /wishlist/ that we're feeding it a different identifier
contentblock.on("click", "div.remove-wishlist-workpage", function () {
var span = $j(this).find("span");
var work_id = span.attr('id').substring(1);
// provide feedback
span.html('Removing...');
// perform action
jQuery.post('/wishlist/', {'remove_work_id': work_id}, function(data) {
var parent = span.parent();
parent.fadeOut();
var newDiv = $j('<div class="add-wishlist-workpage"><span class="'+work_id+'">Add to Wishlist</span></div>').hide();
parent.replaceWith(newDiv);
newDiv.fadeIn('slow');
});
});
});
var $k = jQuery.noConflict();
// allows user to re-add on work page after erroneously removing, without page reload
// can't bind this to document ready because the .add-wishlist-workpage div doesn't exist until remove-wishlist is executed
$k(document).on("click", ".add-wishlist-workpage span", function() {
var span = $k(this);
var work_id = span.attr("class");
if (!work_id) return;
jQuery.post('/wishlist/', {'add_work_id': work_id}, function(data) {
span.fadeOut();
var newSpan = $k('<span class="on-wishlist">On Wishlist!</span>').hide();
span.replaceWith(newSpan);
newSpan.fadeIn('slow');
newSpan.removeAttr("id");
});
});