diff --git a/static/js/app.js b/static/js/app.js index c458b6a..2e9e2cd 100644 --- a/static/js/app.js +++ b/static/js/app.js @@ -371,23 +371,25 @@ $(document).ready(function() { var user_id = event.target.value; if(user_id.trim().length === 0) { $(input_selector).parent().removeClass('has-success has-feedback has-error'); - $(input_selector).parent().find(".facebook-image img").hide(); + $(input_selector).parent().find(".facebook-image img").attr('src', no_picture_url); return; } - var pictureUrl= "https://graph.facebook.com/" + user_id + "/picture"; + var picture_url = "https://graph.facebook.com/" + user_id + "/picture"; + var static_url = $("meta[name=x-django-static-url]").attr('content'); + var no_picture_url = static_url +"img/unknown_person.png"; $.ajax({ - url: pictureUrl, + url: picture_url, statusCode: { 200: function() { $(input_selector).parent().addClass('has-success has-feedback'); $(input_selector).parent().removeClass('has-error'); - $(input_selector).parent().find(".facebook-image").show().html('') + $(input_selector).parent().find(".facebook-image img").attr('src', picture_url); }, 404: function() { $(input_selector).parent().addClass('has-error has-feedback'); $(input_selector).parent().removeClass('has-success'); - $(input_selector).parent().find(".facebook-image img").hide(); + $(input_selector).parent().find(".facebook-image img").attr('src', no_picture_url); } } }); diff --git a/templates/base.html b/templates/base.html index 87f31bf..bfe63e3 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,6 +4,7 @@ {%block title%}BBS{%endblock%} +