430 lines
20 KiB
JavaScript
430 lines
20 KiB
JavaScript
|
|
var QnA = {
|
|
|
|
// hide all the 'close' and 'best' buttons for this question
|
|
|
|
// @fixme: Should use ID
|
|
close: function(closeButt) {
|
|
notice = $(closeButt).closest('li.hentry.notice.question');
|
|
notice.find('input[name=best],[name=close]').hide();
|
|
notice.find('textarea').hide();
|
|
notice.find('li.notice-answer-placeholder').hide();
|
|
notice.find('#answer-form').hide();
|
|
},
|
|
|
|
init: function() {
|
|
|
|
var that = this;
|
|
|
|
QnA.NoticeInlineAnswerSetup();
|
|
|
|
$('input[name=close]').live('click', function() {
|
|
that.close(this);
|
|
});
|
|
$('input[name=best]').live('click', function() {
|
|
that.close(this);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Open up a question's inline answer box.
|
|
*
|
|
* @param {jQuery} notice: jQuery object containing one notice
|
|
*/
|
|
NoticeInlineAnswerTrigger: function(notice) {
|
|
// Find the notice we're replying to...
|
|
var id = $($('.notice_id', notice)[0]).text();
|
|
|
|
console.log("NoticeInlineAnswerTrigger - replying to notice " + id);
|
|
|
|
var parentNotice = notice;
|
|
|
|
// Find the threaded replies view we'll be adding to...
|
|
var list = notice.closest('.notices');
|
|
if (list.hasClass('threaded-replies')) {
|
|
console.log("NoticeInlineAnswerTrigger - there's already a threaded-replies ul above me");
|
|
// We're replying to a reply; use reply form on the end of this list.
|
|
// We'll add our form at the end of this; grab the root notice.
|
|
parentNotice = list.closest('.notice');
|
|
console.log("NoticeInlineAnswerTrigger - trying to find the closed .notice above me");
|
|
if (parentNotice.length > 0) {
|
|
console.log("NoticeInlineAnswerTrigger - found that closest .notice");
|
|
}
|
|
} else {
|
|
console.log("NoticeInlineAnswerTrigger - this notice does not have a threaded-reples ul");
|
|
// We're replying to a parent notice; pull its threaded list
|
|
// and we'll add on the end of it. Will add if needed.
|
|
list = $('ul.threaded-replies', notice);
|
|
console.log('NoticeInlineAnswerTrigger - looking for threaded-replies ul on the parent notice (on the passed in notice)');
|
|
if (list.length == 0) {
|
|
console.log("NoticeInlineAnswerTrigger - there is no threaded-replies ul on the parent notice");
|
|
console.log("NoticeInlineAnswerTrigger - calling NoticeInlineAnswerPlaceholder(notice)");
|
|
QnA.NoticeInlineAnswerPlaceholder(notice);
|
|
console.log("NoticeInlineAnswerTrigger - checking once again for a ul.threaded-replies on the notice");
|
|
list = $('ul.threaded-replies', notice);
|
|
}
|
|
}
|
|
|
|
|
|
var nextStep = function() {
|
|
console.log("NoticeInlineAnswerTrigger (nextStep) - begin");
|
|
|
|
// Set focus...
|
|
var text = answerForm.find('textarea');
|
|
|
|
if (text.length == 0) {
|
|
throw "No textarea";
|
|
}
|
|
|
|
console.log("NoticeInlineAnswerTrigger (nextStep) - setting up body click handler to hide open form when clicking away");
|
|
$('body').click(function(e) {
|
|
console.log("body click handler - got click");
|
|
|
|
var openAnswers = $('li.notice-answer');
|
|
if (openAnswers.length > 0) {
|
|
console.log("body click handler - Found one or more open answer forms to close");
|
|
var target = $(e.target);
|
|
openAnswers.each(function() {
|
|
console.log("body click handler - found an open answer form");
|
|
// Did we click outside this one?
|
|
var answerItem = $(this);
|
|
if (answerItem.has(e.target).length == 0) {
|
|
var textarea = answerItem.find('.notice_data-text:first');
|
|
var cur = $.trim(textarea.val());
|
|
// Only close if there's been no edit.
|
|
if (cur == '' || cur == textarea.data('initialText')) {
|
|
console.log("body click handler - no text in answer form, closing it");
|
|
var parentNotice = answerItem.closest('li.notice');
|
|
answerItem.remove();
|
|
console.log("body click handler - showing answer placeholder");
|
|
parentNotice.find('li.notice-answer-placeholder').show();
|
|
} else {
|
|
console.log("body click handler - there is text in the answer form, wont close it");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
text.focus();
|
|
console.log('body click handler - exit');
|
|
};
|
|
|
|
// See if the form's already open...
|
|
var answerForm = $('.notice-answer-form', list);
|
|
if (answerForm.length > 0 ) {
|
|
console.log("NoticeInlineAnswerTrigger - found an open .notice-answer-form - doing nextStep()");
|
|
nextStep();
|
|
} else {
|
|
|
|
console.log("NoticeInlineAnswerTrigger - hiding the answer placeholder");
|
|
var placeholder = list.find('li.notice-answer-placeholder').hide();
|
|
|
|
// Create the answer form entry at the end
|
|
|
|
var answerItem = $('li.notice-answer', list);
|
|
|
|
if (answerItem.length > 0) {
|
|
console.log("NoticeInlineAnswerTrigger - Found answer item (notice-answer li)");
|
|
}
|
|
|
|
if (answerItem.length == 0) {
|
|
console.log("NoticeInlineAnswerTrigger - no answer item (notice-answer li)");
|
|
answerItem = $('<li class="notice-answer"></li>');
|
|
|
|
var intermediateStep = function(formMaster) {
|
|
console.log("NoticeInlineAnswerTrigger - (intermediate) step begin");
|
|
var formEl = document._importNode(formMaster, true);
|
|
console.log("NoticeInlineAnswerTrigger - (intermediate step) appending answer form to answer item");
|
|
answerItem.append(formEl);
|
|
console.log("NoticeInlineAnswerTrigger - (intermediate step) appending answer to replies list, after placeholder");
|
|
list.append(answerItem); // *after* the placeholder
|
|
var form = answerForm = $(formEl);
|
|
console.log("NoticeInlineAnswerTrigger - (intermediate step) calling QnA.AnswerFormSetup on the form")
|
|
QnA.AnswerFormSetup(form);
|
|
console.log("NoticeInlineAnswerTrigger - (intermediate step) calling nextstep()");
|
|
nextStep();
|
|
};
|
|
|
|
if (QnA.AnswerFormMaster) {
|
|
console.log("NoticeInlineAnswerTrigger - found a cached copy of the answer form");
|
|
// We've already saved a master copy of the form.
|
|
// Clone it in!
|
|
console.log("NoticeInlineAnswerTrigger - calling intermediateStep with cached form");
|
|
intermediateStep(QnA.AnswerFormMaster);
|
|
} else {
|
|
// Fetch a fresh copy of the answer form over AJAX.
|
|
// Warning: this can have a delay, which looks bad.
|
|
// @fixme this fallback may or may not work
|
|
var url = $('#answer-action').attr('value');
|
|
|
|
console.log("NoticeInlineAnswerTrigger - fetching new form via HXR");
|
|
|
|
$.get(url, {ajax: 1}, function(data, textStatus, xhr) {
|
|
console.log("NoticeInlineAnswerTrigger - got a new form via HXR, calling intermediateStep");
|
|
intermediateStep($('form', data)[0]);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
console.log('NoticeInlineAnswerTrigger - exit');
|
|
|
|
},
|
|
|
|
/**
|
|
* Setup function -- DOES NOT apply immediately.
|
|
*
|
|
* Sets up event handlers for inline reply mini-form placeholders.
|
|
* Uses 'live' rather than 'bind', so applies to future as well as present items.
|
|
*/
|
|
NoticeInlineAnswerSetup: function() {
|
|
console.log("NoticeInlineAnswerSetup - begin");
|
|
$('li.notice-answer-placeholder input.placeholder')
|
|
.live('focus', function() {
|
|
var notice = $(this).closest('li.notice');
|
|
QnA.NoticeInlineAnswerTrigger(notice);
|
|
return false;
|
|
});
|
|
console.log("NoticeInlineAnswerSetup - exit");
|
|
},
|
|
|
|
AnswerFormSetup: function(form) {
|
|
console.log("AnswerFormSetup");
|
|
$('input[type=submit]').live('click', function() {
|
|
console.log("AnswerFormSetup click");
|
|
QnA.FormAnswerXHR(form);
|
|
});
|
|
},
|
|
|
|
NoticeInlineAnswerPlaceholder: function(notice) {
|
|
console.log("NoticeInlineAnswerPlaceholder - begin")
|
|
var list = notice.find('ul.threaded-replies');
|
|
if (list.length == 0) {
|
|
list = $('<ul class="notices threaded-replies xoxo"></ul>');
|
|
notice.append(list);
|
|
list = notice.find('ul.threaded-replies');
|
|
}
|
|
|
|
var placeholder = $('<li class="notice-answer-placeholder">' +
|
|
'<input class="placeholder">' +
|
|
'</li>');
|
|
placeholder.find('input')
|
|
.val(SN.msg('reply_placeholder'));
|
|
list.append(placeholder);
|
|
console.log("NoticeInlineAnswerPlaceholder - exit");
|
|
},
|
|
|
|
|
|
/**
|
|
* Setup function -- DOES NOT trigger actions immediately.
|
|
*
|
|
* Sets up event handlers for special-cased async submission of the
|
|
* notice-posting form, including some pre-post validation.
|
|
*
|
|
* Unlike FormXHR() this does NOT submit the form immediately!
|
|
* It sets up event handlers so that any method of submitting the
|
|
* form (click on submit button, enter, submit() etc) will trigger
|
|
* it properly.
|
|
*
|
|
* Also unlike FormXHR(), this system will use a hidden iframe
|
|
* automatically to handle file uploads via <input type="file">
|
|
* controls.
|
|
*
|
|
* @fixme tl;dr
|
|
* @fixme vast swaths of duplicate code and really long variable names clutter this function up real bad
|
|
* @fixme error handling is unreliable
|
|
* @fixme cookieValue is a global variable, but probably shouldn't be
|
|
* @fixme saving the location cache cookies should be split out
|
|
* @fixme some error messages are hardcoded english: needs i18n
|
|
* @fixme special-case for bookmarklet is confusing and uses a global var "self". Is this ok?
|
|
*
|
|
* @param {jQuery} form: jQuery object whose first element is a form
|
|
*
|
|
* @access public
|
|
*/
|
|
FormAnswerXHR: function(form) {
|
|
console.log("FormAanwerXHR - begin");
|
|
//SN.C.I.NoticeDataGeo = {};
|
|
form.append('<input type="hidden" name="ajax" value="1"/>');
|
|
console.log("FormAnswerXHR - appended ajax flag to form");
|
|
|
|
// Make sure we don't have a mixed HTTP/HTTPS submission...
|
|
form.attr('action', SN.U.RewriteAjaxAction(form.attr('action')));
|
|
console.log("FormAnswerXHR rewrote action so we don't have a mixed HTTP/HTTPS submission");
|
|
|
|
/**
|
|
* Show a response feedback bit under the new-notice dialog.
|
|
*
|
|
* @param {String} cls: CSS class name to use ('error' or 'success')
|
|
* @param {String} text
|
|
* @access private
|
|
*/
|
|
var showFeedback = function(cls, text) {
|
|
form.append(
|
|
$('<p class="form_response"></p>')
|
|
.addClass(cls)
|
|
.text(text)
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Hide the previous response feedback, if any.
|
|
*/
|
|
var removeFeedback = function() {
|
|
form.find('.form_response').remove();
|
|
};
|
|
|
|
console.log("FormAnswerXHR - doing ajaxForm call");
|
|
|
|
form.ajaxForm({
|
|
dataType: 'xml',
|
|
timeout: '60000',
|
|
beforeSend: function(formData) {
|
|
console.log("FormAnswerXHR - beforeSend");
|
|
if (form.find('.notice_data-text:first').val() == '') {
|
|
form.addClass(SN.C.S.Warning);
|
|
return false;
|
|
}
|
|
form
|
|
.addClass(SN.C.S.Processing)
|
|
.find('.submit')
|
|
.addClass(SN.C.S.Disabled)
|
|
.attr(SN.C.S.Disabled, SN.C.S.Disabled);
|
|
|
|
SN.U.normalizeGeoData(form);
|
|
|
|
return true;
|
|
},
|
|
error: function (xhr, textStatus, errorThrown) {
|
|
form
|
|
.removeClass(SN.C.S.Processing)
|
|
.find('.submit')
|
|
.removeClass(SN.C.S.Disabled)
|
|
.removeAttr(SN.C.S.Disabled, SN.C.S.Disabled);
|
|
removeFeedback();
|
|
if (textStatus == 'timeout') {
|
|
// @fixme i18n
|
|
showFeedback('error', 'Sorry! We had trouble sending your notice. The servers are overloaded. Please try again, and contact the site administrator if this problem persists.');
|
|
}
|
|
else {
|
|
var response = SN.U.GetResponseXML(xhr);
|
|
if ($('.'+SN.C.S.Error, response).length > 0) {
|
|
form.append(document._importNode($('.'+SN.C.S.Error, response)[0], true));
|
|
}
|
|
else {
|
|
if (parseInt(xhr.status) === 0 || jQuery.inArray(parseInt(xhr.status), SN.C.I.HTTP20x30x) >= 0) {
|
|
form
|
|
.resetForm()
|
|
.find('.attach-status').remove();
|
|
SN.U.FormNoticeEnhancements(form);
|
|
}
|
|
else {
|
|
// @fixme i18n
|
|
showFeedback('error', '(Sorry! We had trouble sending your notice ('+xhr.status+' '+xhr.statusText+'). Please report the problem to the site administrator if this happens again.');
|
|
}
|
|
}
|
|
}
|
|
},
|
|
success: function(data, textStatus) {
|
|
console.log("FormAnswerHXR - success");
|
|
removeFeedback();
|
|
var errorResult = $('#'+SN.C.S.Error, data);
|
|
if (errorResult.length > 0) {
|
|
showFeedback('error', errorResult.text());
|
|
}
|
|
else {
|
|
|
|
// New notice post was successful. If on our timeline, show it!
|
|
var notice = document._importNode($('li', data)[0], true);
|
|
console.log("FormAnswerXHR - loaded the notice, now trying to insert it somewhere");
|
|
|
|
var notices = $('#notices_primary .notices:first');
|
|
|
|
console.log("FormAnswerXHR - looking for the closest notice with a notice-reply class");
|
|
|
|
var replyItem = form.closest('li.notice-answer, .notice-reply');
|
|
|
|
if (replyItem.length > 0) {
|
|
console.log("FormAnswerXHR - I found a reply li to append to");
|
|
// If this is an inline reply, remove the form...
|
|
console.log("FormAnswerXHR - looking for the closest .threaded-replies ul")
|
|
var list = form.closest('.threaded-replies');
|
|
console.log("FormAnswerXHR - search list for the answer placeholder")
|
|
var placeholder = list.find('.notice-answer-placeholder');
|
|
console.log("FormAnswerXHR - removing reply item");
|
|
replyItem.remove();
|
|
|
|
var id = $(notice).attr('id');
|
|
console.log("FormAnswerXHR - the new notice id is: " + id);
|
|
if ($("#"+id).length == 0) {
|
|
console.log("FormAnswerXHR - the notice is not there already so realtime hasn't inserted it before us");
|
|
console.log("FormAnswerXHR - inserting new notice before placeholder");
|
|
$(placeholder).removeClass('notice-answer-placeholder').addClass('notice-reply-placeholder');
|
|
$(notice).insertBefore(placeholder);
|
|
placeholder.show();
|
|
|
|
} else {
|
|
// Realtime came through before us...
|
|
}
|
|
|
|
} else if (notices.length > 0 && SN.U.belongsOnTimeline(notice)) {
|
|
console.log('FormAnswerXHR - there is at least one notice on the timeline and the new notice should be added to the list');
|
|
// Not a reply. If on our timeline, show it at the
|
|
if ($('#'+notice.id).length === 0) {
|
|
console.log("FormAnswerXHR - The notice is not yet on the timeline.")
|
|
var notice_irt_value = form.find('#inreplyto').val();
|
|
console.log("FormAnswerXHR - getting value from #inreplyto inside the form: " + notice_irt_value);
|
|
var notice_irt = '#notices_primary #notice-'+notice_irt_value;
|
|
console.log("notice_irt selector = " + notice_irt_value);
|
|
if($('body')[0].id == 'conversation') {
|
|
console.log("FormAnswerXHR - we're on a conversation page");
|
|
if(notice_irt_value.length > 0 && $(notice_irt+' .notices').length < 1) {
|
|
$(notice_irt).append('<ul class="notices"></ul>');
|
|
}
|
|
console.log("FormAnswerXHR - appending notice after notice_irt selector");
|
|
$($(notice_irt+' .notices')[0]).append(notice);
|
|
}
|
|
else {
|
|
console.log("FormAnswerXHR prepending notice to top of the notice list");
|
|
notices.prepend(notice);
|
|
}
|
|
$('#'+notice.id)
|
|
.css({display:'none'})
|
|
.fadeIn(2500);
|
|
}
|
|
|
|
// realtime injected the notice first
|
|
|
|
} else {
|
|
// Not on a timeline that this belongs on?
|
|
// Just show a success message.
|
|
// @fixme inline
|
|
showFeedback('success', $('title', data).text());
|
|
}
|
|
|
|
//form.resetForm();
|
|
//SN.U.FormNoticeEnhancements(form);
|
|
}
|
|
},
|
|
complete: function(xhr, textStatus) {
|
|
form
|
|
.removeClass(SN.C.S.Processing)
|
|
.find('.submit')
|
|
.removeAttr(SN.C.S.Disabled)
|
|
.removeClass(SN.C.S.Disabled);
|
|
|
|
form.find('[name=lat]').val(SN.C.I.NoticeDataGeo.NLat);
|
|
form.find('[name=lon]').val(SN.C.I.NoticeDataGeo.NLon);
|
|
form.find('[name=location_ns]').val(SN.C.I.NoticeDataGeo.NLNS);
|
|
form.find('[name=location_id]').val(SN.C.I.NoticeDataGeo.NLID);
|
|
form.find('[name=notice_data-geo]').attr('checked', SN.C.I.NoticeDataGeo.NDG);
|
|
}
|
|
});
|
|
}
|
|
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
QnA.init();
|
|
});
|