{% extends "base.html" %} {% block extra_head %} <script type="application/x-javascript"> jQuery(document).ready(function($) { // post to form_loc and alert with response var post_and_alert = function (form_loc){ return function(bubble,params) { $.post(form_loc, params, function (data) { alert(data); }); return bubble; } }; var update_number_of_books = function (){ $.ajax({url:'/api/v1/wishlist/{{user.wishlist.id}}/', data: {format:'json', api_key:'{{api_key}}', username: '{{user.username}}'}, success: function(json) { $('#number_of_books_on_wishlist').html(json["works"].length); var d = new Date(); $('#num_books_update_time').html(d.toUTCString()); }, error: function(jqXHR, textStatus, errorThrown) { alert('error') } }) } // add a current date time to the display of current number of books on wishlist var d = new Date() $('#num_books_update_time').html(d.toUTCString()); $('#test_click').click(update_number_of_books); $('#clear_wishlist_form').submit(function (){ post_and_alert('{% url clear_wishlist %}')(true,{}); update_number_of_books(); return false; }); $('#load_shelf_form').submit(function(){ post_and_alert('{% url goodreads_load_shelf%}')(false,$('#load_shelf_form').serialize()); return false; }); }); </script> {% endblock %} {% block title %}Goodreads{% endblock %} {% block content %} <div id="main-container"> <div class="js-main"> <div id="js-maincol-fr"> <div class="js-maincol-inner"> <div id="content-block"> <h1>Goodreads</h1> {% if user.profile.goodreads_user_id %} <p>Welcome, Goodreads user id# {{user.profile.goodreads_user_id}}. Your GR username is {{user.profile.goodreads_user_name}} and here is <a href="{{user.profile.goodreads_user_link}}">your Goodreads profile</a>.</p> <form id="clear_goodreads_id" method="post" action="{% url goodreads_flush_assoc %}"> <p><input type="submit" value="Unlink your Goodreads account from Unglue.it" /></p> </form> <p>You can also revoke access for Unglue.it at <a href="http://www.goodreads.com/user/edit?tab=apps">Goodreads user apps panel</a>.</p> <hr /> <form id="load_shelf_form" method="post" action="#"> {{gr_shelf_load_form.as_p}} <input type="submit" value="Load the books from your Goodreads shelf to your wishlist" /> </form> {% else %} <p>We don't currently know your Goodreads user information.</p> <p><a href="{{goodreads_auth_url}}">Enable Unglue.it to link to your Goodreads account</a></p> {% endif %} <hr /> <p><a href="#" id="test_click">Click here to update the number of books on your wishlist:</a></p> <div id="gr_status"><p>Number of books on your wishlist: <span id="number_of_books_on_wishlist">{{user.wishlist.works.all|length}}</span> (as of <span id="num_books_update_time"></span>)</p></div> <form id="clear_wishlist_form" method="post" action="#"> <input type="submit" value="Empty your wishlist" /> </form> <!-- list user's books --> {% if reviews %} <p>Here are some of your books that you've put on your Goodreads shelves:</p> <ul id="id"> {% for review in reviews|slice:":50" %} <li><img src="{{review.book.small_image_url}}" /><a href="{{review.book.link}}">{{review.book.title}}</a></li> {% endfor %} </ul> {% endif %} <hr /> <!-- list any Celery tasks and status --> {% if celerytasks %} <p>Book Loading tasks you've initiated</p> <ul> {% for task in celerytasks %} <li>{{task.task_id}} | {{task.description}} | {{task.state}}</li> {% endfor %} </ul> <form id="clear_celery_tasks" method="post" action="{% url clear_celery_tasks %}"> {% csrf_token %} <input type="submit" value="Clear Celery Tasks" /> </form> {% endif %} </div> </div> </div> </div> </div> {% endblock %}