$(document).ready(function() {
var preloader_small = new Image();
var preloader_medium = new Image();
var anonymous_photo = new Image();
preloader_small.src = SocialSite.base_url + "/static/images/loader.gif";
preloader_medium.src = SocialSite.base_url + "/static/images/loader-medium.gif";
anonymous_photo.src = SocialSite.base_url + "/static/images/anonymous.png";
// django's way to get around csrf requests on ajax
$('html').ajaxSend(function(event, xhr, settings) {
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
// Only send the token to relative URLs i.e. locally.
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
});
// toggle content of status update textarea
$("#status-update").focus(function() {
if ($(this).val() == "What's on your mind?") {
$(this).val('');
}
$(this).css("color", "#000000");
}).blur(function() {
if ($(this).val() == '') {
$(this).val("What's on your mind?");
$(this).css("color", "#cccccc");
}
});
// limit status update to 200
$("#status-update").keydown(function() {
if ($(this).val().length >= 200) {
$(this).val($(this).val().substring(0, 199));
}
});
// toggle content of status update textarea for photo
$("#status-photo-update").focus(function() {
if ($(this).val() == "Add a message with the photo") {
$(this).val('');
}
$(this).css("color", "#000000");
}).blur(function() {
if ($(this).val() == '') {
$(this).val("Add a message with the photo");
$(this).css("color", "#cccccc");
}
});
// toggle fakefile input
$("#status-photo").change(function() {
var fileinput = $(this);
if ($(fileinput).val() != '') {
$(fileinput).next().find("input").val($("#status-photo").val()).css("color", "#000000");
} else {
$(fileinput).val("Click here to select a photo...").css("color", "#cccccc");
}
});
// toggle video url field
$("#status-video").focus(function() {
if ($(this).val() == "Enter the video URL here...") {
$(this).val('');
}
$(this).css("color", "#000000");
}).blur(function() {
if ($(this).val() == '') {
$(this).val("Enter the video URL here...");
$(this).css("color", "#cccccc");
}
});
// toggle content of status update textarea for video
$("#status-video-update").focus(function() {
if ($(this).val() == "Add a message with the video") {
$(this).val('');
}
$(this).css("color", "#000000");
}).blur(function() {
if ($(this).val() == '') {
$(this).val("Add a message with the video");
$(this).css("color", "#cccccc");
}
});
// submit action for status
$("#profile-actions-input #actions-submit input").click(function() {
var action_submit = $(this);
switch ($("#profile-actions li.active a").attr("id")) {
case 'tab-update-status':
if ($("#status-update").val() == "" || $("#status-update").val() == "What's on your mind?") {
$("#status-update").focus();
} else {
$('#status-form-text').ajaxSubmit({
type: 'POST',
dataType: 'json',
url: '/siteapp/status/update/',
beforeSubmit: function() {
$("#status-update").css("color", "#cccccc").attr("readonly", "readonly");
$("#profile-actions-input #actions-submit input").hide().after('');
},
success: function(response, responseStatus) {
$("#action-result-wrapper").stop().css("opacity", "1");
if (response.status == 'SUCCESS') {
// display the latest status
$("#latest-status-inner").hide().html(response.latest_status).show("slow");
// append latest photo in the feed
if ($("#profile-feed ul li").length == 5) {
var last_li = $("#profile-feed ul li.last");
var prev_li = $(last_li).prev("li")[0];
$(prev_li).addClass("last");
$(last_li).remove();
}
var feed_item = '
');
}
$(".appended-photo").show("fast").removeClass("appended-photo");
// append latest photo in the feed
if ($("#profile-feed ul li").length == 5) {
var last_li = $("#profile-feed ul li.last");
var prev_li = $(last_li).prev("li")[0];
$(prev_li).addClass("last");
$(last_li).remove();
}
var feed_item = '