* @fixme can't submit file uploads
*
* @param {jQuery} form: jQuery object whose first element is a form
+ * @param function onSuccess: something extra to do on success
*
* @access public
*/
- FormXHR: function(form) {
+ FormXHR: function(form, onSuccess) {
$.ajax({
type: 'POST',
dataType: 'xml',
errorReported = $('#error', xhr.responseXML).text();
}
alert(errorReported || errorThrown || textStatus);
-
+
// Restore the form to original state.
// Hopefully. :D
form
if (typeof($('form', data)[0]) != 'undefined') {
form_new = document._importNode($('form', data)[0], true);
form.replaceWith(form_new);
+ if (onSuccess) {
+ onSuccess();
+ }
}
else if (typeof($('p', data)[0]) != 'undefined') {
form.replaceWith(document._importNode($('p', data)[0], true));
+ if (onSuccess) {
+ onSuccess();
+ }
}
else {
alert('Unknown error.');
results_placeholder.replaceWith(list);
}
else {
- var _error = $('<li/>').append(document._importNode($('p', data)[0], true));
+ var _error = $('<li/>').append(document._importNode($('p', data)[0], true));
results_placeholder.html(_error);
}
form
url: form.attr('action'),
data: form.serialize() + '&ajax=1',
beforeSend: function(xhr) {
- form.addClass(SN.C.S.Processing)
- .find('.submit')
+ form.find('.submit')
+ .addClass(SN.C.S.Processing)
.addClass(SN.C.S.Disabled)
.attr(SN.C.S.Disabled, SN.C.S.Disabled);
},
$('#content .notice_reply').live('click', function(e) {
e.preventDefault();
var notice = $(this).closest('li.notice');
- var nickname = ($('.author .nickname', notice).length > 0) ? $($('.author .nickname', notice)[0]) : $('.author .nickname.uid');
- SN.U.NoticeInlineReplyTrigger(notice, '@' + nickname.text());
+ SN.U.NoticeInlineReplyTrigger(notice);
return false;
});
},
// Find the notice we're replying to...
var id = $($('.notice_id', notice)[0]).text();
var parentNotice = notice;
+ var stripForm = true; // strip a couple things out of reply forms that are inline
// Find the threaded replies view we'll be adding to...
var list = notice.closest('.notices');
- if (list.hasClass('threaded-replies')) {
+ if (list.closest('.old-school').length) {
+ // We're replying to an old-school conversation thread;
+ // use the old-style ping into the top form.
+ SN.U.switchInputFormTab("status")
+ replyForm = $('#input_form_status').find('form');
+ stripForm = false;
+ } else if (list.hasClass('threaded-replies')) {
// 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');
+
+ // See if the form's already open...
+ var replyForm = $('.notice-reply-form', list);
} else {
// 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);
if (list.length == 0) {
- list = $('<ul class="notices threaded-replies xoxo"></ul>');
- notice.append(list);
+ SN.U.NoticeInlineReplyPlaceholder(notice);
+ list = $('ul.threaded-replies', notice);
+ } else {
+ var placeholder = $('li.notice-reply-placeholder', notice);
+ if (placeholder.length == 0) {
+ SN.U.NoticeInlineReplyPlaceholder(notice);
+ }
}
- }
- // See if the form's already open...
- var replyForm = $('.notice-reply-form', list);
+ // See if the form's already open...
+ var replyForm = $('.notice-reply-form', list);
+ }
var nextStep = function() {
// Override...?
replyForm.find('input[name=inreplyto]').val(id);
+ if (stripForm) {
+ // Don't do this for old-school reply form, as they don't come back!
+ replyForm.find('#notice_to').attr('disabled', 'disabled').hide();
+ replyForm.find('#notice_private').attr('disabled', 'disabled').hide();
+ replyForm.find('label[for=notice_to]').hide();
+ replyForm.find('label[for=notice_private]').hide();
+ }
// Set focus...
var text = replyForm.find('textarea');
NoticeInlineReplyPlaceholder: function(notice) {
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-reply-placeholder">' +
- '<input class="placeholder">' +
+ '<input class="placeholder" />' +
'</li>');
placeholder.find('input')
.val(SN.msg('reply_placeholder'));
* popout before submitting.
*
* Uses 'live' rather than 'bind', so applies to future as well as present items.
+ *
*/
NoticeRepeat: function() {
$('.form_repeat').live('click', function(e) {
$('#input_form_nav_'+tag).addClass('current');
}
+ // Don't remove 'current' if we also have the "nonav" class.
+ // An example would be the message input form. removing
+ // 'current' will cause the form to vanish from the page.
+ var nonav = $('.input_form.current.nonav');
+ if (nonav.length > 0) {
+ return;
+ }
+
$('.input_form.current').removeClass('current');
$('#input_form_'+tag)
.addClass('current')
var form = $(this);
SN.Init.NoticeFormSetup(form);
})
- .find('textarea:first').focus();
- }
+ .find('.notice_data-text').focus();
+ },
+
+ showMoreMenuItems: function(menuid) {
+ $('#'+menuid+' .more_link').remove();
+ var selector = '#'+menuid+' .extended_menu';
+ var extended = $(selector);
+ extended.removeClass('extended_menu');
+ return void(0);
+ }
},
Init: {
});
}
});
+
+ // Infield labels for notice form inputs.
+ $('.input_forms fieldset fieldset label').inFieldLabels({ fadeOpacity:0 });
+
}
},
});
},
- PeopletagAutocomplete: function() {
- $('.form_tag_user #tags').tagInput({
- tags: SN.C.PtagACData,
- tagSeparator: " ",
- animate: false,
- formatLine: function (i, e, search, matches) {
- var tag = "<b>" + e.tag.substring(0, search.length) + "</b>" + e.tag.substring(search.length);
-
- var line = $("<div/>").addClass('mode-' + e.mode);
- line.append($("<div class='tagInputLineTag'>" + tag
- + " <em class='privacy_mode'>" + e.mode + "</em></div>"));
- if (e.freq)
- line.append("<div class='tagInputLineFreq'>" + e.freq + "</div>");
- return line;
+ /**
+ * Called when a people tag edit box is shown in the interface
+ *
+ * - loads the jQuery UI autocomplete plugin
+ * - sets event handlers for tag completion
+ *
+ */
+ PeopletagAutocomplete: function(txtBox) {
+ var split = function(val) {
+ return val.split( /\s+/ );
+ }
+ var extractLast = function(term) {
+ return split(term).pop();
+ }
+
+ // don't navigate away from the field on tab when selecting an item
+ txtBox.live( "keydown", function( event ) {
+ if ( event.keyCode === $.ui.keyCode.TAB &&
+ $(this).data( "autocomplete" ).menu.active ) {
+ event.preventDefault();
}
- });
+ }).autocomplete({
+ minLength: 0,
+ source: function(request, response) {
+ // delegate back to autocomplete, but extract the last term
+ response($.ui.autocomplete.filter(
+ SN.C.PtagACData, extractLast(request.term)));
+ },
+ focus: function() {
+ return false;
+ },
+ select: function(event, ui) {
+ var terms = split(this.value);
+ terms.pop();
+ terms.push(ui.item.value);
+ terms.push("");
+ this.value = terms.join(" ");
+ return false;
+ }
+ }).data('autocomplete')._renderItem = function(ul, item) {
+ // FIXME: with jQuery UI you cannot have it highlight the match
+ var _l = '<a class="ptag-ac-line-tag">' + item.tag
+ + ' <em class="privacy_mode">' + item.mode + '</em>'
+ + '<span class="freq">' + item.freq + '</span></a>'
+
+ return $("<li/>")
+ .addClass('mode-' + item.mode)
+ .addClass('ptag-ac-line')
+ .data("item.autocomplete", item)
+ .append(_l)
+ .appendTo(ul);
+ }
},
+ /**
+ * Run setup for the ajax people tags editor
+ *
+ * - show edit button
+ * - set event handle for click on edit button
+ * - loads people tag autocompletion data if not already present
+ * or if it is stale.
+ *
+ */
PeopleTags: function() {
$('.user_profile_tags .editable').append($('<button class="peopletags_edit_button"/>'));
$('.peopletags_edit_button').live('click', function() {
var form = $(this).parents('dd').eq(0).find('form');
// We can buy time from the above animation
- if (typeof SN.C.PtagACData === 'undefined') {
- $.getJSON(_peopletagAC + '?token=' + $('#token').val(), function(data) {
+
+ $.ajax({
+ url: _peopletagAC,
+ dataType: 'json',
+ data: {token: $('#token').val()},
+ ifModified: true,
+ success: function(data) {
+ // item.label is used to match
+ for (i=0; i < data.length; i++) {
+ data[i].label = data[i].tag;
+ }
+
SN.C.PtagACData = data;
- _loadTagInput(SN.Init.PeopletagAutocomplete);
- });
- } else { _loadTagInput(SN.Init.PeopletagAutocomplete); }
+ SN.Init.PeopletagAutocomplete(form.find('#tags'));
+ }
+ });
$(this).parents('ul').eq(0).fadeOut(200, function() {form.fadeIn(200).find('input#tags')});
- })
+ });
$('.user_profile_tags form .submit').live('click', function() {
SN.U.FormPeopletagsXHR($(this).parents('form')); return false;