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 @@